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

@import url( general.css );
@import url( header.css );
@import url( footer.css );



/*---------------------- elementos generales  ---------------------  */
#containerContent{
width:992px; float:none; height:auto; min-height:300px; clear:both;
} 


#containerFlashContent{
width:992px; float:none; height:350px; clear:both; background-color:#999
} 



/*---------------------- elementos vehiculos modelos  ---------------------  */
#containerContentModelo{
width:948px; float:none; height:auto; min-height:300px; clear:both; padding: 24px 22px 42px 22px; background:url(../images/fondo_pie_modelos.gif) #FFF no-repeat bottom left; margin-bottom:5px;
} 

#containerContentModeloGaleria{
width:948px; float:none; height:auto; min-height:150px; clear:both; padding: 24px 22px 42px 22px; background:url(../images/fondo_pie_modelos.gif) #FFF no-repeat bottom left; margin-bottom:20px;
} 


/* 3 columnas de descripcion*/
#colDescribeA{
width:228px; height:auto; min-height:100px; float:left; margin-right:12px;  
} 

#colDescribeB{
width:468px; height:auto; min-height:100px; float:left; 
} 
#colDescribeC{
width:228px; height:auto; min-height:100px; float:right;
} 
.textindex{ font:11px Arial, Helvetica, sans-serif; color:#252525; line-height:15px; text-align:left; margin-top:0;
}
.h3index{ margin-top:0;
	
}


/* modulo central carrousel*/
#containerCarrousel{
width:468px; height:195px;float:left;
} 

/* flecha izq*/
#colCarrouselA{
width:50px; height:195px;float:left; vertical-align:middle; margin-top:80px;
} 

/* contenido carrousel*/
#colCarrouselB{
width:368px; height:195px;float:left;
} 

/* flecha der*/
#colCarrouselC{
width:50px; height:195px;float:right; margin-top:80px;
} 


/* rows carrousel*/
#rowCarrouselFoto{
width:368px; height:110px;float:left; margin-bottom:10px;
} 

#rowCarrouselTitulo{
width:368px; height:30px;float:left; margin-bottom:8px;
} 

#rowCarrouselTexto{
width:368px; height:auto; min-height:50px; float:left; margin-bottom:8px;
} 



#rowTotal{
width:228px; height:75px;float:left; margin-bottom:8px;
} 

#rowTotalTitulo{
width:228px; height:30px;float:left; margin-bottom:8px;
} 

#rowTotalTituloGrande{
width:228px; height:55px;float:left; 
} 

#rowTotalTexto{
width:95%; height:auto; min-height:20px; float:left; margin-bottom:8px;
} 

/*---------------------- elementos vehiculos galeria ---------------------  */

#colGaleriaA{
width:228px; margin-right:12px; float:left; 
} 

#colGaleriaB{
width:708px; float:right; height:132px;
}


/* thumbs lista de galeria  Usado parcialmente, algunos valore se especifican en scripts/galeria/galeria.css*/

#thumbsGaleria{
width:708px; float:none; height:120px; margin-bottom:12px; text-align:left; padding:0px; 
} 

#thumbsGaleria ul {
	  margin:0px; list-style:none; padding:0px;
}


#thumbsGaleria li a {
padding: 0px 10px 0px 0px; margin:-2px; text-align:left;
}


#thumbsGaleria ul li {
	display: inline;
}

#thumbsGaleria li a #sinMargen {
padding: 0px 0px 0px 0px; margin:-2px; 
}





/* foto grande galeria. Usado parcialmente, algunos valores se especifican en scripts/galeria/galeria.css*/

#containerFotoContent{
width:992px; float:none; height:350px; clear:both; 
} 





#barraFotoContent{
width:982px; float:none; height:20px; clear:both; font: 12px Arial, Helvetica, sans-serif; color:#F3F3F3; background-color:#666971; line-height:20px; text-align:left; padding-left:10px;
} 


/* -----------------------  colores --------------------- */

#nombreColor{
width:708px; float:none; height:25px; clear:both; font: 12px Arial, Helvetica, sans-serif; color:#656870; font-weight:bold; margin-bottom:8px; line-height:25px; text-align:left;
} 


/* thumbs lista de galeria*/

#colorModelo{
width:708px; float:left; height:26px; margin-bottom:8px; text-align:left; padding:0px; font: 12px Arial, Helvetica, sans-serif; color:#656870; font-weight:bold;
} 

#colorModelo ul {
	  margin:0px; list-style:none; padding:0px;
}


