/* ------------------------------------------------------
Geral --------------------------------------------------*/
.container{
margin: 0 auto;
max-width:1500px;
width:86%;
position:relative;
min-height: 80px;
}
.clear{height:20px;clear:both;width:100%;}
h1,h2,h3,h4,h5 {color:#234677;}
h1 {font-size:220%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
a{
color:#234677;text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.button {
background:#44728E; padding:8px; max-width:80%; min-width:280px; margin:8px auto;
-webkit-border-radius: 15px;-moz-border-radius: 7px;border-radius: 7px; text-align:center;
}
.button:hover {
background:#6293B1; cursor:pointer;
}
.button a {
color:#fff;font-size:20px;font-weight:bold;
}
.button a:hover {
text-decoration:none;
}
/* ------------------------------------------------------
Topo --------------------------------------------------*/
.top{
background:url(../img/header.png) no-repeat;
background-size: cover;
width: 100%;
min-height: 115px;
}
.logo{
z-index:9999;
position:absolute;
float:left;
padding-top:10px;
padding-bottom:10px;
width:200px;
background:url(../img/logo.png) no-repeat;
background-size: cover;
}
.logo a img{
max-width:90%;
padding:5%;
}
.menubase{
padding-top:14px;
float:right;
}
.fonebase{
text-align:right;margin-bottom:35px;
}
.foneIn{
float:right;
text-align:right;
text-shadow: 1px 1px 7px #000000;
padding-right:6px; padding-top:6px; 
}
.fonebase a{
font-size:13px;
color:#fff;text-decoration:none;
}
.fonebase a:hover{
text-decoration:underline;
}
.fonebase b{
font-size:14px;color:yellow;
}
.fone {
float:right;
color:#fff; padding-right:23px; font-size:27px;
text-shadow: 1px 1px 7px #000000;font-weight:bold;
line-height:110%;
}
/* ------------------------------------------------------
Slide --------------------------------------------------*/
.slideGeral{
background:url(../img/bg-blue-map.jpg) no-repeat;
background-size: cover;
width: 100%;
min-height: 330px;
padding-bottom:10px; padding-top:10px;
display:table;
}
.estiloTitleBanner{
margin-left:90px;
color:#2F5FA1;font-size:30px;font-weight: bold;
text-shadow: 1px 1px 7px #ffffff;background-color:rgba(220, 220, 220, 0.6);
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
padding:10px;min-width:30%;
}
.estiloTitleBanner i{
font-size:80%;
}
.sombraBanner{
background:url(../img/shadow.png) no-repeat top center ;
width: 100%;
min-height: 40px;
}
/* ------------------------------------------------------
Home --------------------------------------------------*/
.highlights {
  position: relative;
  padding-bottom: 15px;
}
.highlights-item {
  float: left;
  margin: 0 0 0 2%;
  width: 30%;
  background:#fff;
  height:240px;
  padding:1%;
  display: table;
}

.highlights-item:first-of-type {
  margin-left: 0;
}

.highlights-item img {
  display: block;
  width: 100%;
  margin: 0 0 5px;
}
.highlights-item h3 {
  font-size: 20px;
  text-align: center;
}
.highlights-item {
  font-size: 16px;
  text-align: center;
}
.col1{
width:43%;float:left;margin-right:5px;background:#ffffff;
padding:20px;display:table;margin-bottom:40px;min-height:200px;
}
.col2{
width:43%;float:right;margin-left:5px;background:#ffffff;
padding:20px;display:table;margin-bottom:40px;min-height:200px;
}
.col1 p,.col2 p{
text-align:justify;
}
.col1 h2,.col2 h2{
height:60px;
}
.blueBg{
background:#E9F1F5 url(../img/bar_blue.png) no-repeat  top center;
display:table;padding:20px 0px;margin:10px 0px;width:100%;
padding-top: 50px;
}
.blueBgFim{
background:#E9F1F5 url(../img/bar_blueFim.png) no-repeat  top center;
height: 50px;
}
.blueBgFim2{
background:#F5F5F5 url(../img/bar_blueFim2.png) no-repeat  top center;
height: 50px;
}
.barrodFim{
background:#F5F5F5 url(../img/bar_rodFim.png) no-repeat  top center;
height: 50px;
}
.barWhite2{
background:#F5F5F5 url(../img/bar_White2.png) no-repeat  top center;
height: 50px;
}
.barBlue2{
background:#F5F5F5 url(../img/bar_Blue2.png) no-repeat  top center;
height: 50px;
}
/* ------------------------------------------------------
internas --------------------------------------------------*/
.blueInt{
background:#2E4D71 url(../img/blue.png) no-repeat  top center;
height: 40px;
}
.intGeral{
background:url(../img/bg-blue-map.jpg) no-repeat;
background-size: cover;
width: 100%;
min-height: 80px;
padding-bottom:10px; padding-top:10px;
}
.intGeral h1{
color:#ffffff; padding-top:20px;
}
.int {
margin:20px 0px;min-height: 180px;
}
.int p, .int h2  {
margin:30px 0px; text-align:justify;
}
.int img{
float:left; border:10px solid #f2f2f2; margin-right:30px;
height:230px; width:auto;
}
.int2 {
margin:10px 0px;
}
.int2 p, .int2 h3  {
margin:20px 0px; text-align:justify;
}
.int2 img{
float:left; border:5px solid #f2f2f2; margin-right:20px;
height:130px; width:auto;
}
.clientes{
border:2px solid #FDFEFD;
float:left; background:#FDFEFD; margin:10px;
padding:15px;
text-align: center;
height:150px; width:150px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display:relative;
}
.clientesIM {
padding-top:15px;
max-width:90%;
max-height:70%;
}
.clientes a:hover{
text-decoration:none;
opacity: 0.85; 
filter: alpha(opacity=85);
}
.content-container {  
width:450px; height:450px;  
text-align: center;  
border:5px solid #f2f2f2;
}
.subcat ul{
min-height:50px;padding-top:15px;
}
.subcat ul li {
display:inline-table;
}
.subcat ul li a{
padding:8px 10px;font-weight:bold;background:#f2f2f2;margin:10px;text-decoration:none;
}
.subcat ul li a:hover{
background:#FAFAFA;
}
.clientesGeral {padding-left:100px;}
/* ------------------------------------------------------
footer --------------------------------------------------*/
.menurod{
color:#ffffff;
background:url(../img/rod.png) repeat;
width: 100%; min-height: 115px;
text-align:center;
padding-bottom:10px; padding-top:10px;
border-bottom:8px #2077A4 solid;
}
.rod{
background:#325062;text-align:center;color:#fff;
}
.rod a {
color:#ffffff;
text-decoration:none;
}
.rod li {
display:inline;
}
.rod ul {
display:block;
width:auto !important;
margin:0 auto !important;
list-style:none;
height:40px; 
padding-top:20px;
padding-bottom:10px;
}
.rod ul li a {
padding: 2px 10px;
display: inline-block;
color:#ffffff;
text-decoration:none;
text-shadow: 1px 1px 7px #000000;font-weight:bold;
}
/* visual do link */
.rod ul li a:hover {
text-decoration: none;
border-bottom:3px solid #EDEDED;
}
.webmaster{
height:20px;clear:both;padding:10px;font-size:80%;
}
.webmaster a{
font-size:80%;
}
/* ------------------------------------------------------
formulario --------------------------------------------------*/
.forms h2{
text-align:center;padding-bottom:10px;
}
::-webkit-input-placeholder {color:#497086;
}
:-moz-placeholder {color:#497086;
}
::-moz-placeholder {color:#497086;
}
:-ms-input-placeholder {color:#497086;
}
.forms input[type="text"], .forms input[type="email"], .forms input[type="tel"], .forms input[type="date"]{
height:30px; width:77%; margin-bottom:15px; padding:5px; background:#F0F0F0; border:1px solid #E2E3DC;
}
.forms input[type="text"], .forms input[type="email"], .forms input[type="tel"], .forms input[type="date"]{
height:30px; width:77%; margin-bottom:15px; padding:5px; background:#F0F0F0; border:1px solid #E2E3DC;
}
.forms input[type="file"]{
height:30px; margin-bottom:15px; padding:5px; background:#F0F0F0; border:1px solid #E2E3DC;
}
.forms small {
color:#6A6B64;font-style:italic;
}
.forms textarea{
height:80px; width:77%; margin-bottom:15px; padding:5px; resize:none; background:#F0F0F0; border:1px solid #E2E3DC;
}
.forms select{
height:38px; width:78%; margin-bottom:15px; padding:5px; background:#F0F0F0; border:1px solid #E2E3DC;
}
.forms input[type="text"]:hover, .forms input[type="email"]:hover,.forms textarea:hover,
.forms select:hover,.forms input[type="file"]:hover, .forms input[type="tel"]:hover{
background:#EEEEDC; border:1px solid #DBDCCB;
}
.formInt{padding-top:15px;padding-bottom:-5px;
}
.formInt:hover {background:#F7F7F1;padding-top:15px;padding-bottom:-5px;
}
.forms fieldset {padding:10px;border:1px solid #f1f1f1;}
/* ================================================= */
.checkbox {height:30px;padding-top:15px;
}
.checkbox:hover {background:#F7F7F1;
}
.checkbox label {
display: inline-block;
cursor: pointer;
position: relative;
}
.checkbox input[type=radio],
.checkbox input[type=checkbox] {
display: none;
}
.checkbox label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background: #E8E8E8;
border:1px solid #D3D5CB;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.radio label:before {
	border-radius: 8px;
}
.checkbox label {
	margin-bottom: 10px;
}
.checkbox label:before {
    border-radius: 3px;
}
.checkbox input[type=radio]:checked + label:before {
content: "\2022";
color: #585855;
font-size: 30px;
text-align: center;
line-height: 18px;
}
.checkbox input[type=checkbox]:checked + label:before {
content: "\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 20px;
color: #585855;
text-align: center;
line-height: 15px;
}
/* ================================================= */
.forms input[type="submit"]{
height:40px; width:180px; padding:5px; float:right;
}
.forms label{
width:20%; padding:5px; padding-left:10px; float:left;
}
/* //////////////////////////////////////////
				CSS @media 
////////////////////////////////////////// */
@media only screen and (max-width: 1350px) {
	h1 {font-size:180%;}
	h2 {font-size:150%;}
	h3 {font-size:120%;}
	h4 {font-size:100%;}
	h5 {font-size:100%;}
	.estiloTitleBanner {font-size:25px;}
}
@media only screen and (max-width: 1280px) {
	.clientesGeral {padding-left:70px;}
}
@media only screen and (max-width: 1200px) {
	h1 {font-size:150%;}
	h2 {font-size:135%;}
	h3 {font-size:110%;}
	.estiloTitleBanner {font-size:20px;}
	.col1 h2, .col2 h2 {height: 80px;}
	.clientesGeral {padding-left:40px;}
	.content-container {width:430px; height:430px;}
}
@media only screen and (max-width: 1100px) {
	.content-container {width:99%; height:400px;}
}
@media only screen and (max-width: 980px) {
	.logo{float:none;width:206px;margin:0 auto;position:relative;}
	.fonebase{margin-bottom:0px;position:absolute;top:5px;right:0px;width:180px;}
	.foneIn span{display:none;}
	.menubase{float:none;height:60px;}
	.estiloTitleBanner {font-size:17px;}
	.container {width: 96%;}
	.intGeral {min-height: 60px;}
	.clientesGeral {padding-left:60px;}
}
@media only screen and (max-width: 768px) {
	.top{background:#414D56;background-image: none !important;}
	.int {margin:20px 10px;min-height: 250px;}
	.subcat ul li {margin-top:25px;margin-bottom:25px;}
}
@media only screen and (max-width: 700px) {
	.col1{float:none; width:88%; min-height:100px; margin:0px auto 17px auto;}
	.col2{float:none; width:88%; min-height:100px; margin:15px auto 0px auto;}
	.col1 h2, .col2 h2 {height: 40px;}
	.int2 p, .int2 h3  {margin:20px 10px;}
}
@media only screen and (max-width: 550px) {
	.estiloTitleBanner {display:none;}
	.int {min-height: 150px;}
	.int img{float:none;}
	.clientesGeral {padding-left:1%;}
}
@media only screen and (max-width: 500px) {
	.rod ul { height:auto}
	.rod ul li a {margin-bottom:35px;}
	.rod ul li a:hover {margin-bottom:25px;}
	.int2 img{float:none;}
}
@media only screen and (max-width: 350px) {
	.clientesGeral {padding-left:1%;}
}