@charset "utf-8";
/* CSS Document */

#menumobile{width:30px; height:30px; margin-top:0; float:right; margin-right:10px; display:none}
.menumobile{
	background:url(../img/menu-mobile.png) center center no-repeat;
	background-size:auto 100%;
	width:30px;
	height:30px;
	border:0;
	padding-left:10px;
	padding-right:10px;
	font-family: 'Raleway', sans-serif;
	font-size:0;
	-ms-appearance: none;  /*Remove estilo padrão do IE*/
    -o-appearance: none; /* Remove estilo padrão do Opera*/
	-webkit-appearance: none;  /*Remove estilo padrão do Chrome*/
    -moz-appearance: none; /* Remove estilo padrão do FireFox*/
}
select:after{
	width:0;
	height:0
}

@media screen and (max-width:399px){
#areatotal{width:300px}
#menucentro{width:300px; height:31px; margin-top:28px}
#logo{width:174px; height:31px}
#menutexto{display:none}
#menumobile{display:block}

#submenu{height:90px;}
#basemenu{height:90px;}
#menutexto{display:none}
#invisiblemenu{height:90px}

#areadestaque{width:300px}

#destaque{width:300px; height:225px; margin-top:10px; display:block}
.hoverzoom {width: 300px; height: 225px;}
#destaquedois{width: 300px; height: 180px; margin-top:10px; margin-left:0;}
.hoverzoom2 {width: 300px; height: 180px;}

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

#descricaodestaque{position:absolute; width: calc(100% - 50px); margin:15px; left:5px; bottom:5px; z-index:2; font-family: 'Raleway', sans-serif;font-size:1.1em; font-weight:700; text-shadow: 2px 2px 4px #000000; background-color: rgba(09,66,99,0.9); text-align:center; padding:5px;}

#basetexto{width:280px;}

#oestacionamento{padding-top:0; margin-bottom:-30px}

#colunatres{width:260px; height:auto; margin:0; margin-top:10px}
#imagemcolunatres{width:260px; height:168px}

.tituloazul{font-size:1.3em; line-height:1.2em}
.titulobrancocentro{font-size:1.3em; line-height:1.2em}
.textocinzacentro{font-size:1.1em}
.textocinzaesq{font-size:1.1em}
.textobrancocentro{font-size:1.1em}


#backcontato{margin-top:30px;}
#meiapaginaf{display:none}
#meiapaginam{width:300px; padding-right:20px; clear:both; height:300px; float:none; margin: 0 auto}
#face{display:none}
#mail{width:280px; margin:0 auto}

.contatonome{width:calc(100% - 22px);}
textarea{width:calc(100% - 22px);}

.inputenviar{width:calc(100% - 0px);}

#backpages{background-size:1450px !important; height:300px; background-position:-500px 0px !important}


#meiapagina{float:none; margin:0 auto; width: calc(80% - 10px);}
#quebradois{margin-top:15px}
#backpages{background-size:1450px !important; height:300px; background-position:center 0px !important}
	
#imgumpages{margin-top:14px; width:300px; height:188px;}

#botoesarea{width:285px; height:190px;}
}

@media screen and (min-width: 400px) and (max-width:579px){
#areatotal{width:400px}
#menucentro{width:380px; height:39px; margin-top:30px}
#logo{width:174px; height:31px}
#menutexto{display:none}
#menumobile{display:block}

#submenu{height:90px;}
#invisiblemenu{height:90px}
#basemenu{height:90px;}
#menutexto{display:none}

#areadestaque{width:380px}

#destaque{width:380px; height:285px; margin-top:10px; display:block}
.hoverzoom {width: 380px; height: 285px;}
#destaquedois{width: 380px; height: 180px; margin-top:10px; margin-left:0;}
.hoverzoom2 {width: 380px; height: 180px;}

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

#descricaodestaque{position:absolute; width: calc(100% - 50px); margin:15px; left:5px; bottom:5px; z-index:2; font-family: 'Raleway', sans-serif;font-size:1.1em; font-weight:700; text-shadow: 2px 2px 4px #000000; background-color: rgba(09,66,99,0.9); text-align:center; padding:5px;}

#basetexto{width:380px;}

#oestacionamento{padding-top:0; margin-bottom:-30px}

#colunatres{width:320px; height:auto; left:10px; margin-top:10px}
#imagemcolunatres{width:320px; height:207px}

.tituloazul{font-size:1.3em; line-height:1.2em}
.titulobrancocentro{font-size:1.3em; line-height:1.2em}
.textocinzacentro{font-size:1.1em}
.textocinzaesq{font-size:1.1em}
.textobrancocentro{font-size:1.1em}

#backcontato{margin-top:30px;}
#meiapaginaf{display:none}
#meiapaginam{width:300px; padding-right:20px; clear:both; height:300px; float:none; margin: 0 auto}
#face{display:none}
#mail{width:280px; margin:0 auto}

#backpages{background-size:1450px !important; height:300px; background-position:-450px 0px !important}


#meiapagina{float:none; margin:0 auto; width: calc(70% - 10px);}
#quebradois{margin-top:15px}
#backpages{background-size:1450px !important; height:300px; background-position:center 0px !important}
	
#imgumpages{margin-top:14px; width:300px; height:188px;}

#botoesarea{width:285px; height:190px;}
	
}

