/*****************************************************************
 * HOME * 
 *****************************************************************/ 
@import "/_ui/desktop/css/slide-home.css";

/*lo q importa*/
#rsflow {float:left; width:639px; margin:0 0 10px 0;}

#rsflow ul {float:left; width:203px; margin:14px 10px 0 0;}
#rsflow ul li {float:left; width:203px; }
#rsflow ul li.fondo {background-color:#000; color:#fff;}
#rsflow ul li.fondo a {color:#fff;}
#rsflow ul li.fondo a:hover {color:#d0232a;}

#rsflow ul li span {float:left; padding:10px 15px 5px 15px; font-size:11px; line-height:14px; width:170px;}
#rsflow ul li h3 {float:left; padding:0 15px 15px 15px; font-size:15px; line-height:19px;}

#rsflow ul li.foto {background-color:#000;}
#rsflow ul li.foto img {float:left;}

#rsflow h2 {float:left; background:url("/_ui/desktop/imgs/layout/techos/lo-que-importa.gif") no-repeat; width:629px; height:21px; border-bottom:4px solid #000; padding-bottom:5px;}
#rsflow h2 span {text-indent:-9999px; display:none;}

.linea-gris {float:left; border-top:1px solid #c7c7c7; width:630px; padding:0; margin:0 0 35px 0;}

/*Critica del dia*/
#critica {font-weight:bold;}
#critica h2 {float:left; width:300px; background:#fff url("/_ui/desktop/imgs/layout/techos/critica-del-dia.gif") no-repeat; height:20px; border-bottom:4px solid #000; padding-bottom:5px;}
#critica h2 span, #critica h4 span {display:none;}

#critica ul {float:left; width:300px; font-size:13px;}
#critica ul li {float:left; width:300px; margin:10px 0 2px 0; border-top:1px solid #c7c7c7; padding-top:10px;}
#critica ul li img, #critica .destacado img {float:left; margin:0 10px 0 0;}
#critica ul li div.text {float:left; width:175px;}

#critica .destacado {float:left; margin-top:12px; width:300px;}
#critica .destacado div.text {float:left; width:123px;}
#critica .destacado div.text h3, #critica .destacado div.text p {font-size:15px; line-height:20px;}

#critica h4 {float:left; width:300px; background:#fff url("/_ui/desktop/imgs/layout/techos/mas-criticas.gif") no-repeat; height:14px; margin-top:20px;}

/*Libro*/
#libro {float:left; margin-top:35px; width:300px;}
#libro img {float:left; margin:0 10px 0 0;}

#libro h2 {float:left; width:300px; background:#fff url("/_ui/desktop/imgs/layout/techos/libros.gif") no-repeat; height:20px; border-bottom:4px solid #000; padding-bottom:5px; margin-bottom:13px; }
#libro h2 span {display:none;}
#libro div.text {float:left; width:160px;}
#libro p, #libro h3 {font-size:15px; line-height:20px; font-weight:bold;}

/*Los que más*/
#los-que-mas {float:left; width:300px; border-bottom:1px solid #c7c7c7; padding-bottom:10px; margin-top:35px;}
#los-que-mas h2 {float:left; width:300px; background:#fff url("/_ui/desktop/imgs/layout/techos/los-q-mas-comentaron-hoy.gif") no-repeat; height:21px; border-bottom:4px solid #000; padding-bottom:5px;}
#los-que-mas h2 span {display:none;}

#los-que-mas ul {float:left; width:300px; margin-bottom:10px;}
#los-que-mas ul li {float:left; width:145px; height:40px; margin:12px 5px 2px 0;}
#los-que-mas ul li img {float:left; margin:0 10px 0 0;}
#los-que-mas ul li .num {float: left; font-size:20px; font-style:italic; color:#a0a0a0; margin:10px 2px 0 0;}
#los-que-mas h3 {font-size:13px;}

#los-que-mas div.text {float:left; width:70px;}
#los-que-mas .comentario {float:left; margin-top:3px;}

.ranking-completo {float:right; margin-top:10px; width:127px; background:url("/_ui/desktop/imgs/layout/botones/ranking-completo.gif") no-repeat; height:10px;}


/*consigna*/
#consigna {float:left; width:300px; margin-bottom:40px;}
#consigna #globo {float:left; width:272px; padding:10px; font-size:17px; margin:0 0 20px 0; border:4px solid #d1242a; line-height:22px;}

#consigna #globo #vertice {position:absolute; background:url("/_ui/desktop/imgs/layout/iconos/consigna-globo.gif") 240px bottom no-repeat; width:300px; height:28px;}
*+html #consigna #globo #vertice {position:absolute; background:url("/_ui/desktop/imgs/layout/iconos/consigna-globo.gif") 75px bottom no-repeat; width:300px; height:51px;}

#consigna textarea {float:left; height:50px; width:288px; overflow:auto; margin:10px 0; padding:5px; border:1px solid #dedede; background-color:#f6f6f6; font-size:11px; font-family: "trebuchet ms", arial, tahoma; color:#9f9c9c;}

#consigna .btn {float:right; margin-top:5px; width:101px; height:20px; background:#fff url("/_ui/desktop/imgs/layout/botones/contesta.gif") no-repeat; }

#consigna .comentario {float:left;}