﻿/* Estilo asociado al titulo */

/*Menú*/
#menu {
position:relative;
	padding-bottom: 0em;
	padding-top: 0em;
	margin-top:0em;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 2%;
	padding-left: 3%;
height:2.75em;
list-style-type:none;
border-left:1px solid black;
background:#5c31e9;
font-size:0.75em;
text-align:right;
}

#menu li {
	display:inline;
	width:10em;
	/*height:4em;*/
line-height:2.75em;
	/*border-left:1px solid white;#444;*/
position:relative;
	text-align:center;
	color: #FFF;
}


#menu img {
height: 4em;
}

#menu a, a:link,a:visited{
	text-decoration: none;
	color: white;
	/*text-decoration:underline;*/
	}
	
#menu a:visited{
	text-decoration: none;
	
}
#menu a:hover,a:focus,a:active{
	text-decoration:underline;
}

/************************************************************/
/* Estilo del atajo para ir al contenido*/

#atajo a, a:link,a:visited{
	text-decoration: none;
	color: white;
	/*text-decoration:underline;*/
	}
	
#atajo a:visited{
	text-decoration: none;
	/*text-decoration:underline;*/
}
#atajo a:hover,a:focus,a:active{
	text-decoration:underline;
}

#titulo{
	position: relative;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 2em;
	padding-top: 0em;
	margin-top:0px;
	width:100%;
	height:70px;
	font-weight: bold;
	color:#3413f6;

}

/*#titulo p{
	position: relative;
	font-weight: bold;
	font-size: 0.75em;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 2em;
	padding-top: 1em;
	margin-top:0;
	width:100%;
	height:70px;
	color:#304F24;
	font-family:Verdana;
	border-bottom: none;
}*/

/* Estilo a los logos en el titulo*/ 
#titulo #jornadas{
	list-style:none;
	display: inline;
	float:left;
	position:absolute;
	color: #cdf;
	/*width:0auto;
	margin-left:2%;
	padding-left:0;*/
	margin-left: 3%;
	padding-left: 0;

}

#titulo #jornadas li{
	/* padding:0 8px 0px 0; */
	padding: 0 0.2em 0 0;
	display: inline;
}

#titulo #jornadas img{
	height: 5em;/*70px;
	width:150px;*/
}
/* Estilo asociado al nombre  en el titulo */
#titulo #fechas{
	float:right;
	position:relative;
	margin-right:3%;
	text-align:right;
	font-size:1.75em;
	
	padding-left: 0;
	margin-left: 10.9em; 

	/*margin-left: 3%;
	margin-right: 3%;
	padding-right: 2%;
	padding-left: 18%;
	margin-top:0em;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 0%;
	padding-left: 3%;*/
	
}

#titulo #fechasEng{
	float:right;
	position:relative;
	margin-right:3%;
	text-align:right;
	font-size:1.75em;	
	padding-left: 0;
	margin-left: 10.6em; 	
}


/************************************************/
/* Estilo asociado al contenido*/
#contenido{
	position:relative;
	clear:both;
	background: white;/*#faf0ba;#FFB;#F2DD88;#cdc;#F5EA98;#ffe;*/
	color: black;
	margin-top:0em;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 2%;
	padding-left: 3%;
	padding-top: 0.9em;
	padding-bottom: 1em;
	width:100%; /* para IE */
	max-width:89%;
	border-right: solid /*#ADBCD9*/#614105 2px;
	border-bottom: solid /*#93A0B8*/#614105 4px;
	/*border-top:solid /*#CC8631 #614105 0.5px;
	border-left: solid /*#CC8631 0.5px;*/
	min-height:333px;
}

