/*RESET======================================*/


* {
    margin: 0px;
    padding: 0px;
}

body{

font-family: 'Raleway', sans-serif;


}

::-webkit-input-placeholder {
   color: #303030;
}
.texto {
   white-space: pre-wrap;
}

A:link{
    color: #FFFFFF;
    TEXT-DECORATION:none;
}
a:hover {
    TEXT-DECORATION:underline;
}
A:visited{TEXT-DECORATION:none;
          color: #FFFFFF;
}
.foto_sombra {
    border: 4px solid #cccccc;
    border-style: double;
}
.imagem_responsiva2 {
    max-width:40%;
}
.imagem_responsiva {
    max-width: 100%;
}
.alinhamento_imagem {
    vertical-align: middle;
}
.desabilita_nodesk {
    display: none;
}

/*TOPO======================================*/

#topo {
	width: 1100px;
	height: 102px;
	margin: 0 auto 0 auto;

}
#topo2 {
	width: 100%;

	height:102px;


	        background-color: #ffffff;
}


.logo {
max-width: 100%;

 padding-top: 15px;
     text-align: left;
  
}
#topo2_2 {
	width: 100%;

	height: 145px;
	margin-bottom: 10px;
        background-color: #ffffff;
}
#topo_menor1 {
    background-color: #053575;
    height: 40px;
    width: 100%;
      border-bottom: 1px solid #EBE9E9;
}
#topo_menor2 {
    padding-top: 8px;
    font-size: 17px;
    width: 1100px;
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto 0 auto;
    color: #ffffff;
  
    
    text-align: left;
}
#topo_menor2 a {
    color: #ffffff;
}

#topo_esquerdo {
    float: left;
    width: 278px;
    height:91px;
    text-align: center;
    


}
#topo_superior_direito {
    float: right;
    text-align: right;
    width: 650px;
    margin-right: 30px;
    font-size: 15px;
    color: #5D8F2B;
    margin-top: 20px;
    
  
   
   

}

.contato_topo1 {

    border: 2px solid #AC6C2C;
    padding: 7px;
	border-radius: 0px;
    text-transform: uppercase;
    text-align: right;
    color: #5D8F2B;

  
    
}
.contato_topo1:hover {

	color: #FFFFFF;
}
.contato_topo1 a:hover {
	color: #FFFFFF;
}
.contato_topo1 a {
    color: #ffffff;
}


#topo_direito {
    float: right;


	width: 822px;
   
	color: #000000;
 

    height: autopx;
}
#topo_direito1 {
	width: 700px;
    
	
	height: 30px;
	border-radius: 	0px 0px 20px 20px;
	font-size: 17px;
	background-color: #1E4097;
	text-align: center;
	float: right;
	padding-top: 3px;
	color: #FFFFFF;
	
}
#topo_direito1_1{
	margin: 0 auto 0 auto;
	width: 700px;
	background-color: #FF0000;
	float: left;
}
#orcamento_topo {
    color: #000000;
    background-color: #FFCC00;
    border-radius: 5px;
    float: right;
    font-size: 13px;
    margin-left: 10px;
    padding: 4px;
    margin-top: -1px;
    margin-right: 50px;

}
#orcamento_topo a {
    color: #000000;
}

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

#links li {
	list-style-type: none;
	float: left;
	padding: 6px;

}
#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;
}
/*MENU======================================*/

#dentro_menu {
	width: 100%;        
	color: #000000;


	margin: 0 auto 0 auto;


	
}
#menu2 {
	width: 100%;




	margin: 0 auto 0 auto;
	color: #000000;
	background-color: #00AD4E;
}


#menu_principal li {
         
    
	width: autopx;
       margin-left: 25px;
        height: 30px;
        text-transform: uppercase;

        margin-top: 45px;

	text-align: center;
	list-style-type: none;
	float: left;
        
        
	font-size: 17px;
	color: #9D9D9D;

}
#menu_principal a {
         text-decoration: none;
    color: #0D4DA5;
    font-weight: bold;
}
#menu_principal li:hover {
        border-bottom: 1px solid #000000   ;

        text-decoration: none;
        
	

	font-size: 17px;




        

}
#togglemenu {
	display:none;
	
}


/*MEIO======================================*/

#meio4 {
    display: none;
}

#meio2 {
    width: 1100px;

    height: 100%;

    margin: 0 auto 0 auto;
}
#meio {
    width: 100%;

height: 700px;
    border: 0px;


}
.div1 {
	background-image: url("http://localhost/protecor/banners3/imagens/banner1.jpg");
}


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

#quadros3 {
	width: 100%;
	height: autopx;
	background-color: #ffffff;



	
}
#quadros {
	margin: 0 auto 0 auto;
		width: 1100px;

