/* Latinhire */



*{

	margin:0;

	padding:0;

}

body{

	font: .8em/1.5em Arial, Helvetica, Sans-serif;

	background: #fff url(../images/body-bg-interno.gif) top left repeat;
	color: #000;

}

img{

	border: 0;

}



#contenido{

  background: #fff;

}



#main, .container{

	margin: 15px 40px;

}



/* Estilos del encabezado */

#head{

	height: 75px;

	text-align: right;

}

#head #head-der, #foot #foot-der{

	float: right;

	position: relative;

}

#head #head-izq, #foot #foot-izq{

	float: left;

	position: relative;

}

#head #controles{

	height:75px;

	margin: 0 30px;

	padding-top:22px;

	color: #666;

	background: transparent url(../images/header-fondo.gif) top left repeat-x;

}



#head #controles a, .exportar-excel a{

	text-align: right;

	font-size: 12px;

	padding: 3px;

	text-decoration:none;

	color: #0D53A5;

}



#head #controles a:hover, .exportar-excel a:hover{

	text-decoration:none;

	color: #000;

}



.noticeExplanation, .noticeError, .noticeValidation{

	margin-top: 1px;

	padding: 1px 10px 1px 25px;

	font-size: 11px;

	margin-bottom: 20px;

	text-align: left!important;

}

.noticeExplanation p, .noticeError p, .noticeValidation p{

	margin: 0!important;

	padding: 0!important;

}



.noticeExplanation{

	border: solid 1px #aa2;

	background: #ff9 url(../images/notificacion.gif) 6px 5px no-repeat;

}



.noticeError{

	border: solid 1px #900;

	background: #f66 url(../images/error.gif) 6px 4px no-repeat;

	color: #fff;

	font-weight: bold;

}



.noticeValidation{

	border: solid 1px #6fbf6c;

	background: #cfffd4 url(../images/validacion.gif) 6px 5px no-repeat;

}





.warningExplanation, .noticeError, .noticeValidation{

	margin-top: 1px;

	padding: 1px 10px 1px 25px;

	font-size: 11px;

	margin-bottom: 20px;

	text-align: left!important;

}

.warningExplanation p, .noticeError p, .noticeValidation p{

	margin: 0!important;

	padding: 0!important;

}



.warningExplanation{

	border: solid 1px #aa2;

	background: #ff9 url(../images/error.gif) 6px 5px no-repeat;

}



.warningError{

	border: solid 1px #aa2;

	background: #FF9393 url(../images/error.gif) 6px 4px no-repeat;

	color: #ff9;

	font-weight: bold;

}



.warningValidation{

	border: solid 1px #6fbf6c;

	background: #cfffd4 url(../images/validacion.gif) 6px 5px no-repeat;

}





.content{

	margin: 0 10px;

	margin-top: 1px;

	padding: 15px 40px;

	background: #fff url(../images/notificacion-bg.gif) top left repeat-x;

}



#foot{

	height: 50px;

	text-align: center;

	background: transparent;

}



#foot div{

	margin: 0 30px;

	height: 35px;

	padding-top: 15px;

	text-align: center;

	font-size: .8em;

	color: #999;

	background: #fff;

}



a{

	color: #0D53A5;

}

a:hover{

	color: #4F9BF1;

}

h1, h2, h3, .title{

	color: #0D53A5;

	font: 1.6em/1.5em Arial, Helvetica, Sans-serif;

	margin: 0 0 10px 0;

}

h4{

	color: #0D53A5;

	font: 1.6em/1.5em Arial, Helvetica, Sans-serif;

	margin: 10px 50px 20px 50px;

}

h5{

	color: #093D7B;

	font: 1.2em/1.5em Arial, Helvetica, Sans-serif;

	margin: 50px 50px 10px 50px;

}

p{

	margin-bottom: 10px;

}

.subtitulo{

	border-bottom: solid 1px #6882b4;

	text-align: right;

	margin-top: -30px;

}

.subtitulo h3{

	float: left;

}

.subtitulo p{

	padding-top: 10px;

	font-weight: bold;

	color: #486294;

}

.subtitulo p strong{

	color: #000;

}

a{

	outline: none;

}



