/* CSS Document */

/***ESTILOS GENERALES****/

body {
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	/*text-align:center;*/
	
	}
	
/*Parrafos*/

h1{
 font: bold 120% Verdana, Arial, Helvetica, sans-serif;
 color:#000000;
 margin:0;
 
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color:#000000;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color:#990000;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color:#006666;
 margin: 0px;
 padding: 0px;
}
/**FIN ESTILOS GENERALES***/

/**CUERPO GENERAL DE LA PAGINA ESTA DIV CENTRA AL RESTO ****/
#cuerpo {
/*position:absolute;*/
width:100%; /*ancho total de la pagina*/

text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
/*border:1px solid #000000;*/
}

/*CABECERA DE PAGINA*/

#cabecera {
position:relative;
width:900px; /*este ancho es para que cuadre con el texto*/ 
height:70px; /*idem*/ 
margin-left:auto;
margin-right:auto;
margin-top:15px;
padding:0;
background-image:url(../img/fondo_1.gif);
background-repeat:repeat;


}

#cabecera img{
float:left;
}
#cabecera object{
float:left;
margin-top:10px;
}



#cabecera h1{
font: bold 120% Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
visibility:hidden;
 }

/*****CAPA CONTENEDORA DE LOS MENUS DESPLEGABLES*****/
#desplegable{
/*margin:3px 0;*/
position:relative;
width:900px;
height:30px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
/*padding:0;*/
/*float:left;*/
background:#000000 url(../img/fondo-enlaces_3.gif) repeat;
background-color: #117CAA; /*color de fondo del Menu global*/
/*z-index:1;*/
z-index:25;
	}

/*CLASES DE LOS MENUS DESPLEGABLES*/

.enlaces ul{
margin:0;
padding:0;
list-style-type: none;
text-align:left;

}

/*Nivel superior de la lista de temas*/
.enlaces ul li{
position: relative;
top:7px;
display:inline;
float: left;
/*background-color: #117CAA; /*color de fondo del Menu global*/
/*background-image:url(../img/fondo-enlaces_3.gif);*/
text-align:center;


}

/*Vincular estilos a los enlaces del menu principal*/
.enlaces ul li a{
display: block;
width: 111px; /*Ancho del enlace*/
padding:1px 8px;
border:none;
border-left-width: 0;
font-size:11px;
/*font-weight:300;*/
text-decoration: none;
color:#FFFFFF;
}
.enlaces ul li a:hover{
background:#000000;
}

.enlaces ul li ul{
left:0;
position: absolute;
top: 1em; /* No necesita cambiarse;el valor real se lo sa el script*/
display: block;
visibility: hidden;
}

.enlaces ul li ul li{
display: list-item;
float: none;
text-align:left;
background-image:none;
background-color: #117CAA; /*color de fondo del Menu global*/

}


.enlaces ul li ul li ul{ 
left: 120px; /* No es necesario modificarlo; lo carga el script */
top: 0;
}

.enlaces ul li ul li a{
display: block;
width: 160px; /*Ancho de los niveles del sub menu*/
color:#FFFFFF;
text-decoration: none;
padding: 3px 15px;
border: 1px solid  #999999;
/*z-index:2;*/
}

.enlaces ul li ul li a:hover{
background-color: black;
color: white;
}

/*Imagen de fondo de las listas*/
.enlaces .imagenfondo{
/*background:url(../img/fondo-enlaces_3.gif) repeat;*/
}

/*Imagen de fondo para los links del menú superior*/
.enlaces .mainfoldericon{
/*background: #117CAA url(../img/fondo-enlaces_3.gif) repeat ;*/
}

/*Imagen de fondo para los submenus */
.enlaces .subfoldericon{
background: #117CAA url(media/arrow-right.gif) no-repeat center right;
}


* html p#iepara{ /*Para un parrafo (si lo hubiera) que esté inmediatamente después del menú , añade 1em de espacio superior entre los dos (paraIE)*/
padding-top: 1em;
}
/* Holly Hack for IE \*/
* html .enlaces ul li { float: left; height: 1%; }
* html .enlaces ul li a { height: 1%; }
/* End */

/**********FIN DE LOS MENUS DE ENLACES***********/

