/* Css de Alumni */

/*PROPIEDADES DE LA PÁGINA EN GENERAL*/
/*formatos de párrafo, linea de separacion, imágenes, encabezados 1 al 3, listas, tablas, vínculos (en sus 4 estados) y body*/

body  {
		color: #000;
		border: 0;
		margin: 0;
		font-size: 0.95em;
		line-height: 1.245em;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #f2f2f2;
	}
	

p  {
		font-size: 0.95em;
		margin: 0.85em 0;
		letter-spacing: 0.004em;
	}
img { border: 0; }

object { outline: none; }	

hr	{
		display:none;
	}
h1 {
		font-size: 2em;
		color:#003150;
		font-weight: normal;	
		margin: 0 0 15px 0;
		letter-spacing: 0.002em;
		line-height: 1.25em;
	}

h2 {
		font-size: 1.3em; 
		color:#000;
		margin: 0.5em 0;
		letter-spacing: 0.004em;		
	}

h3 {
		font-size: 1.1em;
		color:#003150;
		margin: 0.5em 0;
		letter-spacing: 0.004em;
		font-weight:normal;
	
	}
h4 {
	font-size: 1em;
	color: #003150;
	font-weight: bold;
	margin: 0.5em 0;
	letter-spacing: 0.004em;
}
	
td  {
	background-color: #f0f0f0;
	font-size: 12px;
	height:30px;
	max-height:35px; 
	padding: 5px 10px;
}
td.mapa  {
	background-color: #fff;
	font-size: 12px;
	height: 30px;
	max-height: 35px;
	padding: 5px 10px;
	border-right: 1px dashed #ccc;
}
td.mapa2  {
	background-color: #fff;
	font-size: 12px;
	height: 30px;
	max-height: 35px;
	padding: 5px 10px;
	
}
a	{
		
		color:#0083be;
		
	}
a:link {
		
		text-decoration: none;
		
	}
a:visited {
		text-decoration: none;
		color:#0083be;
		
	}
a:hover {
		text-decoration: underline;
		color:#003150;
		
	}
a:active {
		text-decoration: none;
		color:#0083be;
		
	}
	
/*Divs de maquetación: contenedor, cabecera, pie, columnas izquierda, central y derecha*/
	 
	 /*PRIMERO HACEMOS UN CONTENEDOR PARA QUE ALBERGUE A 
	 LOS DEMÁS ELEMENTOS, ADEMÁS QUEREMOS QUE QUEDE CENTRADO,
	  POR LO QUE PONDREMOS ATENCIÓN A LOS VALORES DE MARGIN*/
#contenedor	{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	font-size: 0.90em; /* font-size: 0.75em; */
	position: relative; /* Vitally important for country selector popup */
	padding: 0 10px 10px 10px;
	height: 100%;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
	
#cabecera{
		width:980px;
		height:140px;
		padding: 0 0 15px 0;
	}
/* Cabecera izquierda (logo alumni) - Cabecera derecha para bienvenido@computedtext */
.cabecera_izq {
		float: left;
		width: 395px;
		padding-top: 10px; 
		padding-bottom: 20px; 
	}	
.logo {
		float: left;
		margin: 0 18px 0 0;
		background-color:#FFF;
	}
	
		
.cabecera_dcha {
		float: right;
		width: 395px;
		text-align: right;
		padding-top: 4px;  /* Height above & search box */
	}

.bienvenido {
		float: right;
		margin: 0 -2px 2px 0;
		padding-top: 50px;
		padding-left: 10px;
		padding-right:10px;
		font-size: 0.90em;
		background-repeat: no-repeat;
		background-position: left center; 	
	}

/*** Contenido SIN COLUMNAS ***/
.unica {
		padding-left: 10px;      
		padding-right: 10px;
		position: relative; 
		padding-top: 14px;
		font-size: 0.90em;
	}	
.unica ul{
line-height: 1.6em;
	list-style-type: none;
	list-style-image: url('../../../imagenes/ocean_arrow-bright-li.gif/$FILE/ocean_arrow-bright-li.gif');  
}

.unica ul ul{
	list-style-type: square;
}

.unica ul ul ul{
	list-style-type: disc;
}
	
/*** Contenido CON 3 COLUMNAS ***/	
	
.izquierda{
		width:192px;
		height:auto;
		margin:0;
		float:left;
		padding:3px;
		font-size: 1em;
	}

