/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #000000;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	}
	
#contenedor {
	width: 700px;
	}

#cabecera {
	width: 700px;
	height: 171px;
	}
	
#botones {
	width: 700px;
	height: 73px;
	}

#contenido {
	width: 700px;
	height: 393px;
	background: transparent url("../images/fondo_final.jpg") no-repeat;
	}

#pie {
	width: 700px;
	background-color: #171D71;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	}

#pie a {
	text-decoration: none;
	color: #FFFFFF;
	}

#pie a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}

#pie a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}

#titulo {
	position: relative;
	top: 55px;
	width: 640px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	}

#texto {
	position: relative;
	top: 60px;
	width: 640px;
	height: 160px;
	font-family: Arial, helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;
	font-size: 11px;
	overflow: auto;
	}

#links {
	position: relative;
	top: 60px;
	width: 640px;
	height: 160px;
	font-family: Arial, helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	overflow: auto;
	line-height: 20px;
	}

#links a {
	text-decoration: none;
	color: #FFFFFF;
	}

#links a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}

#links a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}

#contenidoprogramacion {
	width: 700px;
	height: 393px;
	background: transparent url("../images/fondo_final1.jpg") no-repeat;
	}

#contenidoprogramacion a {
	text-decoration: none;
	color: #0077D5;
	}
	
#contenidoprogramacion a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0077D5;
	}
	
#calendario {
	position: relative;
	width: 680px;
	height: 160px;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	float: left;
	left: 10px;
	}
	
#calendario a {
	text-decoration: none;
	color: #FFFFFF;
}

#calendario table {
	width: 100%;
	text-align: right;
	}
	
#calendario td {
	width: 14%;
	vertical-align: top;
	}
	
.julio {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 10px;
	line-height: 20px;
	vertical-align: top;
	}
	
.resaltado {
	border: 1px solid #0077D5;
	}
	
.mes {
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	vertical-align: top;
	float: right;
	padding-right: 36px;
	margin-right: 0px;
	} 

.dia {
	font-weight: bold;
	font-size: 13px;
	color: #0077D5;
	}

.numero {
	font-weight: bold;
	color: #0077D5;
	} 
	
.quehay a {
	text-decoration: none;
	color: #FFFFFF;
	}

.quehay a:hover {
	text-decoration: underline;
	}
	
	
#menuprogramacion {
	position: relative;
	width: 278px;
	height: 22px;
	top: 78px;
	float: right;
	right: 100px;
	}

#menuprogramacioncalendario {
	position: relative;
	width: 278px;
	height: 22px;
	top: 70px;
	float: right;
	right: 100px;
	}

#menuprogramacioncine {
	position: relative;
	width: 278px;
	height: 22px;
	top: 74px;
	float: right;
	right: 100px;
	}

#menuprogramacionresumen {
	position: relative;
	width: 278px;
	height: 22px;
	top: 168px;
	float: right;
	right: 100px;
	}

html>body #menuprogramacion {
	top: 168px;
	}
	
html>body #menuprogramacioncalendario {
	top: 168px;
	}

html>body #menuprogramacioncine {
	top: 168px;
	}

html>body #menuprogramacionresumen {
	top: 168px;
	}

#menuprogramacion td {
	padding-left: 20px;
	}
	
#menuprogramacioncalendario td {
	padding-left: 20px;
	}

#menuprogramacioncine td {
	padding-left: 20px;
	}

#menuprogramacionresumen td {
	padding-left: 20px;
	}

#menuprogramacion a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
	
#menuprogramacioncalendario a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

#menuprogramacioncine a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

#menuprogramacionresumen a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

#menuprogramacion a:hover {
	color: #151D70;
	text-decoration: none;
	}
	
#menuprogramacioncalendario a:hover {
	color: #151D70;
	text-decoration: none;
	}
		
#menuprogramacioncine a:hover {
	color: #151D70;
	text-decoration: none;
	}

#menuprogramacionresumen a:hover {
	color: #151D70;
	text-decoration: none;
	}

#resumen {
	position: relative;
	width: 640px;
	height: 160px;
	top: 120px;
	overflow: auto;
	color: #FFFFFF;
	font-size: 11px;
	text-align: justify;
	}

.alinear {
	float: right;
	margin-left: 10px;
	}
	
.titulo {
	font-size: 14px;
	font-weight: bold;
	}

.seccion {
	color: #151D70;
	font-weight: bold;
	}

#btn-proximas {
	top: 65px;
	position: relative;
	width: 176px;
	height: 54px;
	}

#semana {
	position: relative;
	top: 115px;
	width: 640px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	}

#actuaciones {
	position: relative;
	top: 120px;
	width: 640px;
	height: 140px;
	font-family: Arial, helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;
	font-size: 11px;
	overflow: auto;
	}

#actuaciones a {
	text-decoration: underline;
	color: #FFFFFF;
	}

#actuaciones a:hover {
	text-decoration: none;
	background-color: #0077D5;
	}

#banner-sup {
	position: relative;
	top: 36px;
	left: 140px;
	width: 225px;
	height:54px;
	}

#fotos {
	position: relative;
	top: 60px;
	width: 640px;
	height: 160px;
	font-family: Arial, helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	overflow: auto;
	line-height: 20px;
	}

.peque {
	font-size: 10px;
	letter-spacing: -1px;
	}

.mesant {
	text-align: left;
	}