#colorModelo li a {
padding: 0px 0px 0px 0px; margin:-2px; text-align:left;
}




#colorModelo ul li {
	display: inline;
}

#colorModelo li a #sinMargen {
padding: 0px 0px 0px 0px; margin:-2px; 
}


/* thumbs lista de galeria 2 row para efecto fade */

#colorModelo2{
width:708px; float:left; height:26px; margin-bottom:8px; text-align:left; padding:0px; 
} 

#colorModelo2 ul {
	  margin:0px; list-style:none; padding:0px;
}


#colorModelo2 li  {
padding: 0px 0px 0px 0px; margin:-2px; text-align:left; font: 12px Arial, Helvetica, sans-serif; color:#656870; font-weight:bold;
}

#colorModelo2 li a {
padding: 0px 0px 0px 0px; margin:-2px; text-align:left;
}




#colorModelo2 ul li {
	display: inline;
}

#colorModelo2 li a #sinMargen {
padding: 0px 0px 0px 0px; margin:-2px; 
}


/*---------------------- Specs modelos  ---------------------  */

/* foto grande specs*/

#containerFotoSpecs{
width:992px; float:none; height:275px; clear:both; 
} 


#containerContentSpecs{
width:992px; float:none; height:auto; min-height:350px; clear:both; margin-bottom:20px; padding-top:24px; text-align:left; background:url(../images/fondo_degrada_content.jpg) repeat-x top left; 
} 

#datosModelo{
width:884px; float:left; height:auto; min-height:50px;  clear:both; padding: 15px 22px 24px 22px;
} 

#datosModeloPrecios{
width:884px; float:left; height:auto; min-height:50px;  clear:both; padding: 15px 22px 24px 22px; background-color:#FFF
} 

#containerTabs{
width:948px; float:left; clear:both; margin: 0px 22px 0px 22px;text-align:left;  min-height:100px; height:auto !important;
 height:100px; padding:0px

} 

/* css de los tabs en  scripts/ajaxtabs */

#contentSpecs{
width:928px; float:left; height:auto; min-height:50px; clear:both; padding: 20px 10px 10px 10px; font: 12px Arial, Helvetica, sans-serif; color:#656870; background-color:#FFF; 
} 

#contentSpecsConcurso{
width:970px; float:left; height:auto; min-height:50px; clear:both; padding: 20px 10px 10px 10px; font: 12px Arial, Helvetica, sans-serif; color:#656870; background-color:#FFF; 
} 


#tableSpecs{ width:100%;
} 

.tituloRow{ background-color:#CFD7DD; color:#252525;  height:20px; border-bottom:#FFF 3px solid; font: 12px Arial, Helvetica, sans-serif;font-weight:bold;
} 

.modeloRow{ background-color:#849AA2; color:#FFF;  height:20px; border-bottom:#FFF 3px solid; font: 12px Arial, Helvetica, sans-serif;font-weight:bold;
} 

.datosRow{ background-color:#E0E6E8; height:20px; border-bottom:#FFF 3px solid; color:#656870; font: 12px Arial, Helvetica, sans-serif;
} 


.nonRow{ background-color:#CFD7DD; color:#656870; height:20px; border-bottom:#FFF 3px solid; font: 12px Arial, Helvetica, sans-serif;
} 

.parRow{ background-color:#E0E6E8; height:20px; border-bottom:#FFF 3px solid; color:#656870; font: 12px Arial, Helvetica, sans-serif;
} 

.kilometrosRow{ background-color:#E0E6E8; height:20px; border-bottom:#FFF 3px solid; border-right:#FFF 3px solid;
} 



#contentSpecsExternal{
width:928px; float:left; height:auto; min-height:100px; clear:both;  font: 12px Arial, Helvetica, sans-serif; color:#656870; background-color:#FFF; 
} 

#contentSpecsExternalConcurso{
width:970px; float:left; height:auto; min-height:100px; clear:both;  font: 12px Arial, Helvetica, sans-serif; color:#656870; background-color:#FFF; 
} 


/*--------------- familia autos -------------------------- */

#containerContentFamily{
width:948px; float:none; height:auto; min-height:324px; clear:both; padding: 24px 22px 42px 22px;  margin-bottom:20px;

} 

/* 1+3 columnas para familia de autos*/
#colFamiliaA{
width:216px; height:auto; min-height:290px; float:left; margin-right:20px; margin-top:34px; 
} 


#colFamiliaB{
width:237px; height:auto; min-height:324px; float:left; display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3; 
} 


#colFamiliaB a{
width:237px; height:auto; min-height:324px; float:left; display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3; cursor:pointer; 
} 