.derecha{
	width:192px;
	margin:0;
	float:right;
	padding:5px;
		font-size: 0.90em;
	}
	
.principal{
		width:540px;
		height:auto;
		margin:0 5px 0 205px;
		padding:5px;
			font-size: 0.90em;
	}
.principal ul{
line-height: 1.6em;
	list-style-type: none;
	list-style-image: url('../../../imagenes/ocean_arrow-bright-li.gif/$FILE/ocean_arrow-bright-li.gif');  
}

.principal ul ul{
	list-style-type: square;
}

.principal ul ul ul{
	list-style-type: disc;
}


	/* Webtile (imagen en la columna izquierda y/o derecha */
	.webtile {
		text-align: center;
		padding-top: 12px;
		padding-bottom: 8px;
	}
	.webtile a { border: 0; }
	

/*** PIE  ***/		
#footer{
		width: 100%;	
		height:140px;
	
	}
	
#pie {
	    background-color: #F0F0F0;
	    width: 100%;	
	    display: table;
	}
/*** copyright y links del pie de página  ***/			
.pielinks {
		font-size:0.80em;
		color: #666666;
		letter-spacing: 0.004em;
		line-height: 1.7em;
		padding: 5px 10px 0 10px;
		
	}
	
.pielinks ul {
		padding: 0;
		margin: 0 0 0 0;
		list-style: none;
		line-height: 1;	
	}

.pielinks li {
		float: left;
		text-align: left; 
	}
	
.pielinks a {
		display: block;
		padding: 5px 20px 5px 0;
		text-decoration: none;
		font-weight: normal;
		color: #003150; 
	}
.pielinks a:link, .pielinks a:visited { text-decoration: none; color: #003150; }
.pielinks a:hover { text-decoration: underline; background-color:#FFF;
	}

/*** Menú secundario del pie de página  ***/			
#pienav, #pienav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		float: left;
	}

#pienav a { 
		display: block;
		padding: 10px 15px 10px 15px;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: normal;
		border-right: 1px solid #FFFFFF;
		background-color: #F0F0F0;
		color: #003150; 
	}
	
#pienav a:hover { padding: 9px 15px 9px 14px; border:1px solid #0083be;text-decoration: none; background-color: #FFFFFF;
	} /* Account for hover state border */
  
#pienav li { /* all list items */
		float: left;
		text-align: left; 
	}

/*** Fin pie de página ***/
	
	
	

