/************************************************************************************
//Fichero: bsemanacreativa.css
//Descripción: Maquetación CSS
//Autor: JMPF
//************************************************************************************/

/****************************************
/* ESTILOS GENERALES
*****************************************/

* {
	margin: 0;
	padding: 0;	
	outline: 0 !important;
}

html, body {
	margin: 0;
	padding: 0;
	color: #333333;	
  font-family: Arial,Helvetica,sans-serif; 	 	      
  background-color: #fff;
	height: 100%;
	width: 100%; 	 	      
}

a:link, a:visited, a:active{
	color: #cd6600;
	text-decoration:none;
}

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

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #293990;
	text-align:left;
	letter-spacing:1px;
	margin-left:15px;
}

.separador_vacio {
	clear: both;
}

.separador {
	clear: both;
	height: 4px;
}

.separador_grande {
	clear: both;
	height: 10px;
}

.separa_contenido {
	clear: both;
	height: 10px;
	border-bottom:1px dashed #cccccc;
}

/****************************************
/* CONTENIDOS
*****************************************/

#fondo {
	width: 100%;
	height: 100%;
}

#portada {
	width: 872px;
	height: 820px;
	margin:auto;
	background-color:#FFFFFF;
	background-image:url('../img/portada.jpg');	
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

#contenedor { 
	width: 872px;
	margin: 0px auto;	
	float: none;
	background-color:#FFFFFF;
}

#contenido {
	width: 872px;
	margin: auto;
	font-family: Arial,Helvetica,sans-serif; 
	float: left;
	background-color:#FFFFFF;
}

#cabecera {
	width: 872px;
	height: 145px;
	margin: 0 0 30px 0;	
	outline: 0 !important;
	background-color:#FFFFFF;		
	background-image:url('../img/cabecera.jpg');
	background-position:left top;
	background-repeat:no-repeat;
}

/****************************************
/* ZONA IZQUIERDA
*****************************************/

#zona-izq {
	width: 238px;
	min-height: 517px;
	margin-right: 10px;
	float: left;
	background-image: url('../img/menu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#zona-izq .zona-menu {
	width: 238px;
	min-height: 300px;
	margin-top:51px;
}

#zona-izq .zona-menu ul {
	text-align:right;
	margin-right:75px;
	list-style:none;
}

#zona-izq .zona-menu ul li {
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:11px;
	letter-spacing:1px;
}

#zona-izq .zona-menu ul li a:link, #zona-izq .zona-menu ul li a:active, #zona-izq .zona-menu ul li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#zona-izq .zona-menu ul li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/****************************************
/* ZONA DERECHA
*****************************************/

#zona-dcha {
	width: 624px;
	min-height: 517px;
	float: left;
	display: block;
	margin-bottom: 10px;
	text-align: justify;		
}

#zona-dcha a {
	text-decoration: none;
}

#zona-dcha a:hover {
	text-decoration: underline;
}

#zona-dcha .centro-zona {
	width: 614px; 
	float: left;
	min-height: 250px;
	margin-top:20px;
}
 
/****************************************
/* PIE
*****************************************/

#pie {
	width: 872px;
	height: 158px;	
	margin:auto;
	background-image:url('../img/pie.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#pie .creditos{
	float:left;
	width:200px;
	text-align:center;
	margin-left:420px;
	margin-top:10px;
	font-size:12px;
	color: #6a6a6a;
}

#pie .creditos a:link, #pie .creditos a:visited, #pie .creditos a:active{
	color: #6a6a6a;
	text-decoration:none;
}

#pie .creditos a:hover{
	color: #6a6a6a;
	text-decoration:underline;
}

/****************************************
/* ENLACES
*****************************************/

.enlaces{
	width:100%;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	padding-bottom:2px;
}

.enlaces .enlacetitulo{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cd6600;
	text-align:left;
	font-weight:normal;
}

.enlaces .enlaceimagen{
	float:right;
	margin-right:20px;
}

.enlaces .enlaceimagen img{
	border:none;
	vertical-align:top;
}

/****************************************
/* MAPA NARANJA
*****************************************/

#mapa{
	width:100%;
	margin-top:10px;
	margin-left:15px;
}

#mapa .mapatitulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #cd6600;
	text-align:justify;
	font-weight:normal;
	margin-right: 15px;
}

#mapa .mapatexto{
	float:left;
	width:190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cd6600;
	text-align:justify;
}

#mapa .mapaimagen{
	float:right;
	width:421px;
	height:413px;
	background-image:url('../img/mapa.jpg');
	background-position:top left;
	background-repeat:no-repeat;
}

#mapa .mapatexto ol{
	margin-left:20px;
}

#mapa .mapatexto ol li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cd6600;
	text-align: justify;	
	border-bottom:1px dashed #cccccc;
	padding-top:10px;
}

/****************************************
/* VIDEOTECA
*****************************************/

.videos{
	float:left;
	width:100%;
	margin-top:15px;
	margin-left:15px;
}

.videos .videotexto{
	float:right;
	width:455px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cd6600;
	text-align:justify;
	margin-right:15px;
}

.videos .videotexto p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #293990;
	text-align:left;
	margin:0 15px 10px 0;
	font-weight:normal;
}

.videos .videotexto span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6a6a6a;
	text-align:justify;
	font-weight:normal;
}

.videos .videoimagen{
	float:left;
}

