/******************************** ESTRUCTURA **************************************/

h1 {display:block}
div#cabecera div#flash {display:none;}
div#cabecera div#enlaces {display:none;}
div#izquierda {display:none;}
div#pie {display:none;}

div#carretera img { visibility:hidden;}
div#cabecera h1 {font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:0em; color:#999999}


/*********************************************************************************/

body {margin:0; padding:0; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#contenedor {
	width:48em;	
	background-image:url("../imagenes/fondoblanco.jpg");
	background-position:10em;
	background-repeat:repeat-y;
	background-color:#FFF;	
	position:relative;
	}
div#contenido {

	}	
div#izquierda {width:10em;float:left; margin-bottom:20em;}
div#carretera {
	position:absolute;
	bottom:0;
	left:0;
	width:10em;
	height:18em;
	}
div#carretera img {
	position:absolute;
	top:0;
	left:0;
	width:10em;
	height:18em;
	display:block;	
	}
	
div#informacion {
	width:82%;float:left; clear:right; margin-top:1px; padding-left:2em; 
	background-repeat:no-repeat;
	background-position: 0em 0px; padding-top:1em;				 
	font-size:0.70em; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif;
	}
			
div#centro {width:65%; float:left;margin-left:0.1em; margin-right:auto;}
div#derecha {width: 33%; float:left;margin-left:auto;}

