/* CSS Document */

/****************************** Lo siguiente fue tomado del CSS de MTV ***************************/

/* navigation
---------------------------------------------------- */

#sitenav {
	margin: 4px 2px; /* establece el margen Alto-Bajo, Der-Izq con respecto a los elementos fuera de la tabla*/
	padding: 0; /* Es el margen que le asigna del lado izquierdo a los botones después del fondo*/
	list-style: none; /* si se tratar de un listado las opciones servirían para las viñetas */
	border: 1px solid #000; /* pone el borde de color negro alrededor del menú */
	background: #1e1e1e; /* el color del fondo del menú */
	}
#sitenav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-transform: uppercase;
	background-image: none;
	}
#sitenav li a {
	width: 60px; /* cada celda tiene un espacio de 60 pixeles */
	display: block; /* los muestra como bloque */
	padding: 7px 10px 6px 10px; /* le da espaciado a las celdas */
	/* Bordes para simular botones*/
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #0d0d0d;
	/* * * * * * */
	font: 10px Tahoma, Verdana, sans-serif;
	text-decoration: none;
	text-align: center; /* alinea el texto al centro*/
	color: #787878; /* asigna un color al texto en estado off */
	}
#sitenav li#n-main a {
	border-top-color: #737373;
	/*border-right: none;*/
	}
#sitenav li#n-main a:hover { /* Cuando el cursor está encima cambia a estos colores */
	background: none;
	background-color:#666666;
	border-left: 1px solid #727272;
	border-right: 1px solid #494949;
	}
#sitenav li a:hover { /* Asigna un color al texto cuando el cursor está encima */
	color: #fff;
	/*border-top-color: #393939;*/
	border-top-color: #333333;
	}

#sitenav li.stuck a { /* for active and "on" state */
color: #fff;
border-top-color: #000; 
	}
#sitenav li a:active, 
#sitenav li.stuck a:active {
	background: none;
	}

/* misc.
---------------------------------------------------- */

#hdr:after, 
#sitelogo:after, 
#dashbrd:after, 
#sitenav:after { /* self-clear floats */
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

a img { border: none; }
a { outline: none; }

/* IE fixes

/************************* Termina código tomado de MTV ****************/


/*	Nuevo estilo para barra de links */

#barra {
	margin: 2px;
	border-top: #999999 1px solid;
	display: block;
	background-color:#1e1e1e;
	height: 25px;
}

#barra a{
	padding: 2px 5px 2px 5px;
	font: 10px Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center; /* alinea el texto al centro*/
	color: #787878; /* asigna un color al texto en estado off */
	border-left: #3f3f3f 1px solid;
}

#barra a:hover{
	text-decoration: underline;
}


/*  ***********************************************************
Obsoleto por el momento **************************************/

#barra .celda {
	display: block;
	padding: 6px 5px 6px 5px;
	border-left: #3f3f3f 1px solid;
	border-top: #3f3f3f 1px solid;
	border-right: 1px solid #0d0d0d;
}

#barra .celda:hover {
	background-color:#848484;
	border-left: #bdbdbd 1px solid;
	border-top: #bdbdbd 1px solid;
	border-right: 1px solid #242424;
}

#barra .celda a{
	font: 10px Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center; /* alinea el texto al centro*/
	color: #787878; /* asigna un color al texto en estado off */
	/*height: 20px;*/
}


#barra .celda a:hover {
	color: #333333; /* asigna un color al texto en estado off */
	/*background-color:#848484;*/
	/*border-left: #bdbdbd 1px solid;*/
	/*border-top: #bdbdbd 1px solid;*/
	/*border-right: 1px solid #242424;*/
}

#barra .liga {
	font: 10px Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center; /* alinea el texto al centro*/
	color: #787878; /* asigna un color al texto en estado off */
	/*height: 20px;*/
}

#barra .liga:hover {
	color: #333333; /* asigna un color al texto en estado off */
}

/* ****************************************************************
Obsoleto por el momento ******************************************/

/* 	Imagen de fondo y márgenes */
.body {
	background-image: url(../imgs/bgs/bg_grey.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* 	Bordes de la página */
.outsideborders {
	background-color:#333333;
}

/* 	Color de las celdas de contenido */
.insidecells {
	background-color:#CCCCCC;
}

/*                                                *******************************/
#cell_image {
	background: url(../imgs/bgs/bg_nb.jpg) #bebebe;
	background-position:bottom;
	background-repeat:no-repeat;
}

.legal {
	/*height: 50px;*/
	border-top: #818181 2px dashed;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: text-bottom;
	text-align:center;
	padding: 25px 10px 5px 10px;
	background-color:#999999;
	background-image: url(../imgs/bgs/bg_bottom_grey.gif) no-repeat top right;
}

/* 	Para ponerle nombre a una sección */
.nombre_seccion {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	padding-right: 25px;
	border-top: #CCCCCC 2px solid;
	border-left: #CCCCCC 2px solid;
	border-right: #CCCCCC 2px solid;
	background-color:#333333;
	font: 25px Arial, Helvetica, sans-serif;
	font-weight: 800;
	letter-spacing: -1px;
	color: #CCCCCC;
}

/* 	Estilo para acomodar la fotografía y la cabeza */
.foto_y_cabeza_news {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 23px;
	padding-right: 23px;
	border-left: #CCCCCC 2px solid;
	border-right: #CCCCCC 2px solid;
	/*background-color:#999999;*/
	background: url(../imgs/bgs/bg_not.jpg) #999999;
	background-position: bottom;
	background-repeat: no-repeat;
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-decoration: none;
	color:#333333;
}

.downloads_titles {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}


.manda_foto {
	background-color:#999999;
	border-left: #CCCCCC 2px solid;
	border-right: #CCCCCC 2px solid;
	padding: 5px 5px 8px 23px;
}

.manda_foto a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#191919;
}


