/* CSS Document */

#Content { width:35em; margin:0 auto; text-align:left;}
#Content h1{ display:none;}

/*imagen y texto imagen central**************/
#Content .imagenTxt { position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#Content .imagenTxt .txt1{  position:absolute; top:2.5em; left:20em; color:#FFFFFF; font-size:1.1em; width:6.7em;}
#Content .imagenTxt .txt2{ position:absolute; color:#FFFFFF; font-size:.9em; width:100%; text-align:center; top:17em;}

/*listado tarjetas***********************/
#Content .imagenTxt ul { list-style:none;}
#Content .imagenTxt ul.tarjetas{ position:absolute; top:17.5em}
#Content .imagenTxt ul.tarjetas li{ width:17.4em; text-align:center;}
#Content .imagenTxt ul.tarjetas h2{ color:#FFED79; font-size:1em;}
#Content .imagenTxt ul.tarjetas li li{ margin-bottom:.1em;}
html>body #Content .imagenTxt ul.tarjetas li li{ margin-bottom:.3em;}
li.cosmomadrid{ float:left}
li.cosmobarcelona{ float:right}
/*botones*/
.btn { position:relative;}
.btntxt{ position:absolute; width:16.69em; }
.btn  .btntxt a{  font-size:.75em; color:#FFF; text-decoration:none;}
html>body .btntxt{width:100%;}
#Content .btn img{width:16.69em;}

li.quota{ color:#fff;  font-size:.75em; float:right;}


/*imagenes de fondo queden enganchadas***************/
#Content img.imgbanner, .foot-info img{ margin-bottom:-.2em; }
#Content img.imgcentro{ margin-bottom:-.25em; }
#Content img {width:35em;}

html>body #Content img.imgcentro, html>body #Content img.imgbanner, html>body  .foot-info img{ margin-bottom:0;}

/*texto*/
.texto{ background-color:#fff; padding:0.5em 1em;}
.texto h2{ font-size:1.1em;}
.texto p{ font-size:.7em;}
.texto ul{ margin:2em 0 2em 5em;  font-size:.7em;}

/*texto + info*/
.foot-info{ position:relative}
.foot-info .txtinfo{ position:absolute; left:1em; top:.6em; color:#fff; font-weight:bold;}
.foot-info h3{ font-size:.8em; margin:0 0 -.2em 0; font-weight:bold;}
.foot-info p{ font-size:.8em; margin:0 !important; font-weight:bold;}