@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; border: 0; list-style: none; color: #b3b9be; font-family: Arial; }
BODY { font-size: 10px; background-color: #000000; }
a { color: #b3b9be; text-decoration: none; }
img.left { float: left; padding: 0em 0.5em 0.5em 0em;  }

/* CSS Cabecera */
#contenedor-principal { width: 100%; padding: 1.1em 0em 0em 0em; background-image: url(../imagenes/fondo-web-julian.gif); background-repeat: repeat-x; overflow: hidden; }
#contenedor-cabecera { width: 100em; margin: auto; overflow: hidden; clear: both; }
#contenedor-logo { float: left; width: 22.1em; }
#contenedor-menu-superior { float: right; width: 77.9em; overflow: hidden; }
#subcontenedor-menu-superior-general { height: 50px; margin: 3.8em 0em 0em 2em; }
#subcontenedor-menu-superior-general div img.izquierda { float: left; }
#subcontenedor-menu-superior-general div img.derecha { float: right; }
#subcontenedor-menu-superior-general ul#menu-superior-elementos { float: left; margin: 0px 0em 0em 0em; overflow: hidden; }
#subcontenedor-menu-superior-general ul#menu-superior-elementos li { float: left; padding: 0em 0.1em 0em 0em; background-image: url(../imagenes/rayita.gif); background-repeat: no-repeat; background-position: right; }
#subcontenedor-menu-superior-general ul#menu-superior-elementos li a { display: inline-block; padding: 15px 12px 10px 12px; font-size: 1.4em; font-weight: bold; }
#subcontenedor-menu-superior-general ul#menu-superior-elementos li.inactivo-menu a { color: #004c97; background-image: url(../imagenes/inactivo-fondo-menu.gif); background-repeat: repeat-x; }
#subcontenedor-menu-superior-general ul#menu-superior-elementos li.inactivo-menu a:hover { color: #9d6200; background-image: url(../imagenes/activo-fondo-menu.gif); background-repeat: repeat-x; }
#subcontenedor-menu-superior-general ul#menu-superior-elementos li.activo-menu a { color: #9d6200; background-image: url(../imagenes/activo-fondo-menu.gif); background-repeat: repeat-x; }
#subcontenedor-menu-superior-general ul#menu-superior-elementos li.sin-fondo { background: none; }
#subcontenedor-menu-superior-general div div.laterales-menu-superior img { height: 4.3em; }
#contenedor-barra-marca { width: 77.9em; overflow: hidden; clear: both; }
#subcontenedor-barra-navegacion { float: left; width: 49.4em; margin: 0em 0em 0em 1.5em; overflow: hidden; }
#contenedor-menu-superior ul#barra-navegacion { width: 49.4em; padding: 1.4em 0em 0em 0em; overflow: hidden; }
#contenedor-menu-superior ul#barra-navegacion li { float: left; padding: 0em 0.7em 0em 0.5em; background-image: url(../imagenes/flecha-barra-navegacion.gif); background-repeat: no-repeat; background-position: right; }
#contenedor-menu-superior ul#barra-navegacion li.sin-icono { background: none; }
#contenedor-menu-superior ul#barra-navegacion li a { font-size: 1em; color: #e6a738; }
#contenedor-menu-superior ul#barra-navegacion li a strong { color: #e6a738; }
#contenedor-menu-superior ul#barra-navegacion li a.elemento-pagina { color: #ffffff; font-weight: normal; }
#contenedor-menu-superior ul#barra-navegacion li a:hover { text-decoration: underline; }
#subcontenedor-marca { float: left; width: 20em; margin: 1em 0em 0em 0em; border-left: 1px dotted #b1b8be; }
select#combo-marcas { margin: 0em 0em 0em 0.6em; color: #ffffff; font-size: 1em; background-color: #014b94; border: none; }
select#combo-marcas option { color: #ffffff; }

/* CSS Cuerpo */
#contenedor-cuerpo { width: 100em; margin: -1em auto auto auto; overflow: hidden; clear: both; }
#contenedor-col-izquierda { float: left; width: 22.2em; margin: 0em 0em -9999px 0em; padding: 0em 0em 9999px 0em; border-right: 1px dashed #b1b8be; }
#contenedor-col-izquierda img { float: left; }
#contenedor-col-izquierda img#imagen-corporativa { border: 3px solid #ffffff; }
/* CSS Menú Lateral Marcas */
#contenedor-col-izquierda dl#submenu { width: 21.3em; overflow: hidden; }
#contenedor-col-izquierda dl#submenu dt { margin: 1.1em 0em 0em 0em; padding: 0em 1.2em 0em 2.4em; border: 1px dashed #b1b8be; background-image: url(../imagenes/mas.gif); background-repeat: no-repeat; background-position: 1.2em 1.4em; }
#contenedor-col-izquierda dl#submenu dt.invisible { display: none; }
#contenedor-col-izquierda dl#submenu dt span.decorativo { display: inline-block; padding: 0.9em 0em 0.9em 0em; cursor: pointer; color: #b1b8be; font-size: 1.1em; font-weight: bold; }
#contenedor-col-izquierda dl#submenu dt a { display: inline-block; padding: 0.9em 0em 0.9em 0em; color: #b1b8be; font-size: 1.1em; font-weight: bold;  }
	#contenedor-col-izquierda dl#submenu dt span.decorativo a { display: inline-block; padding:0; font-size: 1em;}
#contenedor-col-izquierda dl#submenu dd { margin: 1em 0em 0em 0em; }
#contenedor-col-izquierda dl#submenu dd.siempre-mostrar { display: block; }
#contenedor-col-izquierda dl#submenu dd.invisible { display: none; }
#contenedor-col-izquierda dl#submenu dd div h2 { color: #ffffff; text-transform: uppercase; font-size: 1.3em; font-weight: bold; }
#contenedor-col-izquierda dl#submenu dd div h3 { color: #e6a738; text-transform: uppercase; font-size: 1.3em; font-weight: bold; }
#contenedor-col-izquierda dl#submenu dd div h4 { padding: 0em 0em 0.3em 0em; color: #e6a738; text-transform: uppercase; font-size: 1.2em; font-weight: bold; }
#contenedor-col-izquierda dl#submenu dd div p { font-size: 1.1em; }
#contenedor-col-izquierda dl#submenu dd div a { color: #95c5de; text-decoration: underline; }
#contenedor-col-izquierda dl#submenu dd div ul { margin: 0em 0em 0.3em 2em; overflow: hidden; }
#contenedor-col-izquierda dl#submenu dd div ul li { padding: 0em 0em 0.3em 0em; }

#banner-instalaciones { width: 13.4em; margin: 4.6em 0em 0em 0em; padding: 1.3em 0em 1em 8.3em; border-bottom: 1px dashed #b1b8be; background-image: url(../imagenes/banner-instalaciones.gif); background-repeat: no-repeat; }
#banner-instalaciones span.nuestras-instalaciones { color: #004b93; font-family: Calibri; font-size: 1.9em; font-weight: bold; line-height: 0.9em; }
#banner-instalaciones ul { padding: 0.7em 0em 1.3em 0em; overflow: hidden; }
#banner-instalaciones ul li { padding: 0em 0em 0em 1.4em; background-image: url(../imagenes/icono-banner-instalaciones.gif); background-repeat: no-repeat; background-position: 0em 0.3em; }
#banner-instalaciones ul li a { display: inline-block; margin: -0.3em 0em 0em 0em; color: #082136; font-family: Calibri; font-size: 1.2em; text-decoration: underline; }
/* FIN CSS Menú Lateral */

#contenedor-col-derecha { float: right; width: 76.8em; margin: 0em 0em -9999px 0.9em; padding: 0em 0em 9999px 0em; border-top: 1px dashed #b1b8be; overflow: hidden; }
#bloque-podemos-hacer-por-ti { width: 76.8em; padding: 0em 0em 0em 0em; overflow: hidden; }
#contenedor-col-derecha h2.titular-seccion-principal { padding: 0.7em 0em 0em 0em; color: #ffffff; font-size: 2.8em; font-weight: bold; }
#contenedor-col-derecha h2.titular-seccion-principal strong { color: #ffffff; font-weight: bold; }
h2.sin-negrita { font-weight: normal; }
/*
#bloque-podemos-hacer-por-ti h2.titular-seccion { color: #ffffff; font-size: 2.3em; font-weight: normal; }
#bloque-podemos-hacer-por-ti ul.lista-secciones { width: 76.8em; margin: 2em 0em 0em 0em; overflow: hidden; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion { float: left; width: 23.9em; margin: 0em 0em -9999px 0.7em; padding: 0em 0.5em 9999px 0em; border-right: 1px dashed #b1babf; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.sin-border { border: none; } 
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion div { width: 23.9em; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion div p { padding: 1.2em 0em 0em 0em; color: #b4b9bf; font-size: 1.1em; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion div p.center { text-align: center; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion div p strong { color: #ffffff; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion div ul.lista-subsecciones { margin: 1.5em 0em 0em 0em; overflow: hidden; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion div ul.lista-subsecciones li { padding: 0em 0em 1em 2em; color: #ffffff; font-size: 1.4em; background-image: url(../imagenes/flechita-seccion.gif); background-repeat: no-repeat; background-position: 0.5em 0.2em; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion div ul.lista-subsecciones li a { color: #ffffff; font-weight: normal; }
#bloque-podemos-hacer-por-ti ul.lista-secciones li.elemento-seccion a.boton { width: 12.3em; display: block; margin: 2em 0em 0em 5em; padding: 0.4em 0em 0.4em 0em; color: #004a91; text-align: center; background-image: url(../imagenes/fondo-boton.gif); background-repeat: no-repeat; }
*/

#contenedor-noticias-destacadas { width: 76.8em; margin: 1em 0em 0em 0em; padding: 2em 0em 0em 0em; border-top: 1px dashed #b0b8bb; overflow: hidden; }

#contenedor-noticias-destacadas ul.contenedor-lista-destacado-noticia { width: 76.8em; margin: 2em 0em 0em 0em; overflow: hidden; }
#contenedor-noticias-destacadas ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia { width: 76.8em; margin: 0em 0em 1em 0em; padding: 0em 0em 1em 0em; border-bottom: 1px dashed #b1babf; overflow: hidden; }
ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div { width: 76.8em; overflow: hidden; }
ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div img { float: left; margin: 0em 1em 0em 0em; border: 4px solid #ffffff; }
ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div h2.titular-destacado-noticia { padding: 0em 0em 1em 0em; color: #ffffff; font-size: 1.4em; }
ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div h2.titular-destacado-noticia a { color: #ffffff; text-decoration: underline; }
ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div p { padding: 0em 0em 1em 0em; font-size: 1.1em; text-align: justify; }




/*******************/
/* CSS  */
#seccionesMarcas { width: 100%; margin:20px 0 0 0; border-collapse:collapse; }
	#seccionesMarcas td { width: 240px; padding:0px 10px 10px 10px; font-size:11px; color: #b4b9bf; vertical-align:top; border-right: 1px dashed #b1babf; border-bottom: 1px dashed #b1babf;}
		#seccionesMarcas td h2.titular-seccion { padding-bottom:12px; color: #ffffff; font-size:23px; font-weight: normal;}
		#seccionesMarcas td p.center { text-align: center; }
			#seccionesMarcas td p strong { color: #ffffff; }
		#seccionesMarcas td ul.lista-subsecciones { margin: 15px 0 0 0; overflow: hidden; }
			#seccionesMarcas td ul.lista-subsecciones li { padding: 0 0 14px 28px; color: #ffffff; font-size: 14px; background-image: url(../imagenes/flechita-seccion.gif); background-repeat: no-repeat; background-position: 7px 3px; }
			#seccionesMarcas td ul.lista-subsecciones li a { color: #ffffff; font-weight: normal; }
		#seccionesMarcas td a.boton { width: 123px; display: block; margin: 20px 0 0 50px; padding: 4px 0 4px 0; color: #004a91; text-align: center; background-image: url(../imagenes/fondo-boton.gif); background-repeat: no-repeat; }
	#seccionesMarcas td.abajo { padding-top:10px;}


.enlaceCartilla { position:relative;}
	.enlaceCartilla img { vertical-align:top; }
#contenedor-cartilla { width: 75em; margin: 1em 0em 0em 0em; padding: 0em 0em 0em 1em; overflow: hidden;}
	.detalleCartilla { overflow:hidden; width:100%; padding:10px 0px; font-size:1.6em; border-bottom:1px dashed #fff;}
		.detalleCartilla * { color:#fff; line-height:25px; }
		.detalleCartilla img { float:left; margin-right:30px; border:4px solid #fff;}


.horarioPopup { position:relative; padding: 0 0 14px 28px; color: #ffffff; font-size: 14px; background-image: url(../imagenes/flechita-seccion.gif); background-repeat: no-repeat; background-position: 7px 3px;}


/* enlaces redes sociales columna */
.redesSociales { overflow:hidden; width:100%; margin:15px 0;}
	.redesSociales a { display:inline-block;}
		.redesSociales a .imgOFF { display:block;}
		.redesSociales a .imgON { display:none;}
		.redesSociales a:hover .imgOFF { display:none;}
		.redesSociales a:hover .imgON { display:block;}
	.redesSociales .enlaceFacebook {}
		.redesSociales .enlaceFacebook {}
	.redesSociales .enlaceTwitter {}

/***********************/


ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div a.mas-noticias { display: inline-block; padding: 0em 0em 0em 5em; text-decoration: underline; color: #96c5df; font-size: 1.1em; background-image: url(../imagenes/icono-noticia.gif); background-repeat: no-repeat; background-position: 3em 0em; }

/* FIN CSS Cuerpo */

/* CSS Pie */

#contenedor-pie { width: 100%; background-color: #000000; overflow: hidden; }
#subcontenedor-pie { width: 100em; margin: auto; padding: 2.3em 0em 0em 0em; overflow: hidden; }
#pie-columna-izquierda { float: left; width: 81.1em; padding: 1.1em 0em 0em 0em; }
#pie-columna-izquierda ul li { float: left; }
#pie-columna-izquierda ul li a { text-decoration: underline; }
#pie-columna-derecha { float: right; width: 16.9em; padding: 0em 0em 0em 2em; }
#pie-columna-derecha p { padding: 0em 0em 0em 36px; font-family: Calibri,Arial; font-size: 1.3em; background-image: url(../imagenes/telefono.gif); background-repeat: no-repeat; }
#pie-columna-derecha p span.telefono { color: #ffffff; font-size: 1.8em; font-weight: bold; }
#pie-columna-derecha a { display: inline-block; padding: 0.7em 0em 0em 1.2em; text-decoration: underline; }
/* FIN CSS Pie */


/* cambios en marca Opel */
#seccionMarcaOpel #contenedor-principal { background:#000000;}
#seccionMarcaOpel #contenedor-col-derecha h2.titular-seccion-principal { color: #FEBE10; }
#seccionMarcaOpel #contenedor-col-derecha h2.titular-seccion-principal strong { color: #FEBE10; }
#seccionMarcaOpel ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div h2.titular-destacado-noticia { color: #FEBE10;  }
#seccionMarcaOpel ul.contenedor-lista-destacado-noticia li.elemento-lista-destacado-noticia div h2.titular-destacado-noticia a { color: #FEBE10; }
#seccionMarcaOpel #seccionesMarcas td h2.titular-seccion { color: #FEBE10; }
#seccionMarcaOpel #seccionesMarcas td p strong { color: #FEBE10; }
#seccionMarcaOpel #seccionesMarcas td ul.lista-subsecciones li { color: #FEBE10; }
#seccionMarcaOpel #seccionesMarcas td ul.lista-subsecciones li a { color: #FEBE10; }

#seccionMarcaOpel select#combo-marcas { background-color: #000000; border:1px solid #fefefe; }