@media screen and (min-width: 580px) and (max-width:759px){
#areatotal{width:580px}
#menucentro{width:500px; height:39px; margin-top:26px}
#logo{width:214px; height:38px}
#submenu{height:90px;}
#invisiblemenu{height:90px}
#basemenu{height:90px;}
#menutexto{display:none}
#menumobile{display:block}

#areadestaque{width:500px}

#destaque{width:500px; height:375px; margin-top:10px; display:block}
.hoverzoom {width: 500px; height: 375px;}
#destaquedois{width: 500px; height: 200px; margin-top:10px; margin-left:0;}
.hoverzoom2 {width: 500px; height: 200px;}

#titulodestaque{position:absolute; width: calc(100% - 50px); margin:20px; top: 5px; left:10px; z-index:2; font-family: 'Raleway', sans-serif;font-size:1.6em; 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.1em; font-weight:700; text-shadow: 2px 2px 4px #000000;}

#basetexto{width:500px;}

#oestacionamento{padding-top:0; margin-bottom:-30px}

#colunatres{margin-left:100px; height:auto; margin-top:20px}

.tituloazul{font-size:1.3em; line-height:1.2em}
.titulobrancocentro{font-size:1.3em; line-height:1.2em}
.textocinzacentro{font-size:1.1em}
.textocinzaesq{font-size:1.1em}
.textobrancocentro{font-size:1.1em}

#backcontato{margin-top:30px;}
#meiapaginaf{display:none}
#meiapaginam{width:300px; padding-right:20px; clear:both; height:300px; float:none; margin: 0 auto}
#face{display:none}
#mail{width:280px; margin:0 auto}

.contatoenviarform{font-size:1.2em}


#meiapagina{float:none; margin:0 auto; width: calc(70% - 10px);}
#quebradois{margin-top:15px}
#backpages{background-size:1450px !important; height:300px; background-position:center 0px !important}
	
#imgumpages{margin-top:16px; width:500px; height:313px;}

#botoesarea{width:285px; height:190px;}


}

@media screen and (min-width: 760px) and (max-width:999px){
#areatotal{width:760px;}
#submenu{height:100px;}
#invisiblemenu{height:100px}
#basemenu{height:100px;}
#logo{width:140px; height:25px}
#menucentro{width:740px; height:70px;}
#menutexto{width:540px; margin-left:20px; margin-top:5px; font-size:0.9em}
#menuitem{margin-left:10px; margin-right:10px;}
a.menulink:link{font-size:0.9em}

#areadestaque{width:600px}

#destaque{width:600px; height:450px; margin-top:10px; display:block}
.hoverzoom {width: 600px; height: 450px;}
#destaquedois{width: 600px; height: 232px; margin-top:10px; margin-left:0;}
.hoverzoom2 {width: 600px; height: 232px;}

#titulodestaque{position:absolute; width: calc(100% - 50px); margin:20px; top: 10px; left:10px; z-index:2; font-family: 'Raleway', sans-serif;font-size:1.6em; 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.1em; font-weight:700; text-shadow: 2px 2px 4px #000000;}

#basetexto{width:680px;}

#oestacionamento{padding-top:0}

#colunatres{width:320px; height:560px}
#imagemcolunatres{width:320px; height:207px}
.ultimacoluna{clear:both; float:none; margin:0; left:190px; margin-top:20px; height:520px !important}

.tituloazul{font-size:1.3em; line-height:1.2em}
.titulobrancocentro{font-size:1.3em; line-height:1.2em}
.textocinzacentro{font-size:1.1em}
.textocinzaesq{font-size:1.1em}
.textobrancocentro{font-size:1.1em}

#backcontato{margin-top:30px;}
#face{width:280px}
#mail{width:280px}
	
#imgumpages{margin-top:16px; width:700px; height:438px;}

}


@media screen and (min-width: 1000px) and (max-width:1199px){
#areatotal{width:1000px}
#menucentro{width:980px;}
#menutexto{width:680px; margin-left:30px; margin-top:10px; font-size:1.1em}
a.menulink:link{font-size:0.9em}
#menuitem{margin-left:15px; margin-right:15px}

#destaque{width:500px; height:375px; margin-top:10px}
.hoverzoom {width: 500px; height: 375px;}
#destaquedois{width: 490px; height: 183px; margin-top:10px; margin-left:10px;}
.hoverzoom2 {width: 490px; height: 183px;}

#titulodestaque{position:absolute; width: calc(100% - 50px); margin:10px; top: 5px; left:10px; z-index:2; font-family: 'Raleway', sans-serif;font-size:1.6em; 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.1em; font-weight:700; text-shadow: 2px 2px 4px #000000;}

#colunatres{width:273px; height:540px}
#imagemcolunatres{width:273px; height:177px}

.tituloazul{font-size:1.3em; line-height:1.2em}
.titulobrancocentro{font-size:1.3em; line-height:1.2em}
.textocinzacentro{font-size:1.1em}
.textocinzaesq{font-size:1.1em}
.textobrancocentro{font-size:1.1em}

#face{width:480px}
#mail{width:480px}

#backpages{background-size:1950px !important; background-position:center 0px !important}
}

@media screen and (min-width: 1200px) and (max-width:1499px){
#areatotal{width:1200px}
#menucentro{width:1150px;}
#menutexto{width:800px; margin-left:90px; margin-top:6px; font-size:1.2em}

}

@media screen and (min-width: 1500px) and (max-width:1919px){
#areatotal{width:1200px;}
#menucentro{width:1150px;}
#menutexto{width:800px; margin-left:90px; margin-top:6px; font-size:1.2em; }

}