/*******************************************************************************
CSS Document:

ESTE DOCUMENTO CSS(JUNTO CON escarh_empresa.css) CONTROLA TODAS LAS PÁGINAS CONCENTRADAS EN ESTE SITIO.
    EL DISEÑO FUE DESARROLLADO EN BASE A LOS ESTÁNDARES SUGERIDOS POR LA CS3,
    POR LO QUE SE TENDRÁ QUE EVITAR, EN MEDIDA DE LO POSIBLE, CREAR DISEÑO
    ATRAVÉS DE HTML, COMO TIPO DE FUENTE, COLOR, FONDOS, ETC. TODO DEBERÁ SER
    DISEÑADO A TRAVÉS DE CSS BAJO ESTÁNDARES ACTUALIZADOS.

********************************************************************************/
body{
    /*background: url(../img/fondo_loco4.png) repeat-x fixed;*/
    /*background-color: #495998;  /*Fondo de color original para las páginas*/
    /*background-color: #f3f3f3;*/
    background: #ccc;

}

*{font-family:Arial, Helvetica, sans-serif;}
div{margin: 0 auto;}

div#linea{
    width: 100%;
    background-color: #495998;/*#f6a828*/
    height: 45px;
    margin: 0 auto;
    border: 0px solid #79b7e7;/*border:2px solid #7d67f9;*/
}

div#cabeza{
    /*background:url(../img/escarh_shadow2.png) no-repeat;*/
    /*border-bottom: 1px solid #333;*/
    width: 85%; /*width: 95%;*/
    height: 100px;/*80px*/
    margin: 0 auto; /*margin: 0 auto;*/
    -moz-border-radius: 1px;/*-moz-border-radius: 5px;*/
    border: 1px solid #79b7e7;/*border:2px solid #7d67f9;*/

    background: url(../img/fondos/fondiux.png) repeat-x;
    margin-top: 5px;

    / margin-bottom: 1em; /*para IE*/
    /*border: dotted;*/
    /*background: url(../img/fondo_loco4.png) repeat-x fixed;*/
    /*padding-right: 5%;
    padding-left: 5%;*/
}

div#escarh{float:left;}
div#escarh a img{border:none;}
div#cuerpo{

    /*El cuerpo tiende a desaparecer puesto que se necesita más anchura en ciertas partes de la página
    conforme aumentan los requerimientos solicitados por el cliente*/

    width: 80%;     /*Ancho del cuerpo, se trabaja en porcentaje para evitar conflictos de resolución*/
    float: left;    /*Posición del cuerpo*/
    border-right: 0px solid #CCC;   /*Pinta un borde en la parte derecha del cuerpo*/
    min-height: 350px;              /*Mínima altura permitida, en ciertas páginas se deja en auto*/
    background: #FFF url(../img/pie_fondo2.png) no-repeat bottom right; /*Dibuja el logo de la empresa*/
    height: auto;
    -moz-border-radius: 1px;
    /*border: dotted;*/

}

div.menu_principal{
    float:right;
    margin:0;
    /*background:#CCC;*/
}

div.menu_principal ul{
    /*clear:both;*/
    float:left;
    /*color: #666666;*/
    color:#006;
    font-size: 12px;
    /*font-weight:bold;*/
    list-style: none;
    margin:0;
    padding:0;
}

div.menu_principal ul li{
    display:inline;
    float:left;
    height:32px;
    /*background: url(../img/fondos/fondo_menu6.png) repeat-x;*/
    /*padding: 5px;*/
    width: 100px;
    font-family: helvetica, "Arial";
}

div.menu_principal ul li a{
    border-bottom: solid 1px #1d5987;
    display:block;
    padding: .6em;
    font-size: 8pt;
    color: #1d5987;
    /*background: url(../img/fondos/fondiux9.png) repeat-x;*/
    text-align: center;
}

div.menu_principal ul li a:hover{
    display:block;
    font-size: 8pt;
    color: red;
    text-align: center;
    text-decoration: underline;
    background: url(../img/fondos/fondiux8.png) repeat-x;
}


div#menu_micuenta{margin: 0 auto;}

