﻿/*reset*/
html, body{ padding:0; margin:0; overflow-x: hidden;
font-family: 'Raleway', sans-serif;

}


A:link{
    color: #FFFFFF;
    TEXT-DECORATION:none;
}
a:hover {
    TEXT-DECORATION:underline;
}
A:visited{TEXT-DECORATION:none;
          color: #FFFFFF;
}
.texto {
   white-space: pre-wrap;
}

.desabilita_cel {
    display: none;
}
.foto_sombra {
    max-width: 95%;
    border: 4px solid #cccccc;
    border-style: double;
}
.dentro_coberturas {
    text-align: center;
}
.fotos_galeria {
    max-width: 95%;
    margin-bottom: 10px;
}
/*MEIO======================================*/
#meio_pagina {
    max-width: 100%;

    font-family: arial;
}
#meio {
        display: none;

}
/*TOPO======================================*/
.logo {
    max-width: 100%;
}
#topo_esquerdo {
    max-width:  100%;

 
    padding-top: 10px;
    text-align: center;

}
#topo_menor1 {
    display: none;
}

#topo2 {
    background-color: #ffffff;
    height: autopx;
   
}
#topo3 {
    width: 100%;
    height: 10px;
    background-color: #000000;
    border-top: 3px solid #053575;
}
#topo3_3 {
    width: 100%;
    color: #ffffff;
    margin: 0 auto 0 auto;
    text-align: right;
}

#topo_direito1 {
    display:none;
}
#topo_direito1 {
    display:none;
}
#topo_direito2 {
    text-align: center;
    margin-top: 30px;
    color: #000000;
    width: 100%;
    height: autopx;
    font-family: 'News Cycle', sans-serif;
}
#topo2 {
    width: 100%;

    height: autopx;
    margin: 0 auto 0 auto;

}


/*MENU ====================================================== */

.formulario_menu {
    max-width: 100%;
    margin-top: 15px;

}
.campo_menu {
    color: #FFFFFF;

    background-color: #053575;
    padding: 10px;
    width: 98%;
    font-size: 18px;
    margin-top: 2px;
    border-radius: 5px;
    border: 2px solid #053575;

}


/*INTERNAS=======================================*/

.internas {
    max-width: 95%;
    padding: 3px;
    margin: 0 auto 0 auto;
font-family: 'Raleway', sans-serif;
    font-size: 15px;
}

.lista3 li {
    list-style-type: none;
    margin-left: -20px;
    padding-top: 10px;
}
.flutua_imagens {
    display:none;
}

/*PRODUTOS========================================*/
#ver_todos {
    margin: 0 auto 0 auto;
    border-radius: 10px;
    font-size: 30px;
    border: 2px solid #303030;
    padding: 10px;
    text-align: center;
    width:90%;
    color: #303030;
     
}
#ver_todos a {
    color: #303030;
    display: block;
}
#ver_todos:hover {
    background-color: #cccccc;
    color: #ffffff;
}
.botao_detalhes {
    width: 200px;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    
   background-color: #053575;
       margin: 0 auto 0 auto;
 
}
.botao_detalhes:hover {
   background-color: #0000FF;
    color: #ffffff;
}

#busca_esquerdo {
    float: left;
    width: 540px;
}
#busca_direito {
    float: right;
