/* -- EMPLEO Y AREA PRIVADA-------------------------------- */

body {
    background: #FFF none repeat scroll 0 0 !important;
 }
 
 .body_empleo, .body_clientes, .body_general
 {
     overflow:hidden;
     margin:25px 10px;
     font-size:1.1em;
 }
.body_clientes {
    font-family: 'Lato', sans-serif;
    font-size: 1.1em;
}
 .body_clientes_es
 {
     /*background:transparent url("/_imgs/_css/bg-area-clientes-es.png") no-repeat top right;*/
 }
 .body_clientes_en
 {
     /*background:transparent url("/_imgs/_css/bg-area-clientes-en.png") no-repeat top right;*/     
 }
 /*.body_clientes a
 {
	 color:#00F;
 }
 .body_clientes a:hover
 {
	 color:#666;
 }
 .body_clientes a:visited   
 {
	 color:#06F;
 }*/
 .body_empleo h2, .body_general h2
 {
     font-size:1em;
     padding:1em 0;
     
 }
 .body_empleo h3
 {
    font-size:1.4em;
	background-color:transparent;
	color:#36C;
    display:block;
    margin: 20px 28px;
    padding:.5em 0;
    border-top:none;
    border-bottom:dotted 1px #369;
}


.body_clientes h2
{
     font-size:1.2em;
     /*padding:6px 20px; 
     color:#FFF;
     background-color:#6691c9;
     border-top-right-radius:6px;
     border-top-left-radius:6px;
     margin:0;*/
}
.body_clientes h2.notRounded
{
     background-color:transparent;
     color:#336699;
     padding-left:0;
}

/* menu breakpoint ------------------------------------------------------------------------*/

@media (min-width: 1200px) {
  .container {
    width: 1185px !important;
  }
    ul.menu li a, ul.menu li ul li a {
        font-weight:400;
        font-size:13px;
    }
}
@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 985px;
    }

}

/* MENÚ ------------------------------------------------------------------ */

ul.menu li a, ul.menu li ul li a {
    text-decoration:none;
    color:#252839 !important;
    text-transform:uppercase;
    font-weight:700;
    /*padding:0 10px;*/
    font-size:13px;
}

    ul.menu li a:hover {
        color:#cd171e !important;
        background-color:transparent !important;
    }

.navbar{
    /*margin-bottom:0;*/
}
.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.navbar-default {
    /*margin-right: 0 !important;*/
}


/*.nav-upper {
  height: 50px;
}
.nav-upper ul {
  float: right;
  display: table;
}
.nav-upper .navbar-upper > li {
  display: table-cell;
  font-size: 14px;
}
.nav-upper .navbar-upper > li > a {
  color: #777;
}
@media (min-width: 768px) {
  .navbar.navbar-lower .navbar-nav {
    margin-left: 100px;
  }
}
.navbar-logo {
  background-image: url('https://lh3.googleusercontent.com/-tw5LsU4Fg28/Umo6BBcoCnI/AAAAAAAAmjE/1iqULsem06E/w896-h896/heisencat.png');
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: 15px;
  z-index: 1051;
}*/


/* ------------------------ */

.empleo_box
{
    float:left;
    width:290px;
    height:300px;
    margin-right:22px;
    margin-top:35px;
}
 
.empleo_box h3
{
    border-top:none;
    padding-left:33px;
    padding-top:35px;
    margin:0;
    height:50px;
}
  
.empleo_box p
{
    padding:0 0 0 40px;
    width:105px;
    text-align:left;
    color:#999;
    line-height:1.1em;
}

#button_0, #button_1, #button_2
{
    padding:10px 0 0 40px;
    /*background:transparent url("/_imgs/_css/mas.gif") no-repeat;*/
}