label.primaria{

        float: none;

        clear: both;

        width: auto;

        height: auto;

        text-align: left;

        color: black;

}



tr.even, tr.even tr{

	background: #f7f7f7;

}



tr.odd, tr.odd tr{

	background: #ffffff;

}



td{

	vertical-align: top;

}







/* C�digo espec�fico del index interno */



#presentacion_full{

	position: relative;

	text-align: left;

	width: 100%

}



#presentacion{

	float: left;

	position: relative;

	text-align: left;

	width: 60%

}



#eventos{

	width: 30%;

	text-align: left;

	padding-left: 15px;

	padding-bottom: 15px;

	border-left: solid 1px #88a2c4;

}



#eventos .title{

	margin-bottom: 0;

}



#eventos .eventos-test, #eventos .eventos-nuevosinscritos, #eventos .eventos-nuevospostulantes{

	padding: 5px;

	height: 36px;

}

#eventos p{

	padding-left: 40px;

}



#eventos div:first-child, #eventos .eventos-test:first-child, #eventos .eventos-nuevosinscritos:first-child, #eventos .eventos-nuevospostulantes:first-child{

	border-top: none;

}



#eventos .eventos-fecha{

	width: 30px;

	float: left;

	position: relative;

	text-align: center;

	padding-top: 10px;

	margin-top: 4px;

	font-size: .9em;

	font-weight: bold;

	text-transform: lowercase;

}



.eventos-test .eventos-fecha{

	background: #69c;

	color: #fff;

}



.eventos-nuevosinscritos .eventos-fecha{

	background: #c66;

	color: #fff;

}



.eventos-nuevospostulantes .eventos-fecha{

	background: #fd6;

	color: #000;

}



#eventos .eventos-fecha span{

	display: block;

	font-size: 1.3em;

	text-align: center;

	line-height: 15%;

}







/* Lo siguiente estaba en el codigo HTML original */



	form h3, form h4, form h5{

		margin: 0 0 15px 0;

		padding: 0 0 15px 0;

	}

	form h3{

		font: bold 1.2em/1.5em Verdana, Helvetica, Sans-serif;

		margin: 15px 0 0 0;

	}

	form h4{

		font: bold 1em/1.5em Verdana, Helvetica, Sans-serif;

		padding: 10px 0 5px 0;

	}

	.formError{

		background: #FDFFDD;

		background: #FFFBB8;

		color: #333;

		font-weight: bold;

		text-align: center;

		}

	.advertencia{

		font-weight: bold;

		color: #3CB050;

		}

	label{

		float: left;

		width: 160px;

		text-align: right;

		padding: 0 20px 0 0;

		font: 1em/1.5em Arial, Helvetica, Sans-serif;

		color: #444;

	}

	label.lab2{

		float: none;

		clear: both;

		display: block;

		width: auto;

		text-align: left;

	}

	form p{

		padding: 0 20px 0 0;

		margin: 0 0 10px 0;

		font: 1em/1.5em Arial, Helvetica, Sans-serif;

		color: #444;

	}

	textarea{

		overflow: auto;

	}

	input{

		padding: 2px;



	}

	.bform{

		clear: both;

		margin: 2px 0;

		padding: 0 0 10px 0;

	}

	.bform2{

		margin: 0 0 0 40px;

	}

	form ul{

		margin: 10px 30px;

	}

	ul .bform2{

		margin: 0;

		padding: 0;

	}

	.bform2 label{

		display: inline;

		float: none;

	}

	.bform2 input{

		border: 0;

	}

	p.separador{

		border-top: 1px solid #ccc;

		margin: 15px -25px;

		padding: 0px -15px;

	}







/* Menu de listas anidadas; reutiliza codigo del diseño original */



#nav{

	margin: 0 10px;

	padding: 0;

	height: 41px;

	background: #fff url(../images/nav-bg.gif) top left repeat-x;

	font-weight: bold;

}



#nav, #nav ul, #nav li{

  padding: 0;

  list-style-type:none;

}



#nav li{

	float: left;

	margin: 0 5px;

	list-style: none;

	color: #fff;

}