/*** Menú desplegable HORIZONTAL - cogido de GLOBAL ***/

	#navblock { /* contenedor del menú */
		display: table;
		width: 100%;
		clear: left;
		 background-color: #0083BE;
	} 

	#nav, #nav ul { /* items del menú - listas */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}

	#nav a { /* Base tabs */
		display: block;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		font-weight: normal;
		font-size: 0.90em;
		color: #FFFFFF;
		background-color: #0083BE; 
		background-image: url('../../../imagenes/ocean_navsep.gif/$FILE/ocean_navsep.gif');  
   		background-repeat: no-repeat;
		background-position: right center; 
	}
	#navselected a { background-color: #003150; background-image: none; padding-right: 21px; } /* Remove navsep from selected page */
	ul #navselected ul { background-color: #FFFFFF; }	/* Force bg color of last (unused) column cell */
	#nav #navselected:hover ul, #nav #navselected.sfhover ul { background-color: #FFFFFF; 
	border-bottom: 1px solid #0083BE;
	} /* Selected outer Hover UL */
 	#navselected {background-color: #FFFFFF; margin-left: -1px;} /*  Hide neighbouring navsep */
  
	#nav li { /* all list items */
		float: left;
		text-align: left; 
	}

	/* Multi column primary nav - 2nd level items */
	#nav li ul li { width: 180px; }
	#nav li ul li a { line-height: 1.5em; color:#003150}

	#nav li ul { /* Multi column primary nav - 2nd level outer box */
		position: absolute;
		width: 360px; 
		left: -999em; /* Left instead of display to hide menus because display: none isn't read by screen readers */
	}

	#nav li.navsingle ul { width: 180px; } /* Class for single column */

	#nav li:hover ul, #nav li.sfhover ul { /* Entire 2nd level list revealed on hover */
		left: auto;
		z-index: +1;
		padding: 15px 15px 10px 15px;
		background-color: #ffffff; 
		border-right: 1px solid #0083BE;
		border-left: 1px solid #0083BE;
		border-bottom: 1px solid #0083BE;
	}

	/* Base tabes on hover, treatment for special border */
	#nav li li a { border:none; }
	ul#nav li.sfhover a, ul#nav li:hover a {
	padding-top: 9px;
	padding-bottom: 10px;
	margin-right: -2px;
	padding-right: 21px;
	background-color:#fff;
	border-right: 1px solid #0083BE;
		border-left: 1px solid #0083BE;
		border-top: 1px solid #0083BE;
		color:#0083BE;
	
		
	}
  	ul#nav li.sfhover, ul#nav li:hover { margin-left: -1px;
	}
	ul#nav li.sfhover ul li, ul#nav li:hover ul li { margin-left: 0; }	

  /* Trickery for bright borders in IE6 */
	* html #nav li:hover ul, * html #nav li.sfhover ul { margin-top: 1px }
	* html ul#nav li.sfhover a, * html ul#nav li:hover a { position: relative; top: 1px; margin-top: -1px; }
	* html ul#nav li.sfhover a.navstaticlink, * html ul#nav li:hover a.navstaticlink { padding-bottom: 9px; }	

	#nav li:hover ul a, #nav li.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
		padding: 3px 5px 3px 5px;
		margin-bottom: 5px;
		font-size: 0.9em;
		font-weight: normal;
		border: 0; /* No border on sub items */
		color: #0083BE;
	}
	

	#navbaseline { /* Transparent baseline under nav */
		clear: left;
		background-color: #FFFFFF;
		height: 1px;
	}

	* html #navbaseline { font-size: 1px; } /* Fix daft IE6 sizing of zero height div */

	/* Home tab & static links need border adjustment */
	#nav a.navstaticlink:hover { padding-bottom: 9px; background-image: none; background-color: #FFFFFF;
		color: #003150;
		border-left: 1px solid #0083BE;
		border-top: 1px solid #0083BE;
		border-right: 1px solid #0083BE;
		 border-bottom: 1px solid #0083BE;
		 }

	/* White arrow for all 2nd level items */
	#nav li:hover ul a, #nav li.sfhover ul a, #nav #navselected:hover ul a, #nav #navselected.sfhover ul a { /* Individual 2nd level list items, revealed with hover */
		padding-left: 15px; 
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: 	5px 6px; 
		background-image: url('../../../imagenes/ocean_arrow-bright.gif/$FILE/ocean_arrow-bright.gif'); 
	}

	/* Replace white arrow with dark for a:hover item */
	#nav li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav #navselected:hover ul a:hover, #nav #navselected.sfhover ul a:hover { /* Individual 2nd level list items, revealed with hover */
		padding-left: 15px; 
		background-repeat: no-repeat;
		background-position: 	5px 6px; 
		background-color: #FFFFFF;
		color: #003150;
		text-decoration:underline;
		background-image: url('../../../imagenes/ocean_arrow-base.gif/$FILE/ocean_arrow-base.gif'); 
	}

/*** FIN menú desplegable ***/


