*{
	margin: 0;
	padding: 0;
}

html, body{
	height:100%;
	background-color: #7D7D7D;
}

p{
	margin: 20px 0 20px 0;
	color: #FFFFFF;
}

h1
{
	margin: 20px;
	color: #3322CC;
}

a { color: #FFFFFF; text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}


img{
	border: 0;
}

/* Estilos para índices */

/* CINE, MÚSICA, LITERATURA Y OPINIÓN */

.index_fecha {
	font: italic 14pt Arial;
	color: #2B2E30;
}
.index_titulo {
	font: bold 20pt Arial;
	color: #2B2E30;
}
.index_autor {
	font: italic 20pt Arial;
	color: #2B2E30;
}
.index_cuerpo {
	font: 12pt Arial;
	color: #EBEBEB;
	text-align: justify;
}

/* CORTOS y ACTIVIDADES */

.index_titulo2 {
	font: bold 28pt Arial;
	color: #2B2E30;
}

/* FOTOGRAFÍA */

.index_titulo3 {
	font: bold 24pt Arial;
	color: #2B2E30;
}
.index_autor2 {
	font: italic 24pt Arial;
	color: #2B2E30;
}

/* ------------------- */

#cap-fondo {
	width:100%;
	min-width: 850px;
	max-width:1200px;
	height:184px;
	margin:0 auto 0 auto;
	background-image: url(imagenes/web/cap-fondo.jpg);
	background-repeat: repeat-x;
	z-index: 1;
}
#cap-letras {
	float: left;
	width:100%;
	min-width: 850px;
	max-width: 1200px;
	height:184px;
	margin:0;
	background-image: url(imagenes/web/cap-letras.png);
	background-repeat: no-repeat;
	z-index: 2;
}
/*#foro
{
	position: relative;
	top: 100px;
	right: 30px;
	float: right;
	margin: 0;
	width: 100px;
	height: 100px;
	background: transparent;
	z-index: 5;
}
#foro a
{
	width: 100px;
	height: 100px;
	display: block;
	background-image: url(imagenes/web/foro-off.png);
	z-index: 5;
}
#foro a:hover
{
	width: 100px;
	height: 100px;
	display: block;
	background-image: url(imagenes/web/foro-on.png);
	z-index: 5;
}*/
#mantecado
{
	width:100%;
	min-width: 850px;
	max-width: 1200px;
	margin:0 auto 0 auto;
	height: auto;
	background-color: #F15652;
}

#contenido
{
	font-family: Arial;
	float: left;
	margin:0;
	height: auto;
	min-height: 1000px;
	width: 70%;
}

#cuerpo
{
	font-family: Arial;
	float: left;
	margin:0;
	height: auto;
	min-height: 1000px;
	width: 100%;
	background-color: #292D30;
}

#panel
{
	font-family: Arial;
	float: right;
	margin:0;
	height: auto;
	width: 30%;
	background-color: #F15652;
}
#panel_inside
{
	font-family: Arial;
	float: right;
	margin:0;
	height: auto;
	width: auto;
	padding: 0 20px 0 30px;
	background-color: #F15652;
}
#mbnow_title
{
	float: left;
	margin:0;
	padding:0;
	border-bottom: 3px solid #95DD79;
	height:42px;
	line-height:42px;
	width: 100%;
}
#mbnow_title h2
{
	margin:0 0 0 5px;
	padding:0;
	font-size: 25pt;
	color: #2B2E30;
	letter-spacing: -0.1em;
	font-weight:normal;
}
#mbnow
{
	font-family: Arial;
	float: right;
	margin:0;
	height: auto;
	width: auto;
	background-color: #F15652;
}
#twitter
{
	float: right;
	margin:50px 0;
	height: auto;
	width: auto;
	background-color: #F15652;
}



.noticia_container
{
	float: left;
	margin: 20px 0 20px 0;
	height: auto;
	width: 100%;
}
.noticia
{
	float: left;
	height: auto;
	width: 100%;
	background-color: #95DD79;
	font: 16pt Arial;
	color: #2B2E30;
}

.noticia:hover{
	background-color: transparent;
}

.noticia .texto span { /*CSS for enlarged image*/
	visibility: hidden;
	position: absolute;
	display:block;
	background-color: #95DD79;
	padding: 5px;
	top: -500px;
	border: 0px none #000000;
	margin:0 auto 0 auto;
	width: auto;
	color: #2B2E30;
	text-decoration: none;
	font: 14pt Arial;
}

.noticia .texto:hover span { /*CSS for enlarged image*/
	visibility: visible;
	position: relative;
	top: 10px; /*position where enlarged image should offset horizontally */
	z-index: 10;
}



.noticia_index
{
	float: left;
	margin: 0 0 0 -17px;
	height: auto;
	width: auto;
	font: bold 15pt Arial;
	color: #95DD79;
}

#agenda
{
	position: relative;
	float: left;
	top: 0;
	left: 0;
	height: 100%;
	width: 30%;
	margin: 0;
	padding: 0;
}

