body { font-family: Arial, Helvetica, sans-serif; background-color:#ECECEC;font-size:0px;}
	
	#contenedorPantuflasid { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
	
	#contenedorMenu { width: 235px; position: absolute; top: 10px; left: 0px;}
	
	#pantuflasid {height:100%;width:100%;}
	
	#wrapper {width: 100%;
	height: 100%;
	position:absolute;
	left:0;
	top:0;
	min-width: 990px;
	min-height: 620px;

	}
	
	html {
	overflow:scroll;
	}
	
	#oWarp { position: absolute; width:100%; height:100%; top:0px; left:0px; min-width: 990px; min-height:620px;}
	#contenido { position:absolute; top:0px; left:0px; height:0; width:0;font-size:11px;}

/*================== OCULTAR INIT ======================*/

	#oWarp { visibility:hidden;}

/*================== MENU ======================*/

	#pantuflasLogo { width: 210px; height: 50px; padding: 10px; background: #000000; margin-bottom: 5px; display: block;}
	#pantuflasLogo p { font-size: 9px; color: #fff;}
	.titularPantuflas {	font-size: 30px!important;}

	#menu {	margin-left: 5px; position: relative;}
	#menu div {position: relative;}
	#menu ul { list-style: none; margin: 0 0 5px 20px;}
	#menu li { position: relative;	margin: 1px 0; height: 22px;}
	#menu a:hover, .activo { margin: 1px 0!important; padding: 3px 5px;	border-left: 5px solid #e30721;}
	#menu a { position: absolute; left: 0px; top: 0px; font-size: 13px; background-color: #000000; color: #FFFFFF; padding: 3px 5px; height: 16px; margin: 1px 0 1px 5px;}

	.active { border-left: 5px solid #e30721; margin: 1px 0!important; border-left: 5px solid #e30721;}
	.doble { width: 180px; height: 37px!important; display: block;}
	.doble a { height: 31px!important;}
	.itemSecundario { margin-left: 25px;}
	.rojo {	color: #e30721;	font-weight: bold;}
	.item { height: 22px; margin: 1px 0;}

/*================== HOME ======================*/

	#contenedorCaja1 {	position: absolute;	top:200px; left:500px;}
	#contenedorCaja2 {	position: absolute;	top:400px; left:450px;}
	#caja1 { width: 245px; color: #fff;	padding: 20px; background-color: #000000; font-size: 13px;}
	#caja2 { color: #fff; width: 245px; left:329px;padding:20px;top:80px; background-color: #000000; font-size: 13px}
	.btnCajas { margin-top: 10px; font-weight: bold;}
	.btnCajas a { color: #fff;}

/*====================Fondos===================*/

.secTusPantuflas00 { background: url('../img/bg_tuspantuflas00.jpg') #d7d7d7 no-repeat;}
.escalable { background-color: #d7d7d7;	position: fixed; top: 0px; left:0px; width: 100%; height: auto;}

/*====================Footer===================*/

#footer { position: fixed; bottom: 0px; width: 100%; height: auto; display:inline;}

	#logoCepsa { position:absolute; bottom: 31px; left:24px; text-indent: -9999px; width: 102px; height: 58px; display: block; background: url('../img/logoCepsa.png') no-repeat;}
	
	#navLegal {	position:absolute; bottom: 10px; right:30px;}
	#navLegal{	margin-top: 20px; height:50px;}
	#navLegal li { margin-right: 15px;	list-style: none; float: left;}
	#navLegal a { font-weight: bold; text-transform: uppercase; font-size: 13px; background-color: #000000; color: #FFFFFF;	padding: 3px 5px; height: 16px;}
	#notaFlash {bottom:0;font-size:12px;font-weight:bold;left:0;position:absolute;text-align:center;text-transform:uppercase;width:100%;background-color:#000000;color:#FFFFFF;padding:5px;}
	#notaFlash a {font-size:12px;font-weight:bold;text-transform:uppercase;background-color:#000000;color:#FFFFFF;text-decoration:underline;}
		
/*===================Productos y servicios=================*/

	.ribbon { background: url('../img/ribbon.png') no-repeat; width: 21px; height: 19px; display: block; position: absolute; top:28px; left:-1px;}
	
#productos, #consejos{ width: 628px; height: 384px; background-color: #FFFFFF; border: 1px solid #999; position:absolute; top: 100px; left:295px;}
	#productos { visibility:hidden;}
	
	#titProductos, #titConsejos, #titSorteos{ width: 196px; height: 14px; padding: 7px 7px 7px 40px; top: 20px; left: -20px; position: absolute; background-color: #e2091e; font-size: 14px; text-transform: uppercase; text-align: right; color: #fff;}
	#productosIzquierda{ float: left; margin-left: 27px; margin-top: 70px; width: 197px;}
	
	#productosDerecha{ float: right; margin: 30px; width: 341px; height: 324px; font-size: 12px; color: #878787; position: relative;}
	
	#productosDerecha div.cajaProducto div { width: 341px; height: 314px;}
	
	#productosDerecha .cajaProducto { position: absolute; top: -1000px; left:0px;}
	
	#productosDerecha h3{ font-weight: bold; margin-bottom: 15px; color: #373737;}
	#productosDerecha li{ margin-bottom: 20px;}
	#navProductos {	margin-top: 10px; font-weight: bold; font-size: 12px; text-transform: uppercase;}
	#navProductos li { margin-top: 12px;}
	
	#productosDerecha ul ul { list-style: disc outside;}
	#productosDerecha ul ul li { margin: 5px 0;}
	
	#productosDerecha .titular {color:#666; font-weight:bold; margin: 10px 0;}
	
	#navProductos a { color: #434343;}
	#navProductos a:hover { color: #E2091E; }
	#subNavProductos li { text-transform: none; margin-top: 12px; margin-left: 12px;}
	.entrada { color: #000000; font-size: 12px;}
	.prodCentrado {	text-decoration: underline;	color: #434343;	text-transform: uppercase;	text-align: center;	margin-top: 5px;	margin-bottom: 15px;}
	#navProductos {}
	
/*================Consejos===============*/

#contConsejos { width: 608px; height: 364px; margin-top: 60px; margin-left: 30px;}
	.titConsejo { font-size: 14px; font-weight: bold; color: #464646;}
	.consejo { margin-right: 20px; margin-bottom: 20px; float: left;}
	.fotoConsejo { position: relative; float: left;	width: 83px; height: 83px; padding: 2px; background-color: #fafafa;}
	.txtConsejo { padding-left: 10px; width: 180px; float: left; font-size: 11px; color: #a4a4a4;}
	.sombraConsejos { position: absolute; bottom:-6px; left:0px; background: url('../img/img_sombraConsejos.jpg') no-repeat; width: 87px; height: 6px;}


/*================Cartel Rojo Class===============*/

	.cartelRojo h4 { font-size:12px; color:#FFF; font-weight: bold; background-color:#e2091e; padding: 3px 10px 3px 3px;}
	.cartelRojo p { font-size:11px; margin: 5px 0 5px; padding-left:3px;}
	.cartelRojo a {font-size:12px; color:#000; font-weight: bold; display:block; background:url(../img/flechaNegra.gif) no-repeat right 1px; padding-right:15px; padding-left:3px; text-align:right;}

/*================Gasoleo===============*/

#gasoleo { text-align: right;}
	#consejosPracticos { width: 205px; position:absolute; left:410px; top:165px; text-align:right;}
	#productosServicios { width: 205px; position:absolute; left:680px; top:280px; text-align:right;}
	#gasoleoDomicilio { width: 205px; position:absolute; left:345px; top:365px; text-align:right;}
	
/*================Sorteos===============*/

#sorteos { text-align: right;}
	#sorteos h4 {margin-bottom: 5px;}
	#viaje { width: 250px; position:absolute; top:300px; left:650px;}
	#mini { width: 250px; position:absolute; top:150px; left:350px;}

/*================Que Es===============*/

#quees { width: 635px; height:300px; padding: 45px  30px 10px; background:#000;left:260px;position:absolute;top:110px;}
	#quees h2 {font-size: 24px; color:#FFF;}
	#quees .rojo { color: #ff0019;}
	#quees p {color:#FFF; font-size:14px; margin: 10px 0 0;}
	#quees p.footerQueEs { margin-top:36px;}
	#quees a.btnCreaPantuflas {color:#FFF; float:left; font-size:15px; }
	#quees a.basesLegalesQueEs {color:#FFF; float:right; text-decoration:underline; font-size:13px; } 
	#quees .clearall { clear:both;}
	#quees hr { visibility:hidden;}
	
/*================Viaje & Coche===============*/

/*.cajaSorteo { background:url(../img/cajaSorteo.png) no-repeat; padding: 50px 50px 60px 50px; width:607px; height: 333px; position:absolute; top:0px; left:0px;}*/
.cajaSorteo { background:#ffffff no-repeat; padding: 50px 50px 60px 50px; width:560px; height: 150px; position:absolute; top:175px; left:290px; border:1px solid #999999;}
	.cajaSorteo h4 { font-size: 15px; font-weight:bold; margin: 0 0 15px 0;}	
	.cajaSorteo p { font-size: 13px;}	
	.cajaSorteo h5 { font-size: 16px; font-weight:bold; margin: 15px 0 0 0; line-height:22px;}
	.cajaSorteo h5 span { color: #ff0019;}
	.cajaSorteo a.basesLegales { display:none; text-align: right; width:100px; margin: 35px 0 0 490px; color:#000; font-size: 12px; font-weight:bold; background:url(../img/flechaNegra.gif) no-repeat right 1px; padding-right:15px;}


/*================Catalogo===============*/

#catalogo { text-align: right; position:absolute; top:0px; left:0px;}
	#portatil { width: 270px; position:absolute; top:0px; left:0px;}
	#freidora { width: 230px; position:absolute; top:0px; left:0px;}
	#estancia { text-align: right; width: 221px; position:absolute; top:0px; left:0px;}
	#estancia  h4 { text-align: left; padding:3px 0 3px 10px;}
	#estancia  p { text-align: left; margin-left:10px; }
	
	#puntos { text-align: left; background:url(../img/bocadillo.png) no-repeat; width:390px; height:233px; padding:15px 15px 0 20px; position:absolute; top:0px; left:0px;}
	#puntos h4 { color: #ff0019; font-size:12px;}
	#puntos p { color:#FFF;  font-size:11px; margin: 5px 0 5px;}
	#puntos a { color: #ff0019; font-size:14px; font-weight:bold;}
	#puntos p.big { font-size:15px; font-weight:bold;}
	#puntos p.big span { color: #ff0019;}
	#puntos p.big a { font-size:15px;}


/*================Lightbox===============*/

	.lightbox { position:absolute; top:0px; left: 0px; width:100%; height:100%;}
	.lightbox #velo { position:absolute; top:0px; left: 0px; width:100%; height:100%; background: #000;}
		.lightbox .flota { float:left;} 
		
	#oContLightbox { width: 900px; position:absolute; top:50%; left:50%; padding: 0px 10px 10px 30px; background:#000; border:1px solid #444444; outline:1px solid #111111;}
	 
		#oContLightbox.compartirEmail { width:351px; height:281px;}
		#oContLightbox.enviarEmail { width:347px; height:232px;}
		#oContLightbox.guardarGaleria { width:347px; height:232px;}
		#oContLightbox.hacerRealidad { text-align: center; width:671px; height:306px;}
		#oContLightbox.hacerRealidad p { padding: 0 20px 0 10px; font-weight:bold;}
		#oContLightbox.legales {width:440px; height:302px; padding-right:32px;}
		#lbCarburante #oContLightbox.legales {padding-top:10px;}
		#oContLightbox.atencionCliente { width:440px; height:302px; padding-right:32px;}
			
			div.txtLegales div { height:206px;} 
		
		#oContLightbox a { text-decoration: underline;}
		#oContLightbox p { margin: 10px 0; color:#fff; font-size: 12px; }		
		#oContLightbox h5 { color: #ff0019; font-size:16px; font-weight:bold;}
		#oContLightbox hr { visibility:hidden;}
		#oContLightbox input { background:#000; border: #666 1px solid; color:#AAA; padding:2px; }
		
		#oContLightbox input.w274 { width:274px}
		#oContLightbox.atencionCliente p { font-size: 18px;}
		#oContLightbox input.boton { color:#fff; padding: 5px; background-color:#777; border:none; cursor:pointer; margin:0 10px 0 0;}
		#oContLightbox #enviarMail {background: transparent url('../img/lightbox_btnEnviarMail.gif') no-repeat; border:none; width:225px; height:24px; padding:0;}
		#oContLightbox .btnPedido, #oContLightbox .btnEnviarmeMail { color:#fff; padding: 5px; background-color:#777; border:none; cursor:pointer; margin:0 10px 0 0; text-decoration:none;}
		
		#oContLightbox #fotoCliente { width:238px; margin-top:15px;}
		#oContLightbox #telFax { width:190px; margin-top:15px;}

		.lightbox #oContLightbox p.cerrar { text-align: right; margin-bottom:-5px;}
		.lightbox #oContLightbox p.cerrar a { cursor: pointer;}
		 
		#oContLightbox p.big {font-size:16px; line-height:5px; margin-bottom:25px;}
		#oContLightbox.hacerRealidad p.big { line-height: 18px}
		#oContLightbox.atencionCliente p.big {font-size:25px;}
		#oContLightbox p.big .mini {font-size:12px;}
		#oContLightbox p.m5 { margin:5px 0;}
		#oContLightbox p.m20 { margin-top:20px;}
		#oContLightbox p.lRight {text-align: right;}
		
		#oContLightbox .blanco { color:#fff;}
		#oContLightbox .rojo { color: #ff0019;}
	
 		#oContLightbox  .clearall { clear:both;}
		
		#oContLightbox.legales h5 { margin-bottom:20px;}
		#oContLightbox.legales h3 { color:#fff; font-size:15px; font-weight:bold;}
		#oContLightbox.legales ul { color:#fff; font-size:12px; list-style:disc outside;}