@charset "utf-8";
/* CSS Document */
body { background-color:#000; background-image:url(pictures/background.jpg); background-position:bottom; background-repeat:no-repeat ;margin: 10px auto; width:900px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff;}

.fuente1 { font-size:14px; font-weight:bold}
#fuente2 { margin:0px; padding:0px; font-size:14px; color:#ffffff;}
#fuente2 ul, li { list-style:none; margin-bottom:10px}
.fuente3 { font-weight:bold}
.fuente3-2 { color:#CCC}
.fuente3-3 { font-size:14px; color:#F79202;}
.fuente4 { font-size:12px}
.fuente5 { font-size:20px}
.fuente6 { color:#F79202; font-size:16px}

.menu { height:50px; padding:0 45px 0 45px;}

#navi { list-style:none; margin:0; padding:0; font-family:Impact; font-size:16px; color:#F79202;}
#navi a { display:block; text-decoration:none; color:#FFFFFF;}
#navi a:hover { color:#F79202;}
#navi li { margin:5px; padding:5px; float:left;}
#navi li a { display:block; text-decoration:none; color:#FFFFFF;}
#navi li a:hover { color:#F79202;}

.sub-menu { height:25px; margin:0 70px 0 70px; border-bottom:#333 dashed 1px; border-top:#333 dashed 1px}
.pie { height:200px; margin:0 70px 0 70px;}
.pie { height:200px; margin:0 70px 0 70px;}
.pie { height:200px; margin:0 70px 0 70px;}

#sub-navi { list-style:none; margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#F79202;}
#sub-navi li { margin:2px; padding:2px; float:left;}
#sub-navi li a { display:block; text-decoration:none; color:#FFFFFF;}
#sub-navi li a:hover { color:#F79202;}

#sub-pie { list-style:none; margin:0; padding:150px 90px 0 90px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center;}
#sub-pie li {  list-style:none; margin:2px; padding:2px; float:left;}
#sub-pie li a { display:block; text-decoration:none; color:#FFFFFF;}
#sub-pie li a:hover { color:#F79202;}
#sub-pie a { text-decoration:none; color:#FFFFFF;}
#sub-pie a:hover { color:#F79202;}



.accesos { height:245px; margin:10px 70px 0 70px; border-bottom:#333 dashed 1px; border-top:#333 dashed 1px}
.accesos-redes { width:760px; height:50px; margin:0px 70px 0 70px;}
.link-menu { font-family:Impact; font-size:16px; color:#F79202; float:left; width: 180px}
.link-submenu { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; float:right}
.link-ira { font-family:Impact; font-size:11px; color:#F79202; float:left}
.galeria-home { height:225px; width:430px; float:left; margin: 10px 5px 10px 0; padding-right:14px; border-right:#333 dashed 1px;}
.video-home { height:225px; width:300px; float:right; margin: 10px 0 10px 10px}
.video { height:195px; width:300px; float:right; padding: 10px 0 0px 0px}
.todas { height:195px; width:430px; float:right;}
.thumbs-home { height:150px; width:135px; float:left; padding: 10px 0px 0px 0px; font-size:12px}
.thumbs-home1 { height:150px; width:136px; float:left; padding: 10px 0px 0px 12px; font-size:12px}
.thumbs-home2 { height:150px; width:135px; float:right; padding: 10px 0px 0px 0px; font-size:12px}
.thumbs-home a { display:block; text-decoration:none; color:#ffffff}
.thumbs-home a:hover { color:#F79202;}
.thumbs-home1 a { display:block; text-decoration:none; color:#ffffff}
.thumbs-home1 a:hover { color:#F79202;}
.thumbs-home2 a { display:block; text-decoration:none; color:#ffffff}
.thumbs-home2 a:hover { color:#F79202;}

.contenido-video { height:650px; width:720px; margin:40px 50px 0px 50px; padding:40px 40px 0px 40px; background-image:url(pictures/contenido-video-02.jpg)}
.cuadro-video { background-color:#000000; height:530px; width:720px;}
.texto { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:center; padding:20px 0 0 0}
.logos { float:left; padding:30px 150px 0 150px}
.logo { float:left;}

.accesos-imagenes { height:250px; margin:10px 70px 0 70px; border-bottom:#333 dashed 1px}
.accesos-videos { height:285px; margin:10px 70px 0 70px; border-bottom:#333 dashed 1px}
.texto-multimedia { height:170px; width:760px; margin:20px 70px 20px 70px; color:#CCC; border-bottom:#333 dashed 1px}
.thumbs-videos { height:205px; width:234px; float:left; padding: 10px 0px 0px 15px; font-size:12px}
.thumbs-imagenes { height:170px; width:170px; float:left; padding: 10px 0px 0px 16px; font-size:12px}
.thumbs-imagenes a { display:block; text-decoration:none; color:#ffffff}
.thumbs-imagenes a:hover { color:#F79202;}
.sig-ant { height:20px; width:744px; font-size:14px; color:#F79202; float:left; text-align:right}
.thumbs-sig-ant a { display:block; text-decoration:none; color:#F79202}
.thumbs-sig-ant a:hover { color:#F79202;}


.contenido { height:335px; width:800px; margin:20px 50px 20px 50px; background-image:url(pictures/contenido-02.jpg)}
.izquierda { height:335px; float:left; width:400px}
.derecha { height:335px; background-image:url(pictures/contenido2-02.jpg); float:right; width:400px}
.titulo-home { height:20px; padding:10px 10px 10px 20px; font-family:Impact; font-size:16px; color:#F79202;}
.titulo-next { height:20px; padding:10px 10px 10px 20px; font-family:Impact; font-size:16px; color:#F79202; text-align:center}
.titulo-next a { text-decoration:none; padding:15px 15px 15px 15px; height:100px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.titulo-next a:hover { color:#F79202}
.cuadro-negro { margin:0px 20px 20px 20px; padding:0px 5px 0px 5px; background-color:#1D1D1D; height:275px; width:340px;}
#cuadro-negro2 { margin:0px 20px 20px 20px; padding:0px 5px 0px 5px; background-color:#1D1D1D; height:275px; width:340px;}
.mini-noticias { padding:8px 0px 8px 5px; height:75px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.mini-noticias a { text-decoration:none; color:#F79202;}
.mini-noticias a:hover { color:#ffffff;}
.thumb-noticias { height:75px; width:75; float:left; padding-right:5px}
.txt-noticias { height:75px; width:240px; padding-left:5px; float:left}

.marco { padding:20px 20px 20px 20px}
.cuadro-integrantes { padding:20px 20px 20px 20px; background-color:#1D1D1D; height:255px; width:720px; background-image:url(pictures/integrantes-01.jpg)}
.titulo-integrantes { height:20px; padding:65px 0px 0px 0px; font-family:Impact; font-size:16px; color:#F79202;}


.tres { height:1200px; width:760px; margin:20px 70px 20px 70px; color:#CCC}
.seis { width:760px; float:left; font-size:12px; text-align:justify}
.titulo-360 { width:760px; float:left; height:20px; padding:0px 0px 20px 0px; font-family:Impact; font-size:16px; color:#F79202;}
.video-tres { height:225px; float:right; margin: 0 36px 0 36px}

.historia { height:400px; width:760px; margin:20px 70px 20px 70px; color:#CCC}
.titulo-historia { height:20px; padding:0px 10px 20px 0px; font-family:Impact; font-size:16px; color:#F79202;}
.izquierda-historia { float:left; width:370px; margin-right:10px; font-size:12px; text-align:justify}
.derecha-historia { float:right; width:370px; margin-left:10px; font-size:12px; text-align:justify}
.fotos-historia { height:245px; margin:10px 70px 0 70px; border-bottom:#333 dashed 1px; border-top:#333 dashed 1px}
.link-historia { margin:20px 0 0 0; font-family:Impact; font-size:16px; color:#F79202; float:left; width: 180px}

.mini-presentaciones { padding:12px 0px 8px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.mini-presentaciones2 { padding:12px 0px 8px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; border-bottom:#333 dashed 1px; border-top:#333 dashed 1px}

.texto-discografia { padding:15px 15px 15px 15px; height:100px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.titulo-discografia { padding:15px 15px 15px 15px; height:100px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.titulo-discografia a { text-decoration:none; color:#FFF; display:block}
.titulo-discografia a:hover { text-decoration:none; color:#FFF}
.thumb-noticias2 { height:95px; width:95; float:left; padding:5px 15px 0 0}
#letras { }
.thumb-detalle { padding:15px 0px 15px 15px; height:245px; width: 125px; font-size:11px; color:#ffffff; float:left}
.listado { padding:15px 15px 15px 15px; height:245px; width: 165px; font-size:11px; color:#ffffff; float:left}
.listado a { text-decoration:none; color:#FFF}
.listado a:hover { text-decoration:none; color:#F79202;}


#extra_controls, #scrollbar { display:none;}
#extra_controls, #scrollbar { display:block;}
div#wn	{ position:relative; overflow:hidden; float:left; margin: 15px ;height:245px; width:285px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
div.content { position:absolute; visibility:hidden;left:0; top:0;}
div#scrollbar { position:relative; width:15px; height:245px; font-size:1px; float:left;}
div#track { position:absolute; left:0; top:15px; bottom:15px; width:15px; height:245px; background: #333;}
div#dragBar { position:absolute; width:15px; height:10px; background-color:#F79202;}
.clearer { clear:left; }