#colFamiliaB a:hover{
width:237px; height:auto; min-height:324px; float:left; display:block; background:url(../images/fondo_tarjeta_familia_237.jpg) no-repeat top left #FFF;cursor:pointer; 
} 




#colFamiliaC{
width:237px; height:auto; min-height:324px; float:right; display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3; 
} 

#colFamiliaC a{
width:237px; height:auto; min-height:324px; float:right; display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3; cursor:pointer; 
} 

#colFamiliaC a:hover{
width:237px; height:auto; min-height:324px; float:right; display:block; background:url(../images/fondo_tarjeta_familia_237.jpg) no-repeat top left #FFF;cursor:pointer; 
} 



#colFamiliaD{
width:237px; height:auto; min-height:324px; float:right;display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3;  
} 

#colFamiliaD a{
width:237px; height:auto; min-height:324px; float:right; display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3; cursor:pointer; 
} 

#colFamiliaD a:hover{
width:237px; height:auto; min-height:324px; float:right; display:block; background:url(../images/fondo_tarjeta_familia_237.jpg) no-repeat top left #FFF;cursor:pointer; 
} 

/* 1+2 columnas para familia de autos*/
#colFamiliaE{
width:216px; height:auto; min-height:100px; float:left; margin-right:22px;  
} 

#colFamiliaF{
width:355px; height:auto; min-height:100px; float:left; display:block; cursor:pointer; background:url(../images/fond_gris_basico.gif)
} 

#colFamiliaF a{
width:355px; height:auto; min-height:324px; float:left; display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3; cursor:pointer; 
} 

#colFamiliaF a:hover{
width:355px; height:auto; min-height:324px; float:left; display:block; background:url(../images/fondo_tarjeta_familia_355.jpg) no-repeat top left #FFF;cursor:pointer; 
} 


#colFamiliaG{
width:355px; height:auto; min-height:100px; float:right; 
} 


#colFamiliaG a{
width:355px; height:auto; min-height:324px; float:left; display:block; background:url(../images/fond_gris_basico.gif) repeat top left #F3F3F3; cursor:pointer; 
} 

#colFamiliaG a:hover{
width:355px; height:auto; min-height:324px; float:left; display:block; background:url(../images/fondo_tarjeta_familia_355.jpg) no-repeat top left #FFF;cursor:pointer; 
} 

/*  tarjeta de autos familia   */

#tarjetaChica{
width:210px; height:auto; min-height:294px; float:left; text-align:center; padding:30px 10px 0px 10px; display:block;
}  

#tarjetaGrande{
width:335px; height:auto; min-height:294px; float:left; text-align:center; padding:30px 10px 0px 10px; display:block;
} 

#fotoTarjetas{
width:98%; height:auto; min-height:80px; float:left; text-align:center; margin-bottom:10px; 
} 

#datosTarjetas{
width:98%; height:auto; min-height:80px; float:left; text-align:left;
} 


/* -------------------  Todos los vehiculos listado  --------------------------------*/


#containerLista{
width:948px; height:420px; float:left; padding:10px 22px 10px 22px;  border-top:#999 1px solid;
} 



#cajaLista{
width:158px; height:210px; float:left; background:url(../images/fond_gris_basico.gif) repeat #F3F3F3;  
} 

#cajaLista a {
width:158px; height:210px; float:left; background:url(../images/fond_gris_basico.gif) repeat #F3F3F3;
} 

#cajaLista a:hover{
width:158px; height:210px; float:left; background:url(../images/fondo_tarjeta_autos_158.jpg) no-repeat #F3F3F3; ; 
} 


/* thumbs lista de galeria*/

#colLista{
width:948px; float:left; height:210px; text-align:left; padding:0px; margin:0px; 
} 

#colLista ul {
	  margin:0px; list-style:none; padding:0px; 
}


#colLista li  {
padding: 0px 10px 0px 0px; margin:-2px; text-align:left;
}


#colLista ul li {
	display: inline;
}

#colLista li  #sinMargen {
padding: 0px 0px 0px 0px; margin:-2px; 
}


#envuelveDatos{
width:158px; height:auto; min-height:60px; float:left; 
} 

#fotoTarjetasLista{
width:158px; height:auto; min-height:60px; float:left; text-align:center; margin-top:30px;  
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity: 0.4;*/
} 

#datosTarjetasLista{
width:138px; height:auto; min-height:20px; float:left; text-align:left; padding:10px 10px 0px 10px; cursor:pointer; display:block 
}