@charset "utf-8";
/* CSS Document */
 h2, p { padding:0px; margin:0px; zoom:1; }
 
 
/* rejilla */
#contenedor_1 #contenido.landing { padding-left:6px; float:left !important; width: 788px !important }
#landing { float: left; width: 788px !important; float: left; background: url(../img/fondo_cuadros.gif) no-repeat left top; }
#bloqueA { width: 559px; height: 236px; float: left; }
#bloqueB { width: 227px; height: 236px; float: left; }
#bloqueC { width: 559px; height: 177px; float: left; }
#bloqueD { width: 559px; height: 89px; float: left; }
#bloqueE { width: 227px; height: 266px; float: left; }
.bloquesCD { float:left; width: 559px; }
.linea { float:left; height: 1em; width: 100%; }


/* modulos */
.modB { background: url(../img/sombra_214.gif) no-repeat left center; padding:7px 6px 7px 7px; width: 214px; height: 222px; position:relative }
.modB1 { padding:7px 6px 6px 7px; width: 214px; height: 106px; position:relative }
.modB2 { padding:7px 6px 7px 7px; width: 214px; height: 106px; position:relative }
.modC { width: 546px; height: 163px; float: left; padding:7px 7px 7px 6px; background: url(../img/sombra_546.gif) no-repeat center top; position:relative }
.modC1 { width:266px; float:left; padding:7px 7px 7px 6px; height:163px; position:relative }
.modC2 { width:266px; float:left; padding:7px; height:163px; position:relative }
.modD { width: 546px; height: 75px; padding:7px 17px 7px 0px; background: url(../img/sombra_75.gif) no-repeat center center; position:relative }
.modD1 { width: 266px; height: 75px; float: left; padding:7px 7px 7px 6px; position:relative }
.modD2 { width: 266px; height: 75px; float: left; padding:7px; position:relative }
.modE { background: url(../img/sombra_214.gif) no-repeat left center; padding:7px 6px 7px 7px; width: 214px; height: 252px; position:relative }
.modE1, .modE2 { width:214px; float:left; padding:7px 6px 7px 7px; height:119px; position:relative }


/* flash */
div.flash { border: 1px solid #E1E1E1; height: 222px; width: 546px; margin: 5px 3px 4px 4px; }


/* gasolineras */
#bloqueB label, #bloqueE label { color: #414141; font-size: 1em; padding:0.8em 0em 0 1.1em; font-weight:bold; width: 5.6em; display: inline-block; }
select.c40 { width: 10em; height:1.5em }
#bloqueB h2, #bloqueE h2, #bloqueD h2, #bloqueC h2 { color: #E60000; font: bold 1.5em/0.9em Arial; padding:.5em 0 0 .8em; margin:0px }
#landing p { color: #414141; font-size: 1.1em; padding:.9em 1em 0 1em; }
#landing p.bolo { color: #414141; font-size: 1em; padding:0em 1em 0 1.5em; font-weight: bold; background: url(../img/bolo_ampliar.gif) no-repeat left top; display:block; width:auto }
div.ampliar { float: right; }
#contenido #landing form input.buscar { color: #414141; padding:0.2em 0em 0.2em 1.8em; font-weight: bold; background: url(../img/bolo.png) no-repeat left center; display:block; margin-left:1em; font-size: 1.1em; margin-bottom: 0.3em; margin-top:.7em }


/* promociones A */
#landing .promocionesA h2 { color: #E60000; font: bold 1.9em/1.2em Arial; padding:0.8em 0.8em 0 0.6em; margin:0em }


/* promociones B */
.imgB { text-align:center; margin-top:8px; }
.modDB{ padding-top:10px; width: 340px; float:left; }
.rojo { color: #E60000; }
.imagenes { padding-top:2px; margin-left:24px; /*width: 163px;*/ height:70px; float:left; }
.icoA { color: #626262; text-align:center; width: 105px; height: 85px; float:left; font-size:0.8em; }
.icoB { color: #626262; text-align:center; width: 105px; height: 85px; float:left; font-size:0.8em; }
.icoC { color: #626262; text-align:center; width: 105px; height: 70px; float:left; font-size:0.8em; margin-bottom:5px; }
.icoD { color: #626262; text-align:center; width: 105px; height: 70px; float:left; font-size:0.8em; margin-bottom:5px; }
.imgTarjetas { margin-left:65px; margin-top:9px; width: 107px; height:137px; float:left;  }
.texto1 { width:350px;  float:left;}
.texto1B { margin-top:10px; }
#landing p.bold2 { color: #626262; padding:0.2em 0em 0.2em 2em; font-weight: bold; font-size: 1.15em; margin-bottom: 0em; }
#landing p.rojoP { text-align:left; color: #E60000; font-size:0.9em; font-weight:bold }
#cajas{ margin-top:10px; }
#imgVisa { margin-top:3px; }

/* tarjetas */
#landing p.destacado { font-size: 1.5em; padding:.6em .7em 0.3em .8em; font-weight: bold; line-height: 1em; margin-bottom:0.4em; }
div.img { float:right; }
#landing p.nopad { color: #626262; padding-top:0em; padding-bottom:0em; margin-bottom:0.2em; }
#landing p.bolored { color: #626262; padding:0.2em 0em 0.2em 2em; background:url(../img/bolo.png) no-repeat left center; display:block; margin-left:1em; font-size: 1.1em; margin-bottom: 0em; }
#landing p.bold { color: #000; padding:0.2em 0em 0.2em 2em; font-weight: bold; font-size: 1.15em; margin-bottom: 0em; }
#landing p.bolored span.rojo { color: #E60000; font-size:1.5em; font-weight:bold }

/* solo para ver la rejilla eliminar de la hoja de estilos real*/
.landing.rejilla #bloqueA, .landing.rejilla #bloqueD { background-color:red }
.landing.rejilla #bloqueB, .landing.rejilla #bloqueC { background-color:blue }
.landing.rejilla #bloqueE { background-color:green }