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

/***********************************
**********ESTRUCTURA****************
***********************************/

body  {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
}
.comun{
	color: #000000;
	background-color: #EEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}
.comun #header {
	width:auto;
	min-width:1000px;
	display:block;
	height: 100px;
	margin:0;
	padding:0;
	border:0;
	background-color: #FFF;
	border: 0;
	overflow: hidden;
}

.comun #menu {
	width:auto;
	min-width:1000px;
	display:block;
	height: 46px;
	background: url(../imagenes_web/menu2/menug_bg.gif);
	background-color: #FFF;
	overflow: hidden;
}
.comun .menu_centrador {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.comun #menu_lista {
	float:left;
	width:660px;
	overflow: visible;
	height: 46px;
	margin-left:10px;
}	
.comun #menu_idiomas {
	float:right;
	width:300px;
	overflow: visible;
	height: 46px;
	margin-right:15px;
}
.comun #container {
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	width:1000px;
	border: 0;
	padding:0;
	text-align: left; /* esto anula text-align: center en el elemento body. */	
/*	max-width: 1024px;
	min-width: 800px;
	width:expression(document.body.clientWidth < 802 ? "800px" : document.body.clientWidth > 1026? "1024px" : "auto");*/
	overflow:visible;
} 

/* Sugerencias para sidebar1:
1. Tenga en cuenta que, si establece un valor de tamaño de fuente en este div, el ancho global del div se ajustará en función de éste.
2. Dado que está trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se añadirá al ancho en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".thrColElsHdr #sidebar_left p".
*/
.comun #sidebar_left {
	float: left;
	width: 160px;
	margin:15px 0 0 0;
	border:0;
	padding:0;
}
.comun #sidebar_right {
	float: right;
	width: 245px;
	margin:15px 0 0 0;
	border:0;
	padding:0;
}

/* Sugerencias para mainContent:
1. Si asigna a este div #mainContent un valor de tamaño de fuente distinto del que tiene el div #sidebar_left, los márgenes del div #mainContent se basarán en su tamaño de fuente y el ancho del div #sidebar_left se basará en su tamaño de fuente. Puede que le interese ajustar los valores de estos divs.
2. El espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecerá el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar_left cuando termine el contenido de #sidebar_left.
3. Para evitar la caída de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamaño máximo aproximado de la imagen/el elemento, ya que este diseño se basa en el tamaño de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamaño de fuente inferior al normal, habrá menos espacio disponible en el div #mainContent del que observará al realizar la prueba.
4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas específicos de IE.
*/
.comun #mainContent {
	margin: 15px 260px 0 175px;
	text-align: left;
}

.comun #mainContent_noleftbar {
	margin: 15px 260px 0 0;
	margin-bottom: 15px;
} 

.comun #footer {
	width: 100%;
	min-width:1000px;
	height: 60px;
}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/***********************************
**********FIN ESTRUCTURA************
***********************************/



.glossymenu{
	margin: 0;
	padding:0;
	border:0;
	background: url(../imagenes_web/menu2/menug_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*16px Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*24px Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../imagenes_web/menu2/menug_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../imagenes_web/menu2/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}
.sombra{
	background-image:url(../imagenes_web/menu2/sombra.gif);
	background-repeat:repeat-x;
	height:10px;
	width:100%;
	}

.idiomas{
	margin: 0;
	padding:0 10px 0 0;/*para igualarse al boton inicio*/
	border:0;
	height: 46px;
	list-style: none;
}
.idiomas li{
	float:right;
	text-align:center;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	vertical-align:middle;
	padding-top:14px;/*posición de letras y banderitas juntas*/
}
.idiomas li a{
	line-height: 18px;
	}
.idiomas li a:link, .idiomas a:visited {
	color:#093;
	text-decoration:none;
	}
	
.idiomas li a:hover, .idiomas  a:active{
	color: #09F;
	text-decoration:underline;
	}
.idiomas img{
	border:0;
	text-decoration:none;
	padding-right:5px;
	padding-top:3px;/*posición de la banderita respecto la letra*/
	width:20px;
	height:15px;
}

/*.pipefix{
    margin-left:3px;
    margin-right:3px;
	}*/
	
.idiomas span.pipefix{
	text-decoration: none;
	font-size: 9px;
    padding-left:10px;
    padding-right:10px;
	color:#093;
	line-height: 18px;
	}
	
.footer_over{
	height:16px;
	margin-top:15px;
	background-image:url(../imagenes_web/menu2/over_footer.gif);
	background-repeat:repeat-x;
}
.copy{
	font-size:11px;
	color:#093;
	text-align:left;
	padding-left:15px;
	}
.footerlinks{
	height:auto;
	text-align:center;
	color:#093;
	overflow:hidden;
	padding-right: 15px;
	}
.footerlinks ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;
	}
