body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #696969;	
	/*background-color: #FFFFDD;*/
	height: 100%;
}

a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #19549A;
	font-weight: bold;
	text-decoration: none;
}

a.enlace{
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.textoMenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	color: #fff;
}

a.textoSubMenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	color: White;
	font-weight: bold;
}

h1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;	
	text-transform: uppercase;
	font-variant: small-caps;
	padding: 2px 2px 2px 15px;
}

h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;	
	text-transform: uppercase;
	font-variant: small-caps;
	padding: 2px 2px 2px 15px;
	color: #231531;
}

h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #4C3267;
	text-transform: uppercase;
	padding: 0px 10px 0px 5px;
	vertical-align: top;	
}

h4{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #4C3267;
	padding: 0px 5px 0px 15px;
	vertical-align: top;	
}

.accordion_content {
	background-color: #E8EEF5;
	color: #444444;
	overflow: hidden;
	border: 1px solid #ccc;
	text-align:justify;
	padding:  10px 10px 10px 15px;
}
	
.accordion_toggle{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:  bold;
	text-transform: inherit;
	padding:  5px 5px 5px 15px;
	vertical-align: top;
	color: White;
	font-variant: small-caps;
	margin: 2px 0px 2px 0px;
	background: url(img/abrir.png) right no-repeat;
	cursor: pointer;
}

.accordion_toggle_active{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:  bold;
	text-transform: inherit;
	padding:  5px 5px 5px 15px;
	vertical-align: top;
	color: White;
	font-variant: small-caps;
	margin: 2px 0px 2px 0px;
	background: url(img/cerrar.png) right no-repeat;
}

.sub_accordion_content {
	color: #444444;
	background-color:White;
	overflow: hidden;
	border: 1px solid #ccc;
	text-align:justify;
	padding:  10px 10px 10px 15px;
	width: 95%;
	}
		
.sub_accordion_toggle{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:  bold;
	text-transform: inherit;
	padding:  5px 5px 5px 15px;
	vertical-align: top;
	color: #4E3368;
		
	margin: 2px 0px 8px 0px;
}

p{
	padding:  2px 2px 2px 15px;
}

img{
	padding:  0px 10px 0px 10px;
}

img.sinmargen{
	padding:  0px 0px 0px 0px;
}

table{
	width: 100%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}

tr,td{
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}
img{
	border: 0px;
	margin-right: 5px;
}


	
/***********************************************/
/*Reestructuración con Capas*/
/***********************************************/
#capaComunidad{
	clear: both;
	border: 3px solid White;
	background-color: #ffffff;
	border: 3px solid #B6CAE2;
	min-height: 109px;
	padding: 10px;
	margin-bottom: 10px;
}
	#capaComunidad div{
		min-width: 106px;
		max-width: 106px;
		min-height: 100px;
		max-height: 100px;
		background: White;
		float:left;
		text-align: center;
		margin: 5px;
	}
	#capaComunidad a{
		font-weight: normal;
	}

#capaContenedor{
	width: 920px;
	margin: 0 auto;
	border-right: 1px solid White;
	background-color: White;
}
#capaCabecera{
	width: 920px;
	height: 425px;
	background-color: White;
}
#cabeceraSeleccionIdioma{
	float: left;
	width: 260px;
	height: 50px;
	padding: 0px;
}
#cabeceraSloganEUCC{
	float: right;
	width: 660px;
	height: 50px;
	background-image: url(../img/cabecera_slogan_eucc.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#cabeceraLogoEUCC{
	float: left;
	width: 260px;
	height: 360px;
	background-image: url(../img/cabecera_logo_eucc.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#cabeceraMenuTop{
	float: right;
	width: 660px;
	height: 35px;
	/*background-color: Black;
	background-image: url(../img/cabecera_menu1.jpg);
	background-position: right;
	background-repeat: no-repeat;*/
}
	#cabeceraMenuTop ul{
		list-style: none;
		padding: 0px;
	}
	#cabeceraMenuTop li {
		width: 100px;
		height: 40px;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		height: 25px;
		float: left;
	}
   #cabeceraMenuTop li:hover {
		width: 100px;
		height: 30px;
		background-color: #646464;
	}
	#cabeceraMenuTop li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		text-transform: uppercase;
		text-decoration: none;
		color: White;
		text-align: left;
	}
#cabeceraCuadroBuscar{
	float: left;
	width: 260px;
	height: 40px;
	background-image: url(../img/cabecera_buscador.jpg);
	background-repeat: no-repeat;
	background-color: #19549A;
}
#cabeceraFlash{
	float: right;
	width: 660px;
	height: 325px;
	padding: 0px;
	text-align: right;
}

#menuSuperior{
	float: right;
	width: 660px;
	height: 40px;
	/*background-image: url(../img/cabecera_menu2.jpg);
	background-repeat: no-repeat;*/
	/*
	float: right;
	width:660px;
	height: 40px;
	background-color: #7E7D5F;
	text-transform: uppercase;
	*/	
}
	#menuSuperior ul{
		list-style: none;
		padding: 0px;
		margin: auto;
	}
	#menuSuperior li {
		width: 101px;
		height: 40px;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		height: 25px;
		float: left;
	}
   #menuSuperior li:hover {
		width: 100px;
		height: 35px;
		background-color: #646464;
		border: 1px solid White;
	}
	#menuSuperior li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		text-transform: uppercase;
		text-decoration: none;
		color: White;
		text-align: left;
	}

#zonaSecciones{
	border-top: 2px solid White;
	clear:  both;
	background-color: #CADBED;
	width: 230px;
	padding: 15px;
}