ul#menu_micuenta{
    clear:both;
    float: inherit;
    /*color: #666666;*/
    color: #000066;
    font-size: 12px;
    font-weight:bold;
    list-style:none;
    margin: 2em 2em 0 0;
}

ul#menu_micuenta li{
    display:inline;
    margin: 0 1em;
    padding: .3em;
    /*border: 1px solid #C2CDD8;*/
}

ul#menu_micuenta li button{
    background: #FFFFFF;
    border: 1px solid #C2CDD8;
    font-weight: bold;
    padding:.2em .3em;
    color: #000066;
    /*color: #5F7A96;*/
    cursor: pointer;
}

ul#menu_micuenta li button:hover{border: 1px outset #C2CDD8;}
input,textarea,select{
    display:inline;
    margin: .2em .2em;
    padding: 0 0 0 .3em;
}

input:focus{
    border: 2px solid #BFBFBF;
    background: #EDFAF9;
    font-weight: 100; /*font-weight: bold;*/
}

div.clear{clear:both;}
div#contenedor{
	clear:both;
	/*width: 930px;970*/
        width: 85%; /*width: 95%;*/
	margin: 0 auto;
        /* margin-left: 150px;*/
	/*min-height: 400px;/*700*/
        height: auto;
	background: #FFF ;/*url(../img/pie_fondo.jpg) no-repeat bottom right;*/

	text-align: center;
	border: 1px solid #79b7e7;  /*border: 1px solid #CCC;*/
	border-top:none;

        /*yo lo agregué*/
        -moz-border-radius: 1px;
        /*border: 1px solid #E0E0E0;*/        
        padding-top: 1em;
}

div#borde{
    width: 810px;
    background: #CCCCCC;
    text-align:center;
    padding: .5em;
}

div.formulario div{
    display: inline;
    float:left;
    width:49%;
}

div.formulario{
    width: 85%;
    margin: 0 auto;
    text-align:center;
}

table.formulario{
    margin: 0 auto;
    width: 100%;
}

div.interes{
    width:85%;
    margin: 0 auto;
}

div.interes label,select.interes{
    width:15%;
    float:left;
    margin: .2em;
    padding:0;
}

div label{
    width:40%;
    float:left;
    color: #515E8E;
    text-align: right;
    font-size: 9pt;
    font-family: Tahoma, "Verdana";
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

/*div#menu{
	width:100%;
	height:30px;
	border-bottom:1px solid #000;	
}

ul.menu{
	clear:both;
	float:left;
	width:100%;
	height:30px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10pt;
	background: url(../img/fondo_menu6.png) repeat-x;
	vertical-align:middle;
/*C2E0F8
}

ul.menu li{
	display:inline;
	float:left;
	font-weight:bold;
	padding: .5em .8em .6em .8em;
	text-align:left;
	cursor:pointer;
	/*border-right: 1px solid #CCCCCC;
	color: #006;
}

ul.menu a
{
	text-decoration:none;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #5F5F5F;
	border: none;
}

ul.menu li.final{
	border:none;
}

ul.menu li:hover{
	background: url(../img/fondo_menu4.png) repeat-x;
	color:#FFFFFF;
}


ul.menu a:hover {
	color: #FFF;
}*/

ul#menu_principal a:hover{
    font-weight:100;/*bold*/
    color:#E00100;
}

h1{color:#31326D;}
a{
    text-decoration:none;
    font: 9pt Arial, Helvetica, sans-serif;
    font-weight:100;/*bold*/
    color: #4F4F4F;
    border: none;
}

button{margin:1em;}
table{
    width: 98%;
    margin: 0 auto;
    font:10pt Verdana, Arial, Helvetica, sans-serif;
    border-spacing: 0;
    border-collapse: collapse;
}

th{
	color: #515E8E;
	text-align: left;
	vertical-align:middle;
	font-size: 9pt;	
	font-family: Tahoma, "Verdana"; 
	font-weight: bold;
	padding: 0 .5em; 
}

td{
	vertical-align:middle;
	text-align:left;
}

div.dropshadow {
	
	background: url(../img/shadowAlpha.png) repeat-x bottom right !important;
	/*background: url(shadow.gif) no-repeat bottom right;*/
	margin: 10px 0 10px 10px !important;
	/*margin: 10px 0 10px 5px;*/
	padding: 0px;
}

div.innerbox {
	position:relative;
	bottom:6px;
	right: 6px;
	/*padding:4px;*/
	margin: 0;
	/*text-decoration: none;*/
}

div.innerbox2 {
	position:relative;
	bottom:6px;
	right: 6px;
	/*padding:4px;*/
	margin: 0;
}

fieldset{
	border: 0;
	width: 100%;
}

legend{
	color: #003399;
	margin-left: 1em;
	font-size: 13pt;
	font-weight:bold;	
}

label#error{
	color: #036;
	float:none;
	font-size:14pt;
	margin: 0 auto;
}

