* {margin: 0; padding: 0;}

/* Etiquetas */
a { color: #36C;}
a:hover { color: #06F;}

body {
	background: #E0E4E6;
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}

input, textarea, select { color: #757575; font: normal 1.1em "Lucida Sans Unicode",sans-serif;}



h1,h2,h3 { color: #2A617F; padding-top: 6px; letter-spacing:1px;}
h1 {color:#538098; /*color:#2A617F;*/ font:28px "Times New Roman", Times, serif; margin-bottom:14px;}
h3 {color:#538098; font:20px "Times New Roman", Times, serif; margin-bottom:14px;}

h4 {color:#2A617F; font:16px "Times New Roman", Times, serif; margin-bottom:12px; font-weight:bold;}

code {
	background: url(../img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite{
	background: url(../img/quote.gif) no-repeat;
	color: #666;
	display:block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}

h3 {color:#333; font:22px "Times New Roman", Times, serif; margin-bottom:14px;}

/* Clases */
.left { float:left;}
.right {float:right;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:block;}/* Hack para ie6*/
* html .clearfix {height:1px;}/* Hack para ie mac*/
.clearfix {/display:inline-block;}

.lnk_descarga {padding-left:14px; background: url(../img/bg_linkDescarga.gif) no-repeat 0px 2px; color:#E9A511; font-size:12px; text-decoration:none; display:block;}
.lnk_descarga:hover { color:#E9A511; text-decoration:none;}

.lnk_en { padding-left:20px; background:url(../img/en.gif) no-repeat 0px 4px; color:#E9A511; text-decoration:none;}
.lnk_en:hover, .lnk_es:hover{color:#E9A511; text-decoration:underline;}

.lnk_es { padding-left:20px; background:url(../img/es.gif) no-repeat 0px 4px; color:#E9A511; text-decoration:none;}

.lnk_form { color:#E9A511; font-size:1.1em; text-decoration:none;}
.lnk_form:hover {color:#E9A511; text-decoration:underline;}

.lnk_corp { color:#E9A511; text-decoration:none;}
.lnk_corp:hover {color:#E9A511; text-decoration:underline;}

.naranja {color:#E9A511;}

.clearer { clear:both;}

.tablaListado, .tablaCalendario {border:1px solid #eee; margin-top:12px; margin-bottom:14px;}
.tablaListado td, .tablaListado th, .tablaCalendario td, .tablaCalendario th { padding:2px;}
.tablaListado th, .tablaCalendario th { background:#eee;}
.tablaListado td, .tablaCalendario td { /*border:1px solid #eee;*/}

.tablaSalas {border:1px solid #eee; margin-top:12px; margin-bottom:5px;}
.tablaSalas td { padding:2px;}
.tablaSalas th { background:#eee; text-align:left; font-size:10px; padding:2px 1px 2px 2px; border-left:1px solid #444}
.tablaSalas td { border:1px solid #eee;}

.boxIntervalos {position:relative; display:block;}
.intervalo, .intervaloPrev {position:absolute; line-height:15px; top:0px; float:left; cursor:pointer;}
.intervalo {background:#E9A511;}
.intervaloPrev {background:#d2daff;}
#toolTipBox {
	display: none;
	padding: 0px 2px;
	font-size: 1.0em;
	border-bottom: 1px solid #E9A511;
	/*position: absolute;*/
	background-color: #FFEBCF;
	color: #E9A511;
	z-index:10;
}
.cajaForm { display:none;}
.box_leyendaVacaciones { margin:12px 0px 18px 0px;}
.box_leyendaVacaciones p { font-size:10px; margin:0px 0px 1px 0px; padding:0px 0px 0px 10px; }
.box_leyendaVacaciones p.aprobadas { border-left: 10px solid #e9edff;}
.box_leyendaVacaciones p.solicitadas { border-left: 10px solid #f8cc8c;}
/*.tablaCalendario th { width:20px; text-align:center;}
.tablaCalendario th.nombre {width:194px; text-align:left; padding:0px 3px;}
.diaPre { background:#fae0ba;}
.diaSel { background:#fae0ba url(../img/bullet_diaSel.gif) no-repeat center 4px;}*/

.mensaje { color:#E9A511; font-size:1.2em;}

.inactivo { color:#818181;}

.txt_info { font-size:16px;}

dl.list_Calendario {font-size:1.1em;}
dl.list_Calendario dt {
	background:url(../img/ico_calendario.gif) no-repeat 0px 1px;
	padding-left:1.6em;
	color:#2A617F;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;
	margin-top:1.0em;
}
dl.list_Calendario dd { margin-left:1.8em; line-height:1.6em;}

/* Layout */
.container {
	background:#fff;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 930px;
	padding:5px;
}
.header {background: #DEE0E2 url(../img/bg_cabecera.gif) no-repeat 687px bottom; padding:22px 25px 22px 50px; margin-bottom:5px; height:1%; position:relative;}
.header h2 { font:18px "Times New Roman", Times, serif; color:#3d5c76; padding:3px 0px 0px 0px;}

#box_horas {position:absolute; left:218px;}
#box_horas ul {
	list-style-type:none;
	color:#627B8F;
	background:url(../img/bg_horas.gif) no-repeat 0px 5px;
	padding-left:18px;
	font-size:11px;
	height:24px;
	overflow:hidden;
}
#box_horas ul li { border-left:1px solid #C2CFD9; padding-left:5px; float:left; line-height:30px; margin-right:8px;}


/* title */
.title h1 {
	color: #FFF;
	font: normal 3em Verdana,sans-serif;
	height: 70px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: center;
}

/* navigation */
#box_infoUsuario {
	background:url(../img/bg_infoUsuario.gif) repeat-x 0px 0px;
	padding:8px 12px 12px 12px;
	/*font-family:"Times New Roman", Times, serif;*/
	border-bottom:1px solid #fff;
	color:#F3F5F7;
}
#box_infoUsuario span.usuario {font-size:14px;}
#box_infoUsuario span.fecha {
	font-size:10px;
	text-align:right;
	padding-top:2px;
	display:block;
	border-bottom:1px dotted #7d7d7d;
	margin-bottom:5px;
}
#box_infoUsuario p {font-size:12px;}

.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

/* main */
.main {
	clear: both;
	border:1px solid #eee;
}

/* main left */
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	border: 1px solid #E5E5E5;
	float: left;
	width: 200px;
	/*background:#87bbd8;*/
	background:#E7EDF1;
}

.btn_salir {
	display:block;
	background:#2A617F url(../img/bg_btnSalir.gif) no-repeat 7PX 9PX;
	color:#fff;
	font-size: 1.1em;
	line-height:26px;
	font-weight:bold;
	padding-left:23px;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
.btn_salir:hover { color:#87BBD8;}

.btnAdmin {
	display:block;
	color:#333!important;
	font-size: 1.1em;
	line-height:25px;
	height: 25px;
	font-weight:bold;
	padding-left:26px!important;
	background: url(../img/bullet_admin.gif) no-repeat 5px 4px!important;
	border-bottom:1px solid #fff;
	text-decoration:none;
}
.btnAdmin:hover {color:#fff;}



/* Menu usuario */
	.sidenav ul.menu { list-style-type:none; margin:0px; padding:0px;}
	.sidenav ul.menu li a, .lnkMain {
		display:block;
		/*color:#fff;*/
		color:#2A617F;
		font-size: 12px;
		line-height:25px;
		height: 25px;
		font-weight:bold;
		padding-left:20px;
		background:url(../img/bullet_h1.gif) no-repeat 7px 9px;
		text-decoration:none;
		border-bottom:1px solid #fff;
	}
	.sidenav ul.menu li a:hover, .lnkMain:hover { color:#E9A511;}

	.lnkMain2 {
	
	display:block;
		/*color:#fff;*/
		color:#2A617F;
		font-size: 12px;
		line-height:25px;
		height: 25px;
		font-weight:bold;
		padding-left:20px;
		background:url(../img/bullet_h1.gif) no-repeat 7px 9px;
		text-decoration:none;
		border-bottom:1px solid #fff;
		
		
	
	}

	.lnkMain2:hover {
	color:#E9A511;
	}

/* SubMenu usuario */
	.sidenav ul.subMenu {
		display:none;
		border-top: 1px solid #FAFAFA;
		background: url(../img/bgul.gif) repeat-x;
		margin: 0;
		padding: 0;
	}
	.sidenav ul.subMenu li {
		border: 1px solid #FAFAFA;
		border-top: none;
		list-style: none;
		margin: 0;
	}
	.sidenav ul.subMenu li a {
		color: #777;
		display: block;
		font-size: 10px;
		padding: 2px 6px 2px 22px;
		text-decoration: none;
		font-weight:normal;
		background:none;
		line-height:15px;
		height: 15px;
	}
	.sidenav ul.subMenu li a:hover { color: #3a3a3a;}
	
/* SubMenu Admin */
	.sidenav ul.subMenuAdmin {
		display:none;
		/*border-top: 1px solid #FAFAFA;*/
		background: url(../img/bg_subMenu_admin.gif) repeat-x 0px 0px;
		margin: 0;
		padding: 0;
	}
	.sidenav ul.subMenuAdmin li {
		border:none;
		list-style: none;
		margin: 0;
	}
	.sidenav ul.subMenuAdmin li a {
		color: #b4b4b4;
		display: block;
		font-size: 12px;
		padding: 2px 6px 2px 22px;
		text-decoration: none;
		font-weight:bold;
		background:none;
		line-height:18px;
		height: 18px;
		font-weight:normal;
		border-bottom:1px solid #646464;
	}
	.sidenav ul.subMenuAdmin li a:hover { color: #dedede;}	
	
/* Sub SubMenu Admin */
	.sidenav ul.sub_subMenuAdmin {
		/*border-top: 1px solid #FAFAFA;*/
		background: #516b7a;
		margin: 0px;
		padding:0px 0px 0px 10px;
		list-style-type:square!important;
	}
	.sidenav ul.sub_subMenuAdmin li {
		border-top: none!important;
		list-style: none;
		margin: 0;
	}
	.sidenav ul.sub_subMenuAdmin li a {
		color: #b4b4b4;
		display: block;
		font-size: 10px;
		padding: 2px 6px 2px 22px;
		text-decoration: none;
		font-weight:normal;
		background:none;
		line-height:15px;
		height: 15px;
		border-bottom:0px;
	}
	.sidenav ul.sub_subMenuAdmin li a:hover { color: #dedede;}		

/* content */
#barraBusqueda {
	background:/*url(../img/bg_barraBusqueda.gif) repeat 0px 0px*/#E7EDF1;
	border:1px solid #2A617F;
	padding:2px 10px;	
}
#barraBusqueda select { border:0px;}
#barraBusqueda label { font-size:12px; color:#2A617F; line-height:22px;}
.txtBarra {border:0px; width:125px; margin-right:1.6em;}
.busqueda{ background:url(../img/bg_busqueda.gif) no-repeat 0px 0px; width:140px; padding:2px;}

.content {
	float: right;
	width: 700px;
	height:1%;
	border-left: 1px solid #EEE;
	padding:12px;
}
.content .item, .content .box_noticia, .content .box_noticia_en, .content .box_visita, .content .box_newEmpleado  {
	padding: 6px 12px;
	background: #FFF;
	margin-bottom: 8px;
	height:1%;
}

.content .item h2 { color:#abafb1!important; font-size:1.45em; padding-bottom:18px;}

.content .descr {
	color: #333;
	margin-bottom: 6px;
	font: normal 0.6em "Lucida Sans Unicode",serif!important;
}
.content ul.detalle {list-style-type:none;}
.content ul.detalle li {
	margin-left: 5px;
	background:url(../img/li.gif) no-repeat 0px 2px;
	padding-left:18px;
	padding-bottom:4px;
}

.content ul.detalle li span {
	display:block;
	width:37%;
	float:left;
	color:#4697C3;
	font-weight:bold;
}
.content ul.detalle li div { width:63%; float:left;}
.content ul.detalle li br { clear:both;}


.content dl.detalle {list-style-type:none;}
.content dl.detalle dt {
	font-size:1.2em;
	margin-left: 5px;
	background:url(../img/li.gif) no-repeat 0px 2px;
	padding-left:18px;
	padding-bottom:2px;
	color:#2a617f;
	font-weight:bold;
}

.content dl.detalle dd { margin-bottom:1.2em; padding-left:22px; font-size:1.1em;}

/* footer */
.footer {
	background: #F3F5F7;
	color:#838C8E;
	font-size: 1.1em;
	text-align: center;
	border-top: 5px solid #fff;
	font:12px;
	/*font:12px "Times New Roman", Times, serif;*/
	font-weight:bold;
	padding:8px 0px;
	position:relative;
	
}

.lnk_sugerencias {
	top:5px;
	border-bottom:0px;
	line-height:auto;
	height:auto;}

/* Formularios */
fieldset{
	border:1px solid #eee;
	padding:25px 22px 15px 22px;
	margin-bottom:30px;
}
legend {
	padding:0px 10px;
	font-size:12px;
	font-weight:bold;
	color:#4697c3;
}
label, .psudoLabel {display:block; padding-bottom:3px; font-weight:bold; color:#67696a;}
.psudoLabel {margin-top:14px;}
label.linea {display:inline; padding-right:8px;} 

.txt, .txt_large, textarea {
	border:1px solid #91c8e5;
	padding:1px 2px;
	width:200px;
	margin-bottom:10px;
}
.txt_large {width:400px;}

.boton {
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:14px;
	text-align:center;
	background-image:url(../img/bg_btn.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0px;
	/*line-height:21px;*/
	height:21px;
	display:block;
	width:70px;
}
.boton:hover {background-position:0px -21px;}
.boton_otro {
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:14px;
	text-align:center;
	background-image:url(../img/bg_btn_b.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0px;
	/*line-height:21px;*/
	height:21px;
	display:block;
	width:165px;
}
.boton_otro:hover {background-position:0px -21px;}

/* Layout noticias */
.box_noticia {border-bottom:2px solid #EEEEEE; margin-bottom:6px; padding:12px 0px!important; margin:0px 12px;}
.box_noticia h2, .box_noticia_en h2 {font-size:1.4em; padding-bottom:12px; text-transform:capitalize; font-weight:600;}
.box_noticia h2 span, .box_noticia_en h2 span { font-size:0.7em!Important; font-weight:bold; color:#87BBD8;}
.box_noticia_en h2 {color:#4697C3;}
.box_noticia_en {color:#777;}

.infoNoticia { font-size:1.0em; font-weight:bold; color:#87BBD8; float:left; width:45%; margin-left:12px;}

#box_revista { margin-top:24px; background:#eeeeee; padding:15px;}
#box_revista img { border:1px solid #d2d2d2;}
#box_revista div { width:88%;}
#box_revista a {font-size:1.4em; font-family:"Times New Roman", Times, serif; font-weight:bold;}
#box_revista a span {font-size:1.1em; font-weight:normal;}
#box_revista a p { margin-bottom:0px;}

/* Layout Control Presencia */
.box_visitaOpen {
	background:url(../img/bg_visita.gif) no-repeat right top;
	margin:10px;  
	padding-right:50px;
}

.box_visitaOpen span {
	font-size: 1.3em;
	color:#BB1111;
	padding-bottom:12px;
}

.box_visitaOpen p {
	font-size: 1.1em;
}

.box_visita { padding:12px;}

.box_visita .box_fecha{
	width:85px;
	padding:8px 8px 10px 8px;
	background:url(../img/bg_fechaVisita.gif) no-repeat 0px 0px;
	float:left;
	margin-right:15px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
.box_visita .box_fecha strong {color:#2A617F; font-size:0.8em;}

span.salida, span.regreso{
	display:block;
	background:url(../img/ico_reloj.gif) no-repeat 0px 0px;
	padding-left:20px;
	line-height:15px;
	height:1%;
	margin-top:6px;
	width:100px;
}

span.salida strong, span.regreso strong{ color:#87BBD8;}

.box_visita .left{ float:left;}

.box_visita .left p { margin-top:14px; clear:both;}
.box_visita .left p strong {color:#2A617F;}

/* Layout new empleado */
.box_newEmpleado h4 { float:left; margin-top:5px; margin-bottom:6px; color:#333; font-size:200%;}
.box_newEmpleado img { padding:4px; border:1px solid #dadada; float:right; margin-bottom:6px; margin-right:22px;}
.brd_gris { border-bottom:3px double #c4c4c4; margin-bottom:18px;}

.lnk_naranja { color:#E9A511; text-decoration:none;}
.lnk_naranja:hover { color:#E9A511; text-decoration:underline;}

.lnkNav {/*color:#87BBD8;*/ color:#E9A511; text-decoration:none; padding:2px; width:14px;  border:1px solid #fff;font-weight:bold;}
.lnkNav:hover, .lnkNavSel, .lnkNavSel:hover { color:#E9A511; text-decoration:none; padding:2px; /*border:1px solid #87BBD8;*/ border:1px solid #E9A511; width:14px; font-weight:bold;}

.lnkNav_a {color:#cecece; text-decoration:none; padding:1px; width:14px;  border:1px solid #fff;font-weight:bold;}
.lnkNav_a:hover { color:#cecece; text-decoration:none; padding:1px; border:1px solid #cecece; width:14px; font-weight:bold;}

.btn_nav {/*color:#87BBD8;*/ color:#E9A511; text-decoration:none; padding:1px; font-weight:bold;}
.btn_nav:hover {color:#fff; text-decoration:none; padding:2px; font-weight:bold; /*background:#87BBD8;*/ background:#E9A511;}

/* Inicio */
.box_introNoticia h4, .box_introTools h4 {margin-bottom:7px; font-size:11px; letter-spacing:2px; color:#a4a4a4;}
.box_introNoticia {
	background:#eee url(../img/bg_fecha.gif) no-repeat 12px 39px;
	padding:12px;
	width:320px;
	float:left;
  	height:270px;
	position:relative;
}

.box_introNoticia  h5 { color:#2A617F; font-size:12px; float:left; width:270px;}
.box_introNoticia p { font-size:10px; margin-bottom:5px;}
.box_introNoticia div.fecha {width:34px; margin-right:10px;}
.dia, .mes {display:block; width:34px; text-align:center;}
.mes {color:#fff; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px;}
.dia { color:#E9A511; font-size:15px; font-weight:bold;}
.box_introNoticia .clearer { margin-bottom:10px;}
.box_introNoticia .lnk_form { position:absolute; right:10px; bottom:10px;}

.box_introTools a { text-decoration:none!important; display:block; float:left;}
.box_introTools a em {display:block; width:70px; height:83px;}
.box_introTools a img { margin:0px auto; position:relative; border:0px !Important; text-decoration:none!important;}
.box_introTools a span{ text-decoration:none!important;}
.box_introTools a:hover span {text-decoration:underline!important;}

ul.listadoInicio { list-style-type:none; height:1%;}
ul.listadoInicio li, ul.listadoGeneral li, ul.listadoDescargas li, ul.listadoNoticias li { border-bottom:1px solid #eee; line-height:20px; margin:0px; background:none; padding:0px; cursor:pointer;} 
ul.listadoInicio li a {
	display:block;
	padding:0px 6px;
	text-decoration:none;
	color:#444;
}

ul.listadoInicio li a:hover {
	text-decoration:none;
	color:#444;
	background:#fae0ba url(../img/bg_ir.gif) no-repeat 318px 5px;
}
ul.listadoInicio li a strong { color:#87BBD8; padding-right:6px; font-size:10px;}

ul.listadoGeneral { list-style-type:none; height:1%;}

ul.listadoGeneral li a, ul.listadoGeneral li.item_noLnk, ul.listadoNoticias li a {
	background:url(../img/bg_ir.gif) no-repeat 10px 6px;
	padding:0px 6px 0px 18px;
	text-decoration:none;
	color:#444;
	display:block;
}

ul.listadoGeneral li a:hover, ul.listadoNoticias li a:hover {
	text-decoration:none;
	color:#444;
	background:#fae0ba url(../img/bg_ir.gif) no-repeat 10px 5px;
}

ul.listadoDescargas li strong, ul.listadoLnk li strong { color:#2A617F; font-size:11px; padding:0px 10px;}
ul.listadoGeneral li strong.fecha, ul.listadoDescargas li strong.fecha, ul.listadoLnk li strong.fecha, ul.listadoNoticias li strong { color:#87BBD8; padding:0px 10px; font-size:10px; width:80px;}
ul.listadoGeneral li span, ul.listadoGeneral li strong, ul.listadoDescargas li span, ul.listadoDescargas li strong, ul.listadoLnk li strong, ul.listadoLnk li span { padding-right:5px; width:150px; display:block; float:left; text-transform:capitalize;}

ul.listadoGeneral li strong {color:#2A617F; font-size:11px; padding:0px 10px!important; width:300px}

ul.listadoGeneral li span.tel{text-transform:none; width:100px; background:url(../img/ico_tel.gif) no-repeat 0px 5px; padding-left:16px;}
ul.listadoGeneral li span.correo{text-transform:none; background:url(../img/ico_correo.gif) no-repeat 0px 2px; padding-left:19px;}
ul.listadoGeneral li span.web {text-transform:none; background:url(../img/ico_web.gif) no-repeat 0px 5px; padding-left:15px;}

ul.listadoGeneral li span.fecha { color:#87BBD8; font-size:11px; padding:0px 10px;}

ul.listadoDescargas, ul.listadoLnk, ul.listadoNoticias { list-style-type:none; height:1%; margin-top:2.5em;}
ul.listadoDescargas li a {
	/*background: url(../img/bg_linkDescarga.gif) no-repeat 10px 4px;*/
	padding:0px 6px 0px 20px;
	text-decoration:none;
	color:#444;
	display:block;
}
ul.listadoDescargas li a:hover {
	text-decoration:none;
	color:#444;
	/*background:#fae0ba url(../img/bg_linkDescarga.gif) no-repeat 10px 4px;*/
}

ul.listadoNoticias li a img { padding:5px; border:0px; display:block; margin-right:12px;}
ul.listadoNoticias li a strong { display:block; padding:0px;}
ul.listadoNoticias li a em {display:block; font-style:normal; width:70%;}
ul.listadoNoticias li a { background:none; padding:10px;}
ul.listadoNoticias li a:hover{ background:#fae0ba;}

ul.listadoLnk li { border-bottom:1px solid #eee; line-height:24px; margin:0px; background:none; padding:0px; cursor:pointer;}

ul.listadoLnk li a {
	background: url(../img/ico_linkLista.gif) no-repeat 8px 2px;
	padding:0px 6px 0px 22px;
	text-decoration:none;
	color:#444;
	display:block;
}

ul.listadoLnk li a:hover {
	text-decoration:none;
	color:#444;
	background:#fae0ba url(../img/ico_linkLista.gif) no-repeat 8px 2px;
}

/* Barra alfabética */
p.box_alfa { /*padding-bottom:8px; border-bottom:3px solid #cecece;*/ margin-bottom:18px;}
p.box_alfa strong {color:#a9a9a9; letter-spacing:1px; font-family:'Times New Roman', Times, serif;}