@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
body{min-width:980px; background:url(../imagens/background.jpg) top center fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}

#bg_top{width:100%; height:auto; float:left; position:relative; background:none; z-index:1;}
#bg_conteudo{width:100%; height:auto; float:left; position:relative; background:none;}
#bg_contato{width:100%; height:auto; float:left; position:relative; background:none; margin-bottom:10px;}
#bg_rodape{width:100%; height:auto; float:left; position:relative; background:#363636;}

/*HEADER TOPO*/
#topo{width:980px; height:200px; position:relative; left:50%; margin-left:-490px; background:url(../imagens/bg_topo.png) top left no-repeat; z-index:0;}
.logo{ width:306px; height:131px; position:relative; float:left; left:180px;}
#menu{width:700px; height:50px; position:relative; float:right;}
#menu ul{width:700px; height:50px; position:relative; background:url(../imagens/bg_menu.jpg) top center repeat-x;
border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px;
box-shadow:-1px 1px 5px #555; -moz-box-shadow:-1px 1px 5px #555; -ms-box-shadow:-1px 1px 5px #555; -o-box-shadow:-1px 1px 5px #555; -webkit-box-shadow:-1px 1px 5px #555;}
#menu li{width:auto; height:50px; position:relative; float:left; display:inline; line-height:50px; padding:0 22px;}
#menu li a{font-size:12px; color:#333;}
#menu li a:hover{text-decoration:underline;}

#menu-mobile{display:none; background:url(../imagens/bg_menu.jpg) top center repeat; margin:10px 0px;
border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px;
box-shadow:-1px 1px 5px #555; -moz-box-shadow:-1px 1px 5px #555; -ms-box-shadow:-1px 1px 5px #555; -o-box-shadow:-1px 1px 5px #555; -webkit-box-shadow:-1px 1px 5px #555;}

#bt-menu-mobile{height:30px; position:relative; float:left; margin:10px 0px; display:block; background:url(../imagens/icon-menu.png) center left no-repeat; padding:0px 20px 0px 40px; line-height:30px !important; color:#535353;}
#bt-telefones{height:30px; position:relative; float:left; margin:10px 0px; display:block; background:url(../imagens/icon-phone.png) center left no-repeat; padding:0px 20px 0px 40px; line-height:30px !important; color:#535353;}
#bg-menu-mobile, #bg-menu-telefones{width:100%; height:auto; position:relative; float:left; background:#EEE; border-top:1px solid #CCC; display:none; margin-bottom:5px;}
#bg-menu-mobile ul li, #bg-menu-telefones li{width:100%; height:auto; position:relative; float:left; border-bottom:1px solid #CCC; border-top:1px solid #FFF;}
#bg-menu-mobile ul li a, #bg-menu-telefones li a{width:90%; height:auto; position:relative; float:left; padding:5px; color:#C00;}
#bg-menu-telefones li{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#535353;}
#bg-menu-telefones a strong{font:600 15px "Open Sans", Verdana, Geneva, sans-serif; color:#C00;}

/*SECTION CONTEUDO*/
#interna{width:980px; min-height:300px; height:auto; position:relative; left:50%; margin-left:-490px; padding:10px 0px; z-index:0;}

