﻿/* 
CSS Feria Mercado Laboral
Autor: Luis Nazarit
Modificación: xx/xx/xx
*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; background: #F7FDFF; }
h2, h1 { margin: 0; padding: 0; }

.fl { float: left; }
.fr { float: right; }

.topheader { 
height: 15px;
background: #cfe3fb;
color: #5d93c5;}

.topheader .recordarclave,.topheader .recordarclave a,.topheader .recordarclave a:visited { font-size: 10px; color: #5d93c5; text-align: left; margin-left: 7px; }

.cambiarciudad { background: url("../img/switch_city.png") no-repeat; padding-left: 20px; font-size: 11px; font-weight: bold; margin-top: 20px; }
.cambiarciudad a, .cambiarciudad a:visited { color: #185194; }
.ctopheader { width: 920px; margin: auto; height: 100%; position: relative; }
.cambiarciudad { position: absolute; left: 0; }
.login { position: absolute; width: 275px; right: 0; top: 7px;text-align: right; }
.login button { background: #185194; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 0; padding: 2px;
border: 1px solid;
border-color: #4976ab #4976ab #103460 #103460; 
margin-left: 5px;
} 
.login input {  border: 1px solid #b0c1d6; width: 90px; padding: 3px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #aaa; font-style: italic; background: url("../img/bg-input.png") repeat-x #fff; }                                                             


#header { height: 148px; background: #f7fdff; }

#header-1 { width: 920px; height: 116px; margin: 0 auto 0 auto; position: relative; background: url("../img/bg-header.png") no-repeat 320px 30px; }
.antofagasta #header-1 { background: url("../img/bg-header-antofa.png") no-repeat 320px 30px; }
#header-1 .logo { position: absolute; top: 5px; left: -30px; }
#header-1 .pnl-stgo-anto { position: absolute;top:0;right:228px; width: 275px;}
#header-1 .pnl-stgo-anto img { margin-left: 19px; }
#header-1 a,#header-1 a:visited { text-decoration: none; font-weight: bold; color: #000000 }
#header-1 a:hover { text-decoration: underline; }
#header-1 .pnl-stgo-anto  p { margin: 0 0 16px; }
#header-1 .pnl-stgo-anto span { display: none; }


.topheader .close-ses { padding: 3px 20px 3px 3px; background:#CCCCCC url(../img/close.gif) no-repeat scroll 85px center; text-decoration: none; color: #000 }
.topheader .close-ses:visited { padding: 3px 20px 3px 3px; background:#CCCCCC url(../img/close.gif) no-repeat scroll 85px center; text-decoration: none; color:#000; }
.topheader .close-ses:hover { padding: 3px 20px 3px 3px; background:#ff0000 url(../img/close.gif) no-repeat scroll 85px center; color: #FFFFFF; text-decoration: none;}
.topheader .close-emp { position: absolute; top: 3px; right: 0; }

.auspiciadoresgenerales { position: absolute; right: 250px; top: 55px; }
.sexto { position: absolute; right: 288px; top: 15px; }

.santiagobtn , .santiagobtn:visited{ float: left; text-indent: -1000px; overflow: hidden; display:block; width: 96px; height: 58px; background:url("../img/stgo.png") 0 -58px;}
.santiagobtn:hover { background-position:0 0; } 

.antofagastabtn, .antofagastabtn:visited  { float: left; text-indent: -1000px; overflow: hidden; margin-left:10px; display: block; width: 137px; height: 57px; background:url(../img/anto.png); background-position:0 -57px;}
.antofagastabtn:hover { background-position:0 0; } 

.si-miembro { position: absolute; right: 0; top: 5px; text-align:right; }

/*
#loginboxportada { position: absolute; top: 0; right: 0; width: 228px; height: 115px; background: url(../img/bg-loginportada.png); font-size: 11px;}
#loginboxportada td { height: 14px; background: transparent; border: 0; padding: 2px;}
#loginboxportada table { position: absolute; left: 20px; width: 200px; margin-top: 6px;}
#loginboxportada .links-rec { position: absolute; top: 90px; left: 20px; }
#loginboxportada .links-rec a, #loginboxportada .links-rec a:visited { font-weight: normal; }
#loginboxportada input { border: 1px solid #717171; width: 90px; }
#loginboxportada button { background: #1c5ca2; color:#FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 0; padding: 3px 3px;} */

#menu { width: 920px; height: 32px; background: #185293; margin: 0 auto 0 auto ; position: relative; }
#menu a, #menu a:visited { text-decoration: none; color:#FFFFFF; display: inline-block; height: 100%; margin: 0; padding: 7px 12px 0 12px;}
#menu a:hover { background: #007dbd; }
#menu .cont-lista { float: left; }
#menu ul {  font-weight: bold;  float: left; margin: 0; }
#menu li {  display: block; float: left; height: 25px; }
#menu .canalempresas { position: absolute; top: 0; right: 0; width: 228px; height: 32px; }

#menu .canalempresas a, #menu .canalempresas a:visited { padding: 8px 0 0 56px; background: #0f2744; color:#FFFFFF; font-weight: bold; display: block; width: 172px; height: 24px; }
#menu .canalempresas a:hover { text-decoration: none; background: #000000;}

#dialogaempresa { width:364px; height:291px; position: relative; background: url(../img/dialoga-bg.jpg); margin-top: 20px; }
#col-d #dialogaempresa h1 {position: absolute; top: 10px; left: 12px; color:#FFFFFF; font-size: 21px; }
#dialogaempresa p { line-height: 19px; position: absolute; top: 63px; right: 25px; width: 200px; height: 170px; text-align: right; color:#FFFFFF; font-weight: bold; font-size: 24px;}
#col-d #dialogaempresa a, #dialogaempresa a:visited { position: absolute; top: 200px; left: 258px; color:#FFFFFF; font-size: 18px; text-decoration: none; }
#col-d #dialogaempresa a:hover { text-decoration: underline; }

#discoFileName { margin-left: 200px; }
#divFileName legend { font-size: 21px; font-weight: bold; }