width: 540px;
}
.dentro_pequenas {
    float: left;
    width: 200px;
    background-color: #FF0000;
    margin: 0 auto 0 auto;
    text-align: center;
    
}
.quadros_produtos {

 

    width: 100%;
    height:100%;
    border: 0px solid #cccccc;
    
}
#lista_produtos li {
    float: left;
    width: 100%;
    margin-left: -20px;
   
    margin-bottom:50px;
    height: 100%;
    list-style-type: none;
}
.quadros_produtos img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.fotos_produtos {
   max-width: 100%;
   
}
.nome_produto {
    width: 100%;
    padding-top: 5px;
    padding-bottom:5px;
    height: autopx;
      background-color: #ffffff;
      margin:0 auto 0 auto;
     

  
    text-align: center;
    font-size: 22px;

  color: #303030;
}
.nome_produto a {
   color: #303030; 
}
.campo_busca {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #303030;
}
.botao_busca {
     padding: 10px;
    width: 100%;
    border: 1px solid #303030;
    background-color: #303030;
    color: #FFFFFF;
    font-weight: bold;
}
.botao_busca:hover {
    background-color: #2261A4;
}
.botao_orcamento {
    width: 600px;
    padding: 20px;
    font-size: 25px;
    font-family: arial;
    font-weight: bold;
    background-color: #00A859;
    margin: 0 auto 0 auto;
    text-align: center;
   
    border-radius:5px;

}
.botao_orcamento a {
    color: #ffffff;


}
.botao_orcamento:hover {
    color: #FFFFFF;
    background-color: #AC4050;
}
/*MAPA ====================================*/

#mapa {
    width: 100%;
    height: 450px;
    margin-top: 20px;
   
}


/*FORMULÁRIOS=====================================*/
#contato_esquerdo {

    max-width: 100%;

}
#contato_direito {
      max-width: 100%;
      margin-top: 30px;

}
#contato_direito a {
    color: #000000;
}
.campo {
    margin-bottom: auto auto;
    color: #000000;
    background-color: #EEEEEE;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    padding: 8px;
    border: 0px;
    width: 80%;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
}
.textarea {
    width: 90%;
    height: 200px;
    margin-bottom: auto auto;
    color: #000000;
    background-color: #EEEEEE;
    font-size:15px;
    padding: 8px;
    border: 0px;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
}
.tabela {
    width: 100%;
    padding-top: 10px;
}
.celula_esquerda {
    text-align: right;
    padding-right: 5px;
    padding-top: 5px;
    max-width: 10%;
}
.celula_direita {
    text-align: left;
    padding-right: 5px;
    max-width: 80%;
    padding-top: 5px;
}
.formulario {
    font-size: 11px;
    margin-top: 10px;
    max-width: 100%;
    color: #000000;
}
.campo_mobile {
    border: 1px solid #000000;
    height: 30px;
}
.formulario a {
    color: #000000;
}
.botao {
	width: 100%;
	height: 50px;
	font-size: 16px;
	background-color: #303030;
	border: 0px;
        border-radius: 10px;
	color: #FFFFFF;
	font-weight: bold;
        margin: 0 auto 0 auto;
	
}
.botao_mobile {
    width: autopx;
    height: 30px;
    font-size: 16px;
    background-color: #666666;
    border: 0px;
    color: #FFFFFF;
    font-weight: bold;
}

/*QUADROS======================================*/

#quadros3 {
    display: none;
}


/*MEIO======================================*/
#meio {
    display: none;
}
#meio4 {
    max-width: 100%;

   

  
height: 600px;

    
    background: url('../imagens/banner_mobile.png') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
min-height: 100%;
background-color:#053575;

    margin: 0 auto 0 auto;
}
#meio3 {
   max-width: 100%;
 margin: 0 auto 0 auto;
height:600px;
    border: 0px;
    text-align: center;


}
.texto1_meio {
    padding-top: 10%;
    font-size: 40px;
    font-weight: bold;
    
    color: #ffffff;

}
.texto2_meio {
    font-size: 20px;
    color: #FFFFFF;
    padding-top: 20px;
    
    
}
.texto3_meio {
    font-size: 20px;
    color: #FFFFFF;
    padding-top: 20px;
    
    
}
.texto4_meio {
    font-size: 50px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 40px;
    
    
}
.texto5_meio {
       
    width: 300px;
    padding: 15px;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    border-radius: 15px;
    margin: 0 auto 0 auto;
    margin-top: 20px;
 background-color: #FFCC00;
    
}
.texto5_meio:hover {
    background-color: #FFFFFF;

    
}
.texto5_meio a {
    color: #000000;
    display: block;
}





/*GERAL ====================================*/

