/* CSS Document */

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

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


div{
    margin: 0 auto;
}

div#cabeza{
    width: 80%;/*70*/
    height: 80px;
    margin: 0 auto;    
    / margin-bottom: 1em; /*para IE*/
}

div#escarh{
    float:left;
}

div#escarh a img{
    border:none;
}

div#cuerpo{
    width: 80%;
    float: left;
    border-right: 1px solid #CCC;
    min-height: 350px;/*610*/
    background: #FFF url(../img/pie_fondo2.png) no-repeat bottom right;
    height: auto;
    /*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;
}

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;
        height: 100%;
        /*border: dotted;
        border-color: red;*/

/*	clear:both;
	width: 80%;/*970*/
	/*margin: 0 auto;
	min-height: 440px;/*700*/
	/*background: #FFF ;/*url(../img/pie_fondo.jpg) no-repeat bottom right;*/
	/*text-align: center;
	border: 1px solid #CCC;
	border-top:none;
        border: dashed;
        border-color: red;*/
}

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


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

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: 152px;        
        /*border: dashed;
        border-color: fuchsia;*/
        /*background: url(../img/fondo_loco4.png) repeat-x;*/
        / height: 350px;

}

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

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