height: autopx;
}
#quadros2 {
	width: 1100px;
        margin: 0 auto 0 auto;
	text-align: center;


}
#lista_quadros li {
	list-style-type: none;
     
	float: left;
        margin-left: 10px;
        height: 300px;
        text-align: center;
	width: 350px;  
box-shadow: 0px 0px 1em #666;
-webkit-box-shadow: 0px 0px 1em #666;
-moz-box-shadow: 0px 0px 1em #666;

}

/*MAPA ====================================*/

#mapa {
    width: 100%;
    height: 450px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

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

.limpar {
    clear: both;
}
#aviso {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
#aviso a {
    color: #FF0000;
    font-weight: bold;
}
#meio_pagina {
	width: 100%;
	height: autopx;
	margin: 0 auto 0 auto;
	background-color: #ffffff;

}

.lista1 li {
    list-style-type: none;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px dotted #DDDDDD;
}
.lista2 li {
    list-style-type: none;
}
.lista3 li {
    list-style-type: none;
    padding-bottom: 15px;
    padding-top: 15px;
    f
}
.lista3 li {
    list-style-type: none;
}
.lista1 li a {
    list-style-type: none;

}
.flutua_imagens {
    float: right;
    margin-left: 15px;
    margin-right: 20px;
}
.mobile {
    display: none;
}
.espaco_cel {
   display: none;
}
.espaco1 {
    height: 15px;
}
.espaco0 {
    height: 3px;
}
.espaco2 {
    height: 25px;
}
.negrito {
    font-weight: bold;
}
h2 {
  
    font-size: 40px;
    text-align: center;
}
h1 {
    background-color: #053575;
    padding-top: 20px;
    border-bottom: 1px solid #0000FF;
    width: 100%;
    font-size: 25px;
    padding-bottom: 20px;
    margin: 0 auto 0 auto;
    text-align: center;
    color: #ffffff;


}
.centraliza {
    text-align: center;
}
.centraliza2 {
    text-align: center;
    width: 795px;
    margin: 0 auto 0 auto;
}

#lista_fotos li {
    float: left;
    width: 200px;
    margin: 10px;
    list-style-type: none;
}
#lista_fotos img {
    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;
}



/*RODAPÉ====================================*/

#rodape_inteiro {
    width: 100%;
  
    height: 220px;
    border-top: 2px solid #CCCCCC;
    background-color: #FFFFFF;
    color: #303030;
}
#rodape {
    width: 1100px;
    height: 50px;
    text-align: center;
    margin: 0 auto 0 auto;

}
#rodape a:hover {
    TEXT-DECORATION:underline;
}
#rodape_menor {
    width: 100%;
    color: #303030;
    height: 80px;
    margin-top: 40px;
    background: #053575;

}
#rodape_menor2 {
    color: #303030;
    width: 1100px;
    height: 80px;

    margin: 0 auto 0 auto;
}
.lista_rodape li a {
 
   color: #303030;
}
.lista_rodape i {
    font-size: 50px;
}
.lista_rodape li {
   text-align: center;
   padding-top: 50px;
   list-style-type: none;
   float: left;
   width: 340px;
   font-family: 'Roboto', sans-serif;

   font-size: 18px;
   color: #303030;
}
#rodape_menor3 {
    padding-top: 35px; 
       font-family: arial;
       color: #FFFFFF;
       font-size: 11px;
    width: 750px;
    float: left;
    text-align: left;
}
#rodape_menor3 i {
    font-size: 20px;
    margin-left: 10px;
    vertical-align: middle;
}
#rodape_menor4 {
       padding-top: 35px; 
       font-family: arial;
       color: #FFFFFF;
    width: 350px;
    font-size: 22px;
    float: right;
    text-align: right;
}







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


.internas {
    width: 1100px;
    margin: 0 auto 0 auto;
    padding-top: 10px;
    font-family: 'Raleway', sans-serif;
    font-size: 17px;
    text-align: justify;
    background-color: #FFFFFF;
}




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

#busca_esquerdo {
    float: left;
    width: 540px;
}
#busca_direito {
    float: right;
width: 540px;
}
.dentro_pequenas {
    float: left;
    width: 200px;

    margin: 0 auto 0 auto;
    text-align: center;
    
}
.mais_fotos {
    width: 800px;
    margin: 0 auto 0 auto;
    text-align: center;
}
.paginacao {
    font-size: 20px;
}
.paginacao a {
    color: #000000;
    font-weight: bold;
}
.quadros_produtos {
    float: left;
    margin: 10px;
 
    width: 350px;
    height:300px;
    border: 0px solid #cccccc;
    
}
#lista_produtos li {
    float: left;
    width: 366px;
    margin-bottom:50px;
    height: 400px;
    list-style-type: none;
}

