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


body{font-family:Arial, Helvetica, Trebuchet MS; font-size:medium; color: #656565; background: url("../../img/site/layout/background.jpg") top;}

/*.span2{border:1px solid red;}
.span3{border:1px solid red;}
.span4{border:1px solid red;}
.span5{border:1px solid red;}
.span6{border:1px solid red;}
.span7{border:1px solid red;}
.span8{border:1px solid red;}
.span9{border:1px solid red;}
.span10{border:1px solid red;}
.span11{border:1px solid red;}
.span12{border:1px solid red;}*/

/*  ÍNICIO DO TOPO ==================================================================================================== */

.topo{height:143px; margin:0 auto;}

/* LOGO */
.logo{width: 221px; height: 90px; display: block; position: relative; text-indent: -9999px;  background: url("../../img/site/layout/logo.png") no-repeat; margin:15px auto 0 auto;}
.logo a{width: 221px; height: 90px; display: block;}

/* TELEFONE TOPO */
.contatoTopo{list-style: none; display: table; margin:0 0 0;}
.contatoTopo li{float: left; font-size:11.84px; text-align:center; color: #656565; margin: 15px 0 0 35px;}

.telTopo{float:left;background: url("../../img/site/layout/img-telefone.png") no-repeat 0 2px; padding: 0 0 0 20px;}
.emailTopo{background: url("../../img/site/layout/img-email.png") no-repeat 0 5px; padding: 0 0 0 30px;}
.emailTopo a{text-decoration:none; color: #656565;}
.emailTopo a:hover{text-decoration:none; font-weight:bold;}

/* MENU PRINCIPAL */
.menuPrincipal{width:500px;list-style: none; margin-top:15px; margin-left:-47px;}
.menuPrincipal li{float: left; margin: 0 0 0 15px; font-size:12px;}
.menuPrincipal li a{color: #656565; text-decoration: none;}
.menuPrincipal li a:hover{color:#333333; text-decoration: none;}

/* BANNER */
.banner{/*border:1px solid red;*/width:1070px; height:470px;margin:auto; clear:both;}

/* FORMULARIO CONTATO */
.formContato{width:100%;margin-top:20px;}
.formContato .cpForm{width:90%; height:25px; position:relative; color:#000000; border-radius:0;}
.formContato .cpEstado{width:90%; height:25px; position:relative; color:#000000; border-radius:0;}
.formContato .cpCidade{width:90%; height:25px; position:relative; color:#000000; border-radius:0;}
.formContato .cpTexto{width:90%; height:150px; position:relative; color:#000000; border-radius:0;}
.formContato .focus:focus{box-shadow:none; border:1px #f4958c solid;}
.formContato .btnEnviar{width:61px; height:23px; position:relative; border:none;margin-right:42px; margin-top:15px; margin-bottom: 15px; float:right;}

.mapa{margin-right:20px;}

.conteudo{width: 100%;background:#fff;min-height:420px;float:left;}
.conteudo h2{font-size:15px;color:#656565;}
.infoConteudo{margin-left:32px;}
.infoConteudo li {padding-bottom:10px;}
.infoConteudo li a{font-size:16px;text-align:justify;color: #656565;}
.infoConteudo p{text-align: justify; padding: 0 15px 0 0;}


.imgEmpresa{/*border:1px solid red;*/width:100%;margin-top:65px;padding:5px;background:#FFF;border:1px #CCC solid;}
.thumbEmpresa{/*border:1px solid blue;*/width:100%;margin-top:65px;margin-left: 35px;}
.imgThumbEmpresa{border:1px solid red;width:65px;padding:5px;background:#FFF;border:1px #CCC solid;margin-bottom:15px;}
.alinhaImgThumb{border:1px solid red;width:65px;padding:5px;background:#FFF;border:1px #CCC solid;margin-bottom:15px;margin-left:5px;}

.listaThumbs{list-style: none; margin: 45px 0 0 0;}
.listaThumbs li{width: 70px; height: 52px; float: left; margin: 20px 20px 0 20px;}

.conteudoProduto{/*border:1px solid blue;*/ margin-top:15px;}
.conteudoProduto h3{font-size:15px;color:#656565;}
.conteudoProduto p{text-align:justify; color: #656565; padding: 15px 40px 0 0;}

.listaFotos{list-style:none; margin:0 0 0 5px;}
.listaFotos li{width:65px; height:65px; float:left; margin:15px 30px 15px 0; padding:5px; background:#FFF; border:1px #CCC solid;}
.listaFotos li img{width:65px; height:65px;}


.listaFotosDestaques{list-style:none; margin:0 0 0 5px;}
.listaFotosDestaques li{width:100px; height:110px; float:left; margin:5px 30px 25px 0; padding:5px; background:#FFF; border:1px #CCC solid;}
.listaFotosDestaques li img{width:100px; height:75px;}
.listaFotosDestaques li p{width:100px; font-size: x-small; line-height: 15px; font-weight: bold; text-align: center; margin: -7px 0 0 -2px;}
.listaFotosDestaques li p a{color: #656565; text-decoration: none;}

#erro {padding:5px;border-radius: 5px 5px 5px 5px;display: none;width: 517px;margin: 5px auto;}
.error {color: #aa2e49;display: block;font-size:11px;}


/*  ÍNICIO DO RODAPÉ ==================================================================================================== */
.rodape{width:100%; height:auto;margin:auto; /*border:1px solid red;*/clear:both;}

/* ASSINATURA */
.assinatura{color:#797979; text-align:center; padding:75px 0 0 0;}
.assinatura a{color:#797979; text-decoration:none;}

/*  ESTILOS RESPONSIVO ==================================================================================================== */

.menu-principal-responsivo .navbar{position:relative; clear: both; padding-top: 20px;}
.menu-principal-responsivo .navbar-inner{background: #F1F1F1;}

/*.menu-principal-responsivo .navbar .btn-navbar, .menu-principal-responsivo .navbar .btn-navbar:hover {}
.menu-principal-responsivo .navbar .btn-navbar .icon-bar{}*/

.menu-principal-responsivo .brand{color:#656565; font-family: Tahoma, Geneva, sans-serif;}
.menu-principal-responsivo .navbar .nav>li>a{color:#656565;font-family: Tahoma, Geneva, sans-serif;}
.menu-principal-responsivo .nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover{color:#656565; background: none;}
.menu-principal-responsivo .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{color:#656565;}

@media(max-width: 640px) {
 
 body{background: none !important;}
 
 .contatoTopo li{margin: 15px 0 0 0;}
.logo{margin:15px auto 0 auto;}	
.telTopo{width:100%; text-align:center; background:none;}
.emailTopo{width:100%; text-align:center; background:none;}
.conteudoProduto{width:100%;}
.listaFotos li{margin:15px 20px 15px 0; }

.imgEmpresa{width: 95%;}
.listaThumbs{margin: 0; padding-bottom: 20px;}
.listaThumbs li{margin: 20px 0 20px 20px;}

.conteudoProduto p{padding: 15px 40px 0 15px;}
.listaFotosDestaques li{margin:5px 30px 25px 12px;}
.listaFotosDestaques li p{padding: 15px 0 0 0;}
}

@media (min-width: 768px) and (max-width: 979px) {

body{background: none !important;}    
    
.logo{margin:15px auto 0 auto; z-index:9999;}
.menu-principal-responsivo .navbar{margin-left: -15px;}

.banner{width:740px; height:325px;}
.banner img{width:740px; height:325px;}
}

@media (min-width: 768px) and (max-width: 1024px){

body{background: none !important;}

.telTopo{margin:15px 0 0 -80px;}
.menuPrincipal{margin-left:-107px;}

.banner{width:940px; height:413px;}
.banner img{width:940px; height:413px;}
	
}