/*- Menu Tabs I--------------------------- */

    #tabsI {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #DD740B;
      }
    #tabsI ul {
	  margin:0;
	  padding:10px 10px 0 25px;
	  list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("../img/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("../img/tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

/* FIN DE PESTAÑAS */

/* ESTILOS POR DEFECTO */
  
body { 
	padding: 0; 
	margin-top: 30px; 
	font: 0.9em Tahoma, sans-serif; 
	line-height: 1.5em;
	color: #454545; 
	background: #F7F3CA url(/planempleo/images/fondo.gif);
}

hr
{
	height:1px;
	color:#D9E2EC;
}

#bodyregistrousuario
{
	padding: 0; 
	margin-top: 30px; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	color: #454545;
	background-color:#FFFFFF;
}

.bodyadmin
{
	padding: 0; 
	margin-top: 30px; 
	font: 1em Tahoma, sans-serif; 
	line-height: 1em;
	color:#354B62;
	background: #A0B5CB url(/tablonv2/img/fondo.gif);
}

a {	color:#486786;	background: inherit;}
a:hover { color:#FFFFFF; background: inherit; }
a:visited {color:#990000;}
.rotulo_campos a, .rotulo_campos a:visited{color:#FFFFFF; }
.rotulo_campos a:hover {color:#FFCC33; }
.fila a:hover {color:#FFFFFF; }
.fila a {color:#000066}
h1 
{ 
	font: normal 2.1em Arial, Sans-Serif; 
	letter-spacing: -1px; 
	margin-bottom: 5px; 
	border-bottom: 1px solid #ccc;
}

.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p 
{	
	margin: 0 0 5px 0;
}

ul { margin: 0; padding : 0; list-style : none; }

select
{
	color:#0066CC;
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-size:12px;
}

.capaErrores
{
	background-color:#FFEAEA;
	padding: 7px 7px 7px 7px;
	color:#9B1F00;
	width:90%;
	border:1px dotted #990000;
	margin:0 auto;
}

.listaErroresFormulario
{
	list-style-image:url(images/errorformulario.gif);
	margin-left:40px;
	color:#003366;
}


.fila {
color:#000033;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}

/* LAYOUT */

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 10px;
	background:#ffffff;
	border:1px solid #666666;
}

.header { 
	height: 150px;
	background: #fff;
	color: #808080;
}

img
{
	border:none;
}

.cabecera a img
{
	border:none;
}

.cabecera
{
	height:120px;
	border:none;
}

.navegacion {
	float: right;
	width: 778px; /* 2 pixels menos que cabecera y resto de contenido por el borde,que ocupa dicho pixel */
	padding: 4px 0 3px 0;
	background: #ffffff;
	color: #808080;
	margin-bottom:1px;
	border:1px solid #ccc;
	height: 20px;
	font-size:12px;
}

.navegacion_izquierda {
	width: 280px;
	float: left;
	padding-left:8px;
}

.logo
{
	width:20px;
	background:eee;
}

.seleccionar_area  {
	font-size: 1.0em;
	width: 80px;
	color: #FFF;
	background: inherit;
}

.centrado
{
	margin:0 auto;
	text-align:center;

}

/*****************************************/
/* Estilos para los iconos de Navegacion */
/*****************************************/
#navegacion_derecha {
	float: right;
	width: 300px;
}

#navegacion_derecha ul {
	margin:0 auto; 
	padding:0; 
	position:relative; 
	width:330px; 
	height:20px; 
	z-index:1;
}

#navegacion_derecha li {
	list-style-type:none; 
	position:absolute;
}

#desconexion
{
	margin-left:330px;
}

#incidencias
{
	margin-left:300px;
}

#navegacion_derecha a {
	display:block; 
	width:20px; 
	height:20px; 
	color:#000; 
	text-decoration:none; 
	background:transparent; 
	overflow:hidden; 
	z-index:10;
}

#navegacion_derecha a#es {
	position:absolute; 
	left:2px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/es.gif) no-repeat;
}

#navegacion_derecha a#en {
	position:absolute; 
	left:30px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/en.gif) no-repeat;
}

#navegacion_derecha a#disminuir {
	position:absolute; 
	left:60px; 
	top:1px; 
	background:url(file:///C|/AppServ/www/gris/images/bajaletra.gif) no-repeat;
}