/**********CAPA Y PROPIEDADES DEL CUERPO DE LA PAGINA**********/
#contenido {
position:relative;
width:900px;  /*Ancho de la capa*/
height:320px;
margin-top:2px;
margin-left:auto;
margin-right:auto;
/*border:solid 1px #117CAA;*/
z-index:0;

}

#texto{
position:relative;
width:36%;
float:left;
height:320px;
background-color:none;
/*z-index:1;*/
}

#imagen{
position:relative;
width:63%;
float:right;
height:320px;
/*z-index:0;*/
}	

/*CLASES DE LISTA PARA CONTENIDOS*/

.lista h3{
font: bold 100% Arial,sans-serif;
color:#000000;
margin: 0px;
padding:2px;
}
.lista a{
text-decoration:none;
}
.lista p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
/*margin-bottom:100px;*/
color:#000000;
text-align:left;
}

/*.lista iframe{
position:relative;
float:left;


}*/
.lista ul{
margin:0;
padding: 0;
list-style-type: none;

}

.lista ul li {
margin:0;
position: relative;
display: inline;
float: left;
background-color: #117CAA;
}


.lista ul li a{
display:block;
width: 150px; 
padding:3px 0;
/*border: 1px solid black;*/
border-left-width: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:500;
text-decoration:none;
color:#FFFFFF;
}


.lista ul li ul{
position:absolute;
top: 1em; 
display: block;
visibility: hidden;
}
.lista ul li ul li{
display: list-item;
float: none;
}
.lista ul li a ul li iframe{
display:block;
position:relative;
display:list-item;

visibility:hidden;

}


.lista ul li ul li a{
display: block;
width:100%; /*Ancho de los niveles del sub menu*/
color:#FFFFFF;
text-decoration: none;
padding: 3px 15px;
border: 1px solid  #999999;
/*z-index:2;*/
}


.lista ul li a:hover{
	background:#000000;
	}


.lista img{
position:relative;
width:150;
height:59;
z-index:3;
}

/* Hack para IE \*/
* html .lista ul li { float: left; height: 1%; }
* html .lista ul li a { height: 1%; }
/* Fin */
/******CAPA ESPOT*******/
/*Esta capa es la que contiene los accesos rápidos*/
.espot{
position:relative;
width:900px;
height:30px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/fondo-enlaces_3.gif);
background-repeat:repeat;
/*z-index:5;*/
/*border:1px solid #000000;*/
text-align:center;

}
	

/****CLASES DE ESPOT******/




.espot ul{
position:relative;
margin:0;
padding: 0;
width:100%;
list-style-type: none;
}

.espot ul li {
margin:5px 0;
position: relative;
display: inline;
float: left;
/*background-color: #117CAA;*/
}


.espot ul li a{
display: block;
width: 150px; 
padding:3px 0;
/*border: 1px solid black;*/
border-left-width: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*font-weight:500;*/
text-decoration:none;
color:#FFFFFF;
}
.espot ul li ul{
left: 0;
position: absolute;
top: 1em; 
display: block;
visibility: hidden;
}
.espot ul li ul li{
display: list-item;
float: none;
}
.espot ul li ul li p{
font:bold 12px  "Times New Roman", Times, serif;
color:#000000;
}
.espot ul li a:hover{
	background:#000000;
	}
.espot ul li ul li div{
position:absolute;
}

/* Hack para IE \*/
* html .espot ul li { float: left; height: 1%; }
* html .espot ul li a { height: 1%; }
/* Fin */
/***FIN DE CLASES DE ESPOT2*****//******CAPA ESPOT2*******/
/*Esta capa es la que contiene los accesos rápidos*/
.espot2{
position:relative;
width:900px;
height:30px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/fondo-enlaces_3.gif);
background-repeat:repeat;
/*z-index:5;*/
/*border:1px solid #000000;*/
text-align:center;

}
	

/****CLASES DE ESPOT******/




.espot2 ul{
position:relative;
margin:0;
padding: 0;
width:100%;
list-style-type: none;
}

.espot2 ul li {
margin:5px 0;
position: relative;
display: inline;
float: left;
/*background-color: #117CAA;*/
}


