/* Main Content */
body{
	font-family:Verdana, Arial;
	font-size:12px;
	background-color:#888888;
	text-align:center;
	color:#CCCCCC;
	margin:0px 0px;
	padding:0px;
}
body.js .tabla-general{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	background: #666666;
}
body.js .ruta {
	padding: 10px;
	font: bold 14px Verdana, Arial;
	border-bottom: 1px solid #CC0000;
	text-align:left;
	background: #333333;
}
body.js .imagen-btn {
	border: none;
	cursor: pointer;
}

/* Index */
.ingreso-btn {
	font: bold 17px Verdana;
	text-align: center;
	background-color: #666666;
	border: 1px solid #CCCCCC;
	padding: 3px;
	text-decoration: none;
}
.ingreso-title {
	text-align: center;
	font-weight: bold;
	color: #333333;
}
.ingreso-subtitle {
	text-align: center;
	font-weight: bold;
	color: #CCCCCC;
	font-size: 12px;
}

/* Home */
body.js .texto {
	font: 13px Verdana, Arial;
	text-align:left;
	margin: 10px;
	padding: 10px;
}

/* Premios Ver Video ***********************/
.premio-v {
	font: bold 11px Arial;
	text-align: left;
	background-color: #666666;
	color:#cccccc;
}

/* Premios letra Negra ***********************/
.premio-n {
	font: bold 13px Arial;
	text-align: left;
	background-color: #666666;
	color:#000000;
}

/* linea Premios ***********************/
.premios-linea {
	font: bold 13px Arial;
	text-align: left;
	background-color: #666666;
	color:#000000;
	border-bottom: 2px solid #990033;
	padding: 10px;
}

/* Contacto */
.contacto-card {
	font: 13px Verdana;
	text-align: left;
	background-color: #333333;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.contacto-cartel {
	font: bold 11px Verdana;
	text-align: center;
	background-color: #CCCCCC;
	color:#333333;
	padding: 5px;
	line-height: 100%;
}

/* Exclusivo del Visualizador */
	body.js .ruta-obra {
		border: none;
		cursor:text;
	}
	/* Panels */
	body.js .tab-container{
		position: relative;
		padding: 0px;
		overflow: hidden;
		width: 750px;
	}
	body.js .panels{
		position:relative;
		width:99999px;
		overflow: visible;
		display: block;
		left: 0px;
	}
	body.js .panel{
		font-size: 14px;
		line-height: 20px;
		padding: 0px 0px 0px 0px;
		position: relative;
		width:750px;
		float:left;
		height:350px;
		border:none;
	}
	body.js .panel-tabla {
		padding: none;
		border: none;
		width: 100%;
		vertical-align: middle;
	}
	body.js .panel-tabla-imagen {
		margin-top: 25px;
		margin-right: 25px;
		border: 3px;
		float: right;
	}
	body.js .panel-tabla-datos {
		line-height: 50%;
		text-align: center;
	}
	/* Catálogo */
	body.js .catalogo-div{
		width: 100%;
		background:#333333;
		border-top: 1px solid #CC0000;
		text-align:center;
		text-decoration: none;
	}
	body.js .catalogo-tabla{
		width:500px;
		margin:auto;
		border-spacing: 5px;
	}
	body.js .catalogo-btn{
		width: 750px;
		border-collapse:collapse;
		background:#888888 url(../images/catalogo_bg.gif) repeat-x;
		color:#000000;
		border:1px solid #686868;
		text-align:center;
		text-transform:uppercase;
		font: bold 13px Verdana;
		cursor:pointer;
	}
	body.js .catalogo-btn-selected{
		width: 750px;
		border-collapse:collapse;
		background:#888888 url(../images/catalogo_bg.gif) repeat-x;
		color:#990000;
		border:1px solid #686868;
		text-align:center;
		text-transform:uppercase;
		font: bold 13px Verdana;
		cursor:pointer;
	}
	body.js .catalogo-flecha {
		border: none;
		cursor: pointer;
		height: 35px;
		width: 35px;
	}