table#info{
	width: 90%;
	background:#F5F5F5;
	border: 1px solid #CCC;
	margin: 1em auto;
	padding: 0;
}

table#info thead {
    background: url(../img/fondo_menu6.png) repeat-x;
	color: #333333;
	font-size:9pt;
	font-weight:bold;
	padding: 0 .5em;

}

table#info td{padding: .5em .5em;}
div table#idioma{
	width: 95%;
	font-size:9pt;
	margin:0 auto;
	padding:0;
	color:#333333;
}

div table#idioma tr.color{
	background:#F4F4F4;
	font-weight:bold;
	/*color:#333;*/
}

div table#idioma td{
	padding: .3em;
	text-align:left;
}

table#idioma thead{
	background: url(../img/fondo_menu4.png) repeat-x;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	padding: 0 .5em;
}

div#sugeridas{
	width: 96%;
	max-height: 260px;
	overflow:auto;
}

div#modalContainer{
	background:#FFF;
	width:50%;
	/*height:400px;*/
	padding:0 0 .5em 0;
	top: 10%;
	left: 25%;
	position: fixed;
	text-align:center;
	font-size:14px;
	color: #CC0000;
	border: 1px solid #333333;
}

div#modalContainer h1{
	background: #0066CC;
	text-align: left;
	border: none;
	margin: 0;
	padding: 0 0 0 1em;
	font-size: 18px;
	color: #FFF;
}

div#modalContainer a{
	margin: .5em;
	padding: .3em;
	background:#EFEFEF;
	color:#0000FF;
	border: 1px outset #666666;
}

h2#mensaje{
	color: #FF0000;
	font-size: 13pt;
}

h3{
	width:80%;
	margin:0 auto;
	color:#990033;
}

h4{
	float: right;        
	margin: 0 1em;
	color: #990033;
}

div.vacante, div.publicar, div.sugeridas{
	width:95%;
	clear:both;
	margin: 1em auto;
        /*border: dotted;
        border-color: fuchsia;*/
}

div.vacante table{
	width: 100%;
	/*border: 1px solid #003;*/
}

div.vacante table.ofertas{border: 1px solid #CCC;}
div.vacante table.ofertas tr{border-bottom:1px solid #CCC;}
div.vacante table th{
	width: 25%;
	background: #F8F8F8;
	/*border:1px solid #FFF;*/
	border-left:none;
	border-top: 1px solid #FFF;
	text-align:right;
}


/*selecciona los elementos td que se encuentren dentro de table que a su vez se
encuentre dentro de un elemento div que contenga un atributo class="vacante" */
div.vacante table td{
	width:25%;
	/*margin:0 0 0 2em;*/
	padding: .2em .3em;
	text-align:left;
	/*border-top: 1px solid #CCC;*/
}

div.vacante table tr.titulo_tabla th{text-align:left;	}
tr.titulo_tabla{border: 1px solid #CCC;}
tr.titulo_tabla th{
	padding: .5em 0 .5em .5em;
	text-align:left;
}

table.buscar td{padding: .4em .3em;}
div#politica{
	width:85%;
	font-size:10pt;
}

table.search{width: 95%;}
table.search th {text-align:left;}
table.search td{
	text-align:left;
	padding: .3em; 
}

div.menu{
	width:100%;
	height:30px;
}

div.menu ul{
	clear:both;
	float:left;
	width:100%;
	height:30px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/fondo_menu6.png) repeat-x;
	border-top:3px solid #900;
	/*vertical-align:middle;*/
/*C2E0F8*/
}

div.menu ul li{
	/*width: 16.5%;*/
	display:inline;
	float:left;
	padding: .5em .5em;
	border-right: 1px solid #CCC;
	/*text-align:center;
	
	/*border-right: 1px solid #CCCCCC;*/
}

div.menu ul a{
	display:block;
	text-decoration:none;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight:100;
	color: #036; /*#069*/
	/*color: #5F5F5F;*/
	border: none;	
}

/*ul.menu_empresa li.final
{
	border:none;
}*/

ul.menu li:hover{background: url(../img/fondo_menu4.png) repeat-x;}
ul.menu a:hover {color: #FFF;decoration: underline;}
table#resultados{
	width: 95%;
	background:#FFF;
	border: 1px solid #CCC;
	margin: 1em auto;
	padding: 0;
}

table#resultados thead {
    background: url(../img/fondo_menu6.png) repeat-x;
	color: #333333;
	font-size:9pt;
	font-weight:bold;
	padding: 0 .5em;
}


