/* CSS Document */

body {background:#ffffff;  font: normal 0.7em "Trebuchet MS", "Gill Sans", Futura; color:#393939;  }

/* Elementos comunes */

*{ margin:0px; padding:0px;}
img{border:none;}
p{ line-height:14px; margin: 8px 0 8px 0;}
ul{ list-style:none;}
h1, h2, h4, h5, .h5, h6{ font-size:1em;}
h2 { font-size:18px;}

/* enlaces pagina */
a,a:link,a:visited, a:hover,a:active{ color:#000000; text-decoration:none;}
a:hover{ color:#990000;}
a.verde:hover{color:#689e0b; text-decoration:underline;}

/* boton normal con png*/	
.btn_izq {width:11px; height:20px; float:left; background:url(../img/btn_izq.png) top right	no-repeat !important;  
background-image: none;filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btn_izq.png') top right no-repeat;}
.btn{ background:url(../img/btn.gif) top repeat-x; height:20px; float:left; padding:4px 7px 0px 2px;} 
.btn_dcha{ background:url(../img/btn_dcha.png) no-repeat top left !important; background-image : none;filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btn_dcha.png') top right no-repeat; width:20px; height:20px; }


.btn_izq_peque{width:11px; height:19px; float:left; background:url(../img/btn_izq_peque.jpg) top right no-repeat } 
.btn_peque{ background:url(../img/btn_peque.gif) top repeat-x; height:19px; float:left; padding:1px 7px 0px 2px; } 
.btn_dch_peque{width:18px; height:19px; float:left; background:url(../img/btn_dch_peque.jpg) top right no-repeat } 
	  
	    
/************* Estructura general *****************************/

#borde{width:777px; margin:auto; }
#contenido_burrito{ width:777px; float:left; background-color:#deecf5;}
#contenido_resumen{ width:777px; background-color:#FFF; }

/*****************************************
          cabeza
*******************************************/
#cabeza{width:777px;  margin-top:7px;}
.cabecera{width:777px; height:77px; background:url(../img/cabecera.jpg) no-repeat; margin-bottom:4px; }
.cabecera_sin{width:777px; height:77px; background:url(../img/cabecera_sin.jpg) no-repeat; margin-bottom:4px;}
.cabecera_sin h2{ margin-left:40px; margin-top:15px;}
.cabecera_sin h4{ margin-left:60px; margin-top:4px;}

.pie{width:777px; height:25px; background:url(../img/pie.jpg) no-repeat; float:left; margin-bottom:0px; margin-top:4px; }

/******************************************
                Span
********************************************/
.rojo{ font-size:13px; color:#990000;}

.rojo_oscuro{ color:#990000; font-weight:bold;font-size:13px; }
.azul{ color:#006685; font-weight:bold;font-size:13px;}
.amarillo{ color:#000; font-weight:bold;font-size:13px;} 

/*************************************************
                 BURRITO
***********************************************/

/* enlaces boton */
.boton a, .boton a:link,.boton a:visited, .boton a:hover, .boton a:active{ color:#000000; float:left;}
.boton a:hover{ color:#990000; text-decoration:none;}

.boton_rojo { float:left; margin-top:20px;}
.boton_rojo li{ padding:2px; float:left;}

.adictos{width:140px; height:19px; margin-left:20px; background:url(../img/adictos.jpg) top right no-repeat; }
.continuar{width:195px; height:19px; margin-left:10px; background:url(../img/continuar.jpg) top right no-repeat; }
.empezar{width:190px; height:20px; margin-left:15px; background:url(../img/empezar.jpg) top right no-repeat; }

h4{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#990000; }

.dos_lados{ width:777px;}

.lado_a{ width:330px; margin-left:50px; margin-top:17px; float:left; }
.lado_a p{ font-size:12px; width:240px; float:left; text-align:center; margin-top:15px; margin-bottom:10px; }

.lado_b{ width:340px; margin-top:30px; height:330px; float:left; background-color:#FFF;}

.titulos{ width:255px; margin-left:30px; float:left; margin-top:10px; margin-bottom:15px;}
.titulos li a{ padding-left:15px;}

.barraroja {width:255px; height:15px; margin-top:2px; float:left; background:url(../img/barraroja.jpg) top right no-repeat;}
.barramarilla {width:255px; height:15px; margin-top:2px; float:left; background:url(../img/barramarilla.jpg) top right no-repeat;}

.boton_derecha{ width:200px; height:30px; margin-left:20px; margin-top:20px; float:left;}
.boton_derecha ul{float:left;}
.boton_derecha li{ float:left;}
/*****************************************
           index
*******************************************/
.burrito{width:350px; height:202px; float:left; background:url(../img/burrito.jpg) no-repeat; margin-top:15px;}
.nube{width:150px; height:44px; float:left; background:url(../img/nube.jpg) no-repeat; margin-left:200px; margin-top:15px;}

.empezar_blanco{width:190px; height:20px; float:left; background:url(../img/empezar_blanco.jpg) no-repeat;}
.adictos_blanco{width:190px; height:20px; float:left; background:url(../img/adictos_blanco.jpg) no-repeat;}
.continuar_blanco{width:195px; height:20px; float:left; background:url(../img/continuar_blanco.jpg) no-repeat;}

.botones_lee{width:700px; float:left; margin-top:17px; margin-left:7px;}
.botones_lee li{ float:left; margin-left:30px;}

.boton_peque_index{width:697px; margin-top:15px; float:left;}
.botonindex{ margin-left:70px; margin-right:55px; float:left;} 

.texto_autor{width:239px; font-size:14px; float:left; margin-top:30px; margin-left:80px; text-align:center; }
.texto_autor .rojo{ margin-top:20px;}
 .textoybotones{width:740px; height:390px;}
 
.abajo{width:720px; float:left;  margin-top:20px;}
	.abajo .boton{ width:200px; float:left;  margin-left:25px;} 
.abajo li{ float:left;}
	.abajo .btn{ float:left; padding-top:2px;}
	

 /*****************************************
        Paginas Resumenes
*******************************************/
.titulos_texto{width:55px; height:20px; float:left; margin-bottom:17px; margin-top:15px; background:url(../img/titulos_texto.jpg) no-repeat; }
.lado_imagen{width:180px; float:left;}
.lado_imagen_rojo{width:130px; height:120px; float:left; margin-top:20px; }

.resumen{width:500px; margin-top:70px; float:left; margin-left:20px;}
.resumen_rojo{width:530px; margin-top:50px; margin-left:20px; float:left;}

.resumen_rojo .boton{width:500px; margin-top:30px; float:left; }

.resumen p{ width:400px; text-align:justify;}
.resumen h4{ color:#990000; font-size:14px; margin-bottom:20px; margin-top:7px;}
.resumen ul{ float:left; margin-top:25px;}
.boton_peque{ margin-top:10px; float:left; margin-left:20px; width:100px;}

.datos{width:140px; margin-top:60px; margin-left:7px; float:left;}
.datos ul{ float:left;}
.datos li{ width:151px; margin-top:7px; }
.datos a{ margin-left:44px; margin-bottom:20px; height:20px;}

.datos_poesia{ width:500px; margin-left:30px; float:left; margin-top:40px;}
.datos_poesia h4, h2{ margin-bottom:5px;}
.datos_poesia .boton{ margin-top:20px;}

.contenido_datos{ width:390px; float:left; margin-left:50px;}
.contenido_datos ul{ float:left; width:100px; margin-top:20px;}

/*****************************************
           imagenes comunes
*******************************************/
.burro_introduccion{width:100px; height:120px; float:left; background:url(../img/burro-introduccion.jpg) no-repeat; margin-left:10px;}

.introduccion_azul{width:170px; height:131px; float:left; background:url(../img/introduccion_azul.jpg) no-repeat; margin-left:20px;}
.bibliografia_azul{width:170px; height:135px; float:left; background:url(../img/bibliografia_azul.jpg) no-repeat; margin-left:20px;}
.post_azul{width:220px; height:143px; float:left; background:url(../img/post_azul.jpg) no-repeat; margin-left:10px;}

.topnegro{width:777px; height:19px; background:url(../img/topnegro.jpg) no-repeat; float:left;}
.botomnegro{width:777px; height:19px; background:url(../img/botomnegro.jpg) no-repeat; float:left;}


.topblanco{width:340px; height:9px; background:url(../img/topblanco.jpg) no-repeat; float:left;}

.libro{width:40px; height:15px; float:left; background:url(../img/libro.jpg) no-repeat;}
.libro_abierto{width:45px; height:15px; float:left; background:url(../img/libro_abierto.jpg) no-repeat; margin-top:8px;}

.borde_gris{width:777px; height:12px; background:url(../img/borde_gris.jpg) no-repeat; float:left;}
.borde_gris_abajo{width:777px; height:12px; background:url(../img/borde_gris_abajo.jpg) no-repeat; float:left;}

/*****************************************
           imagenes empezar
*******************************************/
.barco{width:140px; height:130px; float:left; background:url(../img/barco.jpg) no-repeat;}
.balon{width:200px; height:114px; float:left; background:url(../img/balon.jpg) no-repeat; }
.informatico{width:170px; height:163px; float:left; background:url(../img/informatico.jpg) no-repeat; }

.bisonte{width:160px; height:114px; float:left; background:url(../img/bisonte.jpg) no-repeat; }
.cero{width:120px; height:178px; float:left; background:url(../img/cero.jpg) no-repeat; }
.bicicleta{width:120px; height:128px; float:left; background:url(../img/bicicleta.jpg) no-repeat; }

.morito{width:150px; height:101px; float:left; background:url(../img/morito.jpg) no-repeat; }
.marina{width:190px; height:155px; float:left; background:url(../img/marina.jpg) no-repeat; }
.principito{width:169px; height:214px; float:left; background:url(../img/principito.jpg) no-repeat; }

.gurb{width:200px; height:200px; float:left; background:url(../img/gurb.jpg) no-repeat; }
.timon{width:169px; height:162px; float:left; background:url(../img/timon.jpg) no-repeat; }
.espejo{width:65px; height:180px; float:left; background:url(../img/espejo.jpg) no-repeat; }

/*****************************************
           imagenes continuar
*******************************************/
.manos{width:180px; height:142px; float:left; background:url(../img/manos.jpg) no-repeat; }
.ojo{width:140px; height:103px; float:left; background:url(../img/ojo.jpg) no-repeat; }
.palmera{width:190px; height:182px; float:left; background:url(../img/palmera.jpg) no-repeat; }

.vampiro{width:112px; height:104px; float:left; background:url(../img/vampiro.jpg) no-repeat;}
.castillo{width:200px; height:244px; float:left; background:url(../img/castillo.jpg) no-repeat; float:right; }
.perro{width:169px; height:111px; float:left; background:url(../img/perro.jpg) no-repeat; }

.justos{width:150px; height:180px; float:left; background:url(../img/justos.jpg) no-repeat; }
.noches{width:180px; height:216px; float:left; background:url(../img/noches.jpg) no-repeat; }
.escalera{width:130px; height:163px; float:left; background:url(../img/escalera.jpg) no-repeat; }

.mundo{width:150px; height:153px; float:left; background:url(../img/mundo.jpg) no-repeat; }
.ola{width:180px; height:95px; float:left; background:url(../img/ola.jpg) no-repeat; }
.ola_peque{width:100px; height:53px; float:left; background:url(../img/ola_peque.jpg) no-repeat; }

/*****************************************
           imagenes adictos
*******************************************/
.metamorfosis{width:100px; height:180px; float:left; background:url(../img/metamorfosis.jpg) no-repeat; }
.rosa{width:130px; height:142px; float:left; background:url(../img/rosa.jpg) no-repeat; }
.estrella{width:120px; height:207px; float:left; background:url(../img/estrella.jpg) no-repeat; }

.entrada{ width:300px; margin-left:50px;}
.entrada .rojo{ text-align:center;}
/*********************
       18
*********************/
.parrafo{ width:90px; border:1px solid #dadada; float:left;}