#navegacion_derecha a#aumentar {
	position:absolute; 
	left:90px; 
	top:1px; 
	background:url(file:///C|/AppServ/www/gris/images/subirletra.gif) no-repeat;
}

#navegacion_derecha a#inicio {
	position:absolute; 
	left:120px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/poner_como_inicio_off.gif) no-repeat;
}

#navegacion_derecha a#favoritos {
	position:absolute; 
	left:150px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/favoritos_off.gif) no-repeat;
}

#navegacion_derecha a#byn {
	position:absolute; 
	left:180px; 
	top:9px; 
	background:url(file:///C|/AppServ/www/gris/images/byn.gif) no-repeat;
	width:20px;
}

#navegacion_derecha a#color {
	position:absolute; 
	left:210px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/color.jpg) no-repeat;
	width:20px;
}

#navegacion_derecha a#accesibilidad {
	position:absolute; 
	left:240px; 
	top:2px; 
	background:url(file:///C|/AppServ/www/gris/images/accesibilidad.png) no-repeat;
	width:20px;
}


#navegacion_derecha a#home {
	position:absolute; 
	left:270px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/ir_inicio_off.gif) no-repeat;
}

#navegacion_derecha a#email {
	position:absolute; 
	left:300px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/correo_off.gif) no-repeat;
}

#navegacion_derecha a#mapa {
	position:absolute; 
	left:330px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/mapaweb_off.gif) no-repeat;
}


#navegacion_derecha a#home:hover {
	position:absolute; 
	left:270px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/ir_inicio_on.gif) no-repeat;
}

#navegacion_derecha a#inicio:hover {
	position:absolute; 
	left:120px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/poner_como_inicio_on.gif) no-repeat;
}

#navegacion_derecha a#favoritos:hover {
	position:absolute; 
	left:150px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/favoritos_on.gif) no-repeat;
}

#navegacion_derecha a#email:hover {
	position:absolute; 
	left:300px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/correo_on.gif) no-repeat;
}

#navegacion_derecha a#mapa:hover {
	position:absolute; 
	left:330px; 
	top:4px; 
	background:url(file:///C|/AppServ/www/gris/images/mapaweb_on.gif) no-repeat;
}
  
  
/************************************************/
/* FIN de Estilos para los iconos de Navegacion */
/************************************************/



/*********************************************/
/* Estilos para el menú principal del portal */
/*********************************************/

.titulo_menu
{
	background-color:#F28C31;
	color:#FFFFFF;
	font:Tahoma;
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.1em 0.1em;
	text-align:center;
	margin-top:10px;
}
.titulo_menu_off
{
	background-color:#333333;
	color:#FFFFFF;
	font:Tahoma;
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.1em 0.1em;
	text-align:center;
	margin-top:10px;
}

.titulo_menu_admin
{
	background-color:#003366;
	color:#FFFFFF;
	font:Tahoma;
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.1em 0.1em;
	text-align:center;
	margin-top:10px;
	border:1px solid #000000;
	border-bottom:none;
}

.menu { 
	clear: both;
	font-size: 0.9em;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #F28C31;
	width:180px;
}

	.menu li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFFFF;
		background: #F28C31; 
	}
	
	.menu li.menu_activo { 
		background: #F28C31 url(file:///C|/AppServ/www/gris/bar.gif) no-repeat center top; 
		color: #FFF;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.menu li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.menu li a:hover { 
		color:#FF9933; 
		background: inherit;
	} 

/****************************************************/
/* FIN de Estilos para el menú principal del portal */
/****************************************************/

