/**************************************************/
/*   Pàgina d'estils de Automòbils Baix Montseny  */
/* autosweb.css                              	  */
/* Use with template index.php                    */
/**************************************************/

	
	body {
	text-align: center;
	background-image:  url("/pfw_files/tpl/estructura/pneumatico.gif"); 
	 }
	
	  /* ------------------------- */
 #pagina {
	width:780px;
	text-align: left;	
	vertical-align: top;
   height: auto;
	background-color: transparent;
	background-image: url("/pfw_files/tpl/estructura/fondopagina.gif"); 
	background-repeat: repeat-y;	
	} 
 #popup {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 601px;
	background-image: url("/pfw_files/tpl/estructura/fondopopup.gif"); 
	background-repeat: repeat-y;	
	border-style: solid;
   border-color: Black;
	border-width: 0 0 0 0;
	}

	#popup li{
	width: 601px;	
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	}

 	 /* ------------------------- */	
	 	#intro {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 780px;
	height: 468px;
	background-image: url("/pfw_files/tpl/estructura/intro.jpg");
	float: left;	
	}
	#cabecera {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 779px;
	height: 154px;
	border-style: solid;
   border-color: Black;
	border-width: 1px 0 1px 1px;
	background-image: url("/pfw_files/tpl/estructura/header.jpg");
	float: left;	
	}
	#cabecerapetita {
	width: 599px;
	height: 119px;
	border-style: solid;
   border-color: Black;
	border-width: 1px 0 1px 1px;
	background-image: url("/pfw_files/tpl/estructura/headerpetit.jpg");
	}
	/* --------------------- */
	#menu {
	padding: 0px 0px 0px 0px;
	width: 780px;
	height: 28px;
	background-image: url("/pfw_files/tpl/estructura/menu.gif");
	font-size: 110%;
	float: left;
	}	
	#menu ul,#popup ul{
  display: block;
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style:none;
  font-size:85%;	
	}

	#menu a.selected, #menu strong.selected {
	width: 156px;
	height: 28px;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff; /* letras en blanco */  
   background-image: url("/pfw_files/tpl/estructura/menuselected.gif");
	background-repeat: repeat-x;
   text-decoration:none;
	float: left;	
	}
	#menu a.selected:hover, #menu #current a.selected:hover strong, #menu #current strong.selected {
	display: list-item;
	width: 156px;
	height: 28px;
	background-image: url("/pfw_files/tpl/estructura/menuselected.gif");
	background-repeat: repeat-x;
	color:#fff; 
   float: left;
	   }
#menu li {
   width: 156px;
  	height: 28px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: White;
	text-transform: uppercase;
	text-align: center;
	line-height: 24px; /* lo utilizo para centrar el texto en la celda */
	vertical-align: middle;
	float: left;
	}	
	
	#menu a, #menu strong {
   width: 156px;
	height: 28px;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff; /* letras en blanco */
   background-color: transparent;
	text-decoration:none;
	float: left;	
	}
	#menu a:hover, #menu #current a:hover strong, #menu #current strong {
	display: list-item;
	background-color: transparent;
	background-repeat: repeat-x;
	color:#000; /* Verde oscuro de las letras*/
   float: left;
	   }
  #menu a:hover {
   background-color: transparent;
   float: left;
  }
	
    /* ------------------------- */
	 
 #downmenu{
	background-position: top;
   background-color: transparent;
	width: 780px;
 	border-width: 0 0 0 0;
   border-color: Black;
	border-style: solid;
	float: left;	
 }
 #downmenu ul,#dialogInf ul,#marcas ul,#dialogInfpetit ul
 {
  display: block;
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style:none;
  font-size:85%;	
 } 
 #downmenu li {
 	display: block;
	width: 156px;
	height: 3px;
	background-color: transparent;	
	vertical-align: top;
   text-align: center;
	text-decoration:none;
	float: left;
	}

	/* -------------------------- */
  #separador {
  	background-image: url("/pfw_files/tpl/estructura/separador.gif"); 
	width: 780px;
	height: 1px;
	float: left;	
  }
    /* -------------------------- */
  #dialogInf {
	background-image: url("/pfw_files/tpl/estructura/menu.gif");
	background-repeat: repeat-x;	
	width: 780px;
	font-size: 100%;
	float: left;
	border-width: 1px 0 1px 0;
   border-color: Black;
	border-style: solid;
	}
  #dialogInfpetit {
	background-image: url("/pfw_files/tpl/estructura/menu.gif");
	background-repeat: repeat-x;	
	width: 600px;
	font-size: 100%;
	float: left;
	border-width: 1px 1px 1px 0;
   border-color: Black;
	border-style: solid;
	}
#dialogInf li,#dialogInfpetit li {
	height: 27px;
	padding-right: 10px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	line-height: 24px; /* lo utilizo para centrar el texto en la celda */
	color: White;
	}
	