.estudiantes
{
    background: transparent url("/_imgs/_css/empleo_estudiantes.jpg") no-repeat;
}
.jovenes
{
    background: transparent url("/_imgs/_css/empleo_jovenes.jpg") no-repeat;
}
.profesionales
{
    background: transparent url("/_imgs/_css/empleo_profesionales.jpg") no-repeat;
    margin-right:0;    
} 
.ver_ofertas
{
    margin:5px auto;
    width:225px;
    height:32px;
    margin:0 auto;
    text-align:center;
    display:block;
    background:transparent url("/_imgs/_css/btn_empleo.gif") no-repeat;
    padding:8px 0 0 0;
    
}

    /* jquery popup -------------------------- */
    
    #backgroundPopup{  
        display:none;  
        position:fixed;  
        _position:absolute; /* hack for internet explorer 6*/  
        height:100%;  
        width:100%;  
        top:0;  
        left:0;  
        background:#000000;  
        border:1px solid #cecece;  
        z-index:50;  
    }  
    .popupContact{   
        position:fixed;  
        _position:absolute; /* hack for internet explorer 6*/  
        min-height:395px;
        height:auto;  
        width:650px;  
        background:#FFFFFF;  
        /*border:2px solid #DCDCDC;*/
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;          
        z-index:11000;
        padding:12px;  
        font-size:13px;  
    }
.modalwindow {
    width:650px;
    min-height:395px;
    height:auto;
    padding:12px;
    font-size:13px; 
}     
    
	#popupMasInfo /*,#popupVideo, #popupVideo1, #popupVideo2*/ {
        min-height:470px;
        height:auto;  
        width:620px;
        /*background:#000;*/    
        overflow:hidden;	
	}
    .popupContact h3{
        border-top:none;
    }
    .popupContact p{
        border-top:none;
    }    
    #popupContact_0, #popupContact_1, #popupContact_2, #popupVideo, #popupVideo1, #popupVideo2, #popupVideo3, #popupVideo4, #popupVideoHome, #pVideoDestacado, .popupVideo
    {
       display:none;
    }
#popupMasInfo {
           display:block;
}
    a.popupContactClose, a.popupMasInfoClose 
    {
        cursor: pointer;  
        font-size:14px;  
        line-height:14px;  
        right:18px;  
        top:18px;  
        position:absolute;  
        color:#6fa5fd;  
        font-weight:700;  
        display:block;  
    } 
    
    .popupContact h3
    {
        text-align:center;
        padding:.8em;
        border-bottom:solid 1px #006699;
        width:395px;
        margin:0 auto 20px auto;
    }
    .popupContact p
    {
        width:395px;
        margin:0 auto 20px auto;
    } 
    #popupVideo p, #popupVideo1 p, #popupVideo2 p
    {
        width:96%;
        margin:0 auto 5px auto;
    }
	#popupMasInfo p
	{
		width:620px;
		font-size:.8em;
	}
    
    .estudiantes_popup
    {
        background: #FFF url("/_imgs/_css/empleo_estudiantes_soft.jpg") no-repeat bottom right;
    }
    .jovenes_popup
    {
        background: #FFF url("/_imgs/_css/empleo_jovenes_soft.jpg") no-repeat bottom right;
    }
    .profesionales_popup
    {
        background: #FFF url("/_imgs/_css/empleo_profesionales_soft.jpg") no-repeat bottom right;
    }    
    
/* ---- ESTILOS DE TABLAS ------------------------------------ */

.area_privada {margin-top:15px;}