#pie {
	font: 12pt Arial;
	color: #2B2E30;
	clear: both;
	width: 100%;
	min-width: 850px;
	max-width: 1200px;
	height: 45px;
	line-height:45px;
	background-color: #F0E452;
	margin:0 auto 0 auto;
}


/* DIVS CENTRALES ÍNDICES */


.formato {
	width: 80%;
	margin: 0 auto 0 auto;
}

.formato_cabeza {
	width: 100%;
	float: left;
	color: #FFFFFF;
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	background-color: #0fd1e0;
	text-align:left;
}
.formato_cabeza_rojo {
	width: 100%;
	float: left;
	color: #FFFFFF;
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	background-color: #f15652;
	text-align:left;
}
.formato_cabeza_peq {
	width: 100%;
	float: left;
	color: #FFFFFF;
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	height: 25px;
	background-color: #0fd1e0;
	text-align:left;
}
.formato_imagen {
	height: 135px;
	width: 100%;
	background-repeat: repeat-x;
	float: left;
	margin: 0;
}
.formato_imagen a {
	height: 135px;
	display: block;
}
.formato_foto {
	padding-right:20px;
	width: 100%;
	float: left;
	margin: 0;
	background-color: #7ee059;
}
.formato_sinopsis {
	width: 100%;
	float: left;
	margin: 0;
	font: 12pt Arial;
	color: #EBEBEB;
	text-align: justify;
}
.formato_texto {
	padding-top: 20px;
	width: 100%;
	float: left;
	margin: 0;
	font: 12pt Arial;
	color: #EBEBEB;
	text-align: justify;
}
.formato_volador_verde {
	width: 100%;
	float: left;
	margin: 0px 0 0 20px;
	padding: 0px 0 0 0;
	background-color: #7ee059;
	overflow: hidden;
	text-align: left;
}
.formato_pegote_verde {
	width: 20px;
	height: 155px; /* 135 + 20 = 155 */
	float: right;
	margin: -20px -20px 0 0;
	padding: 0;
	background-color: #7ee059;
}
.formato_pegote_verde_cuadradito {
	width: 20px;
	height: 20px; /* 135 + 20 = 155 */
	float: right;
	margin: 75px -20px 0 0;
	padding: 0;
	background-color: #7ee059;
}
.formato_volador_lila {
	width: 100%;
	float: left;
	margin: 0px 0 0 20px;
	padding: 0px 0 0 0;
	background-color: #ff369c;
	overflow: hidden;
	text-align: left;
}
.formato_pegote_lila {
	width: 20px;
	height: 155px; /* 135 + 22 = 155 */
	float: right;
	margin: -20px -20px 0 0;
	padding: 0;
	background-color: #ff369c;
}



/*       ----- MENUS -----      */
/*                              */
/* menu:     PORTADA, CORTOS... */
/* submenu:  CINE, MÚSICA...    */
/* submenu2: 1,2,3...           */
/* ---------------------------- */

#menu {
	width: 100%;
	min-width: 850px;
	max-width: 1200px;
	height: 45px;
	background-color: #F0E452;
	margin:0 auto 0 auto;
}
#menu li {
	display: block;
	float: left;
	height: 45px;
	font: 12pt Arial;
	color: #2B2E30;
	line-height:45px;
	width: auto;
}
#menu a {
	color: #000;
	text-decoration: none;
	outline: 0;
	display: block;
	padding-left: 8px;
	padding-right: 8px
}
#menu a:hover {
	color: #DD2222;
}
#menu li.actual {
	background-color: #6ADCDC;
}
#menu li.actual a {
	color: #FFF;
}

#submenu {
	width: auto;
	height: 45px;
	background-color: #6ADCDC;
	margin: 0 auto 0 auto;
}
#submenu li {
	display: block;
	float: left;
	height: 45px;
	font: 13pt Arial;
	color: #2B2E30;
	line-height: 45px;
	width: auto;
}
#submenu a {
	color: #000;
	text-decoration: none;
	outline: 0;
	display: block;
	padding-left: 8px;
	padding-right: 8px
}
#submenu a:hover {
	color: #DD2222;
}

#submenu li.actual {
	background-color: #10D1E0;
}
#submenu li.actual a {
	color: #FFF;
}

#submenu2 {
	width: auto;
	height: 45px;
	background-color: #10D1E0;
	margin: 0 auto 0 auto;
}
#submenu2 li {
	display: block;
	float: left;
	height: 45px;
	font: 13pt Arial;
	color: #2B2E30;
	line-height: 45px;
	width: auto;
}
#submenu2 a {
	color: #000;
	text-decoration: none;
	outline: 0;
	display: block;
	padding-left: 8px;
	padding-right: 8px
}
#submenu2 a:hover {
	color: #DD2222;
}
#submenu2 li.actual {

}
#submenu2 li.actual a {
	color: #FFF;
}