#contenido table{
border-collapse: collapse;
margin-right: 3%;
margin-left: 3%;
padding:0em;
margin-top:0;
width: 93%;
font-size: 0.8em;
text-align:center;
border-top: solid #CC8631 1px; /* naranja */
border-left: solid #CC8631 1px;
}
#contenido th{
	width: 5em;
	vertical-align: middle;
	text-align: center;
	border-right: solid #ADBCD9 1px; /* gris azulado claro */
	border-bottom: solid #93A0B8 1px; /* gris azulado fuerte */
	/*padding-top:0.6em;
	padding-right: 1.2em;*/
	background: #F5EA98;
}
#contenido td{
border-right: solid #ADBCD9 1px;
border-bottom: solid #93A0B8 1px;
border-top: solid #93A0B8 1px;
padding-top:0.6em;
padding-bottom:0.5em;
}

#contenido th.mas_estrecho {
	width: 15%;
}

#centrado{
text-align:center;
}
#tabla1{
width: 53%;
padding-left: 15em;
}
#tabla2{
width: 53%;
padding-left: 15em;
}
/*#tabla1 th{
background:#93A0B8;
}

#tabla1 td{
background: #cfa;
}*/

#tabla3{
/*width: 90%;*/
/*height: 12%;*/
/*padding-left: 15em;*/
}



#tabla3 .unpocomasancha {
	width: 45%;
}

#tabla3 .unpocomasancha2 {
	width: 40%;
}

#tabla4{
width: 53%;
padding-left: 15em;
}


.tabla {
	border: 1px;	/*see also padding del  #conenido th */
	width: 663px;
}

.tabla td {
	padding: 15px;
	border-spacing: 0px;
	border-collapse:collapse; /*border-spacing:0 for IE */
	text-align:left;
}


table.tabla_horario th {
	height: 16%;
}

table.tabla_horario td.especial {
	background-color:#D8F3F3;
}

#contenido table.tabla_horario th.primera_columna {
	width: 10%;
}

table.tabla_horario {
	table-layout:fixed;
}


/* FIN TABLAS */


/*Estilo de los enlaces */
#contenido a, a:link,a:visited{
	text-decoration: none;
	color: blue;
	text-decoration:underline;
}
#contenido a:visited{
	text-decoration: none;
	color: purple;
	text-decoration:underline;
}
#contenido a:hover,a:focus,a:active{
	text-decoration:underline;
}

/* Estilo asociado al pie de pagina */
#pie{
	width:100%;
	margin-right:5%;
	max-width:95%;
	position:relative;
	margin-top:1em;
	padding-bottom: 1em;
}

/*******************************************************/
/* Estilo de la lista de imagenes para validacion */
#pie ul{
	padding-top: 1em;
	float: right;
	margin-right: 1%;
}

#pie li{
	display: inline;
	list-style-type: none;
	position: relative;
}

#pie img{
	padding-left:0.5em;
	padding-right:0.5em;
	height:2.2em;
	width:6.6em;
}

/*********************************************/
/* Listas del contenido */
#contenido ul{
	padding-top:0;
	padding-left:1.25em;
	/*text-align:justify;*/
	margin-left: 0;
	margin-right:9px;
}

#contenido ul li{
	padding-bottom:0.8em;
	padding-left:0;
    margin-left: 1em;
}

#contenido ul.imagenes
{
	text-align:center;
}
#contenido ul.imagenes li img
{
	padding:1em;
}

#contenido ul.imagenes li{
	padding-bottom:0.8em;
	padding-left:0.8em;
	display:inline;
}

/****************************************/

#contenido p{
	margin-left:0;
	margin-right:9px;
	/*text-align:justify;*/
}

#contenido .especial{
	text-indent: 0em;
	margin-left:0em;
}
#contenido .centrado{
	text-align:center;
}

li ul{
	 margin-top:0.4em;
	 margin-bottom: 0.4em;
}

.asignatura dt
{
	font-weight:bold;
	float: left;
	width:8.7em;
}


/****************************************************/
/***** Barra de Navegación **************************/
/****************************************************/

.nav {
	/*border-top:15px solid #aba;*/
	position:relative; 
	font-family:verdana;
	font-size:0.8em; 
	margin-top: 1.5em;
	margin-left: 3%;
}

.nav .select,
.nav .current {
	margin:0; 
	padding:0; 
	list-style:none; 
	display:inline; 
	white-space:nowrap;
}