.area_privada h2 {background-color:#e9eaeb;padding:.7em .5em;}

table.gestion {width:100%; padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}

table.gestion a {color:#333 !important; text-decoration:none;} /* #06F #333 #0099ff*/

table.gestion a:hover {color:#555;} /* #555 #0066cc */

table.gestion a:visited {color: #333; text-decoration:none;}     

table.gestion caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px;}

table.gestion thead th {background: #bbcde6; padding: 3px 5px; color: #fff; text-align: left; font-weight: bold;}

table.gestion thead th a {color: #FFF !important;}

table.gestion thead th a:hover {color: #F5F5F5 !important;}

table.gestion thead th a:visited {color: #FFF !important;}

table.gestion tbody {border-bottom: 1px solid #EAECEE;}
                      
table.gestion tbody th, table.gestion tbody td { border-bottom:1px solid #DCDCDC; text-align: left;}

table.gestion tbody th { padding:4px 3px 4px 5px;}

table.gestion tbody td a { display: block; width: 90%; height: 90%; padding:4px 3px 4px 5px;}

table.gestion tr.expand td a {padding:20px 3px 20px 5px; }

table.gestion tr.expand td a:hover {padding:20px 3px 20px 5px;}

table.gestion tbody tr {background: #F3F5F7;}

table.gestion tbody tr.odd {background: #F0F2F4;}

table.gestion tbody  tr:hover {background:#d7e9ff; color: #000;}

table.estudios td { padding:3px; border-right:solid 1px #DCDCDC;  }
table.estudios th { padding:3px; border-right:solid 1px #DCDCDC;  }



table.gestion tfoot td, table.gestion tfoot th, table.gestion tfoot tr {text-align: left; text-transform: uppercase; background: #fff; padding: 5px;}

.gestion_bottom {padding:6px;background-color:#EEE;text-align:center;margin-top:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-top:solid 1px #DCDCDC;}

.gestion_descargar{display:block;padding-left:10px;}

.gestion_volver {float:left;display:block;padding:15px 0 15px 40px;font-size:1.2em;margin-bottom:5px;width:60px;}

.gestion_documentos {padding:15px 40px;;font-size:1.2em;margin-bottom:5px;}

/*h2.documentos{background:#6691c9 url("/_imgs/_css/documentos_white.png") no-repeat 5px 5px; padding-left:30px;}*/

.gestion_treeview{background-color:#f3f5f7;padding:20px 20px 30px 75px;}
     
.gestion_btn
{
    display:block;
    padding:5px 10px !important;
    margin:0 auto;
    border:solid 1px #999;
    border-radius:5px;

background: rgb(242,245,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
         
}     

.gestion_btn:hover
{
background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

}
     

/* estilos botones ------------------------------------- */

.buttonStyled { /* clase general */
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #555;
  display: inline-block;
  padding: 4px 6px;
  text-decoration: none;

}

.buttonStyled.orange {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #feda71, #febb4a) repeat scroll 0 0;
    border-color: #f5b74e #e5a73e #d6982f;
    box-shadow: 0 1px 1px #d3d3d3, 0 1px 0 #fee395 inset;
    color: #996633 !important;
    text-shadow: 0 1px 0 #fedd9b;
}
.buttonStyled.orange:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fec354, #fecd61) repeat scroll 0 0;
    border-color: #d29a3a #cc9436 #c89133;
    box-shadow: 0 1px 1px #d4d4d4, 0 1px 0 #fed17e inset;
    color: #996633 !important;
    text-shadow: 0 1px 0 #fee1a0;
}

.buttonStyled.blue {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #abe4f8, #6fcef3) repeat scroll 0 0;
    border-color: #8dc5da #76b7cf #63abc7;
    box-shadow: 0 1px 1px #d6d6d6, 0 1px 0 #c0ebfa inset;
    color: #42788e !important;
    text-shadow: 0 1px 0 #b6e6f9;
}
.buttonStyled.blue:hover {
    background: #92dbf6 none repeat scroll 0 0;
    border-color: #7caec0 #68a3ba #5a9cb5;
    box-shadow: 0 1px 1px #d6d6d6, 0 1px 0 #ade4f8 inset;
    color: #42788e !important;
    text-shadow: 0 1px 0 #bee9fa;
}

.buttonStyled.darkblue {
    background-color:  #6691c9;
    border-color: #2a5894;
    color: #F5F5F5 !important;
}
.buttonStyled.darkblue:hover {
    background-color: #2a5894;
    border-color: #6691c9 

    color: #FFFFFF !important;
}