/*** MENU SECUNDARIO (izquierda) - cogido de GLOBAL ***/ 
	
	
	.menu2 { border-top: 1px solid #CCCCCC; } /* Top most item border */

	.lhnentry { position: relative; }
	
	.menu2 a {
		display: block;
		padding: 6px 15px 6px 0;
		font-size: 0.9em;
		line-height: 1.2em;
		color:#003150;
		
	}
	
	.menu2 li { /* All levels of menu */
		background-color: #FFFFFF;
		
	}
	.menu2 li a:hover { text-decoration:underline; color: #0083BE; }
	.menu2 ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	/* Indentation & seperators for each of the three levels */
	.menu2 li div {
		padding-left: 10px;
		border-bottom: 1px solid #CCCCCC;
	} 
	.menu2 li li div {
		padding-left: 20px;
		border-bottom: 1px solid #EBEBEB;
	}
	.menu2 li li li div {
		padding-left: 30px;
		border-bottom: 0px;
		border-bottom: 1px solid #EBEBEB;
	} 

	/* level 1 */
	 .menu2 #selected {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 182px 10px;
	font-weight: bold;
background-image: url('../../../imagenes/ocean_arrow-bright.gif/$FILE/ocean_arrow-bright.gif'); 
} /* currently selected arrow */

	* html .menu2 #selected { background-position: 182px 12px; } /* IE6 */
	*:first-child+html .menu2 #selected { background-position: 182px 12px; } /* IE7 */

	/* Hover for non-selected items */
	.menu2 div:hover {
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: 182px 10px;
		color:#0083be;
		text-decoration:underline;
	}
	* html .menu2 div:hover { background-position: 182px 12px; 	color:#0083be;} /* IE6 */
	*:first-child+html .menu2 div:hover { background-position: 182px 12px; 	color:#0083be;} /* IE7 */	
	.menu2 #selected a:link, .menu2 #selected a:visited { color: #0083BE; }

/*** CAJAS (COLUMNA DERECHA) ***/ 

/* Más información - compartir página - imprimir, etc*/

.info {
		padding: 10px 0 0 10px;
		border-top: 1px solid #CCCCCC;
		}

.infotitulo {
		font-size: 1.1em;
		padding-top: 
		color: #555555;
	
		}
	
.info ul {
		margin-top: 10px;
		margin-bottom: 10px;
		list-style-type: none;
	list-style-image: url('../../../imagenes/ocean_arrow-bright-li.gif/$FILE/ocean_arrow-bright-li.gif');
	}
	
.info ul li {
		margin-bottom: 4px;
		margin-left: -22px;
		line-height: 1.2em;
	}

/* RH Share box */
	/* RH Page tool */
	#pagetools a:link, #pagetools a:visited, #pagetools a:hover { text-decoration: none; color: #0083BE;}
	#pagetools a:hover { text-decoration: underline; }
	#pagetools, #pagetools ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	ul#pagetools li, ul#shareicons li { list-style: none; } /* Overide .rhbox icons above */
	#pagetools li {
		margin: 3px 0 2px 0;
	}
	#pagetools img {
		margin: 0 8px -4px 0;
	}
	
	/* RH Share box */
	#pagetoolbox {
		padding: 10px 0 10px 10px;
		border-top: 1px solid #CCCCCC;
	}
	
	#sharebox {
		position: relative;
		z-index: +1;
		display: none;
		width: 180px;
		background-color: #FFFFFF;
	}
	#sharebox a:link, #sharebox a:visited, #sharebox a:hover { text-decoration: none; color: #0083BE;}
	
	#shareicons li {
		margin: 5px 0;
	}
	#sharebox img {
		margin: 0 2px -5px 0;
	}
	
	#shareboxhead{
		position: relative;
		z-index: +1;
		line-height: 1em;
		margin-left: -1px;
		clear: left;	
	}
		
	#shareboxtriangle {
	background-image: url(../../../imagenes/ocean_sharetriangle.gif/$FILE/ocean_sharetriangle.gif); 
		background-repeat: no-repeat;
		background-position: right bottom;
		margin: 0 160px -1px 0;
	}
	
	#shareicons {
		padding: 10px;
		margin: 0;
		list-style: none;	
		position: relative;
		 border: 1px solid #0083BE;
	}

	#shareboxclose {
		position: absolute;
		z-index: +1;
		top: 0;
		right: 0;
		height: 14px;
		width: 14px;
		border-left: 1px solid #0083BE;
		border-bottom: 1px solid #0083BE;
	}
	
	* html #shareboxclose { top: 1px; }
	* html #shareboxclose  img { margin-left: 1px; }
	
	
/* ESTILOS ESPECIALES */	

/* Home privada */
#home_container{
		width: 980px;
		padding: 0 0 10px 0; 
		position: relative;
		background-color: #fff;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		height: 100%;
}
#home_destacados {
    margin-top: 10px;
	margin-bottom:10px;
  }
  .destacado1, .destacado2, .destacado3 {
        padding: 15px 10px 10px 10px;
     
        color: #000000;
        width: 305px;
        float: left;
    }
.destacado1, .destacado2, .destacado3 ul{
	list-style-type: none;
	list-style-image: url('../../../imagenes/ocean_arrow-bright-li.gif/$FILE/ocean_arrow-bright-li.gif');  
}

.destacado1, .destacado2, .destacado3 ul ul{
	list-style-type: square;
}

.destacado1, .destacado2, .destacado3 ul ul ul{
	list-style-type: disc;
}
    .destacado1 {  padding: 15px 10px 10px 10px; }
    .destacado2 { padding: 15px 10px 10px 10px;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
    }	
		
	.titulo_home, .tituloimg_home {
		font-size: 1.6em;
		display: block;
		margin: 0 0 10px 0;
		color: #003150;
	}
	
	.subtitulo_home {
		font-weight: bold;
		display: block;
		margin: 0 0 10px 0;
	}



