@charset "utf-8";
/* CSS Document */

body{
	color:#333;
	font-weight:normal;
	font-size:12px;
	font-family: Helvetica;
	


}

h5, h4, h3, h2{
	color:#DA001B;
	font-size:12px;
}

.intro{
	color:#DA001B;
	font-size:12px;
	font-weight:bold;
	}



a{
	outline:none;
	text-decoration:none;
	color:#EF2B2B;
}


#backcabecera{
	background-color:black;
	width:100%;
}
.cabecera{
	background-color:black;
	height:154px;
	margin-top:-15px;
	overflow:visible;
	width:955px;
	margin:auto;
	

	}


ul#menu {
   list-style-type: none;
	height: 65px;
	
	margin: 0;
	padding-top:80px;
	float:left;
	

  }
ul#menu li { /* Convertimos la lista en horizontal */
    float: left;
	margin-left:0px;
	margin-right:1px;
	text-indent:-200px;
	
	
  }

ul#menu li a
{
	display:block;
	text-decoration:none;
	color:transparent;
	filter:alpha(opacity=100);
		outline:none;
}

/* Definimos las dimensiones de cada elemento de la lista y le asignamos el orden de superposicion */
ul#menu li#concurso-link { width: 145px;  }
ul#menu li#escuela-link { width: 163px;  }
ul#menu li#jurado-link { width: 81px;  }
ul#menu li#turismomadrid-link { width: 115px;  }
ul#menu li#prensa-link { width: 80px;  }
ul#menu li#multimedia-link { width: 137px;  }


/* Asignamos una imagen de fondo a cada enlace de la lista */
ul#menu li#concurso-link a { background: url('../images/concurso.jpg') no-repeat; height:65px;}
ul#menu li#concurso-link a:hover, #concurso ul#menu li#concurso-link a{ background: url('../images/concurso-active.jpg') no-repeat; height:65px;}


ul#menu li#escuela-link a { background:url('../images/escuela-y-participantes.jpg') no-repeat; height:65px ;}
ul#menu li#escuela-link a:hover, #escuela ul#menu li#escuela-link a{ background: url('../images/escuela-y-participantes-active.jpg') no-repeat; height:65px;}

ul#menu li#jurado-link a { background: url('../images/jurado.jpg') no-repeat; height:65px ;}
ul#menu li#jurado-link a:hover, #jurado ul#menu li#jurado-link a{ background: url('../images/jurado-active.jpg') no-repeat; height:65px;}

ul#menu li#turismomadrid-link a { background: url('../images/turismomadrid.jpg') no-repeat; height:65px ;}
ul#menu li#turismomadrid-link a:hover, #turismomadrid ul#menu li#turismomadrid-link a{ background: url('../images/turismomadrid-active.jpg') no-repeat; height:65px;}


ul#menu li#multimedia-link a { background: url('../images/multimedia.jpg') no-repeat; height:65px; }
ul#menu li#multimedia-link a:hover, #multimedia ul#menu li#multimedia-link a{ background: url('../images/multimedia-active.jpg') no-repeat; height:65px;}

ul#menu li#prensa-link a { background: url('../images/prensa.jpg') no-repeat; height:65px; }
ul#menu li#prensa-link a:hover, #prensa ul#menu li#prensa-link a{ background: url('../images/prensa-active.jpg') no-repeat; height:65px;}
/* Movemos la imagen de fondo para dar el efecto del rollover */



#contenido{
	background-color:white;
	min-height:390px;
	height:auto;
	width:955px;
	margin:auto;
	margin-top:60px;
}

#multimedia #contenido
{

	background-color:white;
	min-height:390px;
	height:auto;
	width:955px;
	margin:auto;
	margin-top:30px;


}
.panelcontenido
{
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url('../../images/fondo.jpg');
}

#backpie{
	background-color:#AB1F23;
	width:100%;
}
#pie{
	background-color:#AB1F23;
	height:115px;
	bottom:0px;
	padding-top:5px;
	width:955px;
	margin:auto;
}

#backptrocinadores{
		background-color:black;
		width:100%;
	}

#patrocinadores{
	background-color:black;
	height:27px;
	width:955px;
	margin:auto;
}
#patrocinadores img{
	margin-top:2px;
	float:left;
	margin-right:30px;
}

#patrocinadores a{
	color:#FFF;
	font-size:14px;
	float:left;
	margin-top:11px;
	text-decoration:none;

	}
#patrocinadores a:hover{
	color:#DA001B;
	}
#web20
{
	float:right;
}

#web20 a
{
	width:20px;
	margin:1px;
	padding:0;
}