#nav #nav-home{

	margin: 0!important;

	width: 18px!important;

	height: 41px!important;

	background: transparent url(../images/home.gif) top left no-repeat;

	margin-left: 10px!important;

}



#nav-home a{

	display: none!important;

}



#nav li a{

	color: #696d79;

	display: block;

	padding: 12px 8px 4px 8px;

	text-decoration: none;

}



#nav li:hover a, #nav li a:hover{

	color: #393d49;

}



#nav li:hover, .nav-selected{

	background: #fff url(../images/nav-bg-hover.gif) top left repeat-x;

}



#nav li a.activo{

	color: #393d49;

}



#nav .submenu{

	display: none;

	width: 180px;

}



#nav .submenu li{

	float: none!important;

	background: #6882b4;

	background-image: none;

	margin: 0!important;

}



#nav .submenu li:first-child a{

	border: none;

}



#nav .submenu a{

	border-top: solid 1px #6882b4;

	padding: 2px 10px;

}



#nav li:hover .submenu{

	display: block;

	position: absolute;

	z-index: 1;

	font-size: 8pt;

	border: solid 4px #6882b4;

}



#nav li:hover .submenu, #nav li:hover .submenu a{

	color: #eee;

}



#nav li:hover .submenu li:hover, #nav li:hover .submenu li:hover a, #nav li:hover .submenu li:hover a:hover{

	color: #fff;

}



#nav li:hover .submenu li{

	border-top: solid 1px #6882b4;

	border-bottom: solid 1px #6882b4;

}



#nav li:hover .submenu li:hover{

	background: #88a2d4 url(../images/submenu-fondo.gif) top left repeat-x;

	border-bottom: solid 1px #98b2da;

}

#nav li.subsubmenu:hover{

	background: #6882b4!important;

	border-bottom: solid 1px #6882b4!important;

}



#nav .subsubmenu li{

	padding-left: 10px;

	font-weight: normal;

}



#nav .separador{

	height: 1px;

	background: #5872a4!important;

	border-top: solid 3px #6882b4!important;

	border-bottom: solid 1px #98b2da!important;

}



#administracion{

	float: right!important;

}



#administracion .submenu{

	right: 50px;

}







/* JCG */



.content ul, .content li{

	list-style-image:url(../images/list.gif);

	margin-left: 25px;

}

.content li{

	margin: 2px 2px;

}



#pathbar{

	margin: 0 10px;

	padding: 0 40px;

	padding-bottom: 3px;

	font-size: .9em;

	color: #eee;

	background: #88a2d4;

}

#pathbar a{

	color: #eee;

	text-decoration: none;

}

#pathbar a:hover{

	color: #fff;

	text-decoration: underline;

}



table{

	border-collapse: collapse;

}



.block {

    background: #FFFFC1;

    display: block;

    border: 1px solid #FFFFa7;

    text-indent: 10px;

    text-align: justify;

}



.subtitle

{

    font-weight: bold;

    color: #fff;

    background: #5872a4;

    display:block;

    padding-left: 5px;

}



.campo_requerido

{

    color: green;

    font-weight: bold;

    font-size: 16px;

}



/* Para los estilos del arbol de materias */



.mytree

{

    padding:0 0 0 0px;

}



.mytree hr

{

    border-bottom:none;

    border-left:none;

    border-right:none;

    border-top: 1px solid #E4E4E4;

    margin-top: 10px;

    padding-top: 5px;

}



.mytree li

{

    padding:2 0 0 3px;

    list-style: none;

    list-style-image:none;

}



.outer_tree_element{margin:0 0 0 10px;}



.inner_tree_element{margin:5px 0 0 10px;}



.mytree label{font-weight:normal;}



.highlighted{background-color:lightblue;}



.normal{background-color:white;}



.drag_image{border:0px;}



.mytree h2

{

    font-size: 14px;

    display: inline;

}



.tabla_limpia td

{

    border:none;

    margin: 0;

    padding: 0;

}



.dialog_ajax

{

    background: #F8F8F8;

    width: 45%;

    padding: 5px;

    border: 1px solid #E4E4E4;

}



.red { color: red; font-size: 11px;}

.red a{ color: red; text-decoration: none;}

