@charset "utf-8";
/* CSS Document */
img:link{text-decoration:none;}

body {margin-left: 0px;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'Raleway', sans-serif;font-size:16px;}
a {font-family: 'Raleway', sans-serif;font-size:16px;}


#areatotal{position:relative; width:1200px; margin:0 auto;}
#quebra{position:relative; width:100%; height:30px; clear:both}

#submenu{position:fixed; clear:both; width:100%; height:110px; z-index:3; background:#006699; opacity:0.9}
#basemenu{position:fixed; width:100%; height:110px; z-index:4;}
#menucentro {position:relative; width:1150px; height:87px; margin:0 auto; margin-top:36px; background:url(../img/menu.png) top center 100%}
#logo{position:relative; width:214px; height:38px; margin-left:5px; float:left;}

#menutexto{position:relative; width:720px; margin-top:6px; height:30px; float: right;}
#menuitem{position:relative; margin-left:20px; margin-right:20px; float:left;  }

a.menulink:link{text-align:center; font-size:0.9em; color:#FFFFFF; font-weight:600; text-decoration:none;	text-shadow: 2px 2px 4px #000000;-webkit-transition: color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}
a.menulink:active{color:#FFFF00;}
a.menulink:visited{color:#FFFFFF;}
a.menulink:hover{color:#FFFF00;-webkit-transition: color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}

a.menulinkdois:link{text-align:center; font-size:1em; color:#FFFFFF; font-weight:600; text-decoration:none;	text-shadow: 2px 2px 4px #000000;-webkit-transition: color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}
a.menulinkdois:active{color:#FFFF00;}
a.menulinkdois:visited{color:#FFFFFF;}
a.menulinkdois:hover{text-shadow:none; color:#003399;-webkit-transition: color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}

.autoplay{margin-bottom:0 !important}

#quebra{position:relative; width:100%; height:20px; clear:both}

#invisiblemenu{position:relative; width:100%; height:110px; margin:0; clear:both}

#areadestaque{position:relative; width:100%; margin:0 auto; clear:both}

#destaque {position:relative; width:600px; height:450px; margin-top:20px; float:left;}

#titulodestaque{position:absolute; width: calc(100% - 50px); margin:20px; top: 10px; left:10px; z-index:2; font-family: 'Raleway', sans-serif;font-size:2em; line-height:1em; font-weight:800; text-shadow: 2px 2px 4px #000000;}

#descricaodestaque{position:absolute; width: calc(100% - 50px); margin:20px; left:10px; bottom:5px; z-index:2; font-family: 'Raleway', sans-serif;font-size:1.2em; font-weight:700; text-shadow: 2px 2px 4px #000000;}

.destaque:link{color:#FFFFFF; text-decoration:none; -webkit-transition: color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}
.destaque:visited{color:#FFFFFF; text-decoration:none}
.destaque:hover{color:#FFFF33; text-decoration:none; -webkit-transition: color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}
.destaque:active{color:#FFFF33; text-decoration:none}

#destaquedois{position:relative; width:580px; height:215px; margin-top:20px; margin-left:20px; float:left;}

#oestacionamento{position:relative; width:100%; padding-top:10px; padding-bottom:30px; margin-top:0; background:#FFFFFF}

#backpages{position:relative; width:100%; height:400px; text-shadow: 0.1em 0.1em 0.2em black; margin:0 auto; max-width:1920px; font-size:50px; font-weight:700; line-height:480px; text-align:center; color:#FFFFFF;}

#imgumpages{position:relative; margin:0 auto; margin-top:20px; width:800px; height:500px;}

#botoesarea{position:relative; width:570px; height:95px; margin:0 auto; margin-top:20px; margin-bottom:20px;}

#botaoloja{position:relative; width:285px; height:95px; float:left;}

#meiapagina{position:relative; margin-left:5px; margin-right:5px; width: calc(50% - 10px); float:left; display:block}



/*IMPORT*/

#basetexto{width:800px; margin:0 auto; margin-top:30px;}

#linhacinza{border-top:2px solid #666666;width:90px;margin:0 auto;margin-top:5px;}
#linhacinzaleft{border-top:2px solid #666666;width:90px;margin-left:5px;margin-top:5px;}
#linhacinzaclaro{border-top:2px solid #CCCCCC;width:90px;margin:0 auto;margin-top:5px;}
#linhacinzaprodutos{border-top:2px solid #666666;width:50px;margin-left:72px;margin-top:5px;}


.subtitulocinza {font-size:1.3em; margin-top:30px; font-weight:500; margin-bottom:0; text-align: center; color:#333333}
.subtitulobranco {font-size:1.3em; margin-top:30px; margin-bottom:0; text-align: center; color:#FFFFFF; line-height:1em}
.subtitulobrancosombra {font-size:1.3em; margin-top:30px; margin-bottom:0; text-align: center; color:#FFFFFF; text-shadow: 2px 2px 4px #000000}
.tituloazul {font-size:1.6em; line-height:1.3em; margin-top:5px; margin-bottom:0; text-align: center; font-weight:800; color:#003366;}
.titulobrancocentro {font-size:1.6em; cursor:pointer; line-height:1.3em; margin-top:5px; margin-bottom:0; text-align: center; font-weight:700; color:#FFFFFF;}
.textocinzacentro{text-align:center; margin-top:20px; margin-bottom:10px; color:#333333; font-size:1.3em; font-weight:400;}

a.linkcinzacentro:link{text-align:center; margin-top:20px; margin-bottom:10px; color:#333333; font-size:1em; font-weight:400; text-decoration: underline}
a.linkcinzacentro:visited{text-align:center; margin-top:20px; margin-bottom:10px; color:#333333; font-size:1em; font-weight:400; text-decoration: underline}
a.linkcinzacentro:active{text-align:center; margin-top:20px; margin-bottom:10px; color:#333333; font-size:1em; font-weight:400; text-decoration: underline}
a.linkcinzacentro:hover{text-align:center; margin-top:20px; margin-bottom:10px; color:rgba(255,0,4,1.00); font-size:1em; font-weight:400; text-decoration: underline}

.textocinzaesq{text-align:left; width:450px; margin:0 auto; margin-top:20px; margin-bottom:10px; color:#333333; font-size:1.3em; font-weight:400;}
.textobrancocentro{text-align:center; cursor:pointer; margin-top:20px; margin-bottom:10px; color:#FFFFFF; font-size:1.3em; font-weight:400;}

.linkcinzacentro:link{text-align:center; text-decoration:none; font-family: 'Raleway', sans-serif; margin-top:20px; margin-bottom:10px; color:#333333; font-size:1em; font-weight:400;}
.linkcinzacentro:hover{color:#CC0000}
.linkcinzacentro:visited{color:#333333}
.linkcinzacentro:hover{color:#CC0000}

/*IMPORT*/



#colunatres{position:relative; width:340px; margin-right:10px; margin-left:10px; height:620px; background:#CCCCCC; padding:20px; float:left}
.ultimacoluna{}
#imagemcolunatres{position:relative; width:340px; height:220px; background:#003333; margin-top:20px; clear:both}

#mapa{position:relative; width:100%; margin-top:0; margin-bottom:10px; border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC}


/*CONTATO E RODAPÉ*/
#backcontato{position:relative; margin:0 auto; width: 100%; height:500px; padding-top:30px; display:block; max-width:1920px; margin-top:30px; background:#096699 center center fixed}

#meiapaginaf{position:relative; width:50%; height:300px; float:left; display:block}
#meiapaginam{position:relative; width:50%; height:300px; float:left; display:block}
#face{position:relative; margin:0 auto; width:500px; height:300px; display:block;}
#mail{position:relative; margin:0 auto; width:500px; height:300px; display:block;}

#rodape{position:relative; width: calc(100%-10px); padding-top:5px; padding-bottom:7px; padding-left:10px; padding-right:10px; background:#003366; text-align:center; color:#FFFFFF; font-size:1em}

.contatonome{margin-bottom:10px; background:#FFFFFF; border:1px solid #999999; padding:10px; font-size:18px; font-weight:300px; width:calc(100% - 22px); font-family:'Raleway'}
textarea{margin-bottom:10px; background:#FFFFFF; border:1px solid #999999; padding:10px; font-size:18px; font-weight:300px; width:calc(100% - 22px); font-family:'Raleway'; height:115px; resize:none}

.inputenviar{margin-bottom:10px; background:#FFFFFF; border:1px solid #999999; padding:9px; font-size:18px; font-weight:300px; width:calc(100%); font-family:'Raleway'}
.contatoenviar{margin-bottom:10px; margin-left:25%; font-size:18px; background:#FFFF00; color:#333333; font-weight:700; border:none; cursor:pointer; padding:10px; font-size:20px; min-width:50%; font-family:'Raleway'; -webkit-transition: background 0.7s ease-in-out;-moz-transition:background 0.7s ease-in-out;transition: background 0.7s ease-in-out;}
.contatoenviar:hover{background:#FFCC00; -webkit-transition: background 0.7s ease-in-out;-moz-transition:background 0.7s ease-in-out;transition: background 0.7s ease-in-out;}

.contatoenviarform{margin-bottom:10px; font-size:18px; background:#006699; color:#FFFFFF; font-weight:700; border:none; cursor:pointer; padding:10px; font-size:20px; min-width:100%; font-family:'Raleway'; -webkit-transition: background 0.7s ease-in-out;-moz-transition:background 0.7s ease-in-out;transition: background 0.7s ease-in-out;}
.contatoenviarform:hover{background:#000066; -webkit-transition: background 0.7s ease-in-out;-moz-transition:background 0.7s ease-in-out;transition: background 0.7s ease-in-out;}
/*FIM CONTATO RODAPÉ*/


/*ZOOM RETINA*/

.hoverzoom {
	position: relative;
    width: 600px;
	cursor:pointer;
	overflow:hidden;

}
.hoverzoom > img {
   width: 100%; 
	-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover > img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}

.hoverzoom .retina{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);    
    text-align: center;
 
    -webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
}
.hoverzoom:hover .retina {
    opacity: 1;
    box-shadow: inset 0 0 100px 50px rgba(0,0,0,.3);
	padding-top:50px;
    
}
.hoverzoom .retina p {
	color: #fff;
	margin:0;
	padding:0;
	margin-top:10px;
}
.nomeunidade{
	color: #fff;
	margin:0;
	font-size:30px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.2em black;
}
.hoverzoom .retina a {
	display: block;
	width: 60%;
	background: #C00;
	color: #fff;
	padding:10px;
	margin:0 auto;
	text-decoration: none;
	text-align: center;
	margin-top:10px;
}
/*FIM ZOOM RETINA*/
/*ZOOM RETINA 2*/

.hoverzoom2 {
	position: relative;
    width: 580px;
	height: 215px;
	cursor:pointer;
	overflow:hidden;

}
.hoverzoom2 > img {
   width: 100%; 
	-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom2:hover > img {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}
.hoverzoom2 .retina2{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);    
    text-align: center;
 
    -webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
}
.hoverzoom2:hover .retina2 {
    opacity: 1;
    box-shadow: inset 0 0 100px 50px rgba(0,0,0,.3);
	padding-top:60px;
    
}
.hoverzoom2 .retina2 p {
	color: #fff;
	margin:0;
	padding:0;
}
.nomeunidade2{
	color: #fff;
	margin:0;
	font-size:30px;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.2em black;
}
.hoverzoom2 .retina2 a {
	display: block;
	width: 60%;
	background:;
	color: #fff;
	padding:5px;
	margin:0 auto;
	text-decoration: none;
	text-align: center;
	margin-top:2px;
	font-weight:700;
	font-size:1.8em;
	text-shadow: 0.1em 0.1em 0.2em black;
}
/*FIM ZOOM RETINA 2*/