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

html, body {width:100%;
			background:#ECFAFF;
			font-family: 'Lato', sans-serif;
			font-size:100%;
			height:100%;
			color: #111;
			font-weight:300;
      margin-top:-10px;}

h1 {color:#00608A; font-size:162.5%; font-weight:500; margin:0 0 20px 0;}
h2 {color:#00608A; font-size:162.5%; font-weight:500; margin:0 0 20px 0;}
h3 {color:#000; font-size:162.5%; font-weight:500; margin:0 0 20px 0;}
h4 {color:#FFF; font-size:162.5%; font-weight:500; margin:0 0 20px 0;}


h6 {color:#FFF; font-size:112.5%; font-weight:400; margin:3px 0 0 0;}

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;}
header .logo {width:100%; height:auto; margin:15px 0 0 0;}
header .menu {width:auto; float:right; text-align:right; font-weight:700}
header .menu nav ul {margin:0 0;}
header .menu nav ul li {display:inline;}
header .menu nav ul li a {color:#333; text-decoration:none; background:none; padding:45px 20px; float:left;}
header .menu nav ul li a:active {color:#333; text-decoration:none; background:none;}
header .menu nav ul li a:visited {color:#333; text-decoration:none; background:none;}
header .menu nav ul li a:hover {color:#FFF; text-decoration:none; background:#0098DA;}

main {width:100%; height:auto;}

figure {width:100%; height:auto; float:left;}
figure img {width:100%;}

section {width:100%; height:auto; float:left; padding:40px 0 40px 0;}

section.empresa {text-align:justify;}

section.pontos {background:url(../img/bg-pontos.jpg) center bottom fixed;}
section.pontos .ponto {width:100%; height:180px; float:left; margin:0 0 15px 0; background:#FFF; border:1px solid #FFF; padding:0 0 5px 0;}
section.pontos .ponto .endereco {width:100%; height:110px; float:left; background:#EEE; font-size:87.5%}
section.pontos .ponto .endereco p {margin:0 0;}
section.pontos .ponto .endereco p span {color:#FFF; background:#333333; padding:10px 10px; font-weight:700; float:left; margin:0 10px 0 0; height:100%}
section.pontos .ponto .botoes {width:100%; height:auto; float:left; margin:25px 0 0 0; font-size:75%;}
section.pontos .ponto .botoes .icone {width:25%; float:left; text-align:center;}

section.contato {background:#1F1D1E;}
section.contato .dados {width:100%; height:auto; float:left; color:#999; background:url(../img/Logo-Plic-Contato.png) right bottom no-repeat; font-size:87.5%; padding-bottom:70px;}
section.contato .dados img {float:left; margin:2px 5px 5px 0;}
section.contato .dados p {margin:0px 0 25px 0;}

footer {width:100%; height:auto; float:left; background:#373435; padding:10px 0; color:#FFF;}

/* Estilo para tablet */
@media only screen and (min-width:993px) and (max-width:1199px) {
header .menu nav ul li a {padding:45px 10px;}


}

/* Estilo para tablet */
@media only screen and (min-width:769px) and (max-width:992px) {
header .menu {width:auto; float:right; text-align:right; font-weight:500; font-size:80%}
header .menu nav ul li a {padding:45px 10px;}

section.contato .dados {padding-bottom:0px;}
}

/* Estilo para tablet */
@media only screen and (min-width:481px) and (max-width:768px) {
h2 {margin:30px 0 20px 0;}

header .logo {text-align:center;}
header .menu {text-align:center; font-weight:300; width:100%}
header .menu nav ul {width:100%; margin:10px 0; float:left}
header .menu nav ul li {display:block; font-size:87.5%}
header .menu nav ul li a {color:#FFF; background:#333; padding:8px 0px; width:100%; text-align:center; border-bottom:1px solid #CCC;}
header .menu nav ul li a:active {color:#FFF; background:#333;}
header .menu nav ul li a:visited {color:#FFF; background:#333;}
header .menu nav ul li a:hover {color:#FFF; background:#0098DA;}

section.contato .dados {margin:20px 0 0 0;}
}
/* Estilo para smartphone */
@media only screen and (min-width:0px) and (max-width:480px) {
h2 {margin:30px 0 20px 0;}
h6 {font-size:90%; }

header .logo {text-align:center;}
header .menu {text-align:center; font-weight:300; width:100%}
header .menu nav ul {width:100%; margin:10px 0; float:left}
header .menu nav ul li {display:block; font-size:87.5%}
header .menu nav ul li a {color:#FFF; background:#333; padding:8px 0px; width:100%; text-align:center; border-bottom:1px solid #CCC;}
header .menu nav ul li a:active {color:#FFF; background:#333;}
header .menu nav ul li a:visited {color:#FFF; background:#333;}
header .menu nav ul li a:hover {color:#FFF; background:#0098DA;}

section.pontos .ponto .botoes {font-size:60%}

section.contato .dados {margin:20px 0 0 0; padding-bottom:90px;}
}