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


/*CLIENTES*/
#clientes li {
                   width:150px; 
				   height:99px; 
				   float:left; 
				   background:#f8f8f8; 
				   padding:10px 10px 10px 10px;  
				   margin:5px 5px 5px 5px; 
				   /*border: 2px solid #fff;*/
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   font-weight:bold;
				   text-transform:capitalize;
				   vertical-align:middle;
				   
				   }




#clientes li a:link {
                   width:150px; 
				   height:99px; 
				   float:left; 
				   background:#f8f8f8;
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   padding-top:05px;
				   
				   
				   
				   }
				 
				   

	
#clientes li a:hover{
                   width:150px; 
				   height:40px; 
				   float:left; 
				   background:#FFF;
				   background-image:url(http://127.0.0.1:8080/toplinenet/wp-content/themes/bostan/images/bgclientes.jpg);
			
				   /*border: 2px solid #fff;*/
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   padding-top:20px;
				   
				   }



/*FIM CLIENTES*/



/*CLIENTES*/
#fornecedores li {
                   width:15%; 
				  
			 
				   background:#f8f8f8; 
				   padding:5px 5px 5px 5px;  
				   margin:5px 5px 5px 5px; 
				   /*border: 2px solid #fff;*/
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   font-weight:bold;
				   text-transform:capitalize;
				   vertical-align:middle;
				   
				   }

#fornecedores li {
                   width:15%; 
				  
			 
				   background:#f8f8f8; 
				   padding:5px 5px 5px 5px;  
				   margin:5px 5px 5px 5px; 
				   /*border: 2px solid #fff;*/
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   font-weight:bold;
				   text-transform:capitalize;
				   vertical-align:middle;
				   
				   }






/*FIM CLIENTES*/
















/*FOTO ANUNCIANTES*/
#fotos li {
                   width:100%; 
				   float:left;
				   background:#fff; 
				  
				   margin:2px 2px 2px 2px; 
				   /*border: 2px solid #fff;*/
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   
				   }




#fotos li a:link {
                   width:100%; 
				   
				   float:left;
				   background:#fff; 
				   
				   margin:2px 2px 2px 2px; 
				   /*border: 2px solid #fff;*/
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   
				   }
				 
				   

	
#fotos li a:hover{
                   width:100%;  
				 
				   float:left;
				   background:#fff; 
				   
				   margin:2px 2px 2px 2px; 
				   /*border: 2px solid #fff;*/
				   font-family:tahoma;
				   font-size:12px;
				   color:#666666;
				   text-decoration:none;
				   list-style:none;
				   
				   }



/*FIM FOTO ANUNCIANTES*/





#acessorios li.a {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/berco.jpg);  }
#acessorios li.b {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/carro.jpg);}
#acessorios li.c {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/suporte-duplo.jpg);}
#acessorios li.d {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/suporte-triplo.jpg);}
#acessorios li.e {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/transpalete.jpg);}


#opcionais li.a {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/altimero.jpg);}
#opcionais li.b {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/blue.jpg);}
#opcionais li.c {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/cabine.jpg);}
#opcionais li.d {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/camera.jpg);}
#opcionais li.e {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/chassi.jpg);}
#opcionais li.f {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/extintor.jpg);}
#opcionais li.g {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/kit.jpg);}
#opcionais li.h {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/retrovisor.jpg);}
#opcionais li.i {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/sirene.jpg);}
#opcionais li.j {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/platafoma-pt.jpg);}
#opcionais li.k {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/platafoma-pt16.jpg);}

#baterias li.a {list-style-image:url(http://127.0.0.1:8080/uploads/images/produtos/bateria.jpg);  }




@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Voltaire);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);



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


#pro-detalhe td {padding:0.3em 0.3em; }
#pro-detalhe table {margin-top: 10px;}

#pro-detalhe tr:nth-child(even) {background:#F7F7F7; }
#pro-detalhe tr:nth-child(odd) {background: #fff; }


/* formulário login */
#login img {margin-left:15px; text-align:center;}
#login {width:80%; padding:30px; /*background-color:#D1D1D1;*/  /*margin-bottom:20px; border-radius:5px;*/font-size:14px;}
#login input[type="text"] { width:100%; margin-bottom:10px; text-align:center; padding:5px; line-height:2em;  border-radius:3px; border:1px solid #999999; color:#999999;}
#login input[type="password"] { width:100%; margin-bottom:10px; text-align:center; padding:5px; line-height:2em;  border-radius:3px; border:1px solid #999999; color:#999999;}
#login input[type="submit"] { width:100px; margin-bottom:20px; padding:10px;  line-height:2em; border:0px; background:#999999; color:#fff;}
#login input[type="submit"]:hover{
	background:#FFFFFF;
	background: #ccc;   
}
#login label{font-size:1.0em; line-height:1.2em;}
#login p{font-size:1.2em; line-height:1.2em; padding:1em 2em 1em 0em; color:#999999; /*font-weight:bold;*/}
#login .envelope{ width:50%; margin:10px auto -30px auto; text-align:center;}