.footerlinks li{
	display:inline;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	}
.footerlinks li a:link, .footerlinks li a:visited {
	text-decoration:none;
	color:#093;
	}
.footerlinks li a:hover, .footerlinks li a:active{
	text-decoration:underline;
	color:#0066CC;
	}
.footerlinks li .pipefix{
	font-size: 9px;
	margin-left:6px;
	margin-right:6px;
	vertical-align: middle;
	}
	
.copy{
	float:left;
	overflow:hidden;
	}
.copy img{
	/*float:left;*/
	}
.copy span{
	/*float:left;
	padding-left:0px;
	display:block;*/
	}	

a{	color:#0066CC;}

.link{
	color:#0066CC;
	}
.link_azul{
	color:#0066CC;
	}
.link_verde{
	color:#009933;
	}
.link_amarillo{
	color:#FFD900;
	}
	
.link_nodecoration{
	text-decoration:none;
	color:#009933;
	}
.link_nodecoration img{
	border:0;
	}
	
.portada img{
	float:left;
	border:0;
	padding:0;
	margin:0;
	}	
.banner_principal img{
	border:0;
	margin-bottom:15px;
	}
	
.info_extra{
	margin-top:15px;
	border:2px solid #093;
	background-color:#FFC;
	color:#093;
	padding:15px;
	text-align:center;
	float:none;
	}
	
	
.cabecera_titulo{
	display: block;
	overflow:hidden;
	background-color:#093;
/*	background-image:url(../imagenes_web/linea20x2.jpg);
	background-repeat:repeat-x;*/
}
.cabecera_titulo span {
	float:left;
	width:auto;
/*	padding:0 0 0 26px; /*Padding to accomodate left tab image. Do not change*/
	padding-left:15px;
	line-height: 25px;
	text-align: center;
	background-image:url(../imagenes_web/em_l.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#093;
}
.cabecera_titulo span b {
	float: right;
	width:515px;
	display: block;
	padding: 0 25px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #fff;
	background-image:url(../imagenes_web/em_r.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	font-weight: bold;
	text-align: left;
}

#preload_inicio{  
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url("imagenes_web/portada/rutas4x4_on.jpg");
	background-image: url("imagenes_web/portada/preparaciones4x4_on.jpg");
	background-image: url("imagenes_web/portada/manuales_on.jpg");
	background-image: url("imagenes_web/portada/defensas_ce_on.jpg");
	background-image: url("imagenes_web/portada/prensa_on.jpg");
}

.caja_tipo_catalogo {margin:0;overflow:hidden;width:auto;}
.caja_tipo_catalogo p{
	font-size:12px;
	line-height:15px;
	text-align:justify;
}

/*CSS para centrar el contenido de un div*/
.centrador_contenedor{
	/*_position: relative;*/
		height:100%;
		display:table;
		margin:auto;
	}
.centrador_centro{
	/*_position: absolute;
	_top: 50%;
	_left:0;*/
	margin:auto;
	display: table-cell;
	vertical-align: middle;
	}
.centrador_contenido{
	/*_position: relative;
	_top: -50%;*/
	}