#medio { background:url(../img/bg_medio.png);  }
#c-medio a { cursor:pointer }
#c-medio { width: 920px; margin: 0 auto 0 auto; position: relative; height: 304px;}
#c-medio .banner-centro { position: absolute; width: 920px; height: 189px; top: 10px; background:url("../img/banner-central-full920.jpg") no-repeat 0 -1px;}
.antofagasta #c-medio .banner-centro { background:url("../img/bnr_fml_antofa_full.jpg"); }



#c-medio a, #c-medio a:visited { text-decoration: none; }
#c-medio a.btn1, #c-medio a.btn1 a:visited {position: absolute; bottom: 20px; left:599px; display: block; background: #79B51C; font-weight: bold; font-size: 15px; padding: 7px 15px 7px 15px; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
#c-medio a.btn1:hover { background: #629416; }
#c-medio a.plano { left: 580px;display:none; }
#c-medio a.verofertas { left: 408px; background:none repeat scroll 0 0 #79B51C; display:none; }
#c-medio a.compratuentrada {  background:  #79B51C;left:624px; display:none;  }

#c-medio a.inscribete { left:799px; background:none repeat scroll 0 0 #79B51C; display:none;  }
.antofagasta #c-medio a.inscribete {   background:none repeat scroll 0 0 #79B51C; display:block; left:562px; text-align:center; width:127px; }
.antofagasta #c-medio a.inscribete:hover {  background:#58881D;   }


#c-medio a.verofertas:hover {  background:none repeat scroll 0 0 #629416; }
#c-medio a.compratuentrada:hover {  background:none repeat scroll 0 0 #629416; }

.antofagasta #c-medio a.btn1, #c-medio a.btn1 a:visited { background: #82BA2C; font-weight: bold; font-size: 15px; padding: 7px 15px 7px 15px; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
.antofagasta #c-medio a.btn1:hover { background: #58881D; }


#c-medio .l-santiago { position: absolute; width: 227px; height: 89px; background:url(../img/l-santiago.png); right: 0; top: 10px;}
#c-medio .l-santiago  h1 { background: url(../img/l_s.png) left no-repeat; border-bottom: 1px #ffffff dotted; display: block; width: 200px; padding-left: 10px; color: #ffffff; font-size: 16px; letter-spacing: -1px; margin: 5px auto 0 auto;}
#c-medio .l-santiago .desc { position: absolute; width: 140px; top: 30px; left: 15px; letter-spacing: -1px; color: #ffffff; font-size: 16px; line-height: 15px; }
#c-medio .l-santiago p { position: absolute; bottom: 10px; right: 10px; font-size: 11px; }
#c-medio .l-santiago a, #c-medio .l-santiago a:visited { color:#FFFFFF; text-decoration: underline;  }
#c-medio .l-santiago a:hover { text-decoration: none; }

#c-medio .l-anto { position: absolute; width: 227px; height: 89px; background:url(../img/l-anto.png); right: 0; top: 110px;}
#c-medio .l-anto p { position: absolute; bottom: 10px; right: 10px; font-size: 11px; }
#c-medio .l-anto a, #c-medio .l-anto a:visited { color:#FFFFFF; text-decoration: underline; }
#c-medio .l-anto a:hover { text-decoration: none; }
#c-medio .l-anto h1 { background: url(../img/l_a.png) left no-repeat; border-bottom: 1px #ffffff dotted; display: block; width: 200px; padding-left: 10px; color: #ffffff; font-size: 16px; letter-spacing: -1px; margin: 5px auto 0 auto;}
#c-medio .l-anto .desc { position: absolute; width: 140px; top: 30px; left: 15px; letter-spacing: -1px; color: #ffffff; font-size: 16px; line-height: 15px; }


#c-medio .feria { position: absolute; top: 213px; width: 920px; height: 78px; background: url(../img/logosauspiciadores.png);}
#c-medio .feria a { position: absolute; text-indent: -1000px; }
.feria .santander { width: 140px; height: 42px; top: 27px; left: 12px; }
.feria .cge { width: 80px; height: 55px; top: 14px; left: 150px; }
.feria .cencosud { width: 127px; height: 46px; top: 23px; left: 260px; }
.feria .mutual { width: 121px; height: 64px; top: 14px; left: 400px; }
.feria .aguas { width: 160px; height: 46px; top: 23px; left: 520px; }
/* .feria .vitacura { width: 132px; height: 46px; top: 23px; left: 610px; }
.feria .city { width: 59px; height: 42px; top: 23px; left: 610px; } */





#contenido { background: #f2f8fe url(../img/bg_gen.png) repeat-x; }