/*div table#resultados
{
	width: 95%;
	font-size:9pt;
	margin:0 auto;
	padding:0;
	color:#333333;
}

table#resultados thead
{
	background: url(../img/fondo_menu4.png) repeat-x;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
	padding: 0 .5em;
}*/


.color{
	background:#F4F4F4;
	font-weight:bold;
	color:#444;
}

div table#resultados th{
	padding: .3em;
	text-align:left;
	
	border-right: 1px solid #E1E7EC; /*#C2CDD8*/
	color:#FFF;
}

div table#resultados td{
    padding: .5em;
    text-align:left;
    border: 1px solid #CCC;
}

div lable#puesto{
    width:100%;
    text-align: left;
}

div.trabajos{
    width:85%;
    margin: .2em auto;
    padding: .2em 0;
    /*background: #f6f6f6; /*FFF*/
    background:url(../img/fondos/fescarh17.png) repeat-x;/*fescarh17*/
    border:1px solid #d3d3d3; /*CCC mio*/
    -moz-border-radius: 5px;/*mio*/
    color: #000066;
    /*color:#2e6e9e;*/
    cursor:pointer;
}

div.trabajos:hover{
    border:1px solid #79b7e7; /*ccc*/
    /*background:url(../img/vacante_primario.jpg) repeat-x;*/
    background:url(../img/fondos/fondiux.png); /*fescarh3-26; fondo4.png, fondo2, fondito7   chido*/
    background-position:bottom;
}

/*a.demoIE1{
	width:85%;
	margin: .2em auto;
	padding: .2em 0;
        background:url(../img/fondos/fescarh17.png) repeat-x;
	border:1px solid #d3d3d3;
        -moz-border-radius: 20px;
	color: #000066;
	cursor:pointer;
}
a.demoIE1:hover{
	border:1px solid #79b7e7;	
        background:url(../img/fondos/fondo4.png);
	background-position:bottom;
}*/

label.info_vacante{
    width: 90px;
    text-align:left;
    clear:both;
}

div.postular{
    width:85%;
    margin: 1em auto;
    padding: .2em 0;
    background: #FFF;
    border:1px solid #CCCCCC ;
    color: #333333;
    clear:both;
}

div.mini_menu{
    float:right;
    width:90%;
    margin:2em 4em ;
}

div.mini_menu ul{
    float:right;
    border:1px solid #CCC;
    border-top: 3px solid #F93;
    /*width:100%;*/
    list-style:none;
    background:url(../img/fondo_menu6.png) repeat-x;
    margin:0;
    padding:0;
}

div.mini_menu ul li{
	float:left;
	display:inline;
	padding: .3em 1em;
	border-left: 1px solid #CCC;
	/*border-top: 3px solid #900;*/
}

div.mini_menu ul li a{
	display:block;	
}

div#anuncio{    
	float:left;
        height:auto;
        width: 20%;
        / width: 20%; /*Definido exclusivamente para internet explorer*/
        /*border: dashed;
        border-color: fuchsia;
        background: url(../img/fondo_loco4.png) repeat-x;        */
        margin-left: 10px;
}

