@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body{
	background-color:#002E5D;
	background-image:url(../imagenes/interfaz/fondocontenedor.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:11pt;
}

#fondodegradado{
	background-image:url(../imagenes/interfaz/fondodegradado.jpg);
	height:450px;
	width:100%;
	background-repeat:repeat-x;
	position:absolute;
}

#fondodegradadocabecera{
	width:100%;
	height:450px;
	background-image:url(../imagenes/interfaz/fondodegradadocabecera.jpg);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
}

#contenedor{
	width:940px;
	position:absolute;
	left:50%;
	margin-left:-470px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background-color:#FFFFFF;
}

#cabecera{
	width:940px;
	height:105px;
	background-image:url(../imagenes/interfaz/cabecera.jpg);
}

#contenido{
	width:940px;
}

#separadorfooter{
	clear:both;
	width:940px;
	height:50px;
}

#footer{
	position:absolute;
	bottom:0;
	width:940px;
	height:35px;
	background-color:#000000;
	background-image:url(../imagenes/interfaz/lineacolores.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	font-size:8pt;
	color:#FFFFFF;
	line-height:35px;
	padding-top:5px;
}

#columnaizquierda{
	width:220px;
	float:left;
	padding:10px;
}

#columnaderecha{
	width:670px;
	float:left;
	padding:20px 20px 10px 10px;
}

ul#botonera{
	list-style-type:none;
	background-color:#000000;
}

li.boton{
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:10pt;
	font-style:italic;
}

li.botoneratope{
	width:220px;
	height:12px;
	background-image:url(../imagenes/interfaz/botoneratope.jpg);
}

li.botonerabase{
	width:220px;
	height:12px;
	background-image:url(../imagenes/interfaz/botonerabase.jpg);
}

li.separadorbotones{
	background-color:#3C3C3C;
	height:1px;
	width:200px;
	margin:2px 10px 2px 10px;
}

li.boton a{
	text-decoration:none;
	color:#FFFFFF;
}

li.boton a:hover{
	text-decoration:underline;
}

h1{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:18pt;
	color:#971C1C;
	letter-spacing:-1px;
	font-weight:normal;
}

a.mail{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

a.mail:hover{
	text-decoration:underline;
}

h2{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:14pt;
	color:#1283DE;
	font-weight:normal;
	border-bottom:1px solid #ccc;
}

.subtitulo{
	font-weight:bold;
}

h3{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:14pt;
	color:#EB7B29;
	border-bottom:1px solid #ccc;
	font-weight:normal;
}

h7{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:14pt;
	color:#EB7B29;
	font-weight:normal;
}


h4{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:13pt;
	color:#740505;
	border-bottom:1px solid #ccc;
}

h8{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:13pt;
	color:#740505;
	font-weight:bold;
}

.destacado{
	font-weight:bold;
}

#brochure{
	width:220px;
	height:50px;
	background:url(../imagenes/brochure.jpg);
	margin-top:10px;
}

#programaencuentro{
	width:220px;
	height:80px;
	background:url(../imagenes/programaencuentro.jpg);
	margin-top:10px;
}

#imagenizquierda{
	width:220px;
	height:80px;
	background:url(../imagenes/cursosextracurriculares2011.jpg);
	margin-top:10px;
}

#encuentro{
	width:220px;
	height:100px;
	background:url(../imagenes/encuentro.jpg);
	margin-top:10px;
}


h5{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:11pt;
	color:#000;
}

h6{
	font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:11pt;
	color:#000;
	border-bottom:1px solid #ccc;
}

.foto{
	float:left;
	margin-right:10px;
}

.fotoder{
	float:right;
	margin-left:10px;
}

#separadorextra{
	clear:both;
	margin-bottom:20px;
}

.ingreso{
	border:1px solid #999;
	padding:2px;
	width:500px;
	}
	
.botonenviar{
	border:1px solid #999;
	padding:5px;
	background-color:#eee;
	}
	
	.td{
	vertical-align:top;
	}
	
.separador{
	clear:both;
}

a.link{
	text-decoration:none;
	color:#005179;
	font-weight:bold;
	font-size:11pt;
}

a.link:hover{
	text-decoration:underline;
}