.nav li {
	margin:0; 
	padding:0; 
	height:auto; 
	float:left;
}

.nav ul {
	padding: 0;
}

.nav .select a,
.nav .select a:link,
.nav .select a:visited {
	display:block; 
	float:left; 
	background: url(../imagenes/left.gif) no-repeat left top; 
	padding:0 0 0 5px; 
	text-decoration:none; 
	line-height:2.2em; 
	white-space:nowrap; 
}

.nav .select a span {
	display:block;
	padding:0 10px 0 5px;
	color: black; 
	background:url(../imagenes/right.gif) no-repeat right top;
	font-weight: bold;
}

.nav .current a,
.nav .current a:link,
.nav .current a:visited,
.nav .current a:hover,
.nav .current a:active,
.nav .current a:focus {
	display:block; 
	float:left; 
	background: url(../imagenes/left.gif) no-repeat 0 -200px; 
	padding:0 0 0 5px; 
	text-decoration:none; 
	line-height: 2.2em; 
	white-space:nowrap; 
}

.nav .current a span{
	display:block; 
	padding:0 10px 0px 5px; 
	background:url(../imagenes/right.gif) no-repeat right -200px;
	color:#fff;
	font-weight: bold;
}

.nav  ul li.select div.select_sub ul.sub li a span{
	font-weight: normal;
}

.nav .select a:hover,
.nav .select a:active,
.nav .select a:focus{
	background: url(../imagenes/left.gif) no-repeat 0 -100px; 
	cursor:pointer; 
	color:#fff;
}

.nav .select a:hover span,
.nav .select a:active span,
.nav .select a:focus span{
	display:block;
	float:left;
	background:url(../imagenes/right.gif) no-repeat 100% -100px; /********************/
	cursor:pointer;
	color: #fff;
}


.nav .select li a:hover a span,
.nav .select li a:active a span,
.nav .select li a:focus a span {
	/*display:block;*/ 
	float:left; 
	background:url(../imagenes/right.gif) no-repeat 100% -100px;
	cursor:pointer;
}

.nav .select_sub {
	display:none;
	padding-top: 0;
	position: absolute;
	min-width:648px;
}

.nav li a:hover + .select_sub,
.nav li a:active + .select_sub,
.nav li a:focus + .select_sub,
.nav .current .select_sub,
.nav li:hover .select_sub,	/* estos 3 siguientes son para que permanezca el submenu "abierto" entre boton de menú y submenú correspondiente */
.nav li:active .select_sub,
.nav li:focus .select_sub {
	display:block;
	position:absolute; 
	top:1.8em; /* antes a 2.8em */
	z-index:100; /* en una redundante estaba a 150 */
	left:0; 
	text-align:center;
	padding-top:1em;
}


.nav .table .select .current + .select_sub {
	display: block;
}


.nav .sub {
	display:block;
	margin:0;
	padding-top: 0;
	padding-right:43px;
	margin-left:3%;
	padding-left:0;
	list-style:none;
	position: absolute;
	margin-left: 4em;
	/* hider: */
	background: #FFF;
	min-width:365px;
	height: 25px;
	left: 2px;
}


.nav .select a.selected .select_sub{
	display:block; 
	position:absolute; 
	/*min-width:648px;*/
	top:3em;
	padding:10px 0 0 0;
	z-index:150; 
	text-align:center;
}

.nav .select :hover .sub li a,
.nav .select :active .sub li a,
.nav .select :focus .sub li a{
	display:block; 
	float:left; 
	background: url(../imagenes/left.gif) no-repeat left top;
	color:#000;
}

.nav .select :hover .sub li a span,
.nav .select :active .sub li a span,
.nav .select :focus .sub li a span{
	background: url(../imagenes/right.gif) no-repeat right top;
}

.nav .current .sub li a span{
	font-weight:normal;
}

.nav .select .sub li a:hover, 
.nav .select .sub li a:active, 
.nav .select .sub li a:focus,
.nav .current .sub li a:hover,
.nav .current .sub li a:active,
.nav .current .sub li a:focus {
	background: url(../imagenes/left.gif) no-repeat left -100px;
}

