@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

html, body {width:100%;
			background:#01416D;
			font-family: 'Exo 2', sans-serif;
			font-size:100%;
			height:100%;
			color: #666;
			font-weight:300;}

img {max-width:100%;}
a {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

header {width:100%; height:auto; float:left; background:#01416D; border-bottom:5px solid #003459;}
header .logo {width:100%; height:auto; float:left; margin:20px 0 15px 0;}
header .redes-sociais {width:100%; float:left; text-align:right; font-size:87.5%; margin:5px 0 25px 0;}
header .redes-sociais .rede-social {width:auto; float:right; margin:0 0 0 20px;}
header .redes-sociais .rede-social img {margin:0 5px 0 0;}
header .redes-sociais .rede-social a {color:#FFF; text-decoration:none;}
header .redes-sociais .rede-social a:active {color:#FFF; text-decoration:none;}
header .redes-sociais .rede-social a:visited {color:#FFF; text-decoration:none;}
header .redes-sociais .rede-social a:hover {color:#FFF; text-decoration:underline;}
header .menu {width:100%; float:right; text-align:right; font-size:87.5%}
header .menu nav ul li {margin:0 0 0 25px; display:inline;}
header .menu nav ul li a {color:#FFF; text-decoration:none;}
header .menu nav ul li a:active {color:#FFF; text-decoration:none;}
header .menu nav ul li a:visited {color:#FFF; text-decoration:none;}
header .menu nav ul li a:hover {color:#AABAD7; text-decoration:none;}

main {width:100%; height:auto; background:#EEE; float:left; min-height: 100vh;    min-height: -webkit-calc(100vh - 250px);    min-height:    -moz-calc(100vh - 250px);    min-height: calc(100vh - 250px);}

aside {width:100%; height:auto; float:left; background:url(../img/Banners/Banner01.jpg) top center no-repeat #FFF; padding:370px 0 0 0; color:#FFF}
aside h1 {font-size:125%; font-weight:700; margin:0 0 10px 0; color:#FFF;}
aside ul {margin:0 0 0 20px;}
aside ul li {list-style:circle; color:#AABAD7;}
aside a {color:#FFF; text-decoration:none; text-transform:capitalize;} 
aside a:active {color:#FFF; text-decoration:none;}
aside a:visited {color:#FFF; text-decoration:none;}
aside a:hover {color:#AABAD7; text-decoration:none;}
aside .empresa-home {width:100%; height:180px; float:left; background:url(../img/bg-empresa-home.png) bottom right #01416D; border-left:5px solid #003459; padding:15px 0 0 10px;box-shadow: 5px 5px 10px #666;-webkit-box-shadow: 5px 5px 10px #666;-moz-box-shadow: 5px 5px 10px #666;}
aside .pos-vendas-home {width:100%; height:180px; float:left; background:url(../img/bg-pos-vendas-home.png) bottom right #01416D; border-left:5px solid #003459; padding:15px 0 0 10px;box-shadow: 5px 5px 10px #666;-webkit-box-shadow: 5px 5px 10px #666;-moz-box-shadow: 5px 5px 10px #666;}
aside .representantes-home {width:100%; height:180px; float:left; background:url(../img/bg-representantes-home.png) bottom right #01416D; border-left:5px solid #003459; padding:15px 150px 0 10px;box-shadow: 5px 5px 10px #666;-webkit-box-shadow: 5px 5px 10px #666;-moz-box-shadow: 5px 5px 10px #666;}

figure {width:100%; height:auto; float:left; padding:30px 0; background:#EEE;}
figure img {width:100%;}

section {width:100%; height:auto; float:left; margin:0 0 30px 0;}
section .newsletter-home {width:100%; height:auto; float:left; background:#AAA; padding:15px 15px;}
section .newsletter-home h5 {font-size:125%; color:#333; font-size:800; margin:0 0 10px 0}
section .newsletter-home h5 span {font-size:100%; color:#666;}
section .atendimento {width:100%; float:left;}

/* GERAL PARA PÁGINAS INTERNAS */
section header {background:url(../img/topo.jpg) center top repeat-x #000; margin:0 0 20px 0; border-bottom:0px;}
section header h1 {font-size:200%; color:#01416D; font-weight:800; margin:90px 0 10px 0;}
section header h1 span {color:#666; font-weight:400}
section article {width:100%; height:auto; float:left;}
section article h2 {font-size:150%; color:#01416D; font-weight:700; margin:20px 0 10px 0;}
section article h3 {font-size:125%; color:#01416D; font-weight:700; margin:0 0 10px 0;}
section article ul {padding:0 0 15px 25px; float:left; width:100%;}
section article ul li {float:left; width:100%; margin-bottom:8px;}

/* A EMPRESA - INSTITUCIONAL */
section article .institucional {float:left; width:100%;}
section article .institucional p {text-align:justify;}
section article .institucional img {float:right; margin:0 0 20px 20px; border:1px solid #CCC; padding:5px 5px; background:#FFF;}
section article .localizacao {background:#EAEAEA; border:1px solid #C7C7C7; padding:15px 15px; float:left; width:100%; margin-bottom:20px;}
section article .localizacao img {margin-bottom:15px;}
section article .localizacao a {color:#01416D; text-decoration:none; font-weight:800}
section article .localizacao a img {float:left; margin:3px 3px 0 0;}
section article .localizacao a:active {color:#01416D; text-decoration:none;}
section article .localizacao a:visited {color:#01416D; text-decoration:none;}
section article .localizacao a:hover {color:#000; text-decoration:none;}

/* DICAS */
section article .dicas {width:100%; float:left;}
section article .dicas span {color:#01416D; font-weight:700;}
section article .dicas h2 {margin:0 0 5px 0; font-size:150%; font-weight:500;}
section article .dicas h6 {font-size:87.5%; font-variant:200; font-style:italic; margin:0 0 30px 0; color:#999}

/* PRODUTO */
section article .descricao {width:100%; float:left; text-align:justify;}
section article .descricao h2 {font-size:200%; text-transform:uppercase; margin:0 0 30px 0; font-weight:700}
section article .descricao h3 {font-size:100%; font-weight:500; margin:0 0 0 0; color:#000;}
section article .descricao p {margin:0 0 20px 0;}
section article .slideshow {width:100%; float:left;}
section article .galeria-de-fotos {width:100%; float:left; margin:25px 0;}
section article .galeria-de-fotos h4 {font-size:125%; font-weight:700; margin:0 0 5px 0; color:#01416D;}
section article .modelos {width:100%; float:left; margin-bottom:25px; font-size:87.5%}
section article .modelos h4 {font-size:125%; font-weight:700; margin:0 0 10px 0; color:#01416D;}
section article .modelos table {width:100%; margin-bottom:20px;}
section article .modelos table hr {width:100%; height:1px; border:none; background:#999; float:left; margin:10px 0;}
section article .orcamento {width:100%; float:left;}
section article .orcamento h4 {font-size:125%; font-weight:700; margin:0 0 10px 0; color:#01416D;}


/* CONTATO */
section .informacoes {width:100%; float:left;}
section .informacoes img {margin-bottom:40px;}
section .informacoes h2 {font-size:125%; color:#01416D; font-weight:700; margin:0 0 5px 0;}
section .informacoes p {margin:0 0 20px 0;}

footer {width:100%; height:auto; float:left; border-top:5px solid #003459; background:#01416D; padding:15px 0 20px 0; min-height:155px;}
footer .logo {width:100%; float:left;}
footer .endereco {width:100%; float:left; color:#AABAD7; text-align:right;}
footer .endereco h6 {font-size:90%; color:#FFF; font-weight:800; margin:0 0 5px 0;}
footer .endereco p {margin:0 0; font-size:80%}
footer .sombra {width:100%; height:15px; float:left; margin:10px 0; background:url(../img/sombra.jpg) center no-repeat;}
footer .idiomas {width:100%; float:left;}
footer .idiomas img {margin-right:5px;}
footer .kowata {width:100%; float:left; text-align:right}
footer .kowata img {margin:10px 0 0 0;}

/* Estilo para tablet */
@media only screen and (min-width:993px) and (max-width:1199px) {
header .menu nav ul li {margin:0 0 0 10px;}
aside .empresa-home {height:180px; background-image:none; background-color:#01416D; padding:10px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
aside .pos-vendas-home {height:180px; background-image:none; background-color:#01416D; padding:10px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
aside .representantes-home {height:180px; background-image:none; background-color:#01416D; padding:10px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
}

/* Estilo para tablet */
@media only screen and (min-width:769px) and (max-width:992px) {
header .redes-sociais {margin:5px 0 10px 0; font-size:60%}
header .menu {width:100%; float:right; text-align:right; font-size:70%}
header .menu nav ul li {margin:0 0 0 10px;}

aside .empresa-home {height:180px; background-image:none; background-color:#01416D; padding:10px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
aside .pos-vendas-home {height:180px; background-image:none; background-color:#01416D; padding:10px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
aside .representantes-home {height:180px; background-image:none; background-color:#01416D; padding:10px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
}

/* Estilo para tablet */
@media only screen and (min-width:481px) and (max-width:768px) {
header .logo {margin:20px 0 15px 0; text-align:center;}
header .redes-sociais {text-align:center; font-size:87.5%; margin:5px 0 10px 0;}
header .redes-sociais .rede-social {width:33%; float:left; margin:0 0;}
header .menu {text-align:center; font-size:87.5%}
header .menu nav ul li {margin:0 0 0 0; display:block;}
header .menu nav ul li a {color:#FFF; text-decoration:none; width:100%; float:left; padding:5px 0px; border-bottom:1px solid #FFF;}
header .menu nav ul li a:hover {color:#FFF; text-decoration:none; background:#AABAD7}

aside h1 {font-size:100%;}
aside .empresa-home {height:130px; background-image:none; background-color:#01416D; padding:15px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
aside .pos-vendas-home {height:130px; background-image:none; background-color:#01416D; padding:15px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0;}
aside .representantes-home {height:auto; background-image:none; background-color:#01416D; padding:15px 10px;box-shadow:0 0;-webkit-box-shadow:0 0;-moz-box-shadow:0 0; margin:20px 0 0 0;}

figure .facebook {margin-top:20px;}

section .newsletter-home {margin-bottom:15px;}

/* GERAL PARA PÁGINAS INTERNAS */
section header h1 {font-size:150%; font-weight:800; margin:60px 0 10px 0;}

/* CONTATO */
section .informacoes {margin-top:30px;}
section .informacoes img {margin-bottom:20px;}

footer .logo {text-align:center; margin:0 0 10px 0;}
footer .endereco {text-align:center;}
footer .endereco h6 {margin:0 0 10px 0;}
footer .idiomas {text-align:center;}
footer .kowata {text-align:center}
footer .kowata img {margin:20px 0 0 0;}
}
/* Estilo para smartphone */
@media only screen and (min-width:0px) and (max-width:480px) {
header .logo {margin:20px 0 15px 0; text-align:center;}
header .redes-sociais {text-align:center; font-size:87.5%; margin:5px 0 10px 0;}
header .redes-sociais .rede-social {width:33%; float:left; margin:0 0;}
header .menu {text-align:center; font-size:87.5%}
header .menu nav ul li {margin:0 0 0 0; display:block;}
header .menu nav ul li a {color:#FFF; text-decoration:none; width:100%; float:left; padding:5px 0px; border-bottom:1px solid #FFF;}
header .menu nav ul li a:hover {color:#FFF; text-decoration:none; background:#AABAD7}

aside {display:none;}

figure .facebook {margin-top:20px;}

section .newsletter {margin-bottom:15px;}
section .newsletter-home {margin-bottom:15px;}

/* GERAL PARA PÁGINAS INTERNAS */
section header h1 {font-size:150%; font-weight:800; margin:60px 0 10px 0;}

/* A EMPRESA - INSTITUCIOANL */
section article .institucional {margin-bottom:20px;}

/* PRODUTO */
section article .descricao h2 {font-size:150%; font-weight:700; text-align:left}

/* CONTATO */
section .informacoes {margin-top:30px;}
section .informacoes img {margin-bottom:20px;}

footer .logo {text-align:center; margin:0 0 10px 0;}
footer .endereco {text-align:center;}
footer .endereco h6 {margin:0 0 10px 0;}
footer .idiomas {text-align:center;}
footer .kowata {text-align:center}
footer .kowata img {margin:20px 0 0 0;}
}

/*PAGINACAO*/
#paginacao {
	float:left;
	margin-top:20px;
	width:100%;	
}

#paginacao a, .pgsel{
	color:#000;
	float:left;
	min-width:30px;
	height:30px;
	text-align:center;
	border:#CCC 1px solid;
	margin-right:3px;
	line-height:20px;
	text-decoration:none;
	padding:5px;
}

#paginacao a:hover{
	text-decoration:none;
	background:#01416D;
	color:#FFF !important;
	text-decoration:none !important;
}

.pgsel{
	background:#000000;
	color:#FFF;
	float:left;
}