/* Home publica - dividida en columnas*/
#publica_container{
		width: 980px;
		padding: 0 10px 15px 10px;
		position: absolute;
		background-color: #fff;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		height: inherit;
		font-size: 0.9em;
}
	
#cabecera_home{
		width:980px;
		height:100px;
		padding: 0 0 15px 0;
		border-bottom: 5px solid #0083be;
	}
#home_izq {
		float: left;
		width: 586px; /* Image is 576 + 20 gutter */
		height: 100%;
		
	}
		
#home_dcha{
		float: left;
		width: 384px;
		padding-right: 10px;
		font-size: 0.90em;
			}
#home_dcha p {  }
   .destacado_dcha1 { padding:10px; }
	.destacado_dcha2 {
	padding:10px;
        border-bottom: 1px solid #CCCCCC;
    }	
	.destacado_dcha1, .destacado_dcha2 ul{
	list-style-type: none;
	list-style-image: url('../../../imagenes/ocean_arrow-bright-li.gif/$FILE/ocean_arrow-bright-li.gif');  
}

.destacado_dcha1, .destacado_dcha2 ul ul{
	list-style-type: square;
}

.destacado_dcha1, .destacado_dcha2 ul ul ul{
	list-style-type: disc;
}

/*para las vistas*/
#contenedor_vista	{
		width: 100%;
		margin-left: auto;
		margin-right: auto;	
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.85em; /* font-size: 0.75em; */
		position: relative;/* Vitally important for country selector popup */
		padding: 0;
		height: 100%;
		 }
		 
		 

.searchbox {
	background-color: #fff;		
	padding: 50px;
	margin-bottom: 3px;
	}	
.searchtitle { /*texto de la búsqueda*/
	text-align: right;
	font-size:12px;
	font-weight: bold; 
	padding: 10px;
	}
.searchtitle_perfil { /*texto del formulario del perfil*/
	text-align: right;
	font-size:11px;
	font-weight: bold; 
	padding: 10px;
	background-color: #fff;
	}	
.td_perfil {
	background-color: #fff;
	font-size: 11px;
	height:30px;
	padding: 2px 5px;
	text-align: left; 
}	
.resultados { /*contador resultados de la búsqueda*/
	margin-right: 150px;
	margin-bottom: 30px;
	color: #003150;
	font-size:12px;
	font-weight: normal; 
	padding: 10px;
	}

#searchfield { /* Input field */
		width: 180px;
		height: 21px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-left: 500px;
		padding: 1px;
		border: 1px solid #989898;
		color: #3E3A36;
	} 
#contenedor_form	{
		width: 800px;
		margin-left: 50px;
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.90em; /* font-size: 0.75em; */
		position: relative;/* Vitally important for country selector popup */
		padding: 20px;
		
		border-left: 1px solid #ccc;	
border-right: 1px solid #ccc;	
		 }		
#contenedor_form ul{
line-height: 1.6em;
font-size: 11px;
	list-style-type: none;
	list-style-image: url('../../../imagenes/ocean_arrow-bright-li.gif/$FILE/ocean_arrow-bright-li.gif');  
}

#pie_form	{
		width: 90%;
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.90em; /* font-size: 0.75em; */
		position: relative;/* Vitally important for country selector popup */
		padding: 0;
		height: 100%;
			 }		 
#searchfield_perfil { /* Input field */
		width: 180px;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 1px;
		border: 1px solid #989898;
		color: #3E3A36;
	} 
	
.estrella_roja
{
	font-weight: normal;
	font-size: 12px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
		text-align: right;

}
.texto_vista
{
	font-weight: normal;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;

}
.texto_vista ul{
	list-style-type: none;
	list-style-image: url('../../../imagenes/ocean_arrow-bright-li.gif/$FILE/ocean_arrow-bright-li.gif');  
}
/*para las vistas de alta y de actualización del perfil - cogidas de alumni_principal_bright*/

.tablaazul {

font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
font-size: 0.8em;
color: #000000;
padding: 5px;
}

.contenidopeque{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #003150;

}
.campotexto {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #ccc;
}
#privacidad{
	width: 444px;
	float: left;
	margin: 10px;
	padding: 10px;
	font-weight: normal;
	font-size: 0.9em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #003150;
	background-color: #fff;
	
	}