#dialogInf a, #dialogInf strong,#dialogInfpetit a,#dialogInfpetit strong {
	display: block;
	color: #fff;
	text-decoration:none;
	white-space:nowrap;
   float: left;
	
	}
	#dialogInf a:hover, #dialogInf #current a:hover strong, #dialogInf #current strong,
	#dialogInfpetit a:hover, #dialogInfpetit #current a:hover strong, #dialogInfpetit #current strong  
	{
	display: list-item;
   color:#fff;
   float: left;
	}
#dialogInf a:hover,#dialogInfpetit a:hover {
  background-repeat:no-repeat;
  float: left;
  }
 /*  Clases para texto */
 .textvermell{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EA0000;
	font-weight: bold;
	text-transform: uppercase;
 }
 .vermellbig{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #EA0000;
	font-weight: bold;
	padding-right: 10px;
 } 
  .textgris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9A9585;
	font-weight: bold;
	text-transform: uppercase;
 }
   .textgris2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9A9585;
	font-weight: bold;	
 }
    .negrita{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}
    .normal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #000;
	}
 .separadores
 {
	padding-left: 18px;
	padding-right: 9px;
	padding-bottom: 9px;
 }
 /* linea separadora */
  #lineseparate{
 	background-image: url("/pfw_files/tpl/estructura/fonsmenu.gif");
	background-position: top center;
	background-repeat: repeat-x;
	width: 740px;
 }
   #lineseparatepetita{
 	background-image: url("/pfw_files/tpl/estructura/fonsmenu.gif");
	background-position: top center;
	background-repeat: repeat-x;
	width: 560px;
 }
 .text{
 	padding-right: 19px;
	padding-left: 19px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 }

  .separa2
 {
	padding: 0 9px 50px 18px;
 }
     /* -  DIV PARA LISTADO MARCAS  - */
  #marcas {
	background-color: transparent;
	width: 777px;
	font-size: 100%;
	float: left;
	}

#marcas li {
margin-top: -13px;
	float: left;
	}
	
#marcas a, #marcas strong {
	display: block;
	color: #fff;
	text-decoration:none;
	white-space:nowrap;
   float: left;
	
	}
	#marcas a:hover, #marcas #current a:hover strong, #marcas #current strong 
	{
	display: list-item;
   color:#fff;
   float: left;
	}
#marcas a:hover {
  background-repeat:no-repeat;
  float: left;
  }
  
 .DadesVehicleClar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	}
 .DadesVehicleFosc {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	}	

/* --------------------*/
 #content1 {
				padding: 0 0 0 0;
				margin: auto;
				width: 736px;
				height: auto;
				border-style: solid;
			   border-color: Black;
				border-width: 1px 1px 1px 1px;
			 }	

#content1 ul {
  display: block;
  margin:0;
  padding:0 0;
  list-style:none;
  }
	
#content1 li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	}

/*  Tabla per ordrenar els camps */	
#ordrenar
{
 display: block;
 background-color: White;
 padding-left: 8px;
 height: 24px;
 float: left;
}
#ordrenar ul,#dadesvehicle ul {
  display: block;
  margin:0;
  padding:0 0 0 0;
  list-style:none;
  }
#ordrenar li span.desc a{
	display: block;
	background-color:#9A9585;
	background-image: url("/pfw_files/tpl/estructura/ordredesc.gif");
	background-position: right;
 	background-repeat: no-repeat;  
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#ffffff;
	width: 100px;
	float: left;
	}
#ordrenar li span.asc a{
	display: block;
	background-color:#9A9585;
	background-image: url("/pfw_files/tpl/estructura/ordreasc.gif");
	background-position: right;
 	background-repeat: no-repeat;  
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#ffffff;
	width: 100px;
	float: left;
	}
#ordrenar li a,#ordrenar li strong {
   display: block;
	background-color:#9A9585;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	width: 100px;
	padding-left: 3px;
	line-height: 20px;
	border-style: solid;
	border-color: White;
	border-width: 0 1px 0 0;
	text-decoration:none;
	height: 24px;
	float: left;
	}	

	#ordrenar li a:hover, #ordrenar #current li a:hover strong, #ordrenar #current li strong 
	{
	display: block;
	height: 24px;
	color:#fff;
	float: left;
	}
#ordrenar li a:hover,#dadesvehicle li a:hover {
  display: block;
  background-repeat:no-repeat;
  height: 24px;
  float: left;
  }
  /* dades a la tabla */
 #dadesvehicle
 {
 display: block;
 background-color: White;
 padding-left: 8px;
 height: 24px;
 float: left;
 }
 #dadesvehicle li a,#dadesvehicle li strong {
   display: block;
	background-color: White;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	padding-left: 4px;
	line-height: 20px;
	width: 100px;
	text-decoration:none;
	height: 24px;
	float: left;
	}	
 #dadesvehicle li span a {
   display: block;
	background-color: #FBF9C7;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	line-height: 20px;
	padding-left: 3px;
	width: 100px;
	text-decoration:none;
	height: 24px;
	border-style: solid;
	border-color: White;
	border-width: 1px 0 1px 0;
	float: left;
	}		
	#dadesvehicle li a:hover, #dadesvehicle #current li a:hover strong, #dadesvehicle #current li strong 
	{
	display: block;
	height: 24px;
	color:#000;
	float: left;
	}