.videos .videoimagen img{
	width:128px;
	height:96px;
	padding:2px;
	border:1px solid #999999;
}

/****************************************
/* IMAGINA
*****************************************/

#imagina{
	width:100%;
}

#imagina .imaginatitulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6a6a6a;
	text-align:left;
	font-weight:normal;
	margin-left:15px;
	margin-right:15px;
}

#imagina .imaginaimagen{
	width:100%;
	height:400px;
	background-image:url('../img/imagina.jpg');
	background-position:bottom left;
	background-repeat:no-repeat;
}

/****************************************
/* PROGRAMA
*****************************************/

.programa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #293990;
	text-align: justify;
	float:left;
	width:170px;
}

.detalle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #293990;
	text-align: justify;
	float:right;
	width:430px;
}

.detalle span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6a6a6a;
	text-align: justify;
	margin-top: 14px;
}

.detalle p{
	margin-bottom:15px;
	margin-top:15px;
}

.detalle p.sangria{
	margin-bottom:15px;
	margin-top:15px;
	margin-left:35px;
}

/****************************************
/* OTROS
*****************************************/

.titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0B1D7A;
	font-weight: bold;
	text-align:justify;
}

.subtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cd6600;
	text-align:left;
}

.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #293990;
	text-align: justify;
	margin-left:15px;
	margin-right:15px;
}

.texto span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6a6a6a;
	text-align: justify;
	margin-top: 14px;
}

.texto p{
	margin-bottom:15px;
	margin-top:15px;
}

.texto p.sangria{
	margin-bottom:15px;
	margin-top:15px;
	margin-left:35px;
}

.texto ul{
	margin-bottom:15px;
	margin-top:15px;
	margin-left:35px;
	list-style:none;
}

.texto ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6a6a6a;
	text-align: justify;
	margin-top: 14px;	
	border-bottom:1px dashed #cccccc;
	padding-bottom:5px;
}

.texto img{
	border:none;
	text-decoration:none;
	vertical-align:middle;
}

.texto a.pdf{
	font-size:11px;
	font-style:italic;
}

/****************************************
/* CREDITOS
*****************************************/

#credits{
	width:400px;
	height:150px;
	float:left;
	padding:10px;
}

#credits .ccabecera{
	float:left;
	width:400px;
	border-bottom:1px solid #293990;
}

#credits .ccabecera img{
	border:none;
	text-decoration:none;
	width:400px;
}

#credits .ctexto{
	font-size: 14px;
	color: #6a6a6a;
	font-weight: normal;
	text-align:left;
}

#credits .ctexto ul li{
	font-size: 14px;
	color: #6a6a6a;
	font-weight: normal;
	text-align:left;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:40px;
	list-style:none;
}

#credits .ctexto a:link, #credits .ctexto a:active, #credits .ctexto a:visited{
	color: #cd6600;
	text-decoration:none;
}

#credits .ctexto a:hover{
	text-decoration:line-through;
	color: #cd6600;
}

/****************************************
/* POLITICA DE PRIVACIDAD
*****************************************/

#politica{
	width:560px;
	height:400px;
	float:left;
	padding:10px;
}

#politica .pcabecera{
	float:left;
	width:550px;
	border-bottom:1px solid #293990;
}

#politica .pcabecera img{
	border:none;
	text-decoration:none;
	width:550px;
}

#politica .ptexto{
	font-size: 12px;
	color: #6a6a6a;
	font-weight: normal;
	text-align:justify;
	width:550px;
}

#politica .ptexto p{
	font-size: 14px;
	color: #cd6600;
	font-weight: bold;
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
}

#politica .ptexto a:link, #politica .ptexto a:active, #politica .ptexto a:visited{
	color: #cd6600;
	text-decoration:none;
}

#politica .ptexto a:hover{
	text-decoration:underline;
	color: #cd6600;
}

/****************************************
/* NOTA DE PRENSA
*****************************************/

#prensa{
	width:560px;
	height:400px;
	float:left;
	padding:10px;
}

#prensa .ncabecera{
	float:left;
	width:550px;
	border-bottom:1px solid #293990;
}

#prensa .ncabecera img{
	border:none;
	text-decoration:none;
	width:550px;
}

#prensa .ntexto{
	font-size: 12px;
	color: #6a6a6a;
	font-weight: normal;
	text-align:justify;
	width:550px;
}

#prensa .ntexto p{
	font-size: 14px;
	color: #cd6600;
	font-weight: bold;
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
}

#prensa .ntexto a:link, #creditos .ntexto a:active, #creditos .ntexto a:visited{
	color: #cd6600;
	text-decoration:none;
}

#prensa .ntexto a:hover{
	text-decoration:underline;
	color: #cd6600;
}

#prensa .ntexto ul li{
	list-style:none;
	margin-left:20px;
}

/****************************************
/* SEMANA EN FOTOS
*****************************************/


.semana {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #293990;
	text-align: justify;
	margin-left:15px;
	margin-right:15px;
}

.semana span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6a6a6a;
	text-align: justify;
	margin-top: 14px;
}

.semana p{
	margin-top:10px;
}

.semana .fotos{
	float:left;
	width:75px;
	height:75px;
	padding:2px;
	margin:10px;
	border:1px solid #cccccc;
}

.semana .fotos img{
	border:none;
	text-decoration:none;
	vertical-align:middle;
}

/* FIN */