/* Fin de Exclusividad Visualizador */

h2{
	font-family:Verdana, Arial;
	font-size:15px;
	background-color:#666666;
	text-align:center;
	color:#CCCCCC;
	text-transform:uppercase;
}

/* Bea /*
/* para titulo Biografia, en negro todo mayusculas */
.negup{
	font-family:Verdana, Arial;
	font-size:14px;
	background-color:#FEFEFE;
	text-align:center;
	color:#000000;
	text-transform:uppercase;
}
/* para años Biografia, en rojo todo mayúsculas */
.roj12{
	font-family:Verdana, Arial;
	font-size:12px;
	background-color:#FEFEFE;
	text-align:left;
	color:#E10B0B;
}
/* para textos Biografia, en negro */
.neg12{
	font-family:Verdana, Arial;
	font-size:12px;
	background-color:#FEFEFE;
	text-align:left;
	color:#000000;
}
/* para pie fotos Biografia, mini en negro */
.neg8{
	font-family:Verdana, Arial;
	font-size:8px;
	background-color:#FEFEFE;
	color:#000000;
}
/* para titulo Biografia, en negro todo mayusculas */
.negro{
	font-family:Verdana, Arial;
	font-size:14px;
	background-color:#FEFEFE;
	text-align:left;
	color:#000000;
}
/* para resumen Biografia, Nombre en uppercase fondo gris *************/
.bio-nombre{
	font-family:Verdana, Arial;
	font-size: bold 14px;
	text-align:left;
	background-color:#666666;
        color:#000000; 
}
/* para años Biografia, en rojo #A41C1C  EB3939  fondo gris *************/
.bio-rojanio{
	font: bold 14px Verdana;
	text-align:left;
        background-color:#666666;
        color:#EB3939; 
}
/* para la Serie en Criticas, fondo gris *************/
.crit-serie{
	font: bold 14px Verdana;
	text-align: right;
        background-color:#666666;
        color:#000000; 
}
/* para los VINCULOS a idiomas *************/
.vincul-idiomas{
	font: 12px Verdana;
	text-align: center;
        background-color:#666666;
        color:#000000;
        a:hover
}
/* para los VINCULOS Ruta *************/
.vincul-ruta{
	font: bold 14px Verdana;
	text-align: left;
        background-color:#333333;
        color:#cccccc;
        a:hover
}
/* para texto Biografía, en negro fondo BLANCO ***********/
.bio-texto{
	font-family:Verdana, Arial;
	font-size: 11px;
	background-color:#FFFFFF;
	text-align:left;
	color:#000000;
}
/* para pie fotos Biografia, mini en negro fondo BLANCO *******/
.bio-pieb{
	font-family:Verdana, Arial;
	font-size:9px;
        text-align:center;
	background-color:#ffffff;
	color:#000000;
}
/* para texto Biografía, en gris claro fondo gris mediano */
.bio-gricla{
	font-family:Verdana, Arial;
	font-size: strong, 12px;
	background-color:#666666;
	text-align:left;
	color:#cccccc;
	}
/* para texto PREMIOS, invertidos color letra fondo con bio-gricla */
.bio-INVgricla{
	font-family:Verdana, Arial;
	font-size: strong, 12px;
	background-color:#cccccc;
	text-align:left;
	color:#666666;
}
/* para pie fotos Biografia, mini en negro fondo gris*****/
.obra-mini{
	font-family:Verdana, Arial;
	font-size:10px;
        text-align:left;
	background-color:#666666;
	color:#000000;
}

/* Para todos */
a:link		{	text-decoration: none; 		color:#CCCCCC;	}
a:visited	{	text-decoration: none;		color:#CCCCCC;	}
a:hover		{	text-decoration: none;		color:#CCCCCC;	}
a:active	{	text-decoration: none;		color:#CCCCCC;	}