.search_field { 
	background: #fff url(file:///C|/AppServ/www/gris/searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* LADO IZQUIERDO */

.left {
	float: left;
	width: 34,6%;
	margin: 0 0 10px 0;
	position:relative;
}

.left h3 {
	clear: both;
	background: #A9C0CE url(file:///C|/AppServ/www/gris/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
	.left_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(file:///C|/AppServ/www/gris/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	
		
/* LADO DERECHO */
		
.right {
	float: right;
	width: 75%;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #6C757A  url(file:///C|/AppServ/www/gris/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* PIE */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0 ;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color:#517395; background: #fff; }


/* ESTILOS CONTENIDOS */

.titulo
{
	margin-bottom:1em; 
	margin-top:1em;
	background-color:#C4DE07; 
	padding: 1em 1em 1em 1em; 
	border:none; 
	color:#003366; 
	font-family:Arial; 
	font-size:1em; 
	border:1px solid #003366;
}

.parrafo
{
	font-family:Tahoma, sans-serif;
	font-size:1em;
	color: #454545;
	line-height: 1.5em;
	font-weight:normal;
}

.parrafo_justificado 
{
	font:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	text-align:justify;
	color:#7198F2; /*#0066CC; */
	font-weight:normal;
}
.parrafo_detalle 
{
	font:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	text-align:justify;
	color:#000000; /*#0066CC; */
	font-weight:normal;
}
.parrafo_olvido_pass 
{
	font:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	text-align:justify;
	color:#0066CC;
	font-weight:normal;
	width:500px;
	margin-left:140px;
}

.parrafo_justificado_sangrado
{
	font:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 40px;
	text-align:justify;
	color:#0066CC;
	font-weight:normal;
}

.parrafo_derecha 
{
	margin: 0 0 5px 0;
	text-align:right;
	color:#0066CC;
}

.derecha
{
	margin-left:100px;
}

.parrafo_centrado
{
	text-align:center;
}

.parrafo_sangrado
{
	margin-left:40px;
	text-align:justify;
}

.parrafo_doble_sangrado
{
	margin-left:80px;
	text-align:justify;
}

.resaltado
{
	font-weight:bold;
	
}


.asterisco_rojo
{
	font: Verdana;
	color:#FF0000;
}

/*************************/
/* Estilos Titulos h1    */
/*************************/

.titulo_h1 
{	
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0099FF; /*#486786;*/
	background-image:url(/planempleo/images/marcador_h1.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	margin-top:10px;
	text-align:left;
}

.titulo_h1 a
{	
	background-image:none;
}
.titulo_h1 a:visited
{
	font-size:1em;
	background-image:none;	
}

.titulo_h1 a:hover
{
	font-size:1em;
	background-image:none;	
}

.titulo_h2
{
	background-color:#006699; 
	color:#FFFFFF; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	font-weight:bold; 
	padding:3 3 3 3 px; 
	border:none; 
	text-align:center; 
	margin-bottom:12px;
}

.titulo_h3
{
	background-color:#f2f2f2; 
	color:#003366; 
	border:1px solid #333333; 
	padding:1 1 1 1px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	font-weight:bold; 
	border:none;
}

/**************************/
/* FIN titulos H1         */
/**************************/

.icono_alineado 
{
	vertical-align:middle;
	border:none;
}

.rotulo_campos
{
	background-color:#7198F2;/*#0099FF;*/
	font-family:Tahoma;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

.sortheader
{
	color:#FFFFFF;
	text-decoration:none;
}


/*****************************************/
/* Estilos para mostrar el reloj y fecha */
/*****************************************/

#reloj, #fecha_actual
{
	color:#999999;
	font:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:lighter;
	/*style="vertical-align:middle; color:#999999; font:Arial, Helvetica, sans-serif; font-size:10px; font-weight:lighter;*/
}

/************************************************/
/* FIN de Estilos para mostrar el reloj y fecha */
/************************************************/


/****************************************/
/* Estilos para elementos de formulario */
/****************************************/

.capa_formulario
{
	border-bottom:1px solid #000000;
	padding-bottom:20px;
	margin:0 auto;
	text-align:center;
}

.capa_formulario_login
{
	border-bottom:1px solid #999999;
	padding-bottom:20px;
	margin:0 auto;
	text-align:center;
}

.capa_botones_formulario
{
	margin-left:150px;
}

form 
{  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;	 
  	margin: 0;
  	padding: 0;
}

form label 
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	
	font:Tahoma;
	font-size:1.0em;
	color:#006699;
	font-weight:bold; 
}

label:first-letter
{
	text-decoration:underline;
}

.campo_texto
{
	border:1px solid #dddddd;
	background-color:#ffffff;
	font-family:Tahoma;
	font-size:1em;
	color:#003366;
}

.area_texto
{
	border:1px solid #dddddd;
	background-color:#ffffff;
	font-family:Courier New;
	font-size:1em;
	color:#003366;
}

.campo_texto_login
{
	border:1px solid #D2DDF9;
	background-color:#ffffff;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
	text-align:center;
}

.campo_texto:hover 
{
	background-color:#C6ECFF;
	border: solid 1px #ccc;
	color: #000;
	cursor: pointer;
}

form input#reset 
{
	margin-left:0px;
}

textarea 
{ 
	font:"Courier New", Courier, mono;
	font-size:1.3em;
	border:1px solid #ccc;
}

textarea:hover
{ 
	border:1px solid #ccc;
	background-color:#DFE7EE;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

.boton
{
	width: auto; 
	border: 3px double #999999; 
	border-top-color: #CCCCCC; 
	border-left-color: #CCCCCC; 
	padding: 0.25em; 
	background-color: #EEEEEE; 
	background-image: url(file:///C|/AppServ/www/gris/images/fondo_boton.gif); 
	background-repeat: repeat-x; 
	color: #333333; 
	font-size: 0.9em; 
	font-weight: bold; 
	font-family: Tahoma;
}

.capa_errores
{
	text-align:center; 
	padding:5px; 
	border:1px dotted #ff0000; 
	background-color:#FFFFEA; 
	color:#FF0000; 
	font:Arial; 
	font-size:1.0em;
}

.titulo_formulario
{
	margin-bottom:1em; 
	background-color:#F0B333; 
	padding: 0.1em 0.2em 0.1em 0.2em; 
	border:none; 
	color:#ffffff; 
	font-family:Tahoma; 
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

.tabla_login
{
	bottom:1px solid #999999;
}

.titulo_formulario_login
{
	margin-bottom:1em; 
	background-color:#F0B333; 
	padding: 0.1em 0.2em 0.1em 0.2em; 
	border:none; 
	color:#ffffff; 
	font-family:Tahoma; 
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

.titulo_formulario_login_admin
{
	margin-bottom:1em; 
	background-color:#003366; 
	padding: 0.1em 0.2em 0.1em 0.2em; 
	border:none; 
	color:#ffffff; 
	font-family:Tahoma; 
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

/************************************/
/* FIN de estilos para formularios  */
/************************************/

/* ********************************************************************************************* */
/* 								ESTILOS PARA PANEL DE ADMINISTRACIÓN							 */
/* ********************************************************************************************* */

.login
{
	top: 200px;
	border:0px;
}

.fechanoticia
{
	font-weight:bold;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

.campotexto
{
	border:1px solid #cccccc;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

.campofecha
{
	border:1px solid #cccccc;
	font-family:Verdana;
	font-size:10px;
	color:#0066CC;
	text-align:center;
	font-weight:bold;
}

.sortable
{
	background-color:#F5F8FC;
	color:#FFFFFF; /*#3D536D;*/
}

.rotulo_tabla
{

	background-color:#FE8C06;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #5F83A0;
	border-left:1px solid #5F83A0;
	border-right:1px solid #5F83A0;
	border-bottom:none;
	width:720px;
}

.rotulo_detalle
{
	background-color:#FE8C06;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	border:1px solid #5F83A0;
	width:720px;
	padding:5px 5px 5px 5px;
	font-size:14px;
	font-family:Tahoma;
	margin:0 auto;
}

.detalle_beca
{
	padding:20px;
	width:720px;
}

.total_registros
{
	color:#ffffff; /*#002953;*/
	background-color:#0099FF;/*#FFCC33;*/
	width:720px;
	text-align:right;
	margin:0 auto;
	font-size:10px;
}

.nodisponible
{
	color:#666666;
}

.detalle
{
	padding: 5px 5px 5px 5px;
	background-color:#F8F9FA;
}

.titulo
{
	background-color:#31436C;
	color:#FFFFFF;
	border:none;
	padding:0 0 0 6px;
}

.titulo_seccion
{
	font-size:0.8em;
	text-align:center;
	padding:2px 2px 2px 2px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FE8C06;
	border:1px solid #000000;
}

.contenido_seccion
{
	border:1px solid #666666;
}

/* Estilos para scroll de novedades */

#pscroller1{width: 200px;height: 300px;border: 1px solid black;padding: 5px;background-color:#DAE2E9; border:1px solid #CCCCCC; font-family:Tahoma; font-size:11px;}
#pscroller1 a{text-decoration:none; color:#4A679B;}
#pscroller1 a:visited{text-decoration:none; color:#4A679B;}
#pscroller1 a:hover{text-decoration:none; color:#4A679B;}


.someclass{ //class to apply to your scroller(s) if desired}