.limpar {
    clear: both;
}
.tabela {
    width: 100%;
}
.negrito {
    font-weight: bold;
}
.espaco_cel {
    height: 20px;
}
.espaco1 {
    height: 5px;
}
.espaco2 {
    height: 10px;
}
h2 {

    font-size: 30px;
    text-align: center;
}
h1 {

    padding-top: 20px;
    border-bottom: 1px solid #0000FF;
    width: 100%;
    font-size: 35px;
    padding-bottom: 20px;
    margin: 0 auto 0 auto;
    text-align: center;
    color: #053575;


}
#lista_fotos li {

    width: 100%;
    margin-bottom: 20px;
    margin-left: -20px;
    list-style-type: none;
}
#lista_fotos img {
      pointer-events: none; 

  cursor: default;
    width: 100%;
    box-shadow: 3px 3px 10px 5px #cccccc;
-moz-box-shadow: 3px 3px 10px 5px #cccccc;
-webkit-box-shadow: 3px 3px 10px 5px #cccccc;
-o-box-shadow: 3px 3px 10px 5px #cccccc;
}

.centraliza {
    text-align: center;

}
.centraliza2 {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

.estilos {
    display: none;
}
/*BOAS VINDAS======================================*/

#boas_vindas {
    width: 100%;
    padding-top: 15px;
    height: 120px;


    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}
#marcas li {

    list-style-type: none;
    max-width: 100%;

    height: 100px;
    margin-right: 50px;
    text-align: center;
}
/*IMAGENS GERAIS ====================================*/

.imagem_responsiva {
    max-width: 98%;
}
.alinhamento_imagem {
    vertical-align: middle;
}

/*RODAPE ============================================*/


#rodape_inteiro {
    max-width: 100%;

    height: autopx;

    background-color: #ffffff;
    color: #000000;
}
#rodape {
     max-width: 100%;
    height: 100%;
    padding-bottom:10px;
    text-align: center;
    margin: 0 auto 0 auto;

}
#rodape a:hover {
    TEXT-DECORATION:underline;
}
#rodape_menor {
    max-width: 100%;
    color: #000000;
    height: 100%;
     color: #303030;
    font-size: 14px;
    background-color: #143963;

}
#rodape_menor2 {
    color: #303030;
    font-size: 14px;
     max-width: 100%;
    height: 100%;
       background: #053575;

    margin: 0 auto 0 auto;
}
.lista_rodape li {
   text-align: center;
   padding-top: 20px;
   list-style-type: none;
   max-width: 100%;
   font-family: 'Roboto', sans-serif;
   margin-left: -20px;
   font-size: 18px;
   color: #303030;
}
.lista_rodape li a {
 
   color: #303030;
}
#rodape_menor3 i {
    font-size: 20px;
    margin-left: 10px;
    vertical-align: middle;
}
#rodape_menor3 {
    padding-top: 35px; 

   color: #FFFFFF;
    font-size: 17px;
   max-width: 100%;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
    float: left;
    text-align: center;
}
#rodape_menor4 {
       padding-top: 35px; 
       font-family: arial;
       color: #FFFFFF;
       
    max-width: 100%;
padding-bottom: 20px;
    text-align: center;
}

/*NOTÍCIAS====================================*/

.fotos_menores_internas {
    max-width: 95%;
    text-align: center;
    padding: 10px;
}

#noticias {
    max-width: 100%;
    padding-top: 40px;
}
#noticia {
    margin-top: 10px;
}
.comentario {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}
.titulo_noticia_interna {

    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
    max-width: 100%;
     font-family: arial

}
.titulo_noticia_interna a {
    color: #000000;
}
.borda_noticia {
    border: 1px solid #eeeeee;
    border-radius: 5px;

}
/*links========================================*/

#links li {
	list-style-type: none;
        max-width: 100%;
	padding: 6px;
        margin-right: 70px;
        text-align: center;

}
#links img {
	border: 1px solid #C0C0C0;
	padding: 3px;
}
#links2 li {
	list-style-type: none;
	float: left;
	padding: 5px;

}
#links2 img {
	border: 1px solid #C0C0C0;
	padding: 12px;
}
