@charset "ISO-8859-1";

/*
 * Maquetación CSS general (media: screen/print)
 * (C) 2008 Chap.ó!
 * (C) 2008 Vexlan Tecnología y Servicios, S.L.
 *
 */

@media all {

	/* --- Reseteo general de estilos para homogeneizar la maquetación ----- */

	* {
		margin: 0px;
		padding: 0px;
		font-style: normal;
	}

	/* --- Elementos comunes HTML para toda la web ------------------------- */

	html {
		overflow: scroll;
	}

	body {
		background: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: center;
	}

	a {
		color: #c03;
	}

	a:hover {
		background: #c03;
		color: white;
	}

	a:active, a:focus {
		outline: none;
	}


	a.volver {
		padding: 0px 0px 0px 10px;
		background: url(../img/bullet-volver.gif) no-repeat left center;
	}

	a.volver:hover {
		background: #c03;
	}

	a.subir {
		padding: 0px 0px 0px 10px;
		background: url(../img/bullet-subir.gif) no-repeat left center;
	}

	a.subir:hover {
		background: #c03;
	}


	img {
		border: 0px;
	}


	h1 {
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 18pt;
		color: #f90;
		margin-bottom: 10px;
	}

	h1 em {
		font-size: 0.8em;
		font-style: normal;
	}

	h1 big {
		font-size: 1.5em;
	}


	h2 {
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 16px;
		margin: 20px 0px 5px;
	}


	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		margin: 0px 0px 9px 0px;
	}


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

	li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		margin: 0px;
		padding: 0px 0px 10px 20px;
		background: url(../img/bullet-formulario.gif) no-repeat 0px 3px;
		height: 1%;
	}

	blockquote {
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}



	/* --- Elementos comunes especiales, como botones, etc. ---------------- */

	a.boton {
		display: block;
		background: transparent url(../img/boton-mini-left-w.gif) no-repeat top left;
		cursor: pointer;
		float: left;
		line-height: 27px;
		font-size: 10px;
		color: black;
		text-transform: uppercase;
		text-decoration: none;
	}

	a.boton:hover {
		background: transparent url(../img/boton-mini-left-w.gif) no-repeat bottom left;
		color: black;
	}

	a.boton span {
		display: block;
		float: left;
		height: 27px;
		padding: 0px 30px 0px 15px;
		background: transparent url(../img/boton-mini-right-w.gif) no-repeat top right;
		color: black;
	}

	a.boton:hover span {
		background-position: bottom right;
		color: black;
	}

	a.gris {
		background: url(../img/boton-mini-left-g.gif) no-repeat top left;
	}

	a.gris span {
		background: transparent url(../img/boton-mini-right-g.gif) no-repeat top right;
	}

	a.ampliar span {
		background: transparent url(../img/boton-mini-right-a.gif) no-repeat top right;
	}


	p.descarga_pdf {
		text-align: center;
		background: url(../img/fondo-pdf.jpg) no-repeat top center;
		padding: 50px 0px 10px;
	}

	p.descarga_pdf_h {
		background: url(../img/fondo-pdf.jpg) no-repeat left center;
		padding: 25px 0px 15px 50px;
	}


	/* --- Maquetación: Elementos comunes para posicionamiento, etc. ------- */

	.contenedor {
		margin: 0 auto 0 auto;
		padding: 0px;
		text-align: left;
		width: 800px;
	}



	/* --- Cabecera -------------------------------------------------------- */

	#cabecera {
		background: white url(../img/fondo-cabecera.gif) no-repeat top center;
	}

	#cabecera .contenedor {
		padding: 0px;
		height: 69px;
		overflow: hidden;
		position: relative;
		border-left: 1px solid white;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
		background: #fbc24e;
	}

	#cabecera a,
	#cabecera a:hover {
		background: none;
	}

	#cabecera h1 {
		position: absolute;
		top: 15px;
		right: 30px;
		color: #333;
		font-weight: normal;
		font-size: 14pt;
	}

	#cabecera h1 strong {
		font-size: 24pt;
		font-weight: normal;
		letter-spacing: -1px;
	}


	/* --- Caption: Banners superiores de cabecera ------------------------- */

	#caption {
		background: #686868 url(../img/fondo-caption.gif) repeat-y top center;
	}

	#caption .contenedor {
		padding: 0px;
		height: 154px;
		position: relative;
		overflow: hidden;
	}

	#caption h1 {
		color: white;
	}

	#caption h1 em {
		display: block;
		font-size: 1em;
	}

	/* --- Captions específicos por contenido ------------------------------ */

	#caption-main-cupula {
		height: 154px;
		background: transparent url(../img/caption-main-cupula.jpg) no-repeat;
		padding: 10px 10px 5px 620px;
		text-align: right;
	}

	#caption-main-cupula p {
		color: white;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		line-height: 1.1em;
	}

	#caption-main-cupula p.mapa {
		margin: 5px 0px 15px;
	}

	#caption-main-cupula p.proximamente {
		background: red;
		float: right;
		padding: 2px 5px;
		margin: 3px 0px 0px 0px;
	}

	#caption-main-cupula span.abierto {
		background: red;
		color: white;
		padding: 2px 5px;
		margin: 0px 6px 0px 0px;
	}

	#caption-main-cupula a.mapa {
		font-size: 11px;
		text-decoration: none;
		color: #ccc;
		text-transform: uppercase;
		background: transparent url(../img/bullet-mapa.gif) no-repeat right center;
		border-left: 1px solid #ccc;
		padding: 0px 20px 0px 10px;
	}

	#caption-main-cupula a.mapa:hover {
		text-decoration: underline;
		color: white;
		background: transparent url(../img/bullet-mapa.gif) no-repeat right center;
	}



	#caption-main-cursos {
		height: 154px;
		background: transparent url(../img/caption-main-cursos.jpg) no-repeat;
	}




	#caption-main-galeria {
		height: 154px;
		background: transparent url(../img/caption-main-galeria.jpg) no-repeat;
	}


	#caption-main-galeria h1 {
		text-align: right;
		padding: 30px;
	}




	#caption-main-contacto {
		height: 154px;
		background: transparent url(../img/caption-main-contacto.jpg) no-repeat;
	}

	#caption-main-contacto h1 {
		padding: 20px 30px 30px 350px;
	}




	#caption-main-varios1 {
		height: 154px;
		background: transparent url(../img/caption-main-varios1.jpg) no-repeat;
	}
	#caption-main-varios1 h1 {
		font-size: 14pt;
		font-weight: normal;
		padding: 40px 30px 30px 390px;
	}


	#caption-main-varios2 {
		height: 154px;
		background: transparent url(../img/caption-main-varios2.jpg) no-repeat;
	}
	#caption-main-varios2 h1 {
		font-size: 14pt;
		font-weight: normal;
		padding: 40px 30px 30px 230px;
	}


	#caption-main-varios3 {
		height: 154px;
		background: transparent url(../img/caption-main-varios3.jpg) no-repeat;
	}
	#caption-main-varios3 h1 {
		font-size: 14pt;
		font-weight: normal;
		padding: 40px 30px 30px 350px;
	}


	#caption-main-varios4 {
		height: 154px;
		background: transparent url(../img/caption-main-varios4.jpg) no-repeat;
	}
	#caption-main-varios4 h1 {
		font-size: 13pt;
		font-weight: normal;
		padding: 45px 30px 30px 220px;
	}


	#caption-main-varios5 {
		height: 154px;
		background: transparent url(../img/caption-main-varios5.jpg) no-repeat;
	}
	#caption-main-varios5 h1 {
		font-size: 13pt;
		font-weight: normal;
		padding: 45px 30px 30px 220px;
	}


	#caption-main-varios6 {
		height: 154px;
		background: transparent url(../img/caption-main-varios6.jpg) no-repeat;
	}
	#caption-main-varios6 h1 {
		font-size: 14pt;
		font-weight: normal;
		padding: 40px 30px 30px 350px;
	}


	#caption-main-varios7 {
		height: 154px;
		background: transparent url(../img/caption-main-varios7.jpg) no-repeat;
	}
	#caption-main-varios7 h1 {
		text-align: right;
		font-weight: normal;
		padding: 30px;
	}


	#caption-main-varios8 {
		height: 154px;
		background: transparent url(../img/caption-main-varios8.jpg) no-repeat;
	}
	#caption-main-varios8 h1 {
		text-align: right;
		font-weight: normal;
		padding: 30px;
	}


	#caption-main-varios9 {
		height: 154px;
		background: transparent url(../img/caption-main-varios9.jpg) no-repeat;
	}
	#caption-main-varios9 h1 {
		text-align: right;
		font-size: 14pt;
		font-weight: normal;
		padding: 10px 40px;
	}


	#caption-main-varios10 {
		height: 154px;
		background: transparent url(../img/caption-main-varios10.jpg) no-repeat;
	}
	#caption-main-varios10 h1 {
		text-align: right;
		font-size: 14pt;
		font-weight: normal;
		padding: 40px;
	}


	#caption-main-varios11 {
		height: 154px;
		background: transparent url(../img/caption-main-varios11.jpg) no-repeat;
	}
	#caption-main-varios11 h1 {
		text-align: right;
		font-size: 14pt;
		font-weight: normal;
		padding: 40px;
	}


	#caption-main-varios12 {
		height: 154px;
		background: transparent url(../img/caption-main-varios12.jpg) no-repeat;
	}

	#caption-main-varios13 {
		height: 154px;
		background: transparent url(../img/caption-main-varios13.jpg) no-repeat;
	}

	#caption-main-varios14 {
		height: 154px;
		background: transparent url(../img/caption-main-varios14.jpg) no-repeat;
	}

	#caption-main-varios15 {
		height: 154px;
		background: transparent url(../img/caption-main-varios15.jpg) no-repeat;
	}

	#caption-main-varios16 {
		height: 154px;
		background: transparent url(../img/caption-main-varios16.jpg) no-repeat;
	}




	/* --- Menú principal superior ----------------------------------------- */

	#main-menu {
		background: black;
	}

	#main-menu.foot {
		background: transparent;
	}

	#main-menu .contenedor {
		padding: 0px;
		height: 43px;
		background: white url(../img/fondo-menu-main.jpg) no-repeat top center;
		overflow: hidden;
	}

	#main-menu.foot .contenedor {
		padding: 0px;
		height: 60px;
		background: white url(../img/fondo-menu-main-pie.jpg) no-repeat top center;
		overflow: hidden;
	}

	#main-menu a {
		font-family: /* "Myriad Pro", */ "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11pt;
		text-decoration: none;
		text-transform: uppercase;
		color: black;
		background: transparent;
		float: left;
		border-right: 1px solid #bababa;
		padding: 0px 16px;
		margin: 11px 0px;
	}

	#main-menu.foot a {
		margin: 19px 0px;
	}

	#main-menu a.last {
		border-right: none;
	}

	#main-menu a.selected {
		border-bottom: 15px solid #666;
	}

	#main-menu a:hover {
		text-decoration: underline;
		background: transparent;
	}

	#main-menu a.selected {
		text-decoration: none;
	}


	/* --- Content: Zona de contenido principal de la web ------------------ */

	/* --- Home ------------------------------------------------------------ */

	#intro-home {
		background: url(../img/fondo-intro-home.jpg) no-repeat;
		padding: 5px 0px 0px 315px;
		height: 157px;
		overflow: hidden;
	}

	#intro-home h1 {
		color: #f03;
		margin: 0px;
		font-size: 14pt;
	}

	#intro-home h2 {
		color: #333;
		margin: 0px 0px 3px 0px;
	}

	#intro-home li {
		background: none;
		padding: 0px;
	}

	#intro-home a.boton {
		position: relative;
		top: -25px;
		right: 25px;
		float: right;
	}

	#home-medio {
		padding: 3px 0px 0px 9px;
	}

	#home-medio .oferta {
		float: left;
	}

	.box-home {
		width: 289px;
		height: 141px;
		background: white;
		overflow: hidden;
		position: relative;
		float: left;
		margin: 0px 10px 0px 0px;
	}

	.clickable {
		cursor: pointer;
	}

	.innerclick {
		visibility: hidden;
		display: none;
	}

	#box-galeria {
		background: url(../img/fondo-galeria.jpg) no-repeat;
	}

	#box-galeria h1 {
		color: #333;
		font-size: 12pt;
		letter-spacing: -1px;
		padding: 15px 0px 0px 110px;
		margin: 0px 0px 5px 0px;
	}

	#box-galeria p {
		padding: 0px 10px 0px 110px;
		font-size: 8pt;
	}

	#box-galeria a.boton {
		float: right;
		position: relative;
		top: -5px;
		right: 10px;
	}


	.box-cita {
		float: right;
		width: 178px;
		height: 220px;
		background: white;
		border: 1px solid #ccc;
		margin: 0px 10px 0px 0px;
		overflow: hidden;
	}


	.box-cita-previa {
		margin: 0px 10px;
		padding: 15px 0px 1px;
/*		border-bottom: 1px dotted #ccc; */
	}


	.box-cita-previa h1 {
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12pt;
		margin: 4px 0px 7px 0px;
	}

	.box-cita-previa h2 {
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		color: #f03;
		font-size: 28px;
		letter-spacing: -2px;
		margin: 0px 0px 15px 0px;
		line-height: 18px;
	}

	.box-cita-previa h2.first {
		margin: 0px 0px 22px 0px;
	}

	.box-cita-previa h2 em {
		float: right;
		font-size: 0.45em;
		letter-spacing: 0px;
		margin-right: 20px;
	}

	.box-confie-nosotros {
		height: 110px;
		width: 178px;
		background-repeat: no-repeat;
		background-position: 0px 40px;
		background-color: white;
	}

	.confie-logo {
		height: 85px;
	}

	.box-confie-nosotros h1 {
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12pt;
		margin: 10px 0px 0px 0px;
	}

	.box-confie-nosotros p {
		text-align: center;
		font-size: 8pt;
	}

	#confie-a3			{ background-image: url(../img/confie-a3.gif); }
	#confie-barclays	{ background-image: url(../img/confie-barclays.gif); }
	#confie-carrefour	{ background-image: url(../img/confie-carrefour.gif); }
	#confie-plaza		{ background-image: url(../img/confie-plaza.gif); }
	#confie-clublibro	{ background-image: url(../img/confie-clublibro.gif); }
	#confie-tompla		{ background-image: url(../img/confie-tompla.gif); }
	#confie-ikea		{ background-image: url(../img/confie-ikea.gif); }
	#confie-mediamarkt	{ background-image: url(../img/confie-mediamarkt.gif); }
	#confie-wyeth		{ background-image: url(../img/confie-wyeth.gif); }
	#confie-leroy		{ background-image: url(../img/confie-leroy.gif); }


	.box-cursos {
		float: left;
		width: 586px;
		height: 69px;
		background: white url(../img/fondo-cursos-home.jpg) no-repeat center left;
		border: 1px solid #ccc;
		margin: 10px 0px 0px 0px;
		overflow: hidden;
	}

	.box-cursos h1 {
		color: #333;
		font-size: 12pt;
		padding: 15px 0px 0px 140px;
		margin: 0px;
	}

	.box-cursos h1 strong {
		text-transform: uppercase;
	}

	.box-cursos h1 span {
		background: url(../img/logo-chapo-mini.gif) no-repeat top center;
		font-size: 1px;
		color: white;
		line-height: 12pt;
		padding: 14px 70px 5px 0px;
	}

	.box-cursos p {
		color: #333;
		font-size: 8pt;
		padding: 0px 0px 0px 140px;
	}


	/* --- Formularios ----------------------------------------------------- */

	#content-body fieldset {
		border: 0px;
		margin: 0px 0px 20px 0px;
	}

	#content-body .formfield {
		padding: 6px 0px;
		margin: 0px;
	}

	#content-body .error {
		background: #FEF1E7;
	}

	#content-body .error input.txt {
		border: 1px solid red;
	}

	#content-body label {
		display: block;
		float: left;
		width: 150px;
		color: #666;
		background: url(../img/bullet-formulario.gif) no-repeat 2% 50%;
		padding: 0px 0px 0px 25px;
		border-left: 1px solid #ccc;
	}

	#content-body input.txt,
	#content-body textarea {
		width: 300px;
		background: #eee;
		border: none;
		padding: 2px;
	}

	#content-body input.submit {
		border: 0px;
		background: url(../img/boton-submit.gif) no-repeat top center;
		width: 161px;
		height: 27px;
		text-transform: uppercase;
		font-size: 8pt;
		margin-left: 160px;
	}


	/* --- Contacto -------------------------------------------------------- */

	.box-contacto {
		border: 1px solid #ccc;
		padding: 10px 10px 10px 150px;
		margin: 0px 0px 20px 0px;
		position: relative;
	}

	#contacto-telefonos {
		background: url(../img/icon-contacto.jpg) no-repeat 5% 50%;
	}

	#contacto-horarios {
		background: url(../img/icon-horarios.jpg) no-repeat 5% 50%;
	}

	#contacto-situacion {
		background: url(../img/icon-mapa.gif) no-repeat 5% 50%;
	}

	#contacto-situacion-manoteras {
		background: url(../img/icon-mapa-manoteras.gif) no-repeat 5% 50%;
	}

	#contacto-situacion img#icon-plazanorte {
		float: right;
	}

	#contacto-situacion-manoteras img#icon-manoteras {
		float: right;
		margin: 30px 20px 0px 0px;
	}

	#content-body p.telefonos {
		color: #c03;
		font-weight: bold;
	}

	#content-body p.email {
		margin: 0px;
	}

	#content-body p.telefonos strong {
		color: #333;
	}

	#content-body p.cabeceras {
		color: #c03;
		font-weight: bold;
		font-size: 1.1em;
		margin: 0px 0px 5px 0px;
	}

	span.telefono {
		padding: 0px 5px;
	}

	#content-body .box-contacto dt {
		color: #333;
		position: absolute;
	}

	#content-body .box-contacto dd {
		color: #333;
		padding-left: 140px;
	}

	#content-body .box-contacto dd.horas {
		color: #c03;
	}

	#content-body .box-contacto dd.horas strong {
		color: inherit;
	}

	#content-body dl.horario-invierno {
		margin-bottom: 10px;
	}

	#content-body dl.horario-verano {
		margin-bottom: 10px;
	}

	#googleMap {
		background: #f0f0f0;
		border: 10px solid #ccc;
		height: 470px;
		width: 560px;
		margin: 20px 0px;
	}

	p.tambien-estamos {
		float: right;
		position: absolute;
		top: 55px;
		right: 20px;
	}

	#content-body .box-contacto p.proximamente {
		background: red;
		font-size: bold;	
		color: white;
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 2px 5px;
		margin: 0px 0px 0px 0px;
	}



	/* --- Asesoría -------------------------------------------------------- */

	.bloque_consultoria {
		background: url(../img/fondo-asesoria-sup.jpg) no-repeat top left;
		margin: 20px 0px;
	}

	.bloque_consultoria ul {
		padding: 20px 0px 10px 15px;
	}

	.bloque_consultoria li {
		padding: 15px 40px 15px 75px;
	}

	.bloque_consultoria li.consult1 {
		background: url(../img/icon-asesoria1.gif) no-repeat center left;
	}

	.bloque_consultoria li.consult2 {
		background: url(../img/icon-asesoria2.gif) no-repeat center left;
	}

	.bloque_consultoria li.consult3 {
		background: url(../img/icon-asesoria3.gif) no-repeat center left;
	}

	.bloque_consultoria li.consult4 {
		background: url(../img/icon-asesoria4.gif) no-repeat center left;
	}

	.bloque_consultoria p {
		background: url(../img/fondo-asesoria-inf.jpg) no-repeat bottom left;
		margin: 0px;
		padding: 20px 0px 30px;
		text-align: center;
		text-transform: uppercase;
	}


	/* --- Servicios ------------------------------------------------------- */

	#serv-generales h2.sep {
		font-weight: normal;
		font-size: 16pt;
		color: #c03;
		margin-bottom: 10px;
	}

	#serv-generales h2.sep em {
		font-size: 12pt;
	}

	#serv-generales h4 {
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 12pt;
		color: #f90;
		margin: 0px;
	}

	#serv-generales dl {
		margin: 20px 0px;
	}

	#content-body #serv-generales dt {
		background: transparent url(../img/fondo-sub-nav.gif) repeat-x bottom left;
		margin: 0px;
		text-align: right;
		font-size: 1.2em;
		font-style: italic;
		color: #DE002C;
		padding: 0px 0px 10px 0px;
	}

	#serv-generales dd {
		background: transparent url(../img/fondo-sub-nav.gif) repeat-x bottom left;
		height: 30px;
		padding: 2px;
		margin: 0px;
	}

	#serv-generales dd .precio {
		position: absolute;
		right: 20px;
		color: #ff9900;
		font-size: 1.4em;
		font-weight: bold;
	}

	#serv-generales dd .precio small {
		font-size: 0.7em;
		font-weight: normal;
	}

	#serv-generales dd a.boton {
		position: absolute;
		right: 0px;
	}

	#serv-generales a.serv {
		color: #333;
	}

	#serv-generales a.serv strong {
		color: #333;
	}

	#serv-generales a.serv:hover {
		color: #fff;
		background: #000;
	}

	#serv-generales a.serv:hover strong {
		color: #fff;
	}

	#serv-generales .servicio {
		background: transparent url(../img/fondo-sub-nav.gif) repeat-x bottom left;
		padding: 15px 0px 15px 165px;
	}

	#serv-generales .servicio a.subir {
		float: right;
		margin-top: 3px;
	}

	#serv-generales .servicio .spacer {
		margin-top: 10px;
		height: 25px;
	}

	#lavado-mano	{ background: url(../img/serv-lavadomano.jpg) no-repeat 0px 15px; }
	#off-road		{ background: url(../img/serv-offroad.jpg) no-repeat 0px 15px; }
	#tapiceria		{ background: url(../img/serv-desmachado.jpg) no-repeat 0px 15px; }
	#sillas			{ background: url(../img/serv-sillita.jpg) no-repeat 0px 15px; }
	#limpieza-especial	{ background: url(../img/serv-especial.jpg) no-repeat 0px 15px; }
	#regeneracion	{ background: url(../img/serv-regeneracion.jpg) no-repeat 0px 15px; }
	#desodoriza		{ background: url(../img/serv-desodoriza.jpg) no-repeat 0px 15px; }
	#pulido			{ background: url(../img/serv-pulido.jpg) no-repeat 0px 15px; }
	#llantas		{ background: url(../img/serv-llantas.jpg) no-repeat 0px 15px; }
	#motor			{ background: url(../img/serv-motor.jpg) no-repeat 0px 15px; }



	#abolladuras	{ background: url(../img/serv-abolladuras.jpg) no-repeat 0px 15px; }
	#tabaco			{ background: url(../img/serv-tabaco.jpg) no-repeat 0px 15px; }
	#acondicionado	{ background: url(../img/serv-acondicionado.jpg) no-repeat 0px 15px; }
	#animales		{ background: url(../img/serv-animales.jpg) no-repeat 0px 15px; }
	#cromados		{ background: url(../img/serv-cromados.jpg) no-repeat 0px 15px; }
	#robados		{ background: url(../img/serv-robados.jpg) no-repeat 0px 15px; }
	#bodas			{ background: url(../img/serv-bodas.jpg) no-repeat 0px 15px; }
	#proteccion		{ background: url(../img/serv-proteccion.jpg) no-repeat 0px 15px; }
	#cal			{ background: url(../img/serv-cal.jpg) no-repeat 0px 15px; }


	#serv-generales #servicio-chapo {
		margin: 20px 0px;
	}

	#serv-generales #servicio-chapo h1 {
		text-align: center;
		color: #333;
	}

	#serv-generales #servicio-chapo h1 span {
		background: url(../img/logo-chapo-servicio.gif) no-repeat center center;
		font-size: 1px;
		padding: 15px 52px 15px 62px;
		position: relative;
		top: -7px;
	}

	#logo-chapo-serv {
		width: 106px;
		height: 29px;
		vertical-align: middle;
	}

	#serv-generales #servicio-chapo h2 {
		text-align: center;
		color: #333;
		font-size: 10pt;
		margin: 0px;
	}


	.bloque_olores {
		margin: 30px 0px;
	}

	.bloque_olores div {
		float: left;
		width: 177px;
		padding: 80px 0px 0px 0px;
		margin: 0px 10px 0px 0px;
	}

	.bloque_olores div#olor-chemspec {
		background: url(../img/logo-chemspec-color.gif) no-repeat top center;
	}

	.bloque_olores div#olor-unsmoke {
		background: url(../img/logo-unsmoke-color.gif) no-repeat top center;
	}

	.bloque_olores div#olor-microban {
		background: url(../img/logo-microban-color.gif) no-repeat top center;
	}




	table#recomendaciones {
		border-collapse: collapse;
	}

	table#recomendaciones img {
		display: block;
	}


	table#recomendaciones th {
		width: 226px;
		height: 35px;
		color: #555;
		background: url(../img/tabla-fondoth.gif) no-repeat bottom left;
		font-weight: normal;
		font-size: 9pt;
		padding: 3px 10px 3px 15px;
		text-align: left;
	}

	table#recomendaciones td {
		text-align: center;
		background: url(../img/tabla-fondotd.gif) no-repeat bottom right;
	}

	table#recomendaciones td.last {
		background: url(../img/tabla-fondotd-last.gif) no-repeat bottom right;
	}




	table#bloque-calidad {
		margin: 20px 0px;
		border-collapse: collapse;
	}

	table#bloque-calidad th {
		padding: 0px 10px;
	}

	table#bloque-calidad td {
		background: url(../img/separador.gif) repeat-x top left;
		color: #666;
		font-size: 9pt;
	}



	table#bloque-empresas {
		margin: 20px 0px;
		border-collapse: collapse;
	}

	table#bloque-empresas tr {
		background: url(../img/separador.gif) repeat-x top left;
	}

	table#bloque-empresas th {
		width: 150px;
		height: 90px;
	}


	table#bloque-empresas th#empresa-a3			{ background: url(../img/confie-a3.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-barclays	{ background: url(../img/confie-barclays.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-carrefour	{ background: url(../img/confie-carrefour.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-plazanorte	{ background: url(../img/confie-plaza.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-clublibro	{ background: url(../img/confie-clublibro.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-tompla		{ background: url(../img/confie-tompla.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-ikea		{ background: url(../img/confie-ikea.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-mediamarkt	{ background: url(../img/confie-mediamarkt.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-wyeth		{ background: url(../img/confie-wyeth.gif) no-repeat center center; }
	table#bloque-empresas th#empresa-leroy		{ background: url(../img/confie-leroy.gif) no-repeat center center; }



	table#bloque-deposito {
		margin: 20px 0px;
		border-collapse: collapse;
	}

	table#bloque-deposito tr {
		background: url(../img/separador.gif) repeat-x top left;
	}

	table#bloque-deposito th {
		color: #df002c;
		font-size: 24pt;
		padding: 10px 10px 0px 0px;
		vertical-align: top;
	}

	table#bloque-deposito td {
		padding: 10px 0px;
	}




	table#bloque-filosofia {
		margin: 20px 0px;
		border-collapse: collapse;
	}

	table#bloque-filosofia tr {
		background: url(../img/separador.gif) repeat-x top left;
	}

	table#bloque-filosofia th {
		vertical-align: top;
		padding: 10px;
	}

	table#bloque-filosofia td {
		padding: 10px 0px;
	}





	.bloque_garantia {
		background: url(../img/fondo-asesoria-sup.jpg) no-repeat top left;
		margin: 20px 0px;
	}

	.bloque_garantia h1 {
		margin: 0px;
		padding: 25px 20px 0px;
	}

	.bloque_garantia ul {
		padding: 20px 0px 10px 23px;
	}

	.bloque_garantia li {
		padding: 0px 40px 0px 60px;
	}

	.bloque_garantia li.garant1 {
		background: url(../img/icon-garantia1.gif) no-repeat center left;
	}

	.bloque_garantia li.garant2 {
		background: url(../img/icon-garantia2.gif) no-repeat center left;
	}

	.bloque_garantia li.garant3 {
		background: url(../img/icon-garantia3.gif) no-repeat center left;
	}

	.bloque_garantia li.garant4 {
		background: url(../img/icon-garantia4.gif) no-repeat center left;
	}

	.bloque_garantia li.garant5 {
		background: url(../img/icon-garantia5.gif) no-repeat center left;
	}

	.bloque_garantia li div {
		background: url(../img/separador.gif) repeat-x top left;
		padding: 15px 0px;
	}

	.bloque_garantia p {
		background: url(../img/fondo-asesoria-inf.jpg) no-repeat bottom left;
		margin: 0px;
		padding: 10px;
		text-align: center;
		text-transform: uppercase;
	}




	#form_ayudenos {
		background: url(../img/fondo-ayudanos.jpg) no-repeat bottom left;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 120px;
	}

	#form_ayudenos label {
		width: 70px;
	}

	#form_ayudenos textarea {
		height: 90px;
	}

	#form_ayudenos input.submit {
		margin-left: 95px;
	}

	p.ayudenos_pie {
		padding: 30px;
		background: url(../img/separador.gif) repeat-x top left;
	}



	#prof_subnav {
		float: right;
	}

	#prof_subnav ul {
		background: transparent url(../img/fondo-sub-nav.gif) repeat-x bottom left;
	}

	#prof_subnav li {
		background: transparent url(../img/fondo-sub-nav.gif) repeat-x top left;
		padding: 5px 20px;
	}

	#prof_subnav li a {
 		background: transparent url(../img/bullet-subnav.gif) 3% 50% no-repeat;
		padding-left: 15px;
	}

	#prof_subnav li a:hover {
		background: #c03;
	}











	h1#prof_actualmente {
		margin-top: 20px;
	}

	h1#prof_descuentos {
		margin-top: 20px;
	}

	h1#prof_confie {
		margin-top: 20px;
	}

	h1#prof_formulario {
		margin-top: 20px;
	}

	table#descuentos {
		border-collapse: collapse;
	}

	table#descuentos .header td {
		padding: 0px;
	}

	table#descuentos .header img {
		display: block;
	}

	table#descuentos th {
		width: 205px;
		height: 35px;
		color: #555;
		background: url(../img/tabla-fondoth.gif) no-repeat bottom left;
		font-weight: normal;
		font-size: 9pt;
		padding: 3px 10px 3px 15px;
		text-align: left;
		border-right: 1px solid #ccc;
	}

	table#descuentos td {
		color: #555;
		text-align: center;
		background: url(../img/tabla-fondotd.gif) no-repeat bottom right;
		padding: 3px 10px;
	}

	table#descuentos td.last {
		background: url(../img/tabla-fondotd-last.gif) no-repeat bottom right;
	}

	#content-body cite.descuentos {
		color: #666;
		font-size: 8pt;
		padding: 5px;
	}



	ul.descuentos-confie {
		height: 200px;
	}

	ul.descuentos-confie li {
		float: left;
		width: 230px;
		height: 40px;
		padding: 15px 0px 0px 60px;
	}

	ul.descuentos-confie li.confie1 {
		background: url(../img/icon-confie1.gif) no-repeat left center;
	}

	ul.descuentos-confie li.confie2 {
		background: url(../img/icon-confie2.gif) no-repeat left center;
	}

	ul.descuentos-confie li.confie3 {
		background: url(../img/icon-confie3.gif) no-repeat left center;
	}

	ul.descuentos-confie li.confie4 {
		background: url(../img/icon-confie4.gif) no-repeat left center;
	}

	ul.descuentos-confie li.confie5 {
		background: url(../img/icon-confie5.gif) no-repeat left center;
	}


	/* --- Tienda ---------------------------------------------------------- */

	.productos {
	}

	.producto {
		width: 179px;
		float: left;
		margin: 10px 10px 30px 0px;
	}

	.producto img {
		border: 1px solid #ccc;
	}

	.producto table {
		border-collapse: collapse;
		margin: 5px 0px;
		width: 179px;
	}

	.producto table th {
		background: #ccc;
		padding: 2px;
		border-bottom: 2px solid white;
		text-transform: uppercase;
		color: white;
		font-size: 8pt;
		font-weight: bold;
	}

	.producto table td {
		background: #eee;
		padding: 2px;
		border-bottom: 2px solid white;
		font-size: 8pt;
		color: #666;
	}

	.producto table td.nombre {
		color: black;
	}

	.producto table td.precio {
		color: #c03;
		text-transform: uppercase;
		font-weight: bold;
	}




	/* --- Galería de fotos ------------------------------------------------ */

	.galeria {
		height: 605px;
	}

	.reciente {
		background: url(../img/separador.gif) repeat-x top left;
		padding: 10px 0px;
		height: 150px;
	}



	.galeria h2 {
		margin: 0px;
	}

	.galeria .pagina,
	.photo .pagina {
		color: #666;
		font-size: 8pt;
		text-align: right;
		padding: 0px 20px 0px 0px;
		clear: left;
	}

	.photo .pagina {
		float: right;
	}

	.galeria .thumb_fondo {
		float: left;
		width: 108px;
		height: 105px;
		padding: 17px;
		background: url(../img/fondo-thumb.jpg) no-repeat top center;
	}

	.galeria .thumb_fondo a.ampliar {
		position: relative;
		left: 10px;
	}


	.galeria .thumbs {
		padding: 10px 0px;
/*		height: 75px; */
	}

	.galeria .thumbs a.thumb {
		display: block;
		overflow: hidden;
		float: left;
		width: 100px;
		height: 75px;
		padding: 5px;
	}

	.galeria .thumbs img {
		border: 0px;
		width: 100px;
		height: 75px;
	}

	.photo h2 {
		margin: 10px 0px;
	}

	.ampliacion .descripcion {
		width: 500px;
		margin: 10px 0px;
	}

	.ampliacion .descripcion p {
		margin: 5px 0px;
	}

	img.photo {
	}



	.subgaleria {
		border: 1px solid #ccc;
		float: left;
		padding: 10px;
		margin-right: 20px;
		width: 240px;
	}

	#galeria_servicios {
		margin-right: 0px;
	}

	.subgaleria h2 {
		margin: 0px;
	}

	.subgaleria select {
		margin-top: 5px;
		width: 237px;
	}

	.subgaleria .thumbs {
		padding: 10px 0px;
		height: 85px;
	}

	.subgaleria .thumbs a.thumb {
		display: block;
		overflow: hidden;
		float: left;
		width: 100px;
		height: 75px;
		padding: 5px;
		margin-right: 10px;
	}

	.subgaleria .thumbs img {
		border: 0px;
		width: 100px;
		height: 75px;
	}


	/* --- Ofertas --------------------------------------------------------- */

	h2.talones {
		color: #c03;
	}

	.talon {
		border-top: 1px solid #ccc;
		height: 110px;
		margin: 30px 0px 0px 0px;
	}

	.talon_full {
		margin: 20px 0px 0px 0px;
	}


	.talon#descuento_15 {
		background: url(../img/talon-15pc.gif) no-repeat 0px 10px;
	}

	.talon#descuento_3 {
		background: url(../img/talon-3e.gif) no-repeat 0px 10px;
	}

	.talon#descuento_10 {
		background: url(../img/talon-10pc.gif) no-repeat 0px 10px;
	}

	.talon_full#descuento_10 {