#box_contato{width:960px; height:80px; position:relative; left:50%; margin-left:-480px; background:url(../imagens/mascote.png) top right no-repeat #FFF; z-index:0; padding:10px 0px;
border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px;
box-shadow:-1px 1px 5px #555; -moz-box-shadow:-1px 1px 5px #555; -ms-box-shadow:-1px 1px 5px #555; -o-box-shadow:-1px 1px 5px #555; -webkit-box-shadow:-1px 1px 5px #555;}
#box_contato img{width:450px; height:80px; position:relative; float:left; margin-right:10px; background:url(../imagens/mapa_home.jpg) top center no-repeat;}
.texto_contato{width:500px; height:100px; position:relative; float:left; font-size:14px; font-style:italic; color:#555;}

#rodape{width:980px; height:25px; position:relative; left:50%; margin-left:-490px; background:url(../imagens/bg_bottom.jpg) top center repeat-x;}
.direitos{width:400px; position:relative; float:left; line-height:25px; color:#FFF; left:5px;}
.icones_rodape{width:500px; height:25px; position:relative; float:right;}
.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:right;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}

.ft-title { padding: 10px 20px; width: 940px; height:20px; text-align: left; top:220px;}

@media only screen and (min-width: 768px) and (max-width: 995px) {
body{min-width:768px; background:url(../imagens/background_980.jpg) top center fixed;}

/*HEADER TOPO*/
#topo{width:768px; height:260px; margin-left:-384px; background:url(../imagens/bg_topo_768.png) top left no-repeat;}
.logo{ width:306px; height:131px; position:relative; float:left; left:50%; margin-left:-153px; top:40px;}
#menu{width:768px; height:50px; position:absolute; bottom:0; left:0;}
#menu ul{width:768px;}
#menu li{padding:0 28px;}
/*SECTION CONTEUDO*/
#interna{width:768px; margin-left:-384px;}

#box_contato{width:768px; margin-left:-384px; background:url(../imagens/mascote.png) top right no-repeat #FFF; z-index:0; padding:10px 0px;}
#box_contato img{width:250px; height:80px; position:relative; float:left; margin-right:10px;}
.texto_contato{width:500px; height:100px; position:relative; float:left; font-size:14px; font-style:italic; color:#555;}

#rodape{width:768px; margin-left:-384px; background:url(../imagens/bg_bottom.jpg) top center repeat-x;}
.direitos{width:400px; position:relative; float:left; line-height:25px; color:#FFF; left:5px;}
.icones_rodape{width:300px; height:25px; position:relative; float:right;}
.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:right;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px; background:url(../imagens/background_768.jpg) top center fixed;}

/*HEADER TOPO*/
#topo{width:480px; height:150px; margin-left:-240px; background:url(../imagens/mascote.png) top left no-repeat;}
.logo{ width:164px; height:70px; position:relative; float:left; left:160px; top:20px;}
#menu{display:none;}
#menu-mobile{width:480px; height:50px; position:absolute; left:50%; margin-left:-240px; bottom:0; z-index:999; display:block;}
#bg-menu-mobile ul, #bg-menu-telefones ul{width:480px; height:auto; position:relative; float:left; left:50%; margin-left:-240px;}
/*SECTION CONTEUDO*/
#interna{width:480px; margin-left:-240px;}

#box_contato{width:460px; margin-left:-235px; background:url(../imagens/mascote.png) top right no-repeat #FFF; z-index:0; padding:10px 0px;}
#box_contato img{width:100px; height:80px; position:relative; float:left; margin-right:10px;}
.texto_contato{width:300px; height:100px; position:relative; float:left; font-size:14px; font-style:italic; color:#555;}

#rodape{width:480px; margin-left:-240px; background:url(../imagens/bg_bottom.jpg) top center repeat-x;}
.direitos{width:480px; position:relative; float:left; line-height:25px; color:#FFF; left:5px;}
.icones_rodape{width:480px; height:25px; position:relative; float:right;}
}
@media only screen and (max-width: 479px) {
body{min-width:282px; background:url(../imagens/background_480.jpg) top center fixed;}

/*HEADER TOPO*/
#topo{width:282px; height:150px; margin-left:-141px; background:url(../imagens/mascote.png) top left no-repeat;}
.logo{ width:164px; height:70px; position:relative; float:left; left:110px; top:5px;}
#menu{display:none;}
#menu-mobile{width:282px; height:50px; position:absolute; left:50%; margin-left:-141px; bottom:0; background:url(../imagens/bg-menu.png) top center repeat; z-index:999; display:block;}
#bg-menu-mobile ul, #bg-menu-telefones ul{width:282px; height:auto; position:relative; float:left; left:50%; margin-left:-141px;}
/*SECTION CONTEUDO*/
#interna{width:282px; margin-left:-141px;}

#box_contato{width:282px; margin-left:-141px; height:270px; background:url(../imagens/mascote.png) bottom right no-repeat #FFF; z-index:0; padding:10px 0px;}
#box_contato img{width:262px; height:80px; position:relative; float:left; margin-right:10px; margin-left:10px;}
.texto_contato{width:262px; height:100px; position:relative; float:left; font-size:14px; font-style:italic; color:#555; margin:10px;}

#rodape{width:282px; margin-left:-141px; background:url(../imagens/bg_bottom.jpg) top center repeat-x;}
.direitos{width:282px; position:relative; float:left; line-height:25px; color:#FFF; left:5px;}
.icones_rodape{width:480px; height:25px; position:relative; float:right;}

}