body{
	/*background: url(../img/fondo_loco4.png) repeat-x fixed;*/
        background-color: #495998;
}

*{
    font-family:Arial, Helvetica, sans-serif;
}


div{ margin: 0 auto; }

/*Establece los valores del encabezado principal*/
div#cabeza{
    /*background:url(../img/escarh_shadow2.png) no-repeat;*/
    /*border-bottom: 1px solid #333;*/
    width: 80%;
    height: 100px;/*80px*/
    /*height: auto;*/
    margin: 0 auto;
    -moz-border-radius: 20px;
    border:2px solid #7d67f9;

    / 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;
}

/*Controla el rectángulo central, donde se encuentra el logo grande de escarh
  y los elementos principales de la página*/
div#cuerpo{
    width: 80%;
    float: left;
    border-right: 0px solid #CCC;
    min-height: 350px;/*610*/
    height: auto;
    background: #FFF url(../img/pie_fondo2.png) no-repeat bottom right;
    /*border: dotted;
    border-color: green;*/
}

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/fondo_menu6.png) repeat-x;
	padding:0;
 
	/*padding: .5em;
	
	/*width: 100px;
	height: 40px;
	margin: 1em;
	background:url(../img/button_inicio.png) no-repeat;*/
}

div.menu_principal ul li a
{
	display:block;
	padding: .6em;
}

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: bold;
}

div.clear{
	clear:both;
}


/*Permite controlar el ancho de la página principal, donde se encuentran todos
  los elementos, cajas, labeles, etc*/
div#contenedor{
	clear:both;
	/*width: 930px;970*/
        width: 80%;
	margin: 0 auto;
        /* margin-left: 150px;*/
	min-height: 400px;/*700*/
	background: #FFF ;/*url(../img/pie_fondo.jpg) no-repeat bottom right;*/
	text-align: center;
	/*border: 1px solid #CCC;*/
	border-top:none;

        /*yo lo agregué*/
        -moz-border-radius: 20px;
        /*border: 1px solid #E0E0E0;*/
        border:2px solid #7d67f9;
        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:bold;
	color:#E00100;
}

h1
{
	color:#31326D;
}

a
{
	text-decoration:none;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: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: 
}


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:13pt;
	margin: 0 auto;                
        /*border: dashed;
        border-color: red;*/
}

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;
}


/*Es el área donde ingresa el usuario, aquí se encuentran las cajas de texto,
  los mensajes de error y los labeles*/
div.vacante, div.publicar, div.sugeridas{
	width:95%; /*95%*/
	clear:both;
	margin: 1em auto;        
        /*border: dotted;
        border-color: fuchsia;*/
	
}

/*Esta área controla las tablas dentro de div vacantes*/
div.vacante table{
	width: 100%;
	/*border: 1px solid #003;*/
        /*border: dotted;
        border-color: blue;*/
}


/*Aquí controla las vacantes activas en el sistema en el apartado Mis vacantes*/
div.vacante table.ofertas{
	border: 1px solid #CCC;
        /*border: dotted;
        border-color: yellow;*/
}

/*Controla los tr dentro de la tabla vacantes activas en el sistema*/
div.vacante table.ofertas tr{
	border-bottom:1px solid #CCC;
        /*border: dotted;
        border-color: red;*/
}


/*Controla el encabezado de las tablas con th incluidas en vacante*/
div.vacante table th{
	width: 25%;
	background: #F0F0F0;
	/*border:1px solid #FFF;*/
	border-left:none;
	border-top: 1px solid #FFF;
	text-align:right;
        /*border: dotted;
        border-color: lime;*/
}

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;
        /*border: dotted;
        border-color: orange;*/
}

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; 
}

/*Fondo del menu empresa*/
div.menu_empresa{
	width:100%;
	height:30px;
/*        border: dotted;
        border-color: teal;*/
}


/*Menú inicio, mi cuenta, publicar, mis vacantes...*/
div.menu_empresa 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;
        /*border: dotted;*/
	/*vertical-align:middle;*/
/*C2E0F8*/
}

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

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

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

ul.menu_empresa li:hover
{
	background: url(../img/fondo_menu4.png) repeat-x;
}


ul.menu_empresa a:hover {
	color: #FFF;
}


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: #FFF;
	border:1px solid #CCCCCC ;
	color: #000066 ;
	cursor:pointer;
}

div.trabajos:hover
{
	border:1px solid #CCCCCC; 
	background:url(../img/vacante_primario.jpg) repeat-x;
	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;
        /*margin-left: 10em;*/
}

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: 350px;
        width: 157px;
        / width: 11.7%; /*Definido exclusivamente para internet explorer*/
        /*border: dashed;
        border-color: fuchsia;*/
        /*background: url(../img/fondo_loco4.png) repeat-x;        */
}

div#derecho{

        clear:both;
	/*width: 930px;970*/        
        width: 10%;
	margin: 0;
	min-height: 400px;/*700*/
	background: #FFF ;/*url(../img/pie_fondo.jpg) no-repeat bottom right;*/
	text-align: center;
	border: 1px solid #CCC;
	border-top:none;
    /*float: right;
    height: 50%;
    width: 9%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;*/
    border: dotted;
    border-color: black;
}

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

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

/*Clase descripción*/
.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 .5em;
}

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

.letra{
        color: #036;
        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: #F5F5F5;*/

     }


    .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%;
}