.foto_y_cabeza_news_mas {
	background-color: #7d7d7d;
	padding: 5px 5px 5px 5px;
}

.posts_portada {
	padding: 10px 0px 10px 0px;
	border-bottom: #CCCCCC 1px dashed;
}

.posts_portada_link {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-decoration:none;
	color:#333333;
}

.posts_portada_link:hover {
	text-decoration:underline;
}

.post_writen_ago {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#616161;
	padding: 0px 0px 0px 19px;
}

.post_ver_todo {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#333333;
	text-decoration:none;
	padding: 10px 0px 0px 0px;
	text-align:right;
}

.post_ver_todo:hover {
	text-decoration:underline;
}

.foto_y_cabeza_video{
	padding-top: 7px;
	padding-bottom: 25px;
	padding-left: 23px;
	padding-right: 23px;
	border-left: #CCCCCC 2px solid;
	border-right: #CCCCCC 2px solid;
	background-image:url(../imgs/bgs/film_grey.gif);
	font: 16px Geneva, Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-decoration: none;
	color:#333333;
}

.video_title {
	background-color:#1e1e1e;
	padding: 10px 10px 10px 10px;
	/*width: 130px;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #999999;
	font-weight:200;
}

.video_artist {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #d8d8d8;
	font-weight: 500;
	text-transform:uppercase;
}

.video_pic {
	background-color:#1e1e1e;
}

.video_letras {
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.video_letras_link {
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	color:#1e1e1e;
	text-decoration:underline;
	text-transform: uppercase;
}

.video_letras_link:hover {
	color: #666666;
}

/* 	Links para seguir leyendo un artículo*/
.ver_mas {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-decoration: none;
	color: #000000;
	text-decoration:underline;
}
.ver_mas:hover {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: #CCCCCC;
	text-decoration:underline;
}

#notas_foto {
	padding: 10px 2px 0px 0px;
	margin: 0px;
}

#notas_foto img{
	border: #333333 5px solid;
}

.notas_extra {
	padding: 0px;
	border-right: #CCCCCC 2px solid;
	background-color: #969696;
}

.notas_rela_title {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900px;
	color:#333333;
	padding: 10px 5px 5px 10px;
	text-align:center;
	letter-spacing: -1px; /* Especio entre letra y letra*/
	border-bottom: #666666 1px solid;
}

.notas_rela {
	padding: 7px 5px 7px 5px;
	border-bottom: #666666 1px solid;
}

.notas_rela_link{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-decoration: none;
	color: #333333;
	line-height: 13px;
}

.notas_rela_link:hover{
	text-decoration: underline;
}

.notas_rela_icos {
	padding: 7px 5px 7px 5px;
	border-bottom: #666666 1px solid;
	font: 11px Arial, Helvetica, sans-serif;
	color:#333333;
}

.notas_seccion {
	padding: 10px 10px 10px 10px;
	font: 25px "Times New Roman", Times, serif;
	font-weight: 800;
	color: #666666;
	letter-spacing: -1px;
	line-height: 21px;
}

.notas_cabeza {
	padding: 10px 10px 10px 10px;
	font: 25px "Times New Roman", Times, serif;
	font-weight: 400;
	line-height: 21px;
}

.notas_cuerpo {
	padding: 10px 10px 10px 10px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight:200;
}

.capitular{
	float: left;
	margin-right: 7px;
}



/***  Clases para deejays y eventos */
#_notas_de {
	margin: 2px;
	padding: 10px 0px 10px 10px;
	background-color: #999900;
}

#de_izq {
	float: left;
	margin: 0px;
	padding: 0px;
}

#de_der {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 250px;
}

#_notas_de h1{
	padding: 0px 0px 10px 0px;
	font: 25px "Times New Roman", Times, serif;
	font-weight: 800;
	color: #666666;
	letter-spacing: -1px;
	line-height: 21px;
}

#_notas_de .cabeza{
	padding: 0px 0px 10px 0px;
	font: 25px "Times New Roman", Times, serif;
	font-weight: 400;
	line-height: 21px;
}

#_notas_de .cuerpo{
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight:200;
}