.nav .select .sub li a:hover span,
.nav .select .sub li a:active span,
.nav .select .sub li a:focus span,
.nav .current .sub li a:hover span,
.nav .current .sub li a:active span,
.nav .current .sub li a:focus span {
	background: url(../imagenes/right.gif) no-repeat right -100px;
}

.nav .current .sub li span{
	color:#000;
}

.nav .select .select_sub .sub li.current span {
	color: #f00;
}

.nav .select .select_sub .sub li a:hover span,
.nav .select .select_sub .sub li a:active span,
.nav .select .select_sub .sub li a:focus span{
	color: #FFF;
}
.nav .current .select_sub .sub li a:hover span,
.nav .current .select_sub .sub li a:active span,
.nav .current .select_sub .sub li a:focus span{
	color: #FFF;
}

.nav .current .select_sub li a {
	background: url(../imagenes/left.gif) no-repeat left top;
}

.nav .current .select_sub .sub li span {
	background: url(../imagenes/right.gif) no-repeat right top;
}

.nav .current .select_sub .sub li.current a {
	background: url(../imagenes/left.gif) no-repeat left -200px;
}

.nav .current .select_sub .sub li.current a span {
	background: url(../imagenes/right.gif) no-repeat right -200px;
	color: #FFF;
}

.nav .select .select_sub .sub li.current a {
	background: url(../imagenes/left.gif) no-repeat left -200px;
}

.nav .select .select_sub .sub li.current a span {
	background: url(../imagenes/right.gif) no-repeat right -200px;
	color: #FFF;
}

.primera_col {
	width: 40%;
}

/* ------- Tabla Profesores ---------- */

#contenido .tabla_profesores ul,
#contenido .tabla_profesores ul li
{
	padding:0em;
	margin: 0em;
	margin-left: 1.5em;
}
#contenido .tabla_profesores ul li ul 
{
	margin: 0em;
}

#contenido .tabla_profesores p 
{
	margin-bottom: 0.4em;
	margin-top: 0em;
}

#contenido .tabla_profesores .mas_estrecho {
	padding: 0;
	margin: 0;
}

/* ------- FIN Tabla Profesores ---------- */

/* ------- INICIO Listas ----------------- */

#contenido ol {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#contenido li {
	padding-top: 0.5em;
}

/* ------- FIN Listas ------------------- */

.aviso_bajo_titulo {
	font-size: 1.4em;
	text-align: center;
}

.tachado {
	text-decoration: line-through;
}

.negrita {
	font-weight: bold;
}


.lista_lower_alpha {
	list-style-type: lower-alpha;
}

.lista_lower_roman {
	list-style-type: lower-roman;
}

.ancho_40porciento {
	width: 40%;
}

.ancho_20porciento {
	width: 20%;
}

.margen_izq {
	margin-left: 1.4em;
}

.td_profesores_especial {
	text-align: left;
	padding-left: 4.5em;
}

.nav .submenu_especial {
	padding-left:15em;
	margin-left: 0;
	background: #FFF;
}

/* Lista Plusímbolo hasta 3er nivel */
/* -------------------------------- */

ol.lista_plu li { display: block; }
ol.lista_plu { 
	counter-reset: seccion; 
	padding-left:0;
}
ol.lista_plu ol { counter-reset: subseccion; }
ol.lista_plu ol ol { counter-reset: subsubseccion; }
/* seccion */
ol.lista_plu li:before { 
	content: "";
	counter-increment: seccion;
}
/* subseccion */
ol.lista_plu ol li:before { 
	content: counter(seccion) "." counter(subseccion) " ";
	counter-increment: subseccion;
}
/* subsubseccion */
ol.lista_plu ol ol li:before { 
	content: counter(seccion) "." counter(subseccion) "." counter(subsubseccion) " ";
	counter-increment: subsubseccion;
}
ol.lista_plu li{
	margin-top: 0.8em;
}

/* -------------------------------- */

ol.start3 {
	counter-reset: seccion 2;
}