/**************************** Estilos generales del sitio *************************************/
div#informacion a {text-decoration:underline; color:#666;}
a:hover {text-decoration:underline;}
.texto {font-size:0.70em;color:#666666; line-height:1.3em;}
.separador {clear:both;height:1px; font-size:1px; }
.linea {background-image: url("../imagenes/fondoLineaH.gif"); background-repeat:repeat-x;margin-left:7em;margin-right:10em;margin-top:10em;}
.vertical {background-image: url("../imagenes/fondoLineaV.gif"); background-repeat:repeat-y; width:1px; float:left; height:100%}

div#informacion p {	line-height:1.4em;}
h2 {	color: #00756B; 
		font-family:Arial;
		font-weight:bold;
		padding-top:0.4em;
		font-size:1.6em;		
		background-image:url(../imagenes/h2.jpg);
		background-repeat:no-repeat;				
	}	
h3  { 	color:#999999; 
		font-family:Arial; 	
  		font-size:1.45em;
		background-image:url(../imagenes/lineah.jpg);
		background-repeat:repeat-x;
		height:1em;		
		margin-top:1.8em;
	 }
h4 { 	color:#999999; 
		font-family:Arial; font-family:Arial;
		font-size:1.3em;padding-bottom:0;padding-left:0.4em;}

ul,ol {  padding-right:7em;}

div#informacion li{padding-left:0em; line-height:1.4; list-style-type:square;}
div#informacion ul div { font-weight:bold;}
/**************************** Elementos página INDEX ******************************************/

.bloquecentro  {margin-right:0.7em;}
.bloquederecha {margin-top:0.4em; border:1px solid #CCC; padding:0 0 0 0;}

.titular {font-size:1.4em; font-weight:bold}
.foto { border: 1px solid #AAA; margin:0; 
		display:block; float:left;
		margin-right:0.5em;}

div#contenido.index div#informacion {padding-top:1em; width:76%}
div#actualizacion {  }
div#noticiaportada {clear:both; margin-top:0.5em;}
div#noticiaportada h2 {height:1em;}

div#novedades {margin-top:0.5em; margin-bottom:0.5em; clear:both;}
div#novedades div.novedad {float:left; width:48%;}

div#novedades div.izquierda  {border-right: 1px solid #CCC;padding-right:0.3em;}
div#novedades div.derecha {padding-left:0.2em; padding-left:0.5em;}

div#buscador { }
div#buscador form {padding:0; margin:0;}
div#buscador img {display:block}
div#buscador input#txtcadena{width:69%; float:left; border:1px solid #AAA;  margin:auto auto 0.15em 0.2em;}
div#buscador input#btnbuscador {width:22%; border:1px solid #AAA; margin:auto auto 0.15em 0.2em;}

div#patrocinadores {}
div#alumnos {}

/**************************** Fondos de página *********************************************************/

div#contenido.objetivos div#informacion,
div#contenido.direccion div#informacion,
div#contenido.consejo div#informacion,
div#contenido.perfil div#informacion,
div#contenido.duracion div#informacion { background-image: url(../imagenes/avion.jpg) }

div#contenido.plandocente div#informacion,
div#contenido.claustro div#informacion,
div#contenido.metodologia div#informacion { background-image: url(../imagenes/camion2.jpg) }


div#contenido.preinscripcion div#informacion { background-image: url(../imagenes/barco.jpg) }
div#contenido.testimonios div#informacion { background-image: url(../imagenes/puertoBarna.jpg) }
div#contenido.profesorado div#informacion { background-image: url(../imagenes/mercancias.jpg) }
div#contenido.orgacademica div#informacion { background-image: url(../imagenes/camion2.jpg) }
div#contenido.metodologia div#informacion { background-image: url(../imagenes/camion2.jpg) }
/*div#contenido.consejo div#informacion { background-image: url(../imagenes/contenedores.jpg) }*/

/**************************** Elementos página CONSEJO *************************************************/

div.consejo {}
div.consejo col.izquierda { text-align:left; width:40%; }
div.consejo col.derecha { text-align:left; width:50%; }
div.consejo th {background-color: #00756B;color:#FFFFFF; text-align:center;} 
div.consejo td {height:1.9em; padding-left:0.8em; border-bottom:1px solid #666;}
div.consejo tr.par td { background-color:#E1F1C9}
div.consejo tr.impar td {background-color:#F7FEC2}

/**************************** Elementos página PREINSCRIPCION ******************************************/

div.preincripcion {}
div.preinscripcion fieldset {border:0;}
div.preinscripcion div.fieldset {padding-top:1em; padding-bottom:1em;margin-left:auto; margin-right:auto; display:block; width:100%; margin-bottom:1em; border:0px solid #00756B; background-color:#E6F4A7;}
div.preinscripcion label {margin-left:2em;display:block; position:relative; line-height:2em;}
div.preinscripcion span {font-size:1em; color:#666666;}
div.preinscripcion span.legend {font-size:1em; color:#666666; font-weight:bold;position:relative; left:2em; margin-bottom:1em; display:block}
div.preinscripcion div#programa input, div.preinscripcion div#personales input, div.preinscripcion div#familiar input  { 
color:#444; border:0px solid #CECF00; width:29em; font-size:1em; position:absolute; left:12em; }

div.preinscripcion div#academicos {padding-left:0}
div.preinscripcion div.titulo {float:left; width:14.5em; padding-left:0.5em; padding-right:0em; }
div.preinscripcion div#academicos label{position:relative; margin:0;}
div.preinscripcion div#academicos span {color:#444;}
div.preinscripcion div#academicos input  {width:7em; font-size:1em;border:0px; position:absolute;  left:7em; top:0em;color:#444; }
div.preinscripcion textarea { width:45em; height:6em; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;color:#444; border:0; }

/********************************* BLOQUE AGENDA *****************************************/

div#agenda {background-color:#EEEE91}
div#agenda div.titulo {color:#FFFFFF; height:1.5em; padding-top:0.4em; font-weight:bold; background-color:#cecf00; text-align:center;}
div#agenda div.titulo a {text-decoration:none;color:#FFFFFF;}
div#agenda div#eventos {}
div#agenda div#eventos p {color:#444; line-height:1.2em; padding-left:0.4em; padding-right:0.4em;}
div#agenda div#eventos .fecha {color:#993300; font-weight:bold; font-size:0.9em;}