.espot2 ul li a{
display: block;
width: 110px; 
padding:3px 0;
/*border: 1px solid black;*/
border-left-width: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*font-weight:500;*/
text-decoration:none;
color:#FFFFFF;
}
.espot2 ul li ul{
left: 0;
position: absolute;
top: 1em; 
display: block;
visibility: hidden;
}
.espot2 ul li ul li{
display: list-item;
float: none;
}
.espot2 ul li ul li p{
font:bold 12px  "Times New Roman", Times, serif;
color:#000000;
}
.espot2 ul li a:hover{
	background:#000000;
	}
.espot2 ul li ul li div{
position:absolute;
}

/* Hack para IE \*/
* html .espot2 ul li { float: left; height: 1%; }
* html .espot2 ul li a { height: 1%; }
/* Fin */
/***FIN DE CLASES DE ESPOT2*****/



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

#pcerrados{
position:absolute;
left:5px;
top:148px;
width:570px;
height:160px;
margin-top:1px;
/*border:1px solid red;*/
visibility:hidden;
background:#000000;

/*text-align:left;*/
z-index:20;
}
#becas{
position:absolute;
left:5px;
top:148px;
width:570px;
height:160px;
margin-top:1px;
/*border:1px solid red;*/
visibility:hidden;
background:#000000;
/*text-align:left;*/
z-index:20;

}
#formacion{
position:absolute;
left:5px;
top:148px;
width:570px;
height:160px;
margin-top:1px;
/*border:1px solid red;*/
visibility:hidden;
background:#000000;
/*text-align:left;*/
z-index:20;

}
#rrhh{
position:absolute;
left:5px;
top:148px;
width:570px;
height:160px;
margin-top:1px;
/*border:1px solid red;*/
visibility:hidden;
background:#000000;
/*text-align:left;*/
z-index:20;
}

#intranet{
position:absolute;
right:1px;
top:148px;
width:570px;
height:160px;
margin-top:1px;
/*border:1px solid red;*/
visibility:hidden;
background:#000000;
/*text-align:left;*/
z-index:20;
}
#elearning{
position:absolute;
right:1px;
top:148px;
width:570px;
height:160px;
margin-top:1px;
/*border:1px solid red;*/
visibility:hidden;
background:#000000;
/*text-align:left;*/
z-index:21;
}

/***Estilos de los acceso rapidos****/

.accesos img{
/*width:16px;
height:16px;*/
float:right;
margin:2px;
}
.accesos a img{
border:none;
}
.accesos ul{
position:relative;
margin:1px 1px;
padding: 0;
float:left;
list-style:none;
display:list-item;
text-align:left;
/*width:150px;*/
}

.accesos u li{
display:list-item;
background:#EBEBEB;
text-align:left;
}
.accesos ul li p{
font:"Times New Roman", Times, serif;
font-size:12px;
text-align:left;
margin-top:1px;
display:list-item;
}
.accesos ul li a {
/*display: block;*/
/*width:185px;*/
text-decoration: none;
color:#000000;
/*background:#FFFFFF;*/
padding:0;
/*border: 1px solid #ccc;*/
border-bottom: 0;
/*text-align:left;*/
}
.accesos ul li a:hover{
background-color:#000000;
color:#FFFFFF;
}



/* Hack para IE \*/
* html .accesos ul li { float: left; height: 1%; }
* html .accesos ul li a { height: 1%; }
/* Fin */
/**EFECTO SOMBRA PARA ACCESOS RÁPIDOS***/
.sombra{
width: 575px; /* container width*/
background-color:#666666 /*#d1cfd0*/;
}

.sombra .desplazamiento{
height:160px;
background-color: white;
border:1px solid gray;
padding: 6px;
position: relative;
left: -5px; 
top: -5px; 
}
/**CLASES PARA EL MARCO DE TEXTO**/
.marco{
position:relative;
width:350px;
height:150px;

left:20px;
border:1px solid #000000;
}
/***CAPA PPAGINA***/
#ppagina {
position:relative;
width:900px;
height:30px;
margin-top:2px;
margin-left:auto;
margin-right:auto;
text-align:left;
/*border:1px solid #000000;*/
}



.piepagina ul{
margin:0;
padding:0;
float:left;
list-style-type:none;
display:list-item;
}

.piepagina p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
.piepagina a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background:none;
text-decoration:none;
color:#999999;
}