/*		background: url(../img/talon-10pc-full.gif) no-repeat left bottom; */
	}

	.talon#descuento_5 {
		background: url(../img/talon-5e.gif) no-repeat 0px 10px;
	}

	.talon_full#descuento_5 {
/*		background: url(../img/talon-5e-full.gif) no-repeat left bottom; */
	}

	.talon h3 {
		padding: 10px 0px 0px 330px;
	}

	.talon p {
		padding: 0px 0px 0px 330px;
		margin: 10px 0px 0px 0px;
	}

	.talon_full h3 {
		font-size: 15px;
		padding: 0px;
		margin: 0px;
	}

	.talon_full p {
		padding: 0px;
		margin: 0px;
	}


	.cabecera-lluvia {
		background: url(../img/icon-dias-lluvia.jpg) no-repeat top left;
		padding: 0px 0px 0px 120px;
		height: 100px;
	}

	#content-body .cabecera-lluvia h2 {
		color: #333;
		font-weight: normal;
		font-size: 14pt;
		margin: 0px;
	}

	#content-body .cabecera-lluvia h2 strong {
		text-transform: uppercase;
	}

	#content-body .cabecera-lluvia h2 big {
		font-size: 21pt;
	}

	#content-body .cabecera-lluvia h3 {
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 16pt;
		color: #ff9406;
		margin: 0px;
		padding: 0px 0px 0px 123px;
	}

	#content-body .cabecera-lluvia h3 strong {
		color: #ff9406;
		font-size: 18pt;
		text-transform: uppercase;
	}


	.oferta-generica {
		height: 190px;
		margin-top: 20px;
		border-bottom: 1px solid #ccc;
	}

	.oferta-generica img {
		border: 1px solid #ccc;
		float: left;
		margin-top: 10px;
		margin-right: 10px;
	}



	/* --- Menú de navegación lateral izquierdo ---------------------------- */

	#content {
		border-top: 1px solid white;
		background: white url(../img/fondo-content.gif) no-repeat top center;
		padding-top: 6px;
	}

	#content .contenedor {
		padding: 0px 10px 20px 210px;
		width: 580px;
		position: relative;
	}

	#chapo-main .home .contenedor {
		padding: 0px;
		width: 800px;
		position: relative;
	}

	#chapo-main .error .contenedor {
		padding: 50px 0px 50px 100px;
		width: 700px;
		position: relative;
	}

	.ofertas #content .contenedor {
		padding: 0px;
		width: 800px;
	}

	.ofertas #content-body {
		padding: 0px 20px;
	}

	#content #nav-menu {
		width: 190px;
		position: absolute;
		top: 0px;
		left: 0px;
		background: white url(../img/fondo-menu-nav.jpg) no-repeat top left;
	}

	#nav-menu dl {
		background: transparent url(../img/fondo-sub-nav.gif) repeat-x bottom left;
	}

	#nav-menu dt {
		text-transform: uppercase;
		font-weight: bold;
		color: #c03;
		padding: 14px 0px 8px 10px;
	}

	#nav-menu dd {
		background: transparent url(../img/fondo-sub-nav.gif) repeat-x top left;
	}

	#nav-menu dd a {
		display: block;
		font-size: 9pt;
		width: 175px;
		padding: 6px 0px 6px 15px;
		color: #666;
		text-decoration: none;
	}

	#nav-menu dd a:hover {
		color: #333;
		text-decoration: none;
		background-color: #E0E0E0;
	}

	#nav-menu dd.selected a {
		color: #c03;
 		background: transparent url(../img/bullet-subnav.gif) 3% 50% no-repeat;
	}

	#nav-menu dd.selected a:hover {
 		background: #E0E0E0 url(../img/bullet-subnav.gif) 3% 50% no-repeat;
	}

	#nav-menu dd.selected_lvl1,
	#nav-menu dd.lvl1 {
		background: transparent;
	}

	#nav-menu dd.lvl1 a {
		padding: 6px 0px 6px 30px;
		width: 160px;
		font-weight: normal;
		background: transparent;
	}

	#nav-menu dd.lvl1 a:hover {
		text-decoration: none;
		background-color: #E0E0E0;
	}

	#nav-menu dd.selected_lvl1 a {
		padding: 6px 0px 6px 30px;
		width: 160px;
		font-weight: normal;
		background: transparent;
		text-decoration: underline;
	}

	#nav-menu dd.selected_lvl1 a:hover {
		background-color: #E0E0E0;
	}


	#nav-menu ul {
		margin: 10px 0px 0px 30px;
	}

	#nav-menu li {
		background: transparent;
		padding: 0px;
		font-size: 8pt;
	}

	#nav-menu li.selected {
		font-weight: bold;
	}

	#nav-menu li a {
		background: transparent;
		text-decoration: none;
		color: #666;
	}

	#nav-menu li a:hover {
		background: transparent;
		text-decoration: underline;
		color: #333;
	}


	/* --- Breadcrumb ------------------------------------------------------ */

	#content #breadcrumb {
		font-size: 8pt;
		padding: 10px 27em 20px 0px;
	}

	.ofertas #content #breadcrumb {
		padding: 10px 20px 20px 20px;
	}


	/* --- Teléfono de contacto en la parte principal ---------------------- */

	#content .telefono-contacto {
		position: absolute;
		top: 10px;
		right: 10px;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 15pt;
		color: #de002c;
	}

	#content .telefono-contacto em {
		display: block;
		font-size: 0.5em;
		margin-top: -6px;
		text-align: right;
		text-transform: uppercase;
	}

	#content .manoteras {
		right: 8em;
	}

	/* --- Contenido principal central ------------------------------------- */

	#content-body p {
		color: #666;
		margin-bottom: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}

	#content-body strong {
		color: #333;
	}

	#content-body cite {
		color: #c03;
	}

	#content-body dt,
	#content-body dd {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		color: #666;
	}

	#content-body li {
		color: #666;
	}











	/* --- Pié de la web --------------------------------------------------- */

	#pie {
		background: white;
		clear: both;
	}

	#pie .contenedor {
		border-top: 1px solid #ccc;
		margin-top: 10px;
		height: 50px;
		padding: 10px 0px;
		position: relative;
	}

	#pie p {
		float: left;
		line-height: 25px;
	}

	#pie p.mensaje {
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 16px;
		line-height: 30px;
		position: relative;
		top: -5px;
	}

	#pie p.mensaje .tlf {
		color: #c03;
		line-height: 20px;
		font-weight: bold;
		font-size: 21pt;
		padding-right: 10px;
		position: relative;
		top: 4px;
	}


	#pie p.copyright {
		font-size: 7pt;
		border-left: 1px solid #ccc;
/*
		padding: 0px 10px 0px 10px;
		margin: 0px 0px 0px 10px;
*/
		border-right: 1px solid #ccc;
		padding: 0px 20px;
		margin: 0px 35px;
	}

	#pie p.chapo-logo {
		position: relative;
		top: -5px;
	}


	/* --- ClearFix Hack---------------------------------------------------- */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	}
	/* End hide from IE-mac */

	/* --- END:ClearFix Hack------------------------------------------------ */


}	/* EOF - media/screen */