*
{ margin:0px; padding:0px; border:0px }

/***** GENERAL *****/

@font-face {
    font-family: 'FrancoisOneRegular';
    src: url('fonts/FrancoisOne-webfont.eot');
    src: url('fonts/FrancoisOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FrancoisOne-webfont.woff') format('woff'),
         url('fonts/FrancoisOne-webfont.ttf') format('truetype'),
         url('fonts/FrancoisOne-webfont.svg#FrancoisOneRegular') format('svg');
}

html, body 
{height: 100%;}

body
{ font-family:Arial, sans-serif; font-size:13px; line-height:1.7em; color:#CCCCCC; text-align:center; background-color:#000000 }

#wrap 
{min-height: 100%;}

#content a, #menu a, #prensa a
{ text-decoration:none; background-color:#000; color:#666 }

#content a:hover, #menu a:hover, #prensa a:hover
{ text-decoration:none; background-color:#ccc; color:#333 } 

a:focus
{ outline:none; }

.tit-grande
{ font-size:32px; font-weight:bold; color:#FFFFFF; line-height:1em; text-align:left; margin-bottom:20px }

.tit-chico
{ font-size:20px; font-weight:bold; color:#FFFFFF; text-align:left; }

#content
{ width:758px; text-align:left; margin:0 auto; position:relative; z-index:2; overflow:auto; padding-bottom: 260px /* igual a la altura del footer*/; }

#menu
{ text-align:center; margin:0px auto }

.clear
{ clear:both; margin:0px; padding:0px }

p
{ padding-bottom:16px; }

.spacer
{ height:36px }

.lil-spacer
{ height:14px }

#footer
{ height:260px;	margin-top: -260px; clear:both; position:relative; z-index:0; color:#fff; font-family: "FrancoisOneRegular", "Arial Narrow", Sans-serif; *font-family:'FrancoisOneRegular', 'Arial Narrow', sans-serif; font-size:17px; }

#footer p
{ padding-top:200px; padding-bottom:0; }

#footer a
{ text-decoration:none; color:#fff;  } 

#footer a:hover
{ color:#ccc;} 


/***** SPLASH *****/

#splash
{ padding-top:360px }


/***** NOTICIAS *****/

.news
{ width:758px; float:left; color:#FFFFFF }

.news-a
{ width:320px; float:left; margin-right:10px; }

.fecha
{ font-size:60px; font-weight:bold; line-height:0.8em; }

.tit-news
{ font-size:40px; font-weight:bold; line-height:0.9em; }

.news-b
{ width:428px; float:left; font-size:14px; }

.dot
{ background:url(img/dot.gif) repeat-x center; width:758px; height:26px; } /* con la altura se controla la separación entre los dots y el texto */


/***** NOTICIAS *****/

.footer-bg-news
{ background:url(img/footer-news.jpg) no-repeat center top; position:relative; z-index:0 }


/***** BANDA *****/

.footer-bg-banda
{ background:url(img/footer-banda.jpg) no-repeat center top; position:relative; z-index:0 }


/***** DISCOS *****/

.imgdisco
{ float:left; margin-right:80px; margin-bottom:40px; }

.footer-bg-discos
{ background:url(img/footer-discos.jpg) no-repeat center top; position:relative; z-index:0 }


/***** ARCHIVO *****/

#thumbs
{ width:780px; text-align:left; margin:0 auto; overflow:auto; padding-bottom: 260px /* igual a la altura del footer*/;position:relative; z-index:2 }

.thumb
{ float:left; width:106px; padding-right:12px; padding-left:12px; height:140px; }

.thumb a:link, .thumb a:active, .thumb a:visited
{ filter: alpha(opacity=50); -moz-opacity: 0.5;  display:inline-block } 

.thumb a:hover
{ filter: alpha(opacity=100); -moz-opacity: 1.0; } 

.caption
{ margin-top:4px; line-height:1.1em; font-weight:bold; color:#FFFFFF; font-size:12px}

.small
{ margin-top:4px; line-height:1.1em; font-weight:normal; color:#CCCCCC; font-size:11px }

#videos-oficiales
{ width:758px; text-align:left; margin:0px auto; *margin-top:70px; }

.video-oficial
{ width:758px; height:144px; margin-bottom:50px; }

.video-oficial-img
{ float:left; margin-top:4px; margin-right:30px; }

.video-oficial-img a:link, .video-oficial-img a:active, .video-oficial-img a:visited
{ filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=50); -moz-opacity: 0.5; display:inline-block }

.video-oficial-img a:hover
{ filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=100); -moz-opacity: 1.0; } 

#otros-videos
{ width:780px; text-align:left; margin:0px auto; margin-top:50px; margin-bottom:-140px; position:relative; z-index:2 }

.otro-video
{ width:150px; height:170px; padding-right:44px; float:left; display: inline-block; }

.otro-video a:link, .otro-video a:active, .otro-video a:visited
{ filter: alpha(opacity=50); -moz-opacity: 0.5; display: inline-block; } 

.otro-video a:hover
{ filter: alpha(opacity=100); -moz-opacity: 1.0; } 

#thumbs-extra
{ width:770px; text-align:left; margin:0px auto; *margin-top:70px; }

.thumb-extra
{ float:left; width:47px; padding-right:6px; padding-left:6px; padding-bottom:14px; }

.thumb-extra a:link img, .thumb-extra a:active img, .thumb-extra a:visited img
{ filter: alpha(opacity=50); -moz-opacity: 0.5; } 

.thumb-extra a:hover img
{ filter: alpha(opacity=100); -moz-opacity: 1.0; } 

#prensa
{ width:770px; text-align:left; margin:50px auto 0px auto; margin-bottom:-140px; position:relative; z-index:2 }

#prensa ul
{ display:block; list-style-type:none }

#prensa ul li
{ width:360px; margin-right:24px; float:left; }

.footer-bg-archivo
{ background:url(img/footer-archivo.jpg) no-repeat center top; position:relative; z-index:0 }

/***** VIDEOS (PLAYER) *****/

#player1
{ margin-top:30px }

/***** CONTACTO *****/

#contacto
{ width:758px; text-align:left; margin:0px auto; overflow:auto; padding-bottom: 260px /* igual a la altura del footer*/; position:relative; z-index:1 }

#contacto a:link, #contacto a:visited, #contacto a:active
{ font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold; }

#contacto a:hover
{ text-decoration:none; font-weight:bold; font-size:16px; color:#333 }

#footer-contacto
{ margin-top:200px; position:relative; bottom:6px; z-index:0; }

.texto-ojos
{ font-size:14px; font-weight:bold; color:#FFFFFF; text-align:left }

/***********************************NEW***********************************/

ul, li
{ list-style:none; }

#menu
{ width:758px; position:relative; }

#menu ul
{ display:inline; text-align:center; }

#menu ul li
{ float:left; padding-top:10px; padding-bottom:120px; font-family:'FrancoisOneRegular', 'Arial Narrow', sans-serif; *font-family:'FrancoisOneRegular', 'Arial Narrow', sans-serif; font-size:40px; font-weight:normal;/**font-size:32px; *font-family: Arial, sans-serif; *font-weight:bold;*/ color:#fff; line-height:100%; }

#menu ul li a
{ background:none; color:#fff; display:block; padding-bottom:20px; }

#menu ul li a:hover, #menu ul li a.hit
{ background:none; color:transparent; color:#999\0//*ie8*/; *color:#999/*ie7*/; text-shadow: 0px 0px 6px #ffffff; }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #menu ul li a:hover, #menu ul li a.hit { color:#fff; } } 

#menu ul li ul.mn-discos
{ position:absolute; left:140px; top:50px; display:none; }

#menu ul li ul.mn-discos li
{ font-size:12px; margin-right:10px; }

#menu ul li ul.mn-discos li a
{ background:none; padding:4px; zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1; }

#menu ul li ul.mn-discos li a:hover, #menu ul li ul.mn-discos li a.hit
{ background:#fff; zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7; }

#menu ul li ul.mn-archivo
{ display:none; position:absolute; left:365px; top:50px; }

#menu ul li ul.mn-archivo li
{ font-size:26px; }

#content, #contacto, #thumbs
{ clear:both; }

.sepule
{ margin-right:26px !important; }