#_notas_de .capitular{
	float: left;
	margin-right: 7px;
}

#_notas_de .img_de{
	float: right;
	margin: 0px 0px 11px 11px;
	border: #333333 5px solid;
}

/*** Termina Deejays y eventos */



.blog_seccion {
	padding: 10px 0px 10px 0px;
	font: 22px "Times New Roman", Times, serif;
	font-weight: 600;
	color: #666666;
	letter-spacing: -1px;
	line-height: 21px;
}

.blog_title {
	padding: 10px 0px 2px 0px;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color:#333333;
	letter-spacing: -1px;
}

.blog_fecha {
	padding: 2px 0px 2px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 200;
	color: #666666;
	letter-spacing: -1px;
}

.blog_texto {
	padding: 10px 0px 25px 0px;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	font-weight:200;
	line-height: 17px;
}

.blog_imgs {
	display:block; 
	margin:0px auto 10px; 
	text-align:center;
	/*cursor:pointer; 
	cursor:hand;*/
}

#blog_comentario{
	border: #333333 1px solid;
	padding: 10px 10px 10px 10px;
	background-color: #999999;
}

#blog_comentario .blog_nombre{
	padding: 0px 0px 5px 0px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #333333;
	text-decoration:none;
}

#blog_comentario .blog_liga{
	padding: 0px 0px 5px 0px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #333333;
	text-decoration: underline;
}

#blog_comentario .blog_liga:hover{
	color: #F4F4F4;
}

#blog_comentario .fecha_hora{
	padding: 5px 0px 5px 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 900;
	color: #666666;
}

#blog_comentario .coment{
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	line-height: 16px;
}

.otros_posts{
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #acacac;
}

.otros_posts h1{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	font-weight: 600;
	border-bottom: #333333 1px solid;
}

.otros_posts a{
	padding: 5px 0px 5px 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-decoration:none;
	color:#333333;
}

.otros_posts a:hover{
	text-decoration: underline;
}

.coment_opinar{
	padding: 10px 0px 0px 0px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #666666;
	letter-spacing: -1px;
}

.coment_link{
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}

.coment_link:hover{
	text-decoration: underline;
}

.formulario_opciones {
	padding: 5px 5px 5px 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align: right;
	vertical-align: top;
}

.formulario_caja {
	padding: 5px 5px 5px 5px;
}

.formulario_box {
	padding: 1px 2px 1px 2px;
	width: 200px;
	background-color:#666666;
	border:#333333 1px solid;
	font: 12px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

.ver_todos {
	margin: 5px 100px 5px 100px;
}

.ver_todos_seccion {
	background-color:#333333;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 25px;
	font: 25px Arial, Helvetica, sans-serif;
	font-weight: 800;
	letter-spacing: -1px;
	color: #CCCCCC;
}

.ver_todos_main {
	background-color:#848484;
	border-left: #5b5b5b 2px solid;
	border-right: #5b5b5b 2px solid;
	border-bottom: #CCCCCC 1px dashed;
	/*margin: 0px 0px 15px 0px;*/
	padding: 10px 0px 10px 10px;
	min-height: 120px;
	height: 120px;
}

.ver_todos_main h2{
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color:#333333;
	padding: 0px 5px 5px 5px;
}

.ver_todos_main a:link, a:visited{
	text-decoration:none;
	color: #333333;
}

.ver_todos_main a:hover{
	text-decoration: underline;
}

.ver_todos_main img{
	float: left;
	padding: 5px 5px 5px 5px;
}

.ver_todos_rest {
	/*margin: 5px 0px 5px 0px;*/
	background-color:#848484;
	border-left: #5b5b5b 2px solid;
	border-right: #5b5b5b 2px solid;
	border-bottom: #CCCCCC 1px dashed;
	padding: 7px 5px 7px 15px;
}

.ver_todos_rest a{
	font: 13px Arial, Helvetica, sans-serif;
	color: #191919;
	text-decoration:none;
}

.ver_todos_rest a:hover{
	text-decoration:underline;
}

.downloads_1 {
	margin: 2px;
	padding: 5px 5px 0px 0px;
	background-color: #666666;
	min-height: 80px;
	height: 80px;
}

.downloads_1 img{
	padding: 0px 5px 5px 5px;
	float: left;
}
.downloads_1 h1 {
	margin: 0px 0px 0px 85px;
	background-color: #818181;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	text-transform: uppercase;
	padding: 5px 5px 5px 5px;
}
.downloads_1 h2 {
	margin: 0px 0px 0px 85px;
	background-color: #5c5c5c;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	text-transform: uppercase;
	padding: 5px 5px 5px 5px;
}

.downloads_seccion {
	padding: 10px 0px 10px 5px;
	font: 25px "Times New Roman", Times, serif;
	font-weight: 800;
	color: #666666;
	letter-spacing: -1px;
	line-height: 21px;
}

.coment_post {
	padding: 25px 10px 10px 10px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #191919;
	height: 400px;
}

.top_rams{
	float: right;
}