@media (max-width: 440px) {
#login {width:100%; padding:0px;}
#login img {width:100%; padding:5px;}
#login input[type="text"] { width:280px;}
#login input[type="password"] { width:280px; }
#login input[type="submit"] { width:100px;}
#login input[type="submit"]:hover{ background:#FFFFFF;  background: #89904a;
   
}

}

/* // formulário login */








#mailformajus { margin:87px; }

#formularios {width:100%; padding:5px; /*background-color:#D1D1D1; border:1px solid #89904a;*/ color:#333; /*margin-bottom:20px; border-radius:5px;*/font-size:13px;   font-family: 'Ubuntu', sans-serif;}
#formularios input[type="text"] { width:100%; margin-bottom:10px; padding:5px; line-height:2em;  border:1px solid #ccc; color:#999999;}
#formularios textarea { width:100%; height:200px; margin-bottom:10px; padding:5px; line-height:2em;  border:1px solid #ccc; color:#999999;}
#formularios input[type="submit"] {
	margin-bottom:30px;
	line-height:2em;
	border:0px;
	border:3px solid #074e71;
	background-color: #074e71;
}
#formularios input[type="submit"]:hover{
	border:3px solid #074e71;
	background-color: #CCCCCC;
}
 
#formularios select { width:100%; margin-bottom:10px; padding:5px; line-height:2em;  border:1px solid #ccc; color:#999999;}
   

#formularios label{ width:100%; font-size:1.0em; line-height:1.2em;}
#formularios p{font-size:1.2em; line-height:1.2em; padding:1em 2em 1em 0em; color:#999999; /*font-weight:bold;*/}
#formularios .envelope{ width:50%; margin:10px auto -30px auto; }

#msg h4{
	padding:10px;
	border:1px solid #2b488d;
	margin:5px;
	text-align:center;
}



/*INICIO BLOG*/


.speedtitle a:title {font-size:20px;}


#buscablog {float:right; width:320px; margin-top:20px; }
.categoriablog {float:right; }
.categoriaprod	{text-align:center; z-index:1; border:1px solid #ccc; padding:5px; width:50%; margin:0 auto 30px auto; }

#blog {
                width: 45%;
				float: left;
				top: 10em;
				margin: 0 20px 0 0;
}

#blog img {
                width: 100%;
				float: left;
}

#blog li  {
                width:200%;
				border:0.1em solid #CCCCCC;
				margin:0.5em;
				padding:0.5em;
				list-style-type:none;
              }
			  
			  
#blogdetalhes img {
                float:left;
				margin:0 2em 0 0;
				}

#blogdetalhes h5 {
                text-align:center;
				margin-bottom:3em;
}
/*FIM BLOG*/



.header-banneri h3 { 
width:100%;
height:100%;
background:#155185;
padding:10px;
color:#FFFFFF;
text-align:center;
                 

                }




#listaprodutos li {
                 width:100%;
				 margin:1em 2em;
				 padding:1.5em;
				 list-style-type:none;
				 text-align:left;
				 text-decoration:none;
				 color: #ffffff;
				 background:#155181;
				 }

#listaprodutos li a {
                 width:100%;
				 color:#FFFFFF;
				 text-decoration:none;
				 }
				 
#listaprodutos li a:hover {
                 width:100%;
				 background:#FFF;
				 color:#ccc;
				 
				 text-decoration:none;
				 }


#parceiros li {
                width:17.8%;
		        float:left;
				padding:0.2em;
				color:#fff;
				background:#EEEEEE;
				list-style-type:none;
				margin-bottom:1em;
				margin-left:2em;
				font-size:0.8em;
			  }
			  
#parceiros li img{
                width:100%;
				}
			  

#distribuidores li {
                width:150px;
				float:left;
				padding:2em;
				color:#fff;
				list-style-type:none;
				margin:-2.9em 1em 1em 1em;
			  }


#distribuidores li img{
                width:150px;
				
			  }
			  







::-webkit-scrollbar {
    width:10px;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2);*/
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    background-color: #ddd;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #999999;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    /*-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.6);*/
}

::-webkit-scrollbar-thumb:window-inactive {
}


@media (max-width: 440px) {

#mailformajus { margin:0px; }

#parceiros li {
                width:45%;
		      	margin-left:1em;
}

#buscablog {float:none;}
.categoriablog { display:none; }

#formend {display:none;}
.sumir {top:50px; margin:0 0 0 0;}
.categoriaprod	{ width:80%; }