#zonaBanners{
	border-top: 2px solid White;
	clear:  both;
	background-color: #689AFF;
	width: 230px;
	padding: 15px;
	text-align: center;
}

#cierreNombre{
	clear: both;
	background-image: url(../img/fondo_cierre1.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #CCE02A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 2px 5px 2px 2px;
	color: #220C3B;
}
#cierreDireccion{
	clear: both;
	height: 50px;
	background-image: url(../img/fondo_cierre2.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #3373C3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding: 10px 5px 2px 2px;
	color: White;
}
#capaMenuLateral{
	float:left;
	width: 258px;
	border-right: 2px solid White;
}
#zonaSecciones{
	
}
#contenidoPrincipal{
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	border-left: 3px solid #19549A;
	text-align: justify;
	width: 608px;
}
div.itemMenuLateral{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	width: 257px;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #19549A;
	text-align: right;
}
	div.separadorMenuLateral{
		float: right;
		width: 257px;
		height: 1px;
		background: #19549A;
		background-image: url(../img/fondo_menu_separador.gif);
		background-position: top center;
		background-repeat: no-repeat;
	}
	div.textoMenuLateral{
		float: right;
		width: 208px;
		padding-right: 10px;
		padding-top: 5px;
		display: table-cell; vertical-align: middle;
	}
	div.bulletMenuLateral{
		float: right;
		width: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		color: White;
		padding-right: 15px;
		padding-top: 5px;
	}
div.itemSubMenuLateral{
	float:right;
	width: 257px;
	padding-top: 2px;
	background-color: #6E99CD;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
	div.separadorSubMenuLateral{
		float: right;
		width: 258px;
		height: 1px;
		background: #C9B8DA;
		background-image: url(../img/fondo_submenu_separador.gif);
		background-position: 32px;
		background-repeat: no-repeat;
	}
	div.textoSubMenuLateral{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-align: right;
		color: Black;
		float: left;
		width: 180px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
div.resumenEvento{
	border-bottom: 2px solid White;
	text-align: left;
	width: 93%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	color: Black;
}	

#capaEventos{
	width:200px;
	border-top: 2px solid White;
	border-left: 2px solid White;
	border-right: 2px solid White;
	background-image: url(../img/fondo_capa_eventos.png);
	background-repeat: no-repeat;
	background-position: top center;	
}

div.capaInicio{
	width:280px;
	padding: 10px;
}

div.capaInicio img{
	padding: 0px;
	border: 0px;
}

div.capaDestacado{
	width: 95%;
	border: 3px solid White;
	padding: 10px;
	clear: both;
	margin-bottom: 15px;
	display: inline-block;
}
	div.capaDestacado img{
		padding: 0px;
	}
	div.capaDestacado a{
	}


#capaCierre{
	clear: both;
	width:920px;
}

#menuLateral{
	float:right;
	width: 257px;
	background-color: #19549A;
	border-bottom: 1px solid White;
	border-top: 1px solid White;
}

#capaContenido{
	float:right;
	width: 644px;
	padding-top: 15px;
	padding-left: 15px;
	background-image: url(../img/fondo_contenido.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#capaCalendario{
	width: 200px;
	height: 160px;
	border: 1px solid White;
	background-color: #E9EAD8;
}
div.semanaMes{
	width:200px;
	height: 20px;
}
div.nombreMes{
	width: 99%;
	padding-top: 8px;
	padding-bottom: 8px;
	color: White;
	clear: both;
	background-color: #3B4F70;
	text-align: center;
	font-weight: bold;
	border: 1px solid White;
	border-bottom: 3px solid White;
}
div.letraDia{
	float: left;
	width:26px;
	text-align: center;
	color: Black;
	font-style: italic;
	color: Red;
	font-size: 9px;	
	padding-top: 2px;
	vertical-align: top;
	margin: 1px;
}
div.diaActual{
	float: left;
	width:26px;
	text-align: center;
	background-color: #E9E3ED;
	border: 1px solid #aaa;
}
div.diaMes{
	float: left;
	width:26px;
	text-align: center;
	background-color: #E9E3ED;
	border: 1px solid White;
}
div.diaFestivo{
	float: left;
	width:26px;
	text-align: center;
	background-color: #FFCC00;
	border: 1px solid White;
}
div.diaEvento{
	float: left;
	width:26px;
	text-align: center;
	color: White;
	background-color: #6699FF;
	border: 1px solid White;
}
	div.diaEvento a{
		text-decoration: none;
		color: White;
		font-weight: bold;
	}

div.diaVacio{
	float: left;
	width:26px;
	text-align: center;
	color: White;
	background-color: #eeeeee;
	border: 1px solid White;
}
/* css para crear las tablas de los formularios*/

.tablaTextoFormulario{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
 	font-size: 12px;
	color: #3B4B5B;
	line-height: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #7D8CA3;
	background-color: #F2EDF4;
}
.celdaCurso_bi{
	font-family: Calibri;
	font-size: 16px;
	color: White;
	font-weight: normal;
	font-variant: small-caps;
	padding: 2px 10px 2px 10px;
	background-color: #7D8CA3;
}
.celdaCurso_bii{
	font-family: Calibri;
	font-size: 16px;
	font-weight: normal;
	font-variant: small-caps;
	color: Black;
	padding: 20px 20px 20px 20px;
}

/*************************************************************************************/
/************************** 	NUEVAS CLASES CSS   ************************************/
/*************************************************************************************/

#cabecera{
	width: 100%;
}
#cabecera_seleccion_idioma{
	width: 260px;
	border: 1px solid White;
	background: url(../img/cabecera_seleccion_idioma.jpg) no-repeat;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}