.quadros_produtos img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.fotos_produtos {
    max-width: 100%;
    text-align: center;
    max-height: 300px;
    vertical-align: middle;

}
.nome_produto {
    width: 350px;
    padding-top: 5px;
    padding-bottom:5px;
    height: 40px;
      background-color: #ffffff;
      margin:0 auto 0 auto;
     

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

  color: #303030;
}
.nome_produto a {
   color: #303030; 
}

.campo_busca {
    padding: 10px;
    width: 400px;
    border: 1px solid #303030;
}
.botao_busca {
     padding: 10px;
    width: 100px;
    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;
}

/*CLIENTES========================================*/

#clientes li {
    list-style-type: none;
    float: left;
    padding: 8px;
}
#clientes img {
    border: 1px solid #C0C0C0;
    padding: 12px;
}
#quadro_clientes1 {
    max-width: 100%;
    background-color: #cccccc;
}
#quadro_clientes2 {
    margin: 0 auto 0 auto;
    max-width: 1100px;
    background-color: #FFFFFF;
}
#clientes2 li {
    list-style-type: none;
    float: left;
    padding: 10px;

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



/*FORMULÁRIOS =======================================*/

.campo_topo {
    width: 70%;
    margin-left: 60px;
    color:#000000;
    font-size: 16px;
    font-weight: bold;
    margin-top: 50px;
    padding: 15px;
    border-radius:8px;
    border: 2px solid #C40D0A;
}

.botao_topo {
    width: autopx;
    border-radius:8px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 18px;
    border: 0px;
    background-color: #C40D0A;
    
}

#contato_esquerdo {
    float: left;
    width: 600px;

}
#contato_direito {
    float: right;
    width: 450px;
    font-size: 12px;

}
#contato_direito a {
    color: #303030;
}
#orcamento_direito {
    float: right;
    width: 450px;
    height: 770px;
    background-image: url("../imagens/orcamento.png");

}
.formulario2 {
	margin: 0 auto 0 auto;
	width: 70%;
	height: autopx;
	text-align:center;
	font-size: 15px;
}
.formulario2 a {
   color: #303030;
}
.formulario {
	margin: 0 auto 0 auto;
	width: 100%;
	height: autopx;
	text-align:center;
	font-size: 15px;
}
.formulario a {
	color: #303030;
}
.tabela {
	width: 100%;
	padding-top: 10px;
}
.textarea_informacoes {
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin-bottom: auto auto;
	color: #00000;
	margin-top: 10px;
	padding: 10px;
	font-size:15px;
	background-color: #EEEEEE;
	font-family: arial;
	height: 70px;
	width: 500px;
	-moz-border-radius: 5px; /* Para Firefox */
	-webkit-border-radius: 5px; /*Para Safari e Chrome */
	border-radius: 5px; /* Para Opera 10.5+*/
}
.textarea {
	border: 1px solid #cccccc;
	color: #303030;
                border-radius: 5px;
	margin-top: 10px;
	padding: 10px;
	font-size:15px;
	background-color: #FFFFFF;
	font-family: arial;
	height: 290px;
	width: 100%;

}
.celula_esquerda {
        display: none;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	max-width: 10%;
        font-size: 12px;
}
.celula_direita {
	text-align: left;
	padding-right: 5px;
	max-width: 80%;
	padding-top: 5px;
}
.campo3 {
	margin-bottom: auto auto;
	color: #303030;
        border-radius: 5px;
	background-color: #ffffff;
	font-family: arial;
	font-size:15px;
        width: 30%;
	padding: 8px;
	border: 1px solid #cccccc;
}
.campo2 {
	margin-bottom: auto auto;
	color: #303030;
        border-radius: 5px;
	background-color: #ffffff;
	font-family: arial;
	font-size:15px;
        width: 100%;
	padding: 8px;
	border: 1px solid #cccccc;
}
.campo {
	margin-bottom: auto auto;
	color: #303030;
        border-radius: 5px;
	background-color: #ffffff;
	font-family: arial;
	font-size:15px;
        width: 100%;
	padding: 8px;
	border: 1px solid #cccccc;
}
.botao {
	width: 150px;
	height: 50px;
	font-size: 16px;
	background-color: #303030;
	border: 0px;
        border-radius: 10px;
	color: #FFFFFF;
	font-weight: bold;
        margin: 0 auto 0 auto;
	
}
.botao2 {
	width: 50px;
        padding: 10px;
	font-size: 15px;
	background-color: #1E4097;
	border: 0px;
	color: #FFFFFF;
	font-weight: bold;
	
}