/* BOOTSTRAP GRID LAYOUT 5 columnas */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* GENERIC ---------------------------------------------------------------------- */
body {
    background: #FFF none repeat scroll 0 0 !important;
    font-family: 'Lato', sans-serif;
    color:#4c4d50;
    font-weight:300;

    /*
        line-height: 20px;
        line-height: 2rem;
        width: 100%;
    */
}
section {
    clear: both;
}

.blue-box
{
    padding-top:75px;
    padding-bottom:75px;
    color:#FFF;
    background-color:aliceblue;
}

@media (min-width: 1200px) {
  .container {
    width: 1024px !important;
  }
}

.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:20px;}
.pr-25{padding-right:25px;}
.pr-30{padding-right:30px;}
.pr-50{padding-right:50px;}

.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-15{padding-left:15px;}
.pl-20{padding-left:20px;}
.pl-25{padding-left:25px;}
.pl-30{padding-left:30px;}
.pl-50{padding-left:50px;}

.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-25{padding-top:25px;}
.pt-30{padding-top:30px;}
.pt-50{padding-top:50px;}

.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-25{padding-bottom:25px;}
.pb-30{padding-bottom:30px;}
.pb-50{padding-bottom:50px;}

.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-25{margin-right:25px;}
.mr-30{margin-right:30px;}
.mr-50{margin-right:50px;}

.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-25{margin-left:25px;}
.ml-30{margin-left:30px;}
.ml-50{margin-left:50px;}

.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}

.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-50{margin-bottom:50px;}


.no-round-corners{ border-radius: 0 !important;}
.no-border {border:none !important;}
.no-shadow{
    -webkit-box-shadow: none;
    box-shadow:none;
}
.well-clean{
    border-radius: 0 !important;
    border:none !important;
    -webkit-box-shadow: none !important;
    box-shadow:none !important;
}

.fa-color
{
    color:#6d7679;
}


h4.addPaddingOnXs{
    padding-top:0;
}
@media (max-width: 767px) {
    h4.addPaddingOnXs{
        padding-top:20px !important;
    }
}

/* HEADER, BREADCRUMBS Y FOOTER -------------------------------------------------------------------- */
    #container-frame
    {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 1024px;
        background-color: #fff;
        border-top: 6px solid #ffe94f;
    }

    #header {
        height: 109px;
    }
    #logo {
        padding: 17px;
        text-align: center;
    }

    /* SELECCIÓN DEL IDIOMA ------------------------------------------- */
    .language, .language  a
    {
        font-size:13px;
        color:#6d7679;
    }

    .lng-menu{
        padding-top:7px;
        padding-left:0;
        padding-right:0;
        padding-bottom:0;
    }
    .local-menu{
        padding-top:3px;
        padding-left:0;
        padding-right:0;
        padding-bottom:0;
    }
    .lng-first-item{
        padding-right:4px;
        /*margin-right:7px;*/
        border-right:1px solid #6d7679;
    }



    /* --- BREADCRUMS (http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows) ------------------------------  */
    #breadcrumbs {
        background-color: #051c4a;
    }
    #breadcrumbs .btn
    {
        background-color: #051c4a;
        border-radius: 0;
        height: 34px;
        margin-bottom: 10px;
        color: #fff;

    }
    #breadcrumbs a.btn, #breadcrumbs .btn-breadcrumb a.btn, #breadcrumbs .btn-breadcrumb div.btn
    {
        padding-bottom:0;
        margin-bottom:0;
        border:none;
        background-color:transparent;
    }
    .brc_1
    {
        border-left:0;
    }
    .btn-breadcrumb .btn:not(:last-child):after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid #051c4a;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: 100%;
      z-index: 3;
    }
    .btn-breadcrumb .btn:not(:last-child):before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid #455678;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        margin-left: 1px;
        left: 100%;
        z-index: 3;
    }

    .btn-breadcrumb .btn {
        padding:6px 12px 6px 24px;
    }
    .btn-breadcrumb .btn:first-child {
        padding:6px 6px 6px 10px;
    }
    .btn-breadcrumb .btn:last-child {
        padding:6px 18px 6px 24px;
    }

    /** Default button **/
    .btn-breadcrumb .btn.btn-default:not(:last-child):after {
        border-left: 10px solid #051c4a;
    }
    .btn-breadcrumb .btn.btn-default:not(:last-child):before {
        border-left: 10px solid #455678;
    }

    /* The responsive part */
    .btn-breadcrumb > * > div {
        /* With less: .text-overflow(); */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;    
    }

    .btn-breadcrumb > *:nth-child(n+2) {
      display:none;
    }

    /* === For phones =================================== */
    @media (max-width: 767px) {
        .btn-breadcrumb > *:nth-last-child(-n+2) {
            display:block;
        } 
        .btn-breadcrumb > * div {
            max-width: 60px;
        }
    }

    /* === For tablets ================================== */
    @media (min-width: 768px) and (max-width:991px) {
        .btn-breadcrumb > *:nth-last-child(-n+4) {
            display:block;
        } 
        .btn-breadcrumb > * div {
            max-width: 100px;
        }
    }

    /* === For desktops ================================== */
    @media (min-width: 992px) {
        .btn-breadcrumb > *:nth-last-child(-n+6) {
            display:block;
        } 
        .btn-breadcrumb > * div {
            max-width: 170px;
        }
    }

/* FOOTER -------------------------------------------------------- */
    #footer{
        margin-top:20px;
    }

    .quick-links{
        border-top: 5px solid #001844;
        background-color:#FFF;
        padding:20px 0 0 0;
    }
    .quick-links h4, .social-media h4{
        color: #34373c;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 10px;
        padding: 0;
    }
    .quick-links a{
        display:block;
        color: #6983b9;
        font-size: 13px;
        line-height: 14px;
        margin-bottom: 5px;
        padding: 0;
        text-decoration: none !important;
    }
    .social-media, .social-media i {
        color:#3a4346;
        background-color:#FFF;
    }

    .copyright{
        padding:20px 20px 20px 20px;
        color:#929696;
        font-size: 0.625em;
        line-height: 18px;
        background-color:#FFF;
    }

    .legal{
        padding:30px 0 20px 0;
        background-color:#d7dce2;
        font-size: 13px;
    }
    .legal ul
    {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    .legal ul li{
        display: inline-block;
	    width: 33%;
        margin-bottom:15px;
        padding-left: 5%;
    }
    .legal a{
        color:#81889F;
    }
    @media screen and (max-width: 767px) {
	    .legal ul li {
        display:block;
        width:100%;
        float:left;
        margin-bottom:20px;
      }
  
    }

    /* 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;
        display:block;   
        overflow:hidden;	
	}
    .popupContact h3{
        border-top:none;
        text-align:center;
        padding:.8em;
        border-bottom:solid 1px #006699;
        width:395px;
        margin:0 auto 20px auto;
    }
    .popupContact p{
        border-top:none;
        width:395px;
        margin:0 auto 20px auto;
    }    
    #popupContact_0, #popupContact_1, #popupContact_2, #popupVideo, #popupVideo1, #popupVideo2, #popupVideo3, #popupVideo4, #popupVideoHome, #pVideoDestacado, .popupVideo
    {
       display:none;
    }

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

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