div#footer{
    clear:both;
    width:100%;
    /*height:40px;
    border-top: 1px solid #CCC;*/


    height: auto;
    border: 1px solid #d3d3d3;
    border-top: 3px solid orange;
    /*background:url(../img/fondos/fescarh17.png) repeat-x;*/
    background:#000;
    -moz-border-radius: 1px;
    border-left: 0;
    border-right: 0;
}

.descripcion{
	color: #036;
	background:url(../img/fondo_menu6.png) repeat-x;
	border: 1px solid #CCC;
	border-top:3px solid #069;
	font-size: 11pt;
	font-weight: bold;
	text-align:left;
	padding: 0 0 0 0;
}



/*p{
    font: italic;
    color: #036;
    left: inherit;
}*/

.margen{
    margin-top: 1em;
    margin-right: 1em;
    margin-left: 1em;
    margin-bottom: 1em;
    padding-top: 1em;    
    text-align: center;
}

.letra{
        color: #515E8E;
        text-align: justify;
        vertical-align:middle;
        font-size: 10pt;
        font-family: Tahoma, "Verdana";
        font-weight: bold;
        padding: .5em .5em .5em;
        padding-top: .1em;
        /*padding-top: 3em;*/
        /*border: 1px solid  #CCC;*/
        background: #F8F8F8;
        
     }


    .column { width: auto; float: left; padding-bottom: 100px; }
    .portlet { margin: 0 1em 1em 0; }
    .portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
    .portlet-header .ui-icon { float: right; }
    .portlet-content { padding: 0.4em; }
    .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
    .ui-sortable-placeholder * { visibility: hidden; }

    div#let{font-size: 12px; text-decoration: none; color: #026890; padding-left: 10px; padding-top: 10px;}

    div#letrero{
        /*font-size: 12px; */
        text-decoration: none;
        /*color: #026890; */
        padding-left: 25px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
        color: #e14f1c;/*0078ae*/
        float: left;                
    }

    div#letrero_emp{
        /*font-size: 12px; */
        text-decoration: none;
        /*color: #026890; */
        padding-left: 25px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 12pt;
        color: #036;/*0078ae*/
        /*float: left;*/
        text-align: right;
        font-weight: bold;
        padding-right: 20px;        
    }


    a.li, div:link {text-decoration:none; font-size: 10px; color: #ed7d0c;}
    /*a:active {text-decoration:none; font-size: 8px; color:#CC33CC; background:#EEEEEE}*/
    a.li:hover{
        text-decoration:underline;
        font-size: 11px;
        color:#448dae;
        background: url(../img/ok.png) repeat-y;
        padding-left: 20px;
    }

    ul#sitemap{
	margin: 1em 0;
	list-style-type: none;
	padding-left: 20px;
    }

div#fija{
    position: fixed;
    top: 40%;
    left: 0%;
    width: 40px;
    height: 130px;
    /*background-color: red;
    background: url(../img/siguefaceD.png) no-repeat;*/
    margin-left: -3px;
    cursor: pointer;
}
div#fija:hover{
    left: 1%;
}

div#fija2{
    position: fixed;
    top: 40%;
    left: 95%;
    width: 40px;
    height: 130px;
    /*background-color: red;
    background: url(../img/siguefaceD.png) no-repeat;*/
    cursor: pointer;
}
div#fija2:hover{
    left: 94%;
}

.cuadroGeneral{
    border: 1px solid #79b7e7;
    background: url(../img/fondos/fondiux3.png) repeat-x;
    color: #1d5987;
    font-size: 20pt;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 90%;
}
.subLetra{
    padding-left: 180px;
    font-size: 12pt;
    color: #F00;
    font-family: Arial;
}

.estribo{
    border: 1px solid #eeb420;
    background: #fff9e5;
    color: #1f1f1f;
    padding: 2em;
    /*margin: 1em;*/
    width: 90%;
    text-align: justify;
    font-size: 8pt;
    font-family: Arial, Helvetica, Sans-Serif;
}