#contenido-1 { background: #e6f1fe; width: 920px; margin: 0 auto 0 auto; padding: 0 0 50px;}
.col-i { float: left; display: inline; width: 650px; position:relative; }
.col-i a, .col-i a:visited { color:#333333; }
.col-i h1 { font-size:18px; margin-bottom: 10px; }
.col-i .circulo { position: absolute; top: 0; right: 0; }

.cuadropadd { width: 860px; margin: auto; padding-top: 20px;}

.home .col-i { float: left; display: inline; width: 400px; position:relative; }


#contenido-1 .col-i .of { margin: 0 0 20px; font-size: 18px; letter-spacing: -1px; color: #324a67; display: block; width: 400px; background:url(../img/bh2_1.png) left no-repeat; padding-left: 10px;}
#contenido-1 .col-i .line { display: block; width: 400px; background:url(../img/bh2_1.png) left no-repeat; padding-left: 10px; }


/***********************************
 DIV VACANTES
 ***********************************/

.cont-vac { width: 400px; height: 70px; margin: 10px 0; }
.border-vac { border-bottom: 1px solid #72b7ef; }
.cont-vac h2 { font-size: 14px; letter-spacing: -1px; color: #1c69a8; }
.cont-vac .logos { float: left; }
.cont-vac .cont-text { float: left; margin: 10px 0 0 15px;}
.cont-vac .logos img { border: 1px solid #6db0e2; }
.cont-vac .logos a:hover img { border: 1px solid #003399; }
.cont-vac .cont-text .titulo { font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #1c69a8;}


/***********************************
 DIV VACANTES
 ***********************************/
 
 
 

.a-s { height: 30px; border-bottom: 1px solid #112d4d; margin: 25px 0;}
.a-s a, .a-s a:visited { color: #112d4d; text-decoration: none; }
.a-s a:hover { text-decoration: underline; }
.v-ant { background:url(../img/arrow-l.png) no-repeat left; padding: 0 0 0 20px; font-weight: bold; }
.v-sig { background:url(../img/arrow-r.png) no-repeat left; padding: 0 0 0 20px; font-weight: bold; }


#UIofertas { float: left; clear:both; width: 600px; }
#UIofertas table { font-size: 11px; width: 100%; font-size: 11px; margin: 20px 0;}
#UIofertas table a, #UIofertas table a a:visited { color: #217cc5; text-decoration: underline; }
#UIofertas td { border-bottom: 1px solid #e4e4e4; padding: 4px; }
#UIofertas .tr1 { background: #e9f2f7; }
#UIofertas .tr2 { border-bottom: 1px solid #e4e4e4; }

#UIofertasDestacadas .scroller li { border-bottom: 1px solid #6db0e2; }
#UIofertasDestacadas h2 { background:transparent url(../img/bh2_1.png) no-repeat scroll left center;
font-size: 21px;
letter-spacing: -1px;
display:block;
padding-left:10px;
}
#UIofertas h2 { background:transparent url(../img/bh2_1.png) no-repeat scroll left center;
font-size: 21px;
letter-spacing: -1px;
display:block;
padding-left:10px;
margin-top: 20px;
}
#UIofertasDestacadas a:hover { text-decoration: underline; }
#UIofertasDestacadas a:hover img { border: 1px solid #003399; }
#UIofertasDestacadas li img { border: 1px solid #6DB0E2; }
#UIofertasDestacadas li img a:hover { border: 1px solid #0066CC; }

#paginador { font-size: 11px; font-weight: bold;}
#paginador a, #paginador a:visited { color: #217CC5; }

.nav-ofertas { margin: 5px 0 20px 0; width: 473px; height: 20px; overflow: hidden;}
.nav-ofertas a, .nav-ofertas a:visited { color: #000000; font-weight: bold; text-decoration: none; }

#UIofertasDestacadas .nav-ofertas .paginadorFrwd { margin-left: 335px; background: url(../img/arrow-r.png) left no-repeat; padding-left: 20px; }
#UIofertasDestacadas .nav-ofertas img { display: none; }
#UIofertasDestacadas .scroller { height: 228px; margin: 20px 0; width: 472px;}
#UIofertasDestacadas .nav-ofertas .paginadorBack{ background: url(../img/arrow-l.png) left no-repeat; padding-left: 20px;  }


.paginacion { font-size: 11px; font-weight: bold;}
.paginacion a, .paginacion a:visited { color: #217cc5; text-decoration: underline; font-weight: normal;}

#foros { width: 429px; height: 291px; background:url(../img/dialoga.jpg); position: relative; margin: 30px 0;}
#foros .comenta-del { width: 143px; height: 41px; position: absolute; top: 175px; right: 40px; }

#foros .comenta-del a.btn { display: block; width: 143px; height: 41px; background:url(../img/comenta.png); background-position:0 -41px }
#foros .comenta-del a.btn:hover { background-position: 0 0; }




#col-d { float: right; width: 365px;}
#col-d h1 { color: #185293; font-size: 18px; letter-spacing: -1px;}

#destacamos { background: #d7e9fd url(../img/bg_desta.jpg) repeat-x; width: 345px; padding: 10px 10px 30px 10px; }
#destacamos h1 { margin: 0 0 10px 0; display: block; background:url(../img/bh2_2.png) left no-repeat; padding-left: 10px; }
#destacamos .recuadro { background:#185293; width: 340px; padding: 3px;}
#destacamos .recuadro .re-text-1 { width: 320px; margin: 10px auto 0 auto; color:#FFFFFF;}
#destacamos .recuadro h2 { font-size: 16px; letter-spacing: -0.5px; margin: 0; padding: 0; }
#destacamos .recuadro img { padding-bottom: 10px }
*:first-child+html #destacamos .recuadro img{ margin-left: -5px}  /*Ie7*/
#destacamos .recuadro a, #destacamos .recuadro a:visited { color: #fff; text-decoration: none; }
#destacamos .recuadro a:hover { text-decoration: underline; }

#destacamos h3 { font-size: 15px; letter-spacing: -1px; color: #175293; margin-bottom: 5px; }
#destacamos .notas { width: 310px; margin: 20px auto 0 auto; }
#destacamos .notas p { margin: 0 0 30px 0; }
#destacamos .notas a, #destacamos .notas a:visited { color: #175293; text-decoration: none;}
#destacamos .notas a:hover { text-decoration: underline; }


#c-exito { background: #b3d6fc; margin: 24px 0 0 0; padding: 8px 0 20px 8px;}
#c-exito h1 { color: #4d8dd5; margin: 0 0 10px 0; display: block; background:url(../img/bh2_3.png) left no-repeat; padding-left: 10px;}
#c-exito .casos { width: 171px; float: left; display:inline; padding: 10px 7px 10px 0 }
#c-exito .casos img { border: 4px solid #85bdfa }
#c-exito .casos a:hover img { border: 4px solid #4d8dd5 }
#c-exito .casos h2 { color: #1560a8; font-size: 14px; margin-top: 10px; }

.divisor { border-bottom: 1px solid #cccccc; width: 815px; height: 20px; clear:both; margin: 0 auto 30px auto;}

/*******************************************
FOOTER 
*******************************************/

#footer { width: 920px; height: 141px; background:url(../img/bg_footer.png); position: relative; }
#footer h1 { margin: 5px 0 5px 0; font-size: 14px; color:#FFFFFF; letter-spacing: -0.5px; }
#footer a, #footer a:visited { color:#c6e0fd;text-decoration: none; }
#footer a:hover {  text-decoration: underline; }
#footer .logo-trabajando { position: absolute; bottom: 15px; right: 20px; }

#footer .col-1 { float:left; width: 210px; margin: 0px 1px 0 1px; display: inline;}
#footer .col-1 h1 { background:url(../img/l_footer.png) left no-repeat; padding-left: 10px; }
#footer .marginleft { margin-left: 20px; }
#footer ul { list-style: none; margin: 0; padding: 0;}
#footer .arrows { list-style-image:url(../img/spn_stgo.png) ; margin: 0 0 5px 10px; padding: 0; font-weight: bold; }
#footer li { list-style: none; margin: 0; padding: 0;}

 
#footer-copy .copy   { color: #666666; float:left; margin-top: 15px; margin-left:15px; }
#footer-copy .email   { color: #666666;float:right; margin-top: 15px; margin-right:15px;}
#footer-copy .email a{ color: #217CC5; text-decoration: none; }
/*******************************************
FIN FOOTER 
*******************************************/


 

/*********************************************************************************************
CSS secciones internas:    EMPRESA
*********************************************************************************************/

#estas-en { height: 30px; border-bottom: 3px solid #cce3fd; margin-bottom: 13px;}
#estas-en a, #estas-en a:visited { color: #1a67a6; text-decoration: none}
#estas-en a:hover { text-decoration: underline; }
#estas-en span { color: #1a67a6; }

.titulos-interno {   margin: 20px 0 20px 0; position: relative; height: 60px; }
.titulos-interno h1 {padding: 2px 0 0 10px; letter-spacing: -1px; font-size: 24px; color: #0e2644; height: 22px; display: block; position: absolute; top: 10px; left: 113px; line-height: 20px;  }
.titulos-interno img { border: 3px solid #CCE3FD; }

#marcas { margin-top: 20px; }
#marcas .marcas-1 { width: 106px; font-weight: bold; height: 120px; text-align: center; float: left; display: inline; margin-right: 2px;}
#marcas .marcas-1  img { border: 1px solid #6db0e2; clear: both; }
#marcas .marcas-1 a:hover img{ border: 3px solid #6db0e2; }
#marcas .marcas-1 p {margin-top: 5px; line-height:12px; }


.c-portal { width: 106px; font-weight: bold; height: 68px; text-align: center; float: left; display: inline; margin-right: 2px; margin-bottom: 13px;}
.c-portal  img { border: 1px solid #6db0e2; clear: both; }
.c-portal a:hover img{ border: 3px solid #6db0e2; }
.c-portal p {margin-top: 5px; line-height:12px; }

.c-portal p {
	display: none;
	}

.contenedorsubmenu { width: 192px;  float: right; }
.submenu { background: #5c9bc9; width: 172px; padding: 10px 10px 20px 10px; color: #ffffff; margin-bottom: 20px;}



.submenulogin { background: #5c9bc9; width: 172px; padding: 10px 10px 20px 10px; color: #ffffff; margin-bottom: 20px; *height:65px;}

.col-i > .submenulogin  {
height:108px;
}

*:first-child+html .submenulogin  {
height:108px;
}

.submenu a { cursor: pointer; }
.verlayout { background: #206fc7; } 
.loginbox { background: #79B51C url("../img/fml-bg-acceso-candidatos.jpg") no-repeat 13px 10px } 



.submenulogin a {
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}

.submenulogin ol, .submenulogin ul, .submenulogin dl {
margin:1px;;
}
.submenulogin li {
list-style:none outside none;
}
.submenulogin li {
list-style:none outside none;
padding-top:20px;
}

.submenulogin #frmLogin {
height:100px;
}

.submenulogin #frmLogin input {
height:12px;
margin-bottom:4px;
padding-bottom:2px;
width:92px;
/*background:url("../img/bg-input.png") repeat-x scroll 0 0 #FFFFFF;*/
/*border:1px solid #B0C1D6;*/
color:#AAAAAA;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:italic;
padding:3px;
*width:85px;
}


.submenulogin > #frmLogin input {
width:90px;
}

*:first-child+html .submenulogin #frmLogin input {
width:90px;
}


.loginbox button {
background:none repeat scroll 0 0 #185194;
border-color:#4976AB #4976AB #103460 #103460;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
 margin:0px;
padding:0px;
float:right;
width:79px;
height:21px;
}

*:first-child+html .loginbox button {

margin:0px;
padding:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}



.loginbox label {
color:#fff;
float:left;
font-size:0.9em;
font-weight:bold;
margin-left:20px;
margin-right:3px;
width:50px;
}

.submenulogin fieldset {
padding:23px 0 0;
}

 
 *html .submenu { padding-right: 0; }
.submenu h1 { font-size: 17px; margin-bottom: 10px; }
.submenu h3 { font-size: 17px; margin: 0 0 15px 0;}
.submenu h4 { margin: 10px 0 0 0; }
.submenu ul { margin: 0; }
.submenu li { list-style: none; display:block; padding: 6px 0 6px 0;border-bottom: 1px solid #ffffff;}
.submenu li.layoutferias a { font-size: 11px; }
.submenu li.layoutferias { padding-top: 0px; }
*.submenu li { margin-right: 10px; }
.submenu a, .submenu a:visited { display: block; width: 100%; height: 98%; color: #FFFFFF; text-decoration: none; padding-left: 12px;}
.submenu a:hover, .submenu a:focus, .submenu a:active { background: url(../img/b_arrow.gif) left no-repeat; }

 
.submenubanner { /*background: #E6F1FE; */width: 172px; padding: 1px 1x 1px 1px; color: #ffffff; margin-bottom: 20px;}

 
.sub-logueado { background: #185293; }
.sub-logueado h2 { font-size: 17px; }
.sub-logueado a, .sub-logueado a:visited { background: url(../img/li-arrow-g.gif) left no-repeat; }
.sub-logueado a:hover { background: url(../img/li-arrow-g.gif) left no-repeat; color:#CCCCCC; }


#identidadUsuario { height: 105px; border-top: 1px solid #d1dbe7; border-bottom: 1px solid #d1dbe7; padding: 10px 0; margin-bottom: 35px; }
.currImagen { float: left; margin-right:20px; background: #ffffff; margin-bottom:  40px; padding: 5px; border: 1px solid #cccccc;}
#formEnviarCVxMail td { border-bottom: none; }


/*********************************************************************************************
CSS secciones internas:    BANCOS
*********************************************************************************************/
.submenubanco { background: #92c3f9; width: 172px; padding: 10px 10px 20px 10px; float: right; color: #000000; margin-bottom: 20px; border-top:5px solid #749AC5; }
.submenubanco p {margin: 0; text-align: justify;}
.submenubanco h1 { display: block; width: 172px; height: 29px; margin-bottom: 15px; overflow: hidden; background: url(../img/descripcion-ficha-empresa.png); text-indent: -1000px;}
.submenubanco img { border: 1px solid #6db0e2; margin-bottom: 10px; }

#sub-links { margin-top: 20px; /*width: 642px;*/ height: 50px;  }
#sub-links #of-trabajo:link, #sub-links #of-trabajo:visited { margin-right: 5px; display: inline-block; padding: 8px; border: 1px solid #cccccc; color: #185293; font-size: 15px; font-weight: bold; text-decoration:none}
#sub-links #of-trabajo:hover { background: #185293; border: 1px solid #185293; color: #FFFFFF;}

#sub-links #dialoga:link, #sub-links #dialoga:visited{ margin-right: 5px; display: inline-block; padding: 8px; border: 1px solid #cccccc; color: #54811d; font-size: 15px; font-weight: bold; text-decoration:none}
#sub-links #dialoga:hover, #sub-links #dialoga.estoyaqui { background: #54811d; border: 1px solid #54811d; color: #FFFFFF; }


#sub-links #descripcion:link, #sub-links #descripcion:visited{ margin-right: 5px; display: inline-block; padding: 8px; border: 1px solid #cccccc; color: #54811d; font-size: 15px; font-weight: bold; text-decoration:none}
#sub-links #descripcion:hover{ background: #54811d; border: 1px solid #54811d; color: #FFFFFF; }


#sub-links #testimonios:link, #sub-links #testimonios:visited{ margin-right: 5px; display: inline-block; padding: 8px; border: 1px solid #cccccc; color: #54811d; font-size: 15px; font-weight: bold; text-decoration:none}
#sub-links #testimonios:hover{ background: #54811d; border: 1px solid #54811d; color: #FFFFFF; }

 
.antofagasta #sub-links #testimonios.estoyaqui, .antofagasta #sub-links #descripcion.estoyaqui, .antofagasta #sub-links #of-trabajo.estoyaqui{
color:#FFFFFF;
}

.col-i #sub-links #testimonios.estoyaqui,  .col-i #sub-links #descripcion.estoyaqui, .col-i #sub-links #of-trabajo.estoyaqui{
color:#FFFFFF;background: #54811d;
}
.col-i #sub-links #testimonios.estoyaqui,  .col-i #sub-links #descripcion.estoyaqui, .col-i #sub-links #of-trabajo.estoyaqui{
color:#FFFFFF;background: #54811d;
}
 .col-i #sub-links #of-trabajo.estoyaqui{
color:#FFFFFF;background: #185293;
}





#sub-links a.casos:link, #sub-links a.casos:visited{ margin-right: 5px; display: inline-block; padding: 8px; border: 1px solid #cccccc; color: #57a4f9; font-size: 15px; font-weight: bold; text-decoration:none}
#sub-links a.casos:hover { background: #57a4f9; border: 1px solid #57a4f9; color: #FFFFFF; }

#cont-tabla { /*width: 618px;*/ background: #FFFFFF; padding: 10px; margin-bottom: 20px;}
#banco .borde-azul {border: 1px solid #5e9cc9;}
#banco .borde-verde {border: 1px solid #54811d;}
#banco .borde-celeste {border: 1px solid #57a4f9;}

#cont-tabla table { width: 100%; }
#cont-tabla td { padding: 3px 3px 3px 5px; border-bottom: 1px solid #e9e9e9;}
#cont-tabla .titulos { background: #cccccc; }
#cont-tabla .titulos a { font-weight: bold; text-decoration: underline; color: #000000; }
#cont-tabla .ver-todas a, #cont-tabla .ver-todas a:visited { color: #185293; text-decoration: none;}
#cont-tabla .ver-todas a:hover { text-decoration: underline; }
#cont-tabla .ver-todas p { width: 600px; text-align: right; }

.formulario { float: left; width: 440px; }

.formulario h1 { font-size: 18px; color: #54811d; letter-spacing: -1px; }
.formulario p { margin: 10px 0 0 0; }
.formulario input { margin: 0; width: 400px; height: 20px; padding: 3px 3px 3px 7px; border: 1px solid #cccccc;}
.formulario input:hover, .formulario textarea:hover { border: 1px solid #999999; }
.formulario input:focus, .formulario textarea:focus { border: 1px solid #000000; }
.formulario textarea { margin: 0; width: 400px; height: 100px; padding: 3px 3px 3px 7px; border: 1px solid #cccccc;}
.formulario .boton-enviar { width: 413px; text-align: right; }
.formulario .enviar { margin-top: 5px; width: 100px; height: 30px; background: #9f9f9f; padding: 5px 10px 10px 10px; color:#FFFFFF; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }

.info { float: left; width: 150px; padding: 10px;}



#banco .comentarios h1 { padding-bottom: 15px; border-bottom: 3px solid #cce3fd; font-size: 21px; letter-spacing: -1px; margin-bottom: 20px;}

.comentarios {  }
.comentarios-1 { padding-bottom: 5px; border-bottom: 3px solid #cce3fd; margin-bottom: 20px;}
.comentarios-1 h2 { font-size: 16px; margin-bottom: 15px; letter-spacing: -1px; }
.comentarios-1 h3 { margin: 0; font-style: italic; font-weight: normal; font-size: 12px; }
.comentarios-1 .l-res { width: 645px; text-align: right; color: #185293; margin: 25px 0 5px 0; }
.comentarios-1 .l-res a { color: #185293;  }

/**************************************************************************************************
LOGINBOX HEADER CUANDO ESTAN EN SECCION EMPRESA
**************************************************************************************************/
#formulario-empresa { position: absolute; top: 10px; right: 0; font-size: 11px; background: #F2F2F2; padding: 3px 15px 16px 15px;}
#formulario-empresa table { width: 200px; height: 50px; }
#formulario-empresa td { border: 0; padding: 4px 0 0 0; }
#formulario-empresa button { background: #0099FF; color:#FFFFFF; border: 0; font-weight: bold; font-size: 11px; padding: 4px; width: 60px; height: 25px; margin-right: 10px;}
#formulario .rec-password { padding-left: 30px; }
#header-1 .rec-password a { font-weight: normal; }

#formulario-empresa input { width: 90px; border: 1px solid #cccccc; background: #f9f9f9; }
#formulario-empresa input:hover { border:1px solid #6b6b6b; }
#formulario-empresa input:focus { background: #ffffff; border:1px solid #6b6b6b; }




/**************************************************************************************************
LOGIN INFOBOX
**************************************************************************************************/

#UIloginBox { background: #b3d5fb; padding: 10px;  }
#UIloginBox .aux input { width: 220px; height: 25px; border: 1px solid #cccccc;}
#UIloginBox h2 { margin-bottom: 10px; font-size: 21px; display: block; height: 22px; color: #0f2744; letter-spacing: -1px; background:url(../img/flecha-login.png) left no-repeat; padding-left: 30px;}
#UIloginBox button { margin: 10px 0 20px 150px; width: 70px; height: 30px; background: #3b63a6; color: #FFFFFF; border: 0; font-weight: bold;}
#UIloginBox .loginRecordarClave { margin-left: 10px; color:#000000;}
#UIloginBox .linkRegistro { display: none; }

#UIinfobox { float: left; width: 300px; height: 200px; margin-left: 20px;}
#UIinfobox h3 { color: #185293; letter-spacing: -1px; }

/**************************************************************************************************
SECCION /ANTOFAGASTA/
**************************************************************************************************/

.antofagasta #menu { background: #6fab25; }
.antofagasta.auspiciadoresgenerales { position: absolute; right: 250px; top: 37px; }
.antofagasta .sexto { display: none; }
.antofagasta #menu a:hover { background: #58881d; }
.antofagasta #menu .canalempresas a:hover { text-decoration: none; background: #000000;}
.antofagasta #medio { background:url(../img/a_bg_medio.png); }
.antofagasta #contenido { background: #f2f8fe url(../img/bg_gen_anto.png) repeat-x; }
.antofagasta #contenido-1 { background: #f1f9e4; }
/* .antofagasta .auspiciadoresgenerales { display: none; } */
.antofagasta .ferianorte { position: absolute; top: 213px; width: 920px; height: 78px; background: url(../img/logosauspiciadoresnorte.jpg);}
.antofagasta .ferianorte a { position: absolute; text-indent: -1000px; }
.antofagasta .ferianorte .mutualnorte { width: 160px; height: 46px; top: 23px; left: 520px; }


.antofagasta a.santiagobtn:link , .antofagasta a.santiagobtn:visited{ text-indent: -1000px; overflow: hidden; display: inline-block; width: 96px; height: 58px; background:url(../img/stgo_in.png); background-position:0 -58px;}
.antofagasta a.santiagobtn:hover { background-position:0 0; } 

.antofagasta .submenu { background: #5c9bc9; width: 172px; padding:10px 10px 8px; color: #ffffff; margin-bottom: 20px;}
.antofagasta  .verlayout { background:#206FC7;}

/* ANTOFAGASTA mensaje de entrevistas pedientes usuario logueado. */
.antofagasta #contenido .entrevistaspend {
clear:both;
height:auto !important;
margin:5px 0 10px;
min-height:36px;
padding:10px 8px 10px 60px;
}
.antofagasta .informa-entrevistaspend  {
background:url("../img/mensajes.gif") no-repeat scroll 0 -224px #DFE9FF;
border:1px solid #00319F;
}
 
/* SANTIAGO mensaje de entrvistas pedientes usuario logueado. */
 #contenido .entrevistaspend {
clear:both;
height:auto !important;
margin:5px 0 10px;
min-height:36px;
padding:10px 8px 10px 60px;
}
 .informa-entrevistaspend  {
background:url("../img/mensajes.gif") no-repeat scroll 0 -224px #DFE9FF;
border:1px solid #00319F;
}
 

/**************************************************************************************************
SECCION /SANTIAGO/
**************************************************************************************************/

.santiago a.antofagastabtn:link, .santiago a.antofagastabtn:visited  { text-indent: -1000px; overflow: hidden; margin-left:10px; display: inline-block; width: 137px; height: 57px; background:url(../img/anto_in.png); background-position:0 -57px;}
.santiago a.antofagastabtn:hover { background-position:0 0; } 



/**************************************************************************************************
SECCION /EMPRESAS/
**************************************************************************************************/

.empresas #menu { background: #0f2744; }
.empresas #menu a:hover { background: #f0fbff; color: #0f2744;}
.empresas #menu .canalempresas a, .empresas #menu .canalempresas a:visited { text-decoration: none; background: #005b9d;}
.empresas #menu .canalempresas a:hover { text-decoration: none; background: #000000; color: #ffffff; }
.empresas #medio { background: #b6bdc6; }
.empresas #contenido { background: #f2f8fe url(../img/bg_gen_empresas.png) repeat-x; }
.empresas #contenido-1 { background: #f0f1f3; }
.empresas .pnl-stgo-anto { display: none; }
.empresas #c-medio .feria { background: url(../img/e_feria.png); }
.empresas #c-medio .banner-centro { background: url(../img/banner-centro-empresas.jpg); }
.empresas #c-medio .btn-1 { position: absolute; bottom: 10px; left: 307px;}



/* SECCION /EMPRESAS/       home proveedores
**************************************************************************************************/

#franja-bienvenida { width: 880px; height: 50px; background: #667588; margin: 0 auto 0 auto; padding: 10px 10px 10px 30px;}
.info-bienvenida {float:left; display: inline; width: 400px;}
.info-bienvenida h2 { font-size: 12px; font-weight: normal; color: #ffffff;}
.info-bienvenida h1 { display: block; height: 22px; font-size: 22px; color: #ffffff; background: url(../img/ico-bienvenida.png) left no-repeat; padding-left: 30px; }
.submenu-bienvenida { float:right;   height: 50px; display: inline; }
.submenu-bienvenida a.imprimir { display: inline-block; padding: 6px 30px; width: 40px; border-left: 1px solid #ffffff; text-decoratrion: none; color: #ffffff; }
.submenu-bienvenida a.gen-plantilla { display: inline-block; padding: 6px 30px; width: 40px;  border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; text-decoratrion: none; color: #ffffff; }

.submenu-bienvenida a.imprimir:hover { text-decoration: none; }
.submenu-bienvenida a.gen-plantilla:hover { text-decoration: none; }




/* SECCION /EMPRESAS/       Dialoga Empresa
**************************************************************************************************/
.dialogo-comentarios  {  background:#dee8f5; margin-bottom: 20px; padding-bottom: 10px;}
.dialogo-comentarios p { padding: 0 10px; }
.dialogo-comentarios h2 { display:block; background: #d9e2ef; width: 630px; padding: 3px 10px;}



/* SECCION /EMPRESAS/       internas logueado
**************************************************************************************************/
td, th { color: #25466b; border-bottom: 1px solid #bec7d2; }

.normal10 { color: #25466b; }
.normal10 td, .normal10 th { color: #25466b; border-bottom: 1px solid #bec7d2;}
.normal10 .TITULOPERSONA { border: 0; background: #d9e4f0; font-weight: bold;}


.normal11 td, .normal11 th { color: #25466b; border-bottom: 1px solid #bec7d2;}
.normal11 .datos-ultimo { font-weight: bold; background: #d7e1ed;}

/* SECCION FAQ preguntas frecuentes
**************************************************************************************************/

.col-i .listanormal { margin: 30px 0 0 0; padding: 0; }
.col-i .listanormal li {list-style: none; }
.col-i .listanormal li { background: url(../img/li-arrow.gif) 0 5px no-repeat; padding: 0 0 8px 15px; margin: 0 0 4px 0; border-bottom: 1px solid #c8d2dd; }
.col-i .listanormal li a, .lista-normal li a:visited { color: #07567b; text-decoration: none}
.col-i .listanormal li a:hover { color: #000000; }


/* GALERIA DE IMAGENES
**************************************************************************************************/

.galeriaimagenes td { border: none; }
.galeriaimagenes img { border: 1px solid #b2bac4; padding: 2px; }
.galeriaimagenes a:hover img { border: 1px solid #7a8087; }


/*
MI TRABAJANDO
**************************************************************************************************/

#info-personal {margin-top: 10px; }
#info-personal td { border-bottom: 1px solid #b8c1cb; color: #000000;}
#info-personal th { border-bottom: 1px solid #b8c1cb; border-left: 4px solid #b8c1cb; }

#mitrabajando { color: #324a67; }
#mitrabajando h2 { font-size: 16px; }
#nombre-foto {  padding: 5px 5px 2px 0; margin-bottom: 10px; border-bottom: 3px solid #CCD5E1; }
#nombre-foto p { color: #324a67; }
#nombre-foto h1 { margin-bottom: 5px; color: #324a67;}
#nombre-foto a, #nombre-foto a:visited { color: #324a67; margin-right: 10px; }
#nombre-foto a:hover { color: #324a67; }

#mitrabajando .misdatos { color: #175293; font-size: 11px; border-bottom: 1px solid #CCD5E1; padding-bottom: 5px; margin-bottom: 10px; }
#mitrabajando .misdatos h2 { font-size: 12px; }

.recibir-info { border-right:1px solid #cfd9e5;display:inline;float:left;height:130px;margin-right:50px;width:300px;}
.ayuda-trabajando { float: left; display: inline; width: 200px; height: 140px; }
.ayuda-trabajando ul { margin-left: 0; }

.ayuda-trabajando li { 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
background: url(../img/li-punteado.gif)left no-repeat; padding-left: 10px; }

#tablaMisPostulaciones { font-size: 11px; }
#tablaMisPostulaciones th { font-size: 12px; border-bottom: 10px; font-weight: normal; }
#tablaMisPostulaciones th strong { font-weight: bold; }
#tablaMisPostulaciones td { border-bottom: 10px; padding: 3px;  }
#tablaMisPostulaciones tr { margin: 10px 0; }
#tablaMisPostulaciones strong { font-weight: normal; }
#tablaMisPostulaciones a, #tablaMisPostulaciones a:visited { color: #3c678c; }
#tablaMisPostulaciones .cabecera-tablaMisEntrevistas { border-top: 1px solid #cccccc; }
#tablaMisPostulaciones .cabecera-tablaMisEntrevistas td { height: 20px; padding: 15px 0; }

/** tabla otras bolsas */

#otrasbolsas { font-size: 11px; }
#otrasbolsas th { font-size: 12px; border-bottom: 10px; font-weight: normal; }
#otrasbolsas th strong { font-weight: bold; }
#otrasbolsas td { border-bottom: 10px; padding: 3px;  }
#otrasbolsas tr { margin: 10px 0; }
#otrasbolsas strong { font-weight: normal; }
#otrasbolsas a, #otrasbolsas a:visited { color: #3c678c; }
#otrasbolsas .cabecera-tablaMisEntrevistas { border-top: 1px solid #cccccc; }
#otrasbolsas .cabecera-tablaMisEntrevistas td { height: 20px; padding: 15px 0; }

/* ver MI CV */

.col-i { color: #25466b;}
#vistaCVgeneral h1 { margin-top: 20px; }

#vistaCVgeneral td { border-bottom: 1px solid #bbc4cf; }
#vistaCVgeneral th {border-bottom: 1px solid #bbc4cf;}
#vistaCVgeneral tr {border-bottom: 1px solid #bbc4cf;}


/* portada santiago */

/*.menu-comLab { border-bottom: 1px solid #d2dce8; margin-bottom: 20px; padding-bottom: 20px; }
*/


/* Submenu listado de empresas */
.menu-comLab  {
border-bottom:1px solid #999999;
display:block;
font-family:Arial,Helvetica,sans-serif;
height:45px;
margin-bottom:10px;
margin-left:0;
padding:10px 0;
}
.antofagasta .menu-comLab  {
display:none;
}

.menu-comLab li {
background:url("http://tbjui.trabajando.com/ver1.0/img/asset/candidatos/comlab_separador.gif") no-repeat scroll right 0 transparent;
float:left;
font-weight:bold;
line-height:1.2em;
list-style:none outside none;
padding:0 10px;
text-align:center;
width:96px;
}
.menu-comLab li.comLab-ues {
width:78px;
}
.menu-comLab li.comLab-vol {
width:77px;
}
.menu-comLab li.comLab-empresas {
width:60px;
}
.menu-comLab li.comLab-emprendim {
width:94px;
}
 
.menu-comLab li.comLab-otros {
width:42px;
}
.menu-comLab li.comLab-ues a {
background:url("http://tbjui.trabajando.com/ver1.0/img/asset/candidatos/comlab_ues.gif") no-repeat scroll center 0 transparent;
}
.menu-comLab li.comLab-vol a {
background:url("http://tbjui.trabajando.com/ver1.0/img/asset/candidatos/comlab_otrasinst.gif") no-repeat scroll center 0 transparent;
}
.menu-comLab li.comLab-empresas a {
background:url("http://tbjui.trabajando.com/ver1.0/img/asset/candidatos/comlab_empresas.gif") no-repeat scroll center 0 transparent;
}
.menu-comLab li.comLab-emprendim a {
background:url("http://tbjui.trabajando.com/ver1.0/img/asset/candidatos/comlab_medios.gif") no-repeat scroll center 0 transparent;
}
 
.menu-comLab li.comLab-otros a {
background:url("http://tbjui.trabajando.com/ver1.0/img/asset/candidatos/comlab_otrasinst.gif") no-repeat scroll center 0 transparent;
}
 
.menu-comLab li a, .menu-comLab li a:visited {
color:#217CC5;
float:left;
height:30px;
padding:18px 0 0;
text-decoration:none;
}
.menu-comLab li a:hover {
color:#25466B;
text-decoration:underline;
}

/*---------------------------------------*/
/* form-comentar
*******************************************/

#form-comentar textarea { width: 400px; height: 180px; clear: both; display: block; border: 1px solid #cccccc;}
#form-comentar textarea:hover { border: 1px solid #666666; }
#form-comentar textarea:focus { border: 1px solid #000000; }
#form-comentar button {
background:#185293 none repeat scroll 0 0;
border-color:#113966;
color:#FFFFFF;
font-family:arial;
font-weight:bold;
margin-top:10px;
}

/* fechas importantes */ 
#fechasimportantes table { width: 90%; margin-bottom: 30px}
#fechasimportantes td { border: 1px solid #a8a8aa; padding: 5px 10px 0 15px }
  
  
/* testimonios */
.imagen-testimonios { float: left; width: 179px; height: 178px; background: #ABCFFC; display: inline; margin: 10px 0 0 10px; }   
.textos-testimonios { float: left; width: 580px; margin: 20px 0 0 40px; font-weight: bold; font-size: 14px; background: url(../img/comillas-dw.png) right bottom no-repeat; }
.firma-testimonios { color: #406EB9;margin-top:30px;font-size:12px; font-weight:normal; }
.testimonios { width: 836px; background:#CEE3FD url(../img/comillas-up.png) -12px -12px no-repeat }

/* ficha empresa
*******************************************/
.fichaempresa .col-i { width: 860px; }



* html .clearfix {height: 1%;}
.transitions {
	float: left;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;
text-align: left;
}

.clearfix {display: block;}


#banco #UIloginBox h2 {
	font-size: 14px;
	background: none;
	letter-spacing: normal;
	padding-left: 0;
	}
	#banco #UIloginBox .aux {
	position: relative;
	}
	#banco #UIloginBox input, #banco #UIloginBox label {
	position: absolute; height: 20px; width: 150px;
	}
	#banco #UIloginBox input {
	top: 16px;
	}
	#banco #UIloginBox #passlabel, #banco #UIloginBox #clave {
    left: 160px;
	}
	#banco #UIloginBox #passlabel, #banco #UIloginBox #clave {
    left: 160px;
	}
	#banco #UIloginBox button {
    position: relative;
    left: 170px;
	top: 4px;
	}
#UIfiltrarCv td,
#UIfiltrarCv th,
#UIfiltrarCv .normal10 td {
	border: none;
	}
#cont-tabla p {
	line-height:1.8em;
	padding:15px 50px;
	}
	
#form-ingresocv{
padding-bottom:17px;
padding-left:17px;
padding-top:17px;
}
	
#form-ingresocv #suscripcion{
*width:590px; /*IE 6*/
}

#form-ingresocv > #suscripcion {
width:610px; /* ffox */
}

*:first-child+html #form-ingresocv #suscripcion {width:610px;} /* ie 7 */


/*--------------------Cambios----------------------------*/

#menu a, #menu a:visited {
    color: #FFFFFF;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 7px 11px 0;
    text-decoration: none;
}

.ctopheader {
    display: none;
    height: 100%;
    margin: auto;
    position: relative;
    width: 920px;
}
	
	
 