#logocont {
	width:98%;
	position:absolute;
	margin:auto;
	text-align:center;
	elevation:lower;
}

#logo {
	width:955px;	
	margin:auto;
	elevation:lower;
	
}
#logo img {
	margin-top:20px;
	float:right;
	border:none;
	elevation:lower;
}

.logomadridaboutyou{
	text-align:right;
	vertical-align:top;
	padding-right:10px;

	padding-top:10px;

}

.logospatrocinadores{
	text-align:left;
	vertical-align:top;
	padding-left:10px;
	padding-top:10px;
}

.copy{
	text-align:center;
}

#textoinicio{
	vertical-align:top;
	height:200px;
	overflow:auto;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	visibility:visible;
	display:block;
}

#textoganador{
	vertical-align:top;
	height:340px;
	overflow:auto;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	visibility:hidden;
	display:none;
}

#textoconcurso{
	vertical-align:top;
		height:340px;
	overflow:auto;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	visibility:hidden;
	display:none;
}

#textobases{
	vertical-align:top;
	height:340px;
	overflow:auto;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	visibility:hidden;
	display:none;
}


#textoguion{
	vertical-align:top;
		height:340px;
	overflow:auto;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	visibility:hidden;
	display:none;
}

#textoturismo{
	vertical-align:top;
	height:360px;
	overflow:auto;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;

}


#lateral{
	float:left;
	background-color:#C60;
	width:30%;
}
#submenu{
	outline:none;
}


#submenu-small{
	visibility:hidden;
	display:none;
	position:absolute;
	margin-top:-21px;
	margin-left:80px;
}

#imagen-personal{
	float:left;
	width:25%;
}
#imagen-personal-principal{
	float:left;
	width:20%;
}
#texto-personal{
	float:right;
	text-align:justify;
	width:75%;
	height:110px;
	overflow:hidden;


	}
#texto-personal-principal{
	float:right;
	text-align:justify;
	width:80%;
	height:150px;
	overflow:hidden;

	}
#multimedia #texto-personal-principal{
	float:right;
	text-align:justify;
	width:100%;
	max-height:80px;
	overflow:hidden;

	}
#multimedia #descripcion-video{
	float:right;
	text-align:justify;
	width:100%;
	
	overflow:hidden;

	}
#texto-personal .titulo,#texto-personal-principal .titulo, #descripcion-video .titulo {
	color: #DA001B;
	font-size:12px;
	font-weight:bold;

}

.pdf a, .linkprensa{
	color: #DA001B;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}



.backgroundDisabled
{
    background-color: Black;
    filter: alpha(opacity=75); 
    opacity: .75
}

.panelImagenAmpliada
{
    background-color:White;
    width:800px;
    height: 600px;
}
.tableImagenAmpliada
{
	width:100%;
     
}

.itemTitle
{
    height: 20px;
    background-image: url('images/titleBullet.gif' );
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EF2B2d;
    padding-left:15px;
    text-align:left;
}

.style1
{
	width:100%;
	vertical-align:top;
}

.style2
{
	width:50%;
	margin:auto;
}


.cellImagenAmpliada
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EF2B2d;
    font-weight: bold;
    text-transform: uppercase;
    height:560px;
    text-align:center;
}

.cellConfirmacion
{
	color:Red;
	font-weight:bold;
	text-align:center;
}

.cellBotones
{
	text-align:center;
}


/*comentarios*/

.comentariosEncabezado
{
	background:#F1F1F1 none repeat scroll 0 0;
	padding:5px;
	color:#DA001B;
	font-size:14px;
	float:left;
	font-weight:bold;

}

.comentariosFecha
{
	color:#DA001B;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	float:left;
	padding:7px;
}

.comentariosNumero
{
	float:right;
	padding:5px;
	color:#DA001B;
	font-size:14px;
	
	font-weight:bold;
}

.comentariosDetalle
{
	color:#333333;
	
}

.comentariosEncabezadoCaja
{
	background:#F1F1F1 none repeat scroll 0 0;
	width:100%;
}

.comentariosDetalleCaja
{
	border: thin solid #F1F1F1;
	text-align:justify;
}

.pager
{
	border:1px solid #E0E0E0;
	margin:0 2px 0 0;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	padding:2px 5px;
	
}

.pageractive, pager:hover
{
	border:1px solid #E0E0E0;
	margin:0 2px 0 0;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	padding:2px 5px;
	color:#DA001B;
	
}
.cellDescConcurso
{
	color: #333333;
	font-size:11px;
	font-weight:bold;
}

.cellDescConcurso a
{
	color: #DA001B;
	text-decoration:none;
}