.red a:hover{ color: red; text-decoration: underline;}





.errorExplanation

{

    border: 2px solid red;

    background: #fff;

    color: #000;

}



.errorExplanation h4

{

    margin: 0;

    padding: 5px;

    background: red;

    color: #fff;

    display: block;

}



.errorExplanation ul

{

    margin: 0;

    padding: 5px;

}



.errorExplanation li

{

    list-style: none;

    list-style-image:none;

}



.float_options

{

    padding: 4px 3px;

    border: 1px solid #BEE4F8;

}



.tip_materia

{

    position: absolute;
    padding: 0;
    margin: 0;
/* top:20px;*/
/* left:-40px;*/


/*    padding: 0;*/

/*    margin: 18px -20px;*/

    background: #fff1ae;

    border: 1px solid #b09332;

    font: 10px Verdana, sans-serif;

    text-align: left;

}



.tip_materia .head

{

    background: #b09332;

    display: block;

    margin: 0;

    padding: 3px;

    text-align: right;

}



.tip_materia .head .close

{

    color: #fff;

    font: 12px Verdana, sans-serif;

    font-weight: bold;

    text-decoration: none;

    margin-right: 3px;

}



.tip_materia .body

{

    padding: 5px;

    display: block;

    margin: 0;

}



.tip_agregar

{

    background: #e2f8ff;

    border: 1px solid #9fd6f5;

}



.tip_agregar .head

{

    background: #9fd6f5;

}



.tip_agregar .head .close

{

    color: #000;

    font-weight: bold;

}



.scroll_areas_conocimientos{

    height: 250px;

    background-color: #fff;

    border: 1px solid #6882b4;

    overflow: auto;

    padding: 1%;

    margin: 0;

}



.scroll_areas_conocimientos {

    height: 250px;

    background-color: #fff;

    border: 1px solid #6882b4;

    overflow: auto;

    padding: 1%;

    margin: 0;

}



.scroll_areas_conocimientos ul

{

    margin-top: 0px;

    margin-bottom: 0px;

}



.scroll_areas_conocimientos li

{

    padding:2 0 0 3px;

    list-style: none;

}



.areas_conocimiento h5

{

    padding: 0px;

    margin: 0px;

    font-size: 13px;

}



.materias_declaradas td

{

    border:none;

    padding: 2px;

    margin: 0px;

}



.materias_declaradas thead

{

    margin-bottom: 5px;

}



.materias_declaradas th

{

    padding: 1px;

}



.materias_declaradas .nivel

{

    width: 5%;

    text-align: center;

}



.materias_declaradas .eliminar

{

    width: 2%;

    text-align: center;

}



.mat a{

	z-index:10;

	}

.mat a:hover{

	position:relative;

	z-index:100;

	}

.mat a span{

	display:none;

	}

.mat a:hover span{

	display: block;

	position: absolute;

	float: left;

	white-space: normal;

	top: 1.3em;

	left: -2.5em;

	background: #fffcd1;

	border: 1px solid #444;

	color: #444;

	padding: 1px 5px;

	z-index: 10;

	}



.mat a:hover span p{

    color: yellow;

    }





.note

{

        clear: both;

        background: #FEFECB;

        padding: 3px 5px;

        border: 1px solid #FECE0C;

        margin: 10px 0;



}


#error

{

        clear: both;

        background: #FEFECB;

        padding: 3px 5px;

        border: 1px solid #FECE0C;

        margin: 10px 0;



}


.ulclear{
	padding: 0;
	margin: 0;
}

.ulclear li{
  list-style: none;
	list-style-image: none;
}

/*Estilo para mensajes en el Dashboard del usuario*/
#mensajes_dashboard{
	width: 100%;
}

#mensajes_dashboard .servicio{
	background: #ABC2E6;
	display: block;
	padding: 2px 10px;
	border-bottom: 2px solid #88A2D4;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 13px;
}

.aviso_encuesta_no_rendida{
	background: #FFFEBD;
	padding: 3px;
	margin: 5px 0;
}


.destroy_person
{
	float: right;
	display: block;
	padding: 5px;
	background: #dfdfdf;
	border: 1px solid #999;
	font-weight: bold;
}