/* CSS Document */

/* ----------------------------------- SELECTORES ------------------------------------- */
 body { width:100%; font-family: Verdana; margin:0 auto; }
 a:link, a:visited { text-decoration:none; color:#000; }
 a:active, a:hover { text-decoration:none; color:#666; }
 h1, h2, h3, img { font-weight:bold; padding:0; margin:0; }
 h2, h3 { text-indent:15px; }
 h2 { width:636px; height:15px; float:left; font-size:.55em; color:#fff; text-transform:uppercase; background-color:#000; padding-top:2px; margin-bottom:.4em; }
 h2 span { width:auto; display:block; border-bottom:#000 1px solid; padding-bottom:7px; } 
 h3 { font-size:.7em; color:#000; margin-top:.2em; }
 h4 span { font-weight:normal; line-height:20px; }
 h4 { font-size:.6em; margin:.1em 0; color:#231F20; text-indent:5px; font-weight:normal; }
 p { margin:0; font-size:.6em; color:#000; text-align:justify; }
 ul, li { list-style:none; }
 hr { height:3px; background-color:#fff; position:relative; top:100px; border:0; }
 img { border:0; }
/* ----------------------------------- FIN SELECTORES ------------------------------------- */



/* ----------------------------------- GENERALES ------------------------------------- */
 #contenedor { width:56.25em; height:auto; position:relative; margin:0 auto; } 
 #encabezado { width:100%; height:123px; position:relative; text-transform:uppercase; color:#fff; clear:both; } 
 #centro { height:auto; float:left; clear:both; padding:.7em 2.1em 0.3125em 2.15em; margin-bottom:20px; } 
 #contenido { width:40.06em; height:auto; float:left; padding-right:0.2em;  } 
 #lateral { width:11.55em; height:auto; float:left; } 
 #pie {  width:100%; height:2.2em; background-color:#000; margin-top:1em; clear:both; color:#fff; text-indent:10px; font-size:.55em; padding-top:3px; } 
/* ----------------------------------- FIN GENERALES ------------------------------------- */


/* ----------------------------------- BANNERS DINAMICOS ------------------------------------- */
.banner_superior { width:900px; height:65px; position:relative; } 
.banner_principal { width:636px; height:65px; float:left; margin-bottom:.5em; padding:0;  } 
.banner_principal_home { width:636px; height:65px; margin-bottom:.5em; padding:0;  } 
.banner_bajo_principal { width:636px; height:65px; float:left; margin-bottom:0; margin-top:1.2em; padding:0;  }  
.banner_cuerpo_chico { width:311px; height:65px; position:relative; top:-3em; margin:0; left:320px; } 
.banner_lateral_grande { width:185px; height:140px; float:left; margin:-16px 0 .2em 0; }
.banner_lateral_chico { width:185px; height:65px; float:left; margin-bottom:.5em; } 
/* ----------------------------------- FIN BANNERS DINAMICOS ------------------------------------- */

/* ----------------------------------- BANNERS Clickexperts ------------------------------------- */
.banner_click_uno { width:728px; height:90px; float:left; position:relative; z-index:1000; text-align:center; margin:10px 50px;} 
.banner_click_dos { width:468px; height:60px; float:left; text-align:center; margin:1.2em 82px 0;} 
.banner_click_tres { width:300px; height:250px; float:left; text-align:center; margin:1.2em 82px 0;} 
.banner_click_cuatro { width:120px; height:600px; float:left; text-align:center; margin:10px 25px;} 
/* ----------------------------------- FIN BANNERS Clickexperts ------------------------------------- */


/* ----------------------------------- ENCABEZADO ------------------------------------- */
 #logo { width:auto; height:auto; position:absolute; top:.95em; left:1.3em; display:block; }
 
/* Idiomas */
 #idiomas { width:auto; height:auto; position:absolute; top:-5px; right:0.25em; } 
 #idiomas li { width:auto; display:block; height:24px; font-size:.6em !important;  } 
 #idiomas li a span { width:auto; height:25px; background:transparent url(/templates/funmag2010/templates/images/sprites.png) 35px 0 no-repeat; padding: 0 2.3em .5em .6em;; } 
 #idiomas li span.text { width:13px; padding:0; margin-top:2px; margin-right:-15px; background:none; } 
 #idiomas li a { color:#fff; } 
 #idiomas li a:active, #idiomas li a:hover { color:#ccc; } 
 #idiomas li .esp { background-position: 18px -1px; margin-left:1px; } 
 #idiomas li .eng { background-position: 17px -24px; padding-right:2.1em; padding-left:.6em; margin-right:5px; } 


/* Menú Institucional */
 #encabezado #menu_institucional { width:auto; height:1.1em; position:absolute; top:40px; right:29px; } 
 #encabezado #menu_institucional li { width:auto; height:17px; display:inline-block; text-transform:uppercase; margin:0 9px; font-size:.6em; } 
 #encabezado #menu_institucional li a { color:#fff; } 
 #encabezado #menu_institucional li a:active,  #encabezado #menu_institucional li a:hover { color:#ccc; } 


/* Buscador */
#buscador { width:auto; height:20px; position:absolute; top:79px; right:39px; text-transform:capitalize; font-size:.6em; } 
#buscador fieldset { width:auto; height:20px; border:none; float:left; display:block; margin:0; padding:0; }
#buscador label { width:auto; margin-right:1em; float:left; }
#buscador input[type="text"] { width:100px; height:11px; border:none; }
#buscador fieldset.boton { float:left; z-index:5; width:auto; height:14px; border:none; margin:0; padding:0; }

/* Menú Secciones */ 
#encabezado #menu_secciones { width:100%; height:22px; position:absolute; top:6.4em; background-color:#231F20; padding:0; margin:0; overflow:hidden; z-index:0; text-align:center; } 
#menu_secciones ul { width:54.5em; margin-top:0; position:relative; left:-18px; }
#menu_secciones ul li { width:auto; height:22px; list-style:none; padding:0; margin-left:1.77em; float:left; color:#fff; font-size:9px !important; font-family:Verdana, Geneva, Trebuchet normal; font-weight:bold; line-height:22px; display:block; } 
#menu_secciones ul li a { color:#fff; } 
#menu_secciones ul li a:active, #menu_secciones li a:hover { color:#ba202e; } 
#menu_secciones li ul { width:97%; display:none; font-size:10px; height:22px; background-color:#231F20; z-index:1; color:#fff; }
#menu_secciones li:hover ul, #menu_secciones li.hover ul { position: absolute; display:inline; left:114px; top:0; margin: 0; padding: 0;  float:left; }
#menu_secciones li:hover ul li, #menu_secciones li.hover ul li { display:inline; float:left; margin-left:1.4em; }
#menu { display:none; }
/* ----------------------------------- FIN ENCABEZADO ------------------------------------- */



/* ----------------------------------- LATERAL ------------------------------------- */
#lateral #flip { width:185px; height:185px; margin:0; margin-bottom:5px; float:left; z-index:1; }
#lateral #transparente { width:185px; height:185px; position:absolute; top:120px; z-index:2; }
#lateral .ambiente { width:auto; height:163px; float:left; text-align:left; }
#lateral .ambiente h2 { width:100%; float:left; }
#lateral .ambiente .slideshow { width:185px; height:135px; margin-top:1px; float:left; }
p.mayusculas { width:100%; height:15px; text-align:center; text-transform:uppercase; letter-spacing:-1px; margin-bottom:5px; }
.fan { border-bottom:#000 1px solid;}
#lateral .comunidad, #lateral .pdf { width:185px; height:auto; float:left; margin:.7em 0; text-transform:uppercase; text-align:center; }
#lateral .comunidad img { margin-top:.5em; }
#lateral .pdf p a { color:#000; font-size:8px !important; font-family: Arial; display:block; border-top:#231F20 1px solid; border-bottom:#231F20 1px solid; background:url(/templates/funmag2010/templates/images/fondo_pdf.png) no-repeat; padding:0.3em 1em 0.1em 2em; }
.pdf p a:hover, .pdf p a:active { color:#666; }
#tags { width:85%; height:400px; float:left; padding:1em; margin-top:1em; border:1px solid #231F20; }

#lateral .ranking { width:185px; height:auto; float:left; margin-top:5px; margin-bottom:20px; text-align:left; }
#lateral .ranking h2 { width:100%; height:13px; float:left; margin-bottom:4px; background-color:#ba202e; text-indent:12px; }
#lateral .ranking h2 span { width:auto; display:block; border-bottom:#ba202e 1px solid; padding-bottom:5px; } 
#lateral .ranking ul { width:185px; height:auto; float:left; margin:0; padding:0; text-align:left; }
#lateral .ranking li { width:185px; height:50px; margin:0; padding:2px 0; border-bottom:#ba202e 1px solid; }
#lateral .ranking li h3 { width:175px; margin-top:0; padding-left:10px; text-indent:0; font-weight:bold; font-size:12px; line-height:13px; color:#ba202e;}
#lateral .ranking li h3 a { color:#ba202e;}
#lateral .ranking li h3 a:hover { color:#ccc;}
#lateral .ranking li p { width:175px; padding-left:10px; margin-top:5px; }
/* ----------------------------------- FIN LATERAL ------------------------------------- */


/* ----------------------------------- CONTENIDO ------------------------------------- */
.titulo_slide { width:100%; display:block; position:absolute; top:-442px; left:0; z-index:6; }
.titulo_slide h2 { width:100%; line-height:20px; display:block; padding-bottom:4px; }

/*p.noticias_chicas { float:left; height:85px; width:160px; margin:0; padding:5px 5px 0 5px; }*/


/* Secciones Institucionales */
.institucional { width:33.75em; height:auto; float:left; top:0; left:0; }
.institucional h2 { width:535px; font-size:9px !important; float:left; margin:0 0 .3em 1.2em; } 
.institucional p { width:93.5%; height:auto; font-size:10px; float:left; margin:1em 0 .3em 2.5em; }
.institucional dl { width:93.5%; height:auto; float:left; font-size:.6em; margin:1.5em 0 1em 2.5em; }
.institucional dd { width:auto; margin-left:0; padding-left:0;  }
 
.contacto { width:20em; height:auto; float:left; top:0; left:0; } 
.contacto h2 { width:36.5em; margin-top:0; margin-bottom:5px; } 
.contacto p { margin:5px 0 15px 0; } 
form#contacto { width:32em; height:auto; position:relative; top:1em; left:0; font-size:.6em; } 
form#contacto fieldset { width:99%; height:auto; border:none; clear:both; float:left; margin-left:1em; }
form#contacto fieldset.botones { height:20px; margin:0 0 .7em 0; clear:both; }
form#contacto label { width:12.7em; height:15px; float:left; margin-top:1.45em; } 
form#contacto input, form#form_comentario input { width:12em; float:right; border:#231F20 .1em solid; margin-top:.7em; margin-bottom:1em; } 
form#contacto input[type="submit"] { width:3.7em; margin:0; border:none; background-color:transparent; padding:0; } 
form#contacto input[type="radio"] { display:inline; float:left; } 
form#contacto textarea { width:161px; height:70px; float:right; border:#231F20 .1em solid; margin-top:.7em; margin-bottom:1em; } 
.noback { width:100%; display:block; height:15px; background-color:transparent; color:#000;  border-top:#231F20 1px solid; border-bottom:#231F20 1px solid; margin-bottom:5px; } 
.margin { margin-left:15px; }

#ediciones h2 { width:636px; margin-bottom:0.5em; }
#ediciones { float:left; }
#ediciones ul { width:39.75em; height:auto; margin:0; padding:0; margin-bottom:1em; position:relative; }
#ediciones ul li { width:636px; height:8.4375em; margin:1.3em 0; }
#ediciones ul li img { width:100px; height:100px; float:left; margin:0; margin-right:1em; }
#ediciones ul li h4 { width:81%; height:2em; float:left; margin:.5em 0 .5em .5em; font-weight: bold; }
#ediciones ul li p { padding:.5em;  margin-left:12.5em; }
#ediciones ul li a.ver:link, #ediciones ul li a.ver:visited { position:relative; text-align:right; top:7.5em; right:.8em; display:block; color:#000; font:11px Verdana, Arial, Trebuchet normal; }
#ediciones ul li a.ver:active, #ediciones ul li a.ver:hover { color:#ccc; }

.album { width:636px; height:auto; float:left; display:inline; margin:0; padding:0; }
.album li { width:186px; height:198px; float:left; display:block; margin:18px 13px; border-bottom:1px solid #000; }
.album li h3 { width:185px; line-height:15px; margin-bottom:3px; background-color:#000; text-transform:uppercase; text-indent:15px; font-size:9px !important; color:#fff; padding:0; height:15px; }
.album li img { width:185px; height:135px; }
.album li h4 { width:163px; font-weight:bold; font-size:12px; line-height:13px; padding-left:7px; margin-top:2px; }
.album li p { width:163px; padding-left:11px; margin-top:4px; line-height:10px; }

.slide_ambiente { width:636px; height:480px; position:absolute; top:155px; z-index:1; background-color:#000; color:#fff; }
.slide_ambiente hr { width:500px; height:1px; position:absolute; top:353px; left:70px; z-index:4; background-color:#fff; }


/* -----------------------------------  ALBUM VIDEOS -----------------------------------  */
.album_videos { width:652px; height:auto; float:left; display:inline; margin:0; padding:0; }
.album_videos li { width:310px; height:322px; float:left; display:block; margin:18px 16px 18px 0; border-bottom:1px solid #000; }
.album_videos li h3 { width:310px; line-height:15px; margin-bottom:3px; background-color:#000; text-transform:uppercase; text-indent:15px; font-size:9px !important; color:#fff; padding:0; height:15px; }
.album_videos li h4 { width:290px; font-weight:bold; font-size:12px; line-height:13px; padding-left:7px; margin-top:2px; }
.album_videos li p { width:290px; padding-left:11px; margin-top:4px; line-height:10px; }
a.ver_mas_videos { font-size:10px !important; color:#666; margin-top:5px; } 
a.ver_mas_videos:hover { font-size:10px !important; color:#808285; margin-top:5px; text-decoration:underline; } 


/* -----------------------------------  NOTAS VAN -----------------------------------  */

/* NOTA FINAL DE LAS SECCIONES: ENTREVISTAS, A LA CARTA, PRIMERA CLASE, SALIDA URBANA, MINIBAR, LANZAMIENTOS */
.nota_final { width:99.6%; margin:0; padding:0; float:left; }
.nota_final img, .nota_final_agenda img  { width:636px; height:27.25em; margin:0; margin-bottom:.8em; padding-top:0; }
.nota_final h2 { width:636px;  }
.nota_final .copete_final { width:636px; height:auto; margin-top:.5em; }
.nota_final .copete_final h3 { margin-top:.55em; }
.nota_final .copete_final p { width:auto; margin:6px 25px 17px 14px; text-align:left; font-size:10px; }
.nota_final p { font-size:10px; margin:1.3em 2.5em 0 1.5em; }
.final_izquierda h3, .final_izquierda p { float:left; width:97%; margin:0; text-indent:0; }
.final_izquierda h3 { font-size:12px; margin:-5px 0 8px 0; }
.nota_final .redactor_final { width:97%; margin:.5em 0; padding: 10px 0 0 15px; height:75px; }
.nota_final .redactor_final img { width:65px; height:65px; float:left; }
.nota_final .redactor_final p, .nota_final redactor_final h3 { float:left; width:50%; text-indent:0; margin-top:.2em;  }
.nota_final .copete_final div.diario { width:95%; margin:10px 0 0 15px; font-size:.6em; font-weight:bold; }
.nota_final .imagen_moda { width:19.473em; height:27.25em; margin-bottom:-.04em; margin-left:10.5em; padding:0; }
.nota_final .copete_moda { width:99.4%; height:auto; padding:0; }
.nota_final .copete_moda p { margin-left:0; }
/*.lanzamientos { margin:0.55em 0; }*/

/* NOTA FINAL DE LAS SECCIONES: ENTREVISTAS, A LA CARTA, PRIMERA CLASE, SALIDA URBANA, MINIBAR, LANZAMIENTOS */
.nota_final_agenda { width:99.6%; margin:0; padding:0; float:left; }
.nota_final_agenda .copete_final { width:636px; height:auto; }
.nota_final_agenda .copete_final h3 { margin-top:0; }
.nota_final_agenda .copete_final p { width:auto; margin:1px 25px 12px 14px; text-align:left; font-size:.62em; }
.nota_final_agenda p { font-size:.62em; margin:0 1.8em 0 .8em; }


/* NOTA PRINCIPAL DE LAS SECCIONES: ENTREVISTAS, A LA CARTA, PRIMERA CLASE Y SALIDA URBANA */
.nota_principal { width:636px; height:auto; float:left; display:inline-block; margin-top:0; }
.nota_principal img, .nota_principal li img { width:19.375em; height:17.5em; float:left; margin-bottom:1em; }
.nota_principal .copete_lateral { width:310px; height:17.7em; float:left; overflow: hidden; margin-left:.7em; }
.nota_principal .copete_lateral h3 { width:92%; text-indent:0; margin-top:.3em; margin-bottom:.1em; }
.strong { width:300px; height:60px; float:left; margin-top:10px; font-weight:bold; }
.simple p { width:310px; height:90px; float:left; margin:0; margin-top:2px; padding:0; overflow:hidden; font:10px/13px Verdana, Geneva, Trebuchet normal; }
.nota_simple { width:310px; height:118px; float:left; font:10px/12px Verdana, Geneva, Trebuchet normal; margin:0; margin-top:65px; padding:0; }
.normal { height:145px; width:300px; float:left; margin-top:48px; line-height:12px; }
.normal p a { }
.nota_principal .copete_lateral .redactor { float:left; width:100%; height:65px; margin:10px 0 15px 0; }
.nota_principal .copete_lateral .redactor img { float:left; width:65px; height:65px; margin-right:10px; }
.nota_principal .copete_lateral .redactor p {  width:200px; height:auto; float:left; font-weight:normal; font-size:.62em; margin-top:2px; margin-left:0; text-indent:0; }
.nota_principal .copete_lateral h3.izquierda { margin:0; text-indent:0; }
.nota_principal .copete_lateral div.copete_diario { width:95%; height:44px; font-size:.6em; line-height:11px; margin-top:10px; font-weight:bold; text-align:justify; }
.nota_diario { width:97%; height:75px; float:left; overflow:hidden; margin-top:45px; font-weight:normal; }

#parrafo { font:10px/11px Verdana, Geneva, Trebuchet; font-weight:bold; }
.nota_principal img.imagen_musica { width:311px; height:311px; margin-top:0; margin-bottom:0; float:left; }
.nota_principal .copete_libros { width:320px; height:60px; margin-top:0; float:right; line-height:11px; padding:.2em 0 .3em.3em; }
.nota_principal .copete_libros h3, .nota_principal .copete_libros h4 { width:90%; height:auto; text-indent:0; margin-left:.8em; }
.nota_principal .copete_libros h4 { color:#231F20; margin-top:.7em;}
.nota_principal .libros_final { float:left; width:45%; margin:10px 0 0 15px; padding:0.5em 0.1em 0 0; }
/*.nota_principal p { float:left; width:45%; margin:10px 0 0 15px; padding:0; padding-right:.8em; }*/
.nota_principal img.imagen_libros { width:311px; height:423px; margin-top:0; margin-bottom:0; }


ul.nota_principal { width:636px; position:relative; top:-12px; left:-40px; margin:0; }
.nota_principal li { width:auto; height:auto; float:left; margin-bottom:1.5em; margin-top:.7em; }
.nota_principal li .copete_lateral { width:310px; height:280px; float:left; text-align:justify; overflow: hidden; }
.nota_principal li .copete_diario { width:95%; height:280px; float:left; text-align:justify; }
.comentarios_generales { width:94%; font:10px Verdana, Geneva, Trebuchet normal; height:auto; float:left; margin-top:1em; margin-bottom:2em; margin-left:15px; }

/* NOTAS MEDIANA Y PEQUEÑA DE TODAS LAS SECCIONES Y DEL HOME */
.columna { width:auto; height:auto; float:left; margin:0; margin-top:10px; padding:0; }
.minibar, .moda { width:auto; height:auto; float:left; margin:0; padding:0; }
.copete { width:307px; height:40px; padding:.3em 0 1em 0; margin:0; overflow:hidden; }
.columna .noticia { width:307px; position:relative; margin-top:20px; margin-right:.7em; }
.columna .noticia h2 { width:296px; padding-right:14px; float:left; }
.columna .noticia .copete { width:310px; float:left; }
.columna .noticia .noticia_arte { width:17.35em; height:7.1875em; padding:1em; margin-top:-3px; }
.columna .noticia .noticia_arte p a { font:1.02em/1.3em Verdana, Geneva, Trebuchet normal; }
.copete_mediana { height:30px; float:left; font:10px Verdana, Geneva, Trebuchet normal; margin-left:15px; overflow:hidden; padding-right:.3em; }
.copete_carta { height:26px; line-height:13px; float:left; font:10px Verdana, Geneva, Trebuchet normal; margin-left:15px; overflow:hidden; padding-right:.3em; }
.copete_carta p { height:30px; float:left; font:10px Verdana, Geneva, Trebuchet normal; margin-left:0; overflow:hidden; padding-right:.3em; }

.columna .noticia #noticia_arte p { overflow:hidden; }
.columna .noticia img { width:310px; height:auto; margin:0; padding:0; }

.columna li { width:321px; height:147px; margin-top:20px; padding-bottom:21px; }
ul.columna li h2 { width:320px; }
li.columna_index  { height:167px;}
.columna li .copete { width:320px; float:left; }
.columna li .copete h3, .columna .noticia .copete h3, .nota_general li .copete h3 { width:93%; height:auto; float:left; margin-left:15px; text-indent:0; line-height:11px; margin-top:0; margin-bottom:.5em; }
.columna li img { float:left; width:140px; height:91px; margin:0; padding:0; overflow: hidden; }
.noticia_chica { width:9.85em; height:4.68em; float:left; padding:0.5em 0.7em; }
.noticia_chica_menor { width:9.5em; height:4.68em; float:left; padding:0.48em 0.73em; }
.noticia_chica p a, .noticia_chica_menor p a { font:1.02em/1.3em Verdana, Geneva, Trebuchet normal; }
.noticia_chica_auto { width:16em; height:78px; float:left; margin:0; padding:0; }
.noticia_chica_menor_auto { width:15.5em; height:78px; float:left; }

.noticia_chica_index { width:180px; height:90px; float:left; font:10px/12px Verdana, Geneva, Trebuchet normal; margin:0; }
.noticia_carta { width:28em; height:12em; float:left; }
.noticia_carta_principal { width:29.5em; height:17.2em; float:left; }

/* NOTA PEQUEÑA DE LAS SECCIONES: ENTREVISTAS, A LA CARTA, PRIMERA CLASE Y SALIDA URBANA */
.nota_general { width:664px; float:left; height:auto; margin-top:30px; margin-left:-3px; padding:0; }
.nota_general li { width:321px; height:195px; margin:0; padding:0; float:left; display:inline; margin-right:.2em; }
.nota_general li h2 { width:315px; }
.nota_general li .copete { width:315px; height:40px; float:left; overflow:hidden; margin:0; }
.nota_general li img { width:140px; height:90px; float:left; }
.detalle { width:48.3%; height:75px; font-size:.625em; line-height:11px; float:left; padding:.7em 1.2em .8em 1em; line-height:11px; }

/* NOTA LISTA DE LAS SECCIONES: MINIBAR, LANZAMIENTOS Y MODA */
ul.minibar, ul.moda { width:41.7em; float:left; margin-top:-20px; padding-right:5px; margin-left:-12px;}
.top { margin-top:30px; }
.minibar li h3.menos_top { margin-top:-5px; }
ul.minibar li { width:46.7%; height:auto; display:inline; float:left; margin-left:12px; }
ul.moda li { width:47%; height:537px; display:inline; float:left; margin-left:12px; }
.minibar li h3, .moda li h3 { width:auto; text-indent:0; font-size:12px; margin:12px 0 8px 0; float:left; }
.minibar li div { width:313px; height:55px; float:left; margin:0; padding-bottom:9px;  }
.minibar li div.alto { height:45px; }
.moda li div { width:98%; height:auto; float:left; margin:0; padding-bottom:9px;  }
.minibar li div p { width:100%; height:auto; font-size:10px !important; line-height:12px; overflow:hidden; }
.moda li div p { width:auto; height:54px; font-size:10px; line-height:12px; overflow:hidden; }
.minibar li img.imagen_minibar { width:313px; height:436px; margin-top:20px; float:left;}
.moda li img.imagen_minibar { width:311px; height:436px; margin-top:20px; float:left;}
.minibar li img.imagen_lanzamientos { width:19.6em; height:15.25em; margin-top:20px; float:left; margin-bottom:10px; }
.alto { height:100px; }
/*.minibar li a.ver_comentarios, .moda li a.ver_comentarios { float:left; margin-left:-10px; }*/

/* NOTAS DE LAS SECCIONES: MUSICA, LIBROS */
.nota_musica li { height:150px; }
.nota_musica li img { width:135px; height:135px; float:left; }
.nota_libros li, .nota_musica li { width:312px; float:left; margin:2em 0.75em 0 0; padding:0; display:inline-block; }
.nota_libros li { height:220px; }
.nota_musica li div.copete_musica, .nota_libros li div.copete_musica { width:161px; height:50px; float:left; padding:0.1em 0.5em 0.5em 0; margin-left:.5em; }
.nota_pequenia_musica { width:160px; height:77px; float:left; font:10px/11px Verdana, Geneva, Trebuchet normal; margin:0.5em 0 0 0.9em; padding:0; }
.nota_libros li div.listado_libros { width:170px; height:125px; float:left; padding:0; overflow:hidden; }
.nota_libros li a.lista_libros { width:155px; height:120px; float:left; margin:0.5em 0 0 1.3em; padding:0; overflow:hidden; }
/*.nota_musica li div.lista_musica p { height:65px; overflow:hidden; }*/
.nota_libros li img { width:135px; height:190px; float:left; }

/* NOTAS DE LAS SECCIONES: AGENDA */
.nota_agenda { width:100%; height:auto; margin:0; padding:0; float:left; top:-10px; }
.nota_agenda .agenda { width:18.2em; height:10.7em; float:left; padding:.9em 1.05em; }
.nota_agenda .agenda p a { font:1.02em/1.3em Verdana, Geneva, Trebuchet normal; margin-top:-3px; }
.nota_agenda img { width:311px; height:200px; float:left;  }
.copete_agenda { width:99.3%; height:60px; position:relative; }
.copete_agenda h3 { width:auto; margin:.1em 1.4em .2em -.2em; }
.copete_agenda p { width:auto; height:26px; line-height:13px; font-size:10px; margin:.3em 1.4em; overflow:hidden; }
.notas_listas { width:630px; height:auto; float:left; margin:1em 0; padding:0; } 
.notas_listas li { width:97.5%; height:auto; padding: 0 .5em .4em .5em; display:list-item; list-style:none; }
.notas_listas li h3 { text-indent:10px;  }
.notas_listas li p { margin:.2em 0 0 1.3em; }


.nota_libros, .nota_musica  { width:660px; float:left; height:auto; margin:0; margin-top:-32px; padding:0; }
.destacada { margin-top:0; top:10px;}
.destacada_top { margin-bottom:30px;}
.nota_libros li div { width:155px; height:185px; float:left; padding:.5em; padding-bottom:0; }
.nota_libros li div h3, .nota_libros li div h4, .nota_musica li div p, .nota_musica li div h3, .nota_musica li div h4  { width:155px; line-height:11px; text-indent:0; font-size:10px; padding:.2em 0 .1em .3em;}
.nota_libros li a.ver_comentarios:link, a.ver_comentarios:visited, .nota_musica li a.ver_comentarios:link, a.ver_comentarios:visited  { width:100%; margin-top:10px; background-color:#fff; padding:0;  }
.nota_libros li a.ver_comentarios:active, a.ver_comentarios:hover, .nota_musica li a.ver_comentarios:active, a.ver_comentarios:hover { color:#808285;  text-decoration: underline; }


/* ----------------------------------- FIN CONTENIDO ------------------------------------- */



/* ----------------------------------- COMENTARIOS ------------------------------------- */ 
 .comentarios { width:99.5%; height:auto; margin-top:2em; float:left; }
 .comentarios_ambiente { width:99.5%; height:auto; margin-top:30em; float:left; }
 .comentarios ul { width:99.9%; height:auto; margin:0; padding-left:15px; float:left; display:list-item; list-style:none; font: 10px Verdana, Geneva, Trebuchet normal; }
 .comentarios li span { font-weight:bold; }
 .comentarios h2 { position:relative; height:15px; width:99.5%; font-size:9px; color:#fff; background-color:#000; padding-top:2px; margin-bottom:1.45em; }
 .comentarios p { width:90%; height:auto; margin:.5em 0 .5em 2em; }
 .comentarios .paginado { width:auto; height:15px; position:relative; top:-3.2em; margin-right:.8em; text-align:right; font: 8px Verdana, Arial normal; color:#fff; }
 .margin_top { margin-top:2.5em; }
 .comentarios p.aclaraciones { width:47.7%; font:.55em Verdana, Geneva, Trebuchet normal; color:#808285; float:left; padding-top:1em; clear:both; }
 #links_compartir { width:100%; height:auto; float:left; margin-top:2em; margin-left:2em; padding:0; }
 #links_compartir li { width:auto; display:block; float:left; margin:0; margin-right:35px; font:10px Verdana, Geneva, Trebuchet normal; color:#808285; text-align:left; }
.reenviar { height:25px; width:30px; background:url(/templates/funmag2010/templates/images/sprites.png) no-repeat; background-position: -21px -20px; padding:4px 18px; }
.compartir_twitter { background:url(/templates/funmag2010/templates/images/sprites.png) no-repeat; background-position:-90px -19px; padding:5px 21px; }
.compartir_facebook { background:url(/templates/funmag2010/templates/images/sprites.png) no-repeat; background-position: -68px -19px; padding:5px 10px; }



a.ver_comentarios:link, a.ver_comentarios:visited { width:95%; height:auto; float:left; font:10px Verdana, Geneva, Trebuchet normal; color:#808285; text-decoration:none; padding:.5em 0 0 1em; margin-top:0; }
a.ver_comentarios:active, a.ver_comentarios:hover { color:#808285;  text-decoration: underline; }
.columna a.ver_comentarios:link, .columna a.ver_comentarios:visited { width:96.7%; height:auto; float:left; font:10px Verdana, Geneva, Trebuchet normal; color:#808285; text-decoration:none; padding:.5em 0 0 1em; margin-top:0; }
.columna a.ver_comentarios:active, .columna a.ver_comentarios:hover { color:#808285;  text-decoration: underline; margin-top:0; }
.columna_index a.ver_comentarios:link, .columna_index a.ver_comentarios:visited { width:96.6%; height:auto; float:left; font:10px Verdana, Geneva, Trebuchet normal; color:#808285; text-decoration:none; padding:.5em 0 0.5em 1em; margin-bottom:10px; margin-top:0; }
.columna_index a.ver_comentarios:active, .columna_index a.ver_comentarios:hover { color:#808285;  text-decoration: underline; }
/* ----------------------------------- FIN COMENTARIOS ------------------------------------- */


/* ----------------------------------- PIE ------------------------------------- */
 #pie p { color:#fff; font-size:9px !important; }
 #pie p a { text-decoration:none; color:#fff; } 
 #pie a:hover, #pie a:active { text-decoration:none; color:#ba202e; } 
 #pie #burbujas { width:auto; height:auto; position:absolute; display:block; top:0; right:10px; } 
/* ----------------------------------- FIN PIE ------------------------------------- */