label.error {
    font-size: 12px;
    color: red;
    position: absolute;
    top: 0px;
    right: 15px;
}
input.error, select.error, textarea.error {
    border: 1px solid red !important;
}

.formulario .conarchivo #cv {
	 padding-left: 120px;
}

.formulario .conarchivo #cv::before {
	content: 'Reemplazar Archivo' !important;
}


.formulario .foto_usuario_subida{
	    width: 75px;
    height: 75px;
    display: block;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0px;
    border-radius: 50%;
}
.formulario #foto{
	width: auto;
    height: 75px;
    padding-left: 90px;
    padding-top: 28px;
    font-size: 14px;

}

.formulario .conarchivo #foto{
	width: auto;
    height: 75px;
    padding-left: 135px;
    padding-top: 28px;
    font-size: 14px;

}
.formulario #foto::before {
    content: '\f030';
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    width: 75px;
    height: 75px;    
    padding-top: 25px;    
    left: 0px;
    top: 0px;
    font-size: 25px;
    line-height: 1;
    border-radius: 75px;
    text-align: center;
    background: #e5e5e5;
}
.formulario #foto::after {
    content: 'Subir foto';
    position: absolute;       
    left: 90px;
    top: 30px;
    color: #808080;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
}
.formulario .conarchivo #foto::after {
	content: 'Reemplazar foto' !important;
}


/*
	NAV
*/
.navbar{
	position: fixed;
	width: 100%;
	height: 65px;
	margin: 0px;
	top: 0px;
	background: -moz-linear-gradient(top, rgba(30,30,30,0.9) 0%, rgba(30,30,30,1) 100%);
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.9) 0%,rgba(30,30,30,1) 100%);
	background: linear-gradient(to bottom, rgba(30,30,30,0.9) 0%,rgba(30,30,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61e1e1e', endColorstr='#1e1e1e',GradientType=0 );
	border:none;
	color: white;
	z-index: 100;
}
.navbar::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0px;
	top: 0px;
	background: #ffd300;
}
.navbar .navbar-header{
	position: relative;
	width: 100%;
	height: 65px;
	padding-top: 15px;
	text-align: center;
}
.navbar .navbar-header::before{
	display: block;
	content: "";
	position: absolute;
	width: 20px;
	height: 10px;
	left: 137px;
	top: 65px;
	background: url(../images/area_nav_arrow.svg) center top no-repeat;
}
.navbar .ba{
	position: relative;
	float: left;
	width: 112px;
	height: 32px;
	margin-right: 15px;
	top: 4px;
	background: url(../images/area_nav_ba.svg) left center no-repeat;
}
.navbar .areas{
	position: relative;
	float: left;
	height: 40px;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
}
.navbar .area{
	position: relative;
	float: left;
	width: 40px;
	height: 100%;
	margin-right: 5px;
}
.navbar .areas a{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;	
	border-radius: 100%;
	overflow: hidden;
	background-color: rgba(80,80,80,0.8);
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.navbar .areas a::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;	
}
.navbar .areas a.empleo::before{
	background-image: url(../images/area_nav_empleo.svg);
}
.navbar .areas a.empleo:hover, .navbar .areas a.empleo.active{		
	background: rgb(121,232,123);
	background: -moz-linear-gradient(top,  rgba(121,232,123,1) 0%, rgba(0,155,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(121,232,123,1) 0%,rgba(0,155,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(121,232,123,1) 0%,rgba(0,155,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79e87b', endColorstr='#009bff',GradientType=0 );
}
.navbar .areas a.empre::before{
	background-image: url(../images/area_nav_empre.svg);
}
.navbar .areas a.empre:hover, .navbar .areas a.empre.active{	
	background: rgb(123,236,87);
	background: -moz-linear-gradient(top,  rgba(174,255,49,1) 0%, rgba(255,230,0,1) 50%);
	background: -webkit-linear-gradient(top,  rgba(174,255,49,1) 0%,rgba(255,230,0,1) 50%);
	background: linear-gradient(to bottom,  rgba(174,255,49,1) 0%,rgba(255,230,0,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bec57', endColorstr='#ffe600',GradientType=0 );
}
.navbar .areas a.arte::before{
	background-image: url(../images/area_nav_arte.svg);
}
.navbar .areas a.arte:hover, .navbar .areas a.arte.active{	
	background: rgb(243,121,32);
	background: -moz-linear-gradient(top,  rgba(243,121,32,1) 0%, rgba(255,34,106,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(243,121,32,1) 0%,rgba(255,34,106,1) 100%);
	background: linear-gradient(to bottom,  rgba(243,121,32,1) 0%,rgba(255,34,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37920', endColorstr='#ff226a',GradientType=0 );
}
.navbar .areas a.volunt::before{
	background-image: url(../images/area_nav_volunt.svg);
}
.navbar .areas a.volunt:hover, .navbar .areas a.volunt.active{	
	background: rgb(239,84,172);
	background: -moz-linear-gradient(top, rgba(239,84,172,1) 0%, rgba(120,34,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(239,84,172,1) 0%,rgba(120,34,255,1) 100%);
	background: linear-gradient(to bottom, rgba(239,84,172,1) 0%,rgba(120,34,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef54ac', endColorstr='#7822ff',GradientType=0 );
}
.navbar .areas a.becas::before{
	background-image: url(../images/area_nav_becas.svg);
}
.navbar .areas a.becas:hover, .navbar .areas a.becas.active{	
	background: rgb(0,254,210);
	background: -moz-linear-gradient(top, rgba(0,254,210,1) 0%, rgba(4,211,4,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,254,210,1) 0%,rgba(4,211,4,1) 100%);
	background: linear-gradient(to bottom, rgba(0,254,210,1) 0%,rgba(4,211,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fed2', endColorstr='#04d304',GradientType=0 );
}
.navbar .area span{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	top: 55px;
	padding: 5px 10px;
	background-color: rgba(20,20,20,0.9);
	font-family: 'GothamRounded-Book';
	font-size: 12px;
	line-height: 12px;
	border-radius: 5px;
	color: white;
	display: none;
}
.navbar .area span::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 6px;
	left: 0px;
	top: -5px;
	background: url(../images/tooltip_arrow.svg) center center no-repeat;
	background-size: contain;
}
.navbar .area:hover span{
	display: block;
}
.navbar .btn_user{
	position: relative;
	float: right;
	width: 40px;
	height: 40px;	
	border-radius: 100%;
	background-color: rgba(80,80,80,0.8);
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
}
.navbar .btn_user.no_log .img{
	background: url(../images/nav_usuario_no_logueado.svg) center center no-repeat black;
}
.navbar .btn_user .img{
	border-radius: 100%;
	overflow:hidden;
	-webkit-transition: all 250ms ease-out;
	  -moz-transition: all 250ms ease-out;
	  -o-transition: all 250ms ease-out;
	  -ms-transition: all 250ms ease-out;
	  transition: all 250ms ease-out;
	background: url(../images/nav_usuario_logueado.svg) center center no-repeat black;
}
.navbar .btn_user.open .img{
	opacity:0.75;
}
.btn_user .dropdown-menu {
	width: 200px;
	max-width: 250px;
	margin: 0px;
	top: 50px;
    left: auto;
    right: -15px;
    background: rgba(30,30,30,0.9);
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: right;
}
.btn_user .dropdown-menu li{
	padding: 10px 15px;
}
.btn_user .dropdown-menu a{
	padding: 0px;
	color: rgba(255,255,255,0.6)!important;
}
.btn_user .dropdown-menu a:hover{
	color: rgba(255,255,255,1)!important;
	background: transparent!important;
}
.navbar .log_tip {
    position: absolute;
    right: 32px;
    top: 67px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 13px;
    border-radius: 5px;
    color: white;
    background-color: rgba(30,30,30,0.9);  
    font-family: 'GothamRounded-Light';  
}
.navbar .log_tip::before {
	display: block;
	content: "";
    position: absolute;
    width: 20px;
    height: 7px;
    right: 15px;
    top: -7px;    
    background: url(../images/tooltip_arrow.svg) center top no-repeat transparent!important;
	background-size: contain;
}
.navbar .navbar-brand{	
    position: absolute;
    float: none;
	width: 200px;
	height: 32px;
	left: 50%;
    transform: translateX(-50%);
	top: 14px;    
	padding: 0px;
	background: url(../images/area_logo.svg) center top no-repeat transparent!important;
	background-size: contain;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
}
.navbar .bot{
	position: relative;
	float: right;	
	height: 30px;
	top: 5px;
	margin-right: 15px;
	padding-left: 20px;
	padding-right: 20px; 	
    padding-top: 9px;
	background-color: rgba(80,80,80,0.8);
	border-radius: 15px;
	color: #303030!important;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 14px;
    -webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	font-family: 'GothamRounded-Book';
	cursor: pointer;
	cursor: hand;
	font-weight: 800;
	background: #ffd103!important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd300), to(#ffbc00))!important;
    background-image: -webkit-linear-gradient(top, #ffd300 0%, #ffbc00 100%)!important;
    background-image: linear-gradient(to bottom, #ffd300 0%, #ffbc00 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd300', endColorstr='#ffbc00',GradientType=0 );
    background-color: #ffbc00;
}
.navbar .tooltip_login{
	position: relative;
	float: right;
	margin-right: 15px;	
	top: 14px;
	font-size: 14px;
	line-height: 1;
}
.navbar .bot:hover{
	opacity: 0.9
}
.navbar .btn_menu{
	position: relative;
	float: right;
	width: 22px;
	height: 30px;
	margin-left: 15px;
	top: 5px;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    cursor: pointer;
    cursor: hand;
}
.navbar .btn_menu .img{
    background: url(../images/area_nav_menu.svg) center center no-repeat;
    background-size: 24px;
}
.navbar .btn_menu .img.cerrar{
    background: url(../images/area_nav_menu_cerrar.svg) center center no-repeat;
    display: none;
}

.navbar-collapse{
	padding: 15px 0px!important;
	background-color: rgba(30,30,30,0.9);
	text-align: right;
	display: none;
}
.navbar-collapse a{
	display: block;
	height: 40px;
	padding-right: 15px;
	padding-top: 12px;
	font-size: 16px;
	line-height: 16px;
	border-right: 1px solid rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.6)!important;
	font-family: 'GothamRounded-Light';
}
.navbar-collapse a:hover{
	color: rgba(255,255,255,1)!important;
}
.navbar-collapse a.active{	
	color: rgba(255,255,255,1)!important;
}



/*
	FOOTER
*/
.footer{
	padding: 50px 0px;
	background: #303030;
	color: white;
	text-align: center;	
}
.footer a{
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.footer a:hover{
	opacity: 0.8;
}
.footer .ba{
	position: relative;
	float: left;
	width: 145px;
	width: 157px;
	height: 45px;
	background: url(../images/area_nav_ba.svg) left center no-repeat;
	background-size: contain;
}
.footer .dgpj{
	position: relative;
	font-size: 18px;
	line-height: 18px;
	top: 15px;
}
.footer .redes{
	position: relative;
	float: right;
    top: 5px;
}
.footer .red{
	display: inline-block;
	width: 32px;
	height: 32px;
	max-height: 32px;
	margin-left: 5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 32px;
	background-color: transparent;
}
.footer .red.fb{
	background-image:url(../images/area_footer_fb.svg);
}
.footer .red.tw{
	background-image:url(../images/area_footer_tw.svg);
}
.footer .red.inst{
	background-image:url(../images/area_footer_inst.svg);
}





/*
	REGISTRO
*/
.registro .btn {
	margin-top: 10px;
}
.registro .checkbox{
	margin: 5px 0px;	
}
.registro .int_1{	
	margin-bottom: 0px;
}



/*
	HOME
*/
.home .top{
	height: 450px;
	margin-top: 60px;
	background: url(../images/empre_home_slid_1.jpg) center top no-repeat;
	background-size: cover;
}
.home .top .txt{
	position: relative;
    float: left;
	width: 300px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.home .top h2{
	margin-top: 40px;
	margin-bottom: 20px;
	color: #303030;
	font-family: 'GothamRounded-Medium';
}
.home .top p{
	margin: 0px;
	color: #808080;
	line-height: 26px;
}
.home .top .ba{
	position: absolute;
	width: 75px;
	height: 40px;
	top: 40px;
	right: 15px;
	background: url(../images/area_home_ba.svg) right top no-repeat;
	background-size: contain;
	display: none;
}
.home .contenido{
	padding-top: 75px;
	padding-bottom: 60px;
}
.home .contenido._1{
	padding-bottom: 20px;
}
.home .contenido._2{
	padding-top: 50px;
}
.home .oportunidades{
	position: absolute;	
	height: 80px;
	left: 0px;
	right: 0px;
	top: -115px;
	padding: 0px;
	border-radius: 10px;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.15));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.15));
    color: white;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}
.home .oportunidades .col{
	height: 80px;	
}
.home .parciales .col{
	padding: 0px;
	border-left: 1px solid rgba(255,255,255,0.15);
}
.home .oportunidades h1{
	display: inline-block;
	font-size: 45px;
	line-height: 45px;
	color: white;
	font-family: 'GothamRounded-Light';
}
.home .oportunidades .salto{
	display: none;
}
.home .oportunidades span{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	margin-top: 20px;
    text-align: left;
    color: white;
}

.carousel .item{	
	width: 100%;
	height: 350px;	
}
.carousel .img{
	opacity: 0.9;
}
.carousel .img::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: rgba(30,30,30,0.5);*/
}
.carousel-indicators {
	display: block;
    width: 100%;
    margin-left: 0px;
    left: auto;
    bottom: 10px;
    padding-right: 30px;    
    text-align: right;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
	margin: 0px;
	margin-left: 10px!important;
	border-radius: 12px;
	background: white;
    border: none;
}
.carousel .txt{
	position: absolute;
	width: 80%;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: white;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
}
.carousel .logo{
	display: inline-block;
	clear: both;
	max-width: 400px;
	max-height: 60px;
	margin-bottom: 20px;
}
.carousel h2{
	display: inline-block;
	clear: both;
	margin: 0px;
	padding: 15px 20px;	
	color: white;
	font-family: 'GothamRounded-Light';
}
.carousel h2::before, .carousel h2::after{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0px;
	top: 0px;	
	opacity: 0.6;
}
.carousel h2::after{
	top: auto;
	bottom: 0px;
}
.carousel h3{
	margin: 0px;
	margin-top: 15px;
	line-height: 32px;
	color: white;
	font-family: 'GothamRounded-Light';
}

.home .modulos{
	margin-left: -8px;
	margin-right: -8px;
}
.home .modulos .col{
	padding: 0px 8px;
}
.home .modulos .mod{
	display: block;
}
.home .aside .row{
	margin: 0px -8px;
}
.home .modulos .img{
	position: relative;
}
.home .modulos .txt{
	position: absolute;
	width: 100%;	
	bottom: 0px;
	padding: 15px;
	background: #e1f3fc;
	color: rgba(128,128,128,0.8);
	font-family: 'GothamRounded-Book';
	-webkit-transition: all 250ms ease-out;
	  -moz-transition: all 250ms ease-out;
	  -o-transition: all 250ms ease-out;
	  -ms-transition: all 250ms ease-out;
	  transition: all 250ms ease-out;
}
.home .modulos h3{
	margin: 0px;
	margin-bottom: 10px;
	color: rgba(48,48,48,0.8);
	font-family: 'GothamRounded-Book';
}
.home .modulos h4{
	margin: 0px;
	margin-bottom: 8px;
	color: rgba(48,48,48,0.8);
	font-family: 'GothamRounded-Book';
}
.home .modulos .mod:hover .txt, .home .modulos .mod:hover h3, .home .modulos .mod:hover h4, .home .modulos .mod:hover p, .home .modulos .mod:hover .sharing{
	opacity: 1;
	color: #303030;
}
.home .modulos p{
	margin: 0px;
}
.home .mod{
	position: relative;
	margin-bottom: 16px;
}
.home .modulos ._1{
	height: 552px;
}
.home .modulos ._1 .txt{
	padding: 30px;
	font-size: 16px;
	line-height: 22px;	
}
.home .modulos ._2{
	height: 268px;
}
.home .modulos ._3{
	height: 300px;
}
.home .modulos ._2 .txt, .home .modulos ._3 .txt{	
	font-size: 14px;
	line-height: 20px;	
}
.home .modulos .sharing{
	position: absolute;
	margin: 0px;
	right: 10px;
	top: 10px;
	opacity: 0;
	-webkit-transition: all 250ms ease-out;
	  -moz-transition: all 250ms ease-out;
	  -o-transition: all 250ms ease-out;
	  -ms-transition: all 250ms ease-out;
	  transition: all 250ms ease-out;
	outline: 0 none!important;
	/*-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));*/
}
/*.home .modulos .sharing .fb {
    background: url(../images/redes_sub_fb.svg) center center no-repeat transparent;
}
.home .modulos .sharing .tw {
    background: url(../images/redes_sub_tw.svg);
}*/




/*
	TOP
*/
.sec_top{
	position: relative;
	height: 150px;	
	margin-top: 65px;
	color: white;
	font-size: 36px;
	line-height: 36px;
	font-family: 'GothamRounded-Light';
}
.sec_top .img{
	opacity: 0.5;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.sec_top .over{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	opacity: 0.8;
}
.sec_top .container{
	top: 50%;
	transform: translateY(-50%);
}
.sec_top_2{
	padding: 15px 0px;
	padding: 30px 0px;
}
.sec_top_2 .form-control{
	height: 34px;
	margin: 0px;	
}
.sec_top_2 .btn{
	width: 100%;
	height: 34px;
	border-radius: 17px;
	font-size: 14px;
}
.sec_top_2 .input-group {
    width: 75%;
    float: right;
}




/*
	HISTORIAS
*/
.historias .contenido{
	padding-top: 30px;
	padding-bottom: 75px;
}
.historias .panel .img{
	position: relative;
	float: left;
	height: 50%;    
} 
.historias .panel .list-group-item { 
    height: 50%;
    padding: 15px;
}
.historias .panel .list-group-item {    
    float: left;
    width: 100%;
    height: 50%;
    padding: 15px; 
    border: none;
    background: none;
}
.historias .panel h4{
	margin-top: 0px; 
	margin-bottom: 5px;
}
.historias .panel p{
	/*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    position: relative;
    height: 60px;
    overflow: hidden; 
}
.historias .panel p::after{
	display: block;
	content: ". . .";
	position: absolute; 
	bottom: 0px;
	right: 0px;
	padding-left: 5px;
	background: white;
}
.panel .foot{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 12px;
	padding: 0px 15px;
}
.historias .panel .foot span {
	height: 20px;
}





/*
	HISTORIA
*/
.historia .slid{
	padding: 30px 0px;
}
.historia .carousel{
	margin: 0px;
}
.historia .carousel .item{
	height: 400px;
}
.historia .carousel .img{
	opacity: 1
}
.historia .carousel .item .vid {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/carousel_vid.svg) center center no-repeat;
	background-size: 75px;
}
.historia .txt{
	padding-top: 50px;
	padding-bottom: 75px;
}
.historia h2{
	margin: 0px;
	line-height: 36px;
}
.historia .label{
	position: absolute;
	right: 0px;
	top: 0px;
}
.historia p{
	margin: 0px;
	margin-top: 40px;
	font-size: 16px;
	line-height: 30px;
	color: #aaa;
}
.historia p a{
	text-decoration: underline;
}
.historia .links{
	margin-top: 80px;
	font-size: 14px;
	line-height: 14px;	
	text-align: right;
}
.historia .links i{
	width: 12px;
	text-align: center;    
}
.historia .links a{
    display: inline-block;
	margin-bottom: 15px;
	color: #bbb!important
}





/*
	NOVEDAD
*/
.novedad .slid{
	margin-top: 60px;
	padding: 30px 0px;
}
.novedad .carousel{
	margin: 0px;
}
.novedad .carousel .item{
	height: 400px;
}
.novedad .carousel .img{
	opacity: 1
}
.novedad .carousel .item .vid {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/carousel_vid.svg) center center no-repeat;
	background-size: 75px;
}
.novedad .txt{
	padding-top: 50px;
	padding-bottom: 75px;
}

.novedad .txt a{
	color: #009bff !important;
	text-decoration: underline;
}


.novedad .txt h6 a, .historia .txt h6 a, .beca .txt h6 a{
	display: inline-block;
	background-color: #ffc400;
	color: black !important;
	padding: 6px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	font-size: 14px;
}



.insc {
	font-size: 16px;
	min-height: 560px;
}

.insc a{
	display: inline-block;
	background-color: #ffc400;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	color: white !important;
}
.novedad .txt a:hover {
	text-decoration: underline;
}
.novedad h2{
	margin: 0px;
	line-height: 36px;
}
.novedad h3{
	margin: 0px;
	margin-top: 10px;
}
.novedad p{
	margin: 0px;
	margin-top: 40px;
	font-size: 16px;
	line-height: 30px;
	color: #4d4d4d;
}
.novedad p a{
	text-decoration: underline;
}





/*
	DGPJ
*/
.dgpj .slid{
	padding-top: 30px;
}
.dgpj .txt{
	padding-top: 30px;
	padding-bottom: 45px;
}
.dgpj .txt .col h3{
	margin: 0px;
	margin-bottom: 50px;
	color: #aaa;
	line-height: 34px;
}
.dgpj .panel{
	height: 275px;
	font-size: 16px;
	line-height: 22px;	
}
.dgpj h4{
	margin: 0px;
	padding: 15px 15px;
	color: white;
	background: #ffcc00;
	font-family: 'GothamRounded-Light';
}
.dgpj .panel .bot{
	position: absolute;
	height: 28px;
	left: 15px;
	bottom: 20px;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 14px; 
    border: 1px solid;
    border-radius: 14px;
}




/*
	FORMULARIO
*/
.formulario{
	color: #303030;
}
.formulario .back_1{
	background: #f7f7f7;
}
.formulario .sharing{
	margin-top: 30px;
}
.formulario .txt{
	padding-top: 0px;
	padding-bottom: 75px;
}
.formulario h2{
	margin-top: 50px;
	margin-bottom: 20px;
}
.formulario h3{
	margin-top: 50px;
	margin-bottom: 30px;	
}
.formulario h3.sub{
	margin: 0px;
	margin-bottom: 50px;
	line-height: 34px;
	color: #303030;
}
.formulario label, .formulario .checkbox label, .formulario .radio label{
	display: block;
	margin-bottom: 5px;
	color: #808080;
}
.formulario .fecha{
	margin-right: -8px!important;
    margin-left: -8px!important;
}
.formulario .fecha .col{
	padding: 0px 8px!important;
}
.formulario .form-group{
	margin-bottom: 30px;
}
.formulario .form-control{	
	margin-bottom: 0px;
	border: 1px solid #e5e5e5;
	color: #303030;
}
.formulario textarea{
    width: 100%;
    height: 120px;
    border: none;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    color: #303030;
}
.formulario .form-check {
	display: inline-block;
    margin: 5px 0px;
    margin-right: 10px;
}
.formulario .ingresado{
	margin-right: 0px!important;
    margin-left: 0px!important;
    margin-top: 30px;
	margin-bottom: 50px;
	border: 1px solid rgba(48,48,48,0.1);
	border-top: none;
}
.formulario .ingresado .col{
	padding: 10px;
	padding-right: 30px;
	border-top: 1px solid rgba(48,48,48,0.1);
	font-size: 14px;
	background: white;
}
.formulario .ingresado .col:nth-child(odd){
	background: rgba(48,48,48,0.05);
}
.formulario .ingresado a{
	margin-right: -20px;
    color: #ad2424!important;
}
.formulario .btn{
	margin: 0px;
}
.formulario .info{
	display: block;
	color: #00c3ff;
}
.formulario .link{
	display: block;
    /*color: #6600ff!important;*/
}

input[type=file]::-webkit-file-upload-button {
  border: 1px solid grey;
  background: #FFFAAA;
}
.formulario .custom-file-input {
	opacity: 0;
	-moz-appearance: none;
	appearance: none;
	width: 100px;
	margin-bottom: 30px;
    background: transparent;
    color: transparent;
    border: none;
}

.formulario .custom-file-input2 {
	opacity: 0;
	-moz-appearance: none;
	appearance: none;
	width: 0px;
	height: 0px;
	margin-bottom: 30px;
    background: transparent;
    color: transparent;
    border: none;
}
#archivo_subir {
	position: absolute;
	top: 30px;
	left: 100px;
	font-size: 12px
}
.subir_archivo_2 {
	position: absolute;
	left: 160px;
    top: 9px;
    font-size: 12px;
    font-weight: bold;

}
.formulario #cv{
	margin-top: 15px;
}
.formulario .subir_archivo{
    display: inline-block;
    position: absolute;
    height: 34px;
    padding: 6px 20px;
    left: 0px;
    top: 0px;
    background: #6600ff;
    color: white;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 17px;
}
.formulario #cv::before {
    content: 'Adjuntar CV';
    display: inline-block;
    position: absolute;
    height: 34px;    
    padding: 6px 20px;
    left: 0px;
    top: 0px;
    background: #6600ff;
    color: white;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 17px;
}
.formulario #foto{
	width: 75px;
    height: 75px;
}
.formulario #foto::before {
    content: '\f030';
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    width: 75px;
    height: 75px;    
    padding-top: 25px;    
    left: 0px;
    top: 0px;
    font-size: 25px;
    line-height: 1;
    border-radius: 75px;
    text-align: center;
    background: #e5e5e5;
}
.formulario #foto::after {
    content: 'Subir foto';
    position: absolute;       
    left: 90px;
    top: 30px;
    color: #808080;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
}

.formulario #cv::before {
    content: 'Subir Archivo';
    display: inline-block;
    position: absolute;
    height: 34px;    
    padding: 6px 20px;
    left: 0px;
    top: 0px;
    background: #6600ff;
    color: white;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 17px;
}

#cv {
	width: auto;
	 padding-left: 65px;
}



/*
	DIRECTOR
*/
.director h3{
    margin-bottom: 30px;
}
.director .imag{
	margin-bottom: 50px;
}
.director .imag .img{
	position: relative;
	height: 300px;
	margin-bottom: 15px;
	background-image: url(../images/area_director.jpg);
}
.director h3.nom{
	margin-bottom: 0px;
}
.director h4{
	margin: 0px;
	margin-top: 0px;
    color: #aaa;
}
.director h5{
	display: block;
	margin: 0px;
	margin-top: 10px;
	padding-top: 15px;
    color: #aaa;
    border-top: 1px solid rgba(0,0,0,0.1)
}









/*
	SUB SITES
*/
.sub_site .botonera{	
	border-top: 1px solid rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.sub_site .botonera a{
	position: relative;
	float: left;
	color: rgba(48,48,48,0.5)!important;
	padding: 15px;
	border-left: 1px solid rgba(0,0,0,0.05);
}
.sub_site .botonera a:nth-last-child(1){
	border-right: 1px solid rgba(0,0,0,0.05);	
}
.sub_site .botonera a:hover{
	color: rgba(48,48,48,0.75)!important;
}
.sub_site h1{
	margin: 50px 0px;
	color: rgba(48,48,48,0.75);
	text-align: center;
}
.sub_site .sec_top .sharing{
    position: absolute;
    margin: 0px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.sub_site .sec_top .sharing .red {
    background-color: transparent;
}
.sub_site .sec_top .sharing .fb {
    background-image: url(../images/redes_sub_fb.svg);
}
.sub_site .sec_top .sharing .tw {
    background-image: url(../images/redes_sub_tw.svg);
}






/*
	GALERÍA
*/
.galeria{
	height: 300px;
	overflow: hidden;
	position: relative;
}
.home .galeria{
	height: 400px;
}
.galeria .item{	
	width: 100%;
	height: 100%;	
}
.galeria .carousel{
	margin: 0px;
	background: #f5f5f5;
}
.galeria .carousel-inner{
	border-radius: 0px;
}
.galeria .carousel .item{	
	width: 100%;
	height: 400px;	
}
.galeria video {
  min-width: 100%; 
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.galeria .over{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.25);
}
.galeria .over_video{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/trama.svg);
	background-size: 2px;
	opacity: .25;
}
.galeria .over:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .25;
}
.galeria h2::before, .galeria h2::after{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0px;
	top: 0px;	
	opacity: .6;
}
.galeria .txt{
	position: absolute;
	width: 80%;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: white;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.25));
}
.galeria h2{
	display: inline-block;
	position: relative;
	clear: both;
	margin: 0px;
	padding: 15px 20px;	
	color: white;
	font-family: 'GothamRounded-Light';	
}
.galeria h2::after{
	top: auto;
	bottom: 0px;
}
.galeria h3{
	margin: 0px;
	margin-top: 15px;
	line-height: 32px;
	color: white;
	font-family: 'GothamRounded-Light';
}


.row.txt_multiple{
	height: 500px;
	margin: 0px;
    margin-right: 0px!important;
    margin-left: 0px!important;
	margin-bottom: 50px;
	background: white;
}
.txt_multiple .col:nth-child(1){
	padding: 0px;
	height: 100%;
}
.txt_multiple .tab{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 20%;
	cursor: pointer;
	cursor: hand;
}
.txt_multiple .tab:nth-child(1){
	background: #f5f5f5;
}
.txt_multiple .tab:nth-child(2){
	background: #eee;
}
.txt_multiple .tab:nth-child(3){
	background: #e5e5e5;
}
.txt_multiple .tab:nth-child(4){
	background: #ddd;
}
.txt_multiple .tab:nth-child(5){
	background: #d5d5d5;
}
.txt_multiple .tab.active{
	background: #009bff!important;	
}
.txt_multiple .tab.active::before{
	content: "";
    position: absolute;
    width: 12px;
    height: 25px;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #009bff;
}
.txt_multiple .tab.active h4{
	color: white!important;
}
.txt_multiple .tab span{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 30px;
}
.txt_multiple .tab h4{
	margin: 0px;
	color: #bbb;
	-webkit-transition: all 250ms ease-out;
	  -moz-transition: all 250ms ease-out;
	  -o-transition: all 250ms ease-out;
	  -ms-transition: all 250ms ease-out;
	  transition: all 250ms ease-out;
}
.txt_multiple .tab:hover h4{
	color: #aaa;
}
.txt_multiple .txt{
	max-height: 500px;
	padding: 50px 75px!important;
	font-size: 16px;
	overflow-y: auto;
}
.txt_multiple .txt b{
    font-family: 'GothamRounded-Book';
    color: #009bff;
}

.empresa{
	height: auto!important;
	text-align: center;
}
.empresa .panel-heading{
	position: relative;
	display: block;
	height: 130px;
	padding: 0px;
	background: url(../images/expo_empresa_fdo.svg) left bottom no-repeat;	
	background-size: contain;
	border-bottom: 1px solid #e5e5e5;
}
.empresa .img{
	background-size: contain;
}
.empresa .panel-body{
	padding: 10px;
	line-height: 1;
}
.empresa .red{
	background-color: #ccc;
}












@media (max-width: 992px){

	.container {
	    width: 100%;
	}
	.container-fluid {
	    padding: 0px;
	}
	.navbar {
		position: absolute;
	    height: 105px;
	    padding-top: 55px;
	    z-index: 20;
	}
	.navbar .navbar-header {
	    height: 55px;
	    padding-top: 7px;
	}
	.navbar .ba {
	    position: absolute;
	    width: auto;
	    height: 50px;
	    left: -15px;
	    right: -15px;
	    margin-right: 0px;
	    top: -50px;
	    background-image: url(../images/area_nav_ba_resp.svg);
	    background-position: 15px center;
	    background-size: auto 30px;
	    background-color: white;
	}
	.insc {
		font-size: 16px;
		min-height: 60px;
		padding-top: 10px;
	}
	.navbar .area {
	    width: 35px;
	    height: 35px;
	    margin-right: 3px;
	}
	.navbar .area span{
		display: none!important;
	}
	.navbar .navbar-brand {
	    width: 170px;
	    height: 26px;	   
	    top: 11px;
    }
    .navbar .navbar-header::before {
    	left: 7px;
	    top: 50px;
	}
	.navbar .tooltip_login {
	    top: 10px;
	}
	.navbar .btn_user {
	    width: 35px;
	    height: 35px;
	}
	.navbar .btn_user .dropdown-menu {
	    top: 40px;
	}
	.navbar .btn_menu {
	    top: 3px;
	}
	.navbar .bot{
		display: none;
	}
	.navbar-collapse a{
		font-family: 'GothamRounded-Book';
	}
	.sub_site .botonera {
	    display: none;
	}
	.sub_site .botonera.resp {
	    display: block;
	    font-size: 16px;
	}
	.sub_site .botonera.resp .dropdown-toggle {
		padding: 15px;
		color: rgba(48,48,48,0.75);
	}
	.sub_site .botonera.resp .dropdown-menu {
	    width: 100%;
	    margin-top: 1px;
	    padding: 0px;
        border: none;
	    border-radius: 0px;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.sub_site .botonera.resp .dropdown-menu {
	    background: rgba(255,230,0,1);
	}
	.sub_site .botonera.resp .dropdown-menu li {
	    padding: 0px;
	}
	.sub_site .botonera.resp .dropdown-menu li a {
		width: 100%;
		font-size: 16px;
	    border: none;
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	    background: transparent!important;
	}
	.footer {
	    padding: 20px 0px;
	}
	.footer .ba {
	    width: 90px;
	    height: 30px;
	}
	.footer .dgpj {
	    font-size: 16px;
	    line-height: 16px;
	    top: 8px;
	}
	.footer .red {
	    width: 25px;
	    height: 25px;
	    max-height: 25px;
	}
	.cont_gral{
		position: absolute;
		width: 100%;
		top: 105px;
		bottom: 0px;
		overflow-x: hidden;
		overflow-y: auto;
		background: white;
	}

	.home .top{
		height: 350px;
	    margin-top: 0px;
		background-position: right center;
	}
	.home .top h2 {
	    margin-top: 30px;
	    margin-bottom: 10px;
	}
	.home .top .txt {
	    margin-left: 5px;
	}
	.home .top p {
	    line-height: 24px;
	}
	.home .oportunidades{
	    position: relative;
	    float: left;
	    width: 100%;
	    margin: 0px;
		height: 70px;
	    margin-top: -95px;
	    top: auto;
		font-size: 12px;
	    line-height: 12px;
	}
	.home .oportunidades h1 {
	    font-size: 32px;
	    line-height: 32px;
	    font-family: 'GothamRounded-Book';
	}
	.home .oportunidades span {
	    margin-left: 2px;
	}
	.home .oportunidades .total {
	    padding-right: 0px;
	}
	.home .contenido{
		padding-top: 60px;
	    padding-bottom: 20px;
	}
	.carousel .item{
		height: 300px;
	}
	.carousel h3{
		line-height: 24px;
		font-family: 'GothamRounded-book';
	}
	.carousel h2 {
	    padding: 10px 15px;
	    font-family: 'GothamRounded-book';
	}
	.carousel-indicators {
	    bottom: 0px;
	    padding-right: 15px;
	}
	.home .modulos ._1 {
	    height: 300px;
	}
	.home .modulos ._2, .home .modulos ._3 {
	    height: 225px;
	}
	.home .modulos ._1 .txt {
	    padding: 15px;
	    font-size: 14px;
	    line-height: 22px;
	}
	.home .modulos h3, .home .modulos h4 {
	    margin-bottom: 2px;
	}
	.home .aside .row{
		margin: 0px -8px;
	}

	.sec_top {
	    height: 100px;
	    margin-top: 0px;
	    font-size: 30px;
	    line-height: 30px;
	    font-family: 'GothamRounded-Book';
	}
	.sec_top_2{
	    padding-top: 15px;
	}
	.sec_top_2 .row {
	    margin-right: -8px;
	    margin-left: -8px;
	}
	.sec_top_2 .row .col{
	    padding: 0px 8px;
	}
	.sec_top_2 .form-control {
	    height: 30px;	    
	    margin-bottom: 15px;
	    font-size: 14px;
	}
	.sec_top_2 .btn {
	    height: 30px;
	    margin-bottom: 15px;
	    border-radius: 15px;
	    font-size: 14px;
	}

	.historias .contenido {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.historias .row {
	    margin-right: -8px;
	    margin-left: -8px;
	}
	.historias .row .col{
	    padding: 0px 8px;
	}
	.panel {
	    margin-bottom: 15px;
	}
	.pagination {
	    margin-top: 10px;
	}

	.historia .slid {
	    padding: 15px 0px;
	}
	.historia h2{
		line-height: 30px;
	}
	.historia .txt {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.historia .label {
	    right: 15px;
	    top: 5px;
	}
	.sharing {
	    display: inline-block;
	    width: 100%;
	    margin-top: 10px;
	}
	.sec_top .sharing{
		text-align: right;
	}
	.share{
		display: none;
	}
	.historia .redes .no_resp {
	    display: none;
	}
	.historia p {
	    margin-top: 20px;
	}
	.historia .links {
	    margin-top: 30px;
	    text-align: left;
	}
	.historia .links i {
	    float: left;
	    margin-right: 8px;
	}

	.novedad .slid {
		margin-top: 50px;
	    padding: 15px 0px;
	}
	.novedad .txt {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.novedad h2{
		line-height: 30px;
	}
	.novedad .label {
	    right: 15px;
	    top: 5px;
	}
	.novedad .redes .no_resp {
	    display: none;
	}
	.novedad h3{
		line-height: 24px;
	}
	.novedad p {
	    margin-top: 20px;
	}

	.formulario .txt {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.formulario h3 {
	    margin-bottom: 10px;
        line-height: 24px;
	}
	.formulario .sharing {
	    position: relative;	    
	    margin-top: 15px;
	    margin-bottom: 15px;
	    top: 0px;
	    right: 0px;
	    text-align: right;
	}
	
	.dgpj .slid {
	    padding-top: 15px;
	}
	.dgpj .carousel {
	    margin-bottom: 15px;
	}
	.dgpj .txt {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.dgpj .txt .col h3 {
	    margin-bottom: 10px;
	    line-height: 24px;
	}
	.dgpj .sharing {
	    position: relative;
	    float: left!important;
	    margin-top: 0px;
	    margin-bottom: 20px;
	    top: 0px;
	    right: 0px;
	}	
	.dgpj .row {
	    margin-right: -8px;
	    margin-left: -8px;
	}
	.dgpj .col {
        padding: 0px 8px;
	}
	.dgpj .panel {
	    height: 260px;
	    font-size: 16px;
	    line-height: 22px;
	}
	.dgpj h4{
		font-family: 'GothamRounded-Book';
	}
	.form-control {
	    height: 30px;
	    margin-bottom: 15px;
	    font-size: 14px;
	    line-height: 14px;
	    border-bottom: 1px solid rgba(48,48,48,0.15);
	}

	.director small{
		display: inline-block;
		margin-top: 10px;
		font-size: 14px;
	}
	.nav-pills {
	    margin-bottom: 30px;
	}
	.pagination {
	    margin-top: 20px;
	    margin-bottom: 50px!important;
	}

	h3.sub {	    
	    line-height: 28px!important;	    
	}
	.formulario h2 {
	    margin-top: 20px;
	    margin-bottom: 15px;
	}
	.formulario h3.sub {
	    margin: 0px;
	    margin-bottom: 20px;
	    line-height: 34px;
	    color: #303030;
	}
	.formulario .row {
	    margin-right: -10px;
	    margin-left: -10px;
	}
	.formulario .col {
        padding: 0px 10px;
	}
	.formulario .custom-file-input {
	    margin-bottom: 20px;
	}
	.formulario .form-group {
	    margin-bottom: 20px;
	}
	.formulario textarea {
	    height: 100px;
	}
	.formulario h3 {
	    margin-top: 30px;
	    margin-bottom: 30px;	 
	}
	.formulario .ingresado {
	    margin-bottom: 30px;
	}
	.formulario .fecha .col-xs-6 {
	    width: 50%;
	}


}




@media (max-width: 768px){

	.navbar .container{
		padding-left: 10px;
	}
	.navbar .navbar-header {
		margin-left: 0px;		
	    padding-top: 10px;
	}
	.navbar .areas {
	    margin-left: 38px;
	}
	.navbar .area {
	    width: 30px;
	    height: 30px;
	    margin-right: 5px;
	}
	.navbar .navbar-brand {
		position: absolute;
	    left: 15px;
	    width: 28px;
	    height: 28px;	   
	    top: 11px;
	    background: url(../images/area_logo_resp.svg) center center no-repeat transparent!important;
    }
    .navbar .navbar-header::before {
    	left: 3px;
	}
	.navbar .btn_user {
	    width: 30px;
	    height: 30px;
	    /*margin-right: 10px;*/
	}	
	.navbar .btn_menu {
	    top: 0px;
	}
	.navbar .bot{
		display: none;
	}
	.navbar .no_resp{
		display: none;
	}
	.navbar .resp{
		display: block;
	}
	.footer {
	    padding: 20px 0px;
	}
	.footer .ba {
		position: absolute;
		left: 15px;
		top: -4px;
	    width: 112px;
	    height: 32px;
	    /*background: url(../images/area_footer_ba_resp.svg) left center no-repeat;*/
	}
	.footer .dgpj {
	    font-size: 16px;
	    line-height: 16px;
	    top: 5px;
	}
	.footer .dgpj .resp {
	    display: inline;
	}
	.footer .dgpj .no_resp {
	    display: none;
	}
	.footer .redes {
	    position: absolute;
	    right: 15px;
	    top: 0px;
	}
	.footer .red {
	    width: 25px;
	    height: 25px;
	    max-height: 25px;
	}
	.footer .dgpj {
	    /*float: left;
	    width: 100%;
	    margin-top: 15px;
	    top: 0px;
	    text-align: left;
	    font-size: 14px;*/
	}

	.home .top {
	    height: auto;
	    background-position: center top;
	    /*background-size: auto 300px;*/
	}
	.home .top .txt {
		float: none;
    	width: auto;
	    margin-left: -15px;
	    margin-right: -15px;
	    margin-top: 200px;
	    padding: 15px;
	    padding-bottom: 50px;	    
	    background: rgba(255,255,255,0.85);
	}
	.home .top h2 {
	    margin-top: 0px;
	}
	
	.home .oportunidades {
	    height: auto;
	    margin-top: -95px;
	    margin-bottom: 30px;
	    top: auto;
	}
	.home .oportunidades .col {
	    height: 70px;
	}
	.home .oportunidades .col-xs-4 {
		display: none;
	    border-top: 1px solid rgba(255,255,255,0.2);
	}
	.home .oportunidades .col-xs-4 h1{
	    margin-top: 12px;
	    margin-bottom: 0px;
	}
	.home .oportunidades .col-xs-4 .salto{
	    display: inline;
	}
	.home .oportunidades .col-xs-4 span{
	    margin-top: 0px;
	    margin-left: -10px;
	}
	.home .oportunidades .col-xs-4 span br{
	    display: none;
	}
	.home .mod p{
	    line-height: 18px;
	}

	.sec_top {
	    height: 80px;
	    font-size: 24px;
	    line-height: 24px;
	}
	.sec_top_2 .form-control {
	    margin-bottom: 10px;
	}
	.sec_top_2 .input-group {
		width: 100%;
	}
	.pagination {
	    margin-top: 20px;
	}

	.historia .carousel .item {
	    height: 300px;
	}

	.novedad .carousel .item {
	    height: 300px;
	}

	.dgpj .panel {
	    height: 300px;
	    font-size: 14px;
	    line-height: 20px;
	}	

	.director .imag{
		margin-bottom: 30px;
	}

	.txt_multiple {
		display:none;
	}
	.txt_multiple_resp {
		display:block;
		margin-bottom: 30px;	
	}
	.txt_multiple_resp .panel {
    	margin-bottom: 0px!important;
    	text-align: left!important;
    }
    .txt_multiple_resp .panel::before {
    	display: none;
    }
    .txt_multiple_resp .panel-heading {
    	padding: 0px;
        border: none;        
	}	
	.txt_multiple_resp .panel:nth-child(1) .panel-heading{
		background: #f5f5f5;
	}
	.txt_multiple_resp .panel:nth-child(2) .panel-heading{
		background: #eee;
	}
	.txt_multiple_resp .panel:nth-child(3) .panel-heading{
		background: #e5e5e5;
	}
	.txt_multiple_resp .panel:nth-child(4) .panel-heading{
		background: #ddd;
	}
	.txt_multiple_resp .panel:nth-child(5) .panel-heading{
		background: #d5d5d5;
	}
	.txt_multiple_resp .panel-heading a {
		display: block;
		position: relative;
		padding: 20px 15px;
        color: white!important;  
        font-family: 'GothamRounded-Book';     
	}
	.txt_multiple_resp .panel-heading a::before{
		content: "";
	    position: absolute;
	    width: 20px;
	    height: 10px;
	    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	    left: 10px;
	    bottom: -10px;
	}
	.txt_multiple_resp .panel-heading a.collapsed::before {
	    display: none;
	}
	.txt_multiple_resp .panel-heading a.collapsed {
        background: transparent;
        color: #aaa!important;        
        font-family: 'GothamRounded-Book';
	}
	.txt_multiple_resp .panel-heading a h4, .txt_multiple_resp .panel-heading a h3{
		margin: 0px;
		color: white;       
	}
	.txt_multiple_resp .panel-heading a h3{
		margin-top: 5px;
	}
	.txt_multiple_resp .panel-heading a.collapsed h4, .txt_multiple_resp .panel-heading a.collapsed h3{		
		color: #bbb;       
	}
	.txt_multiple_resp .panel-body {
		padding: 20px 15px;
		padding-top: 30px;
	}
	.txt_multiple_resp .panel::after {
	    display: none!important;
	}

	.botonera{
		display: none;
	}
	.botonera.resp{
		display: block;
	}
	.nav-pills .no_resp{
		display: none;
	}
	.nav-pills .resp{
		display: block;		
	}

}





@media (max-width: 480px){

	.navbar .navbar-brand {
	    width: 25px;
	    height: 25px;
	    top: 12px;	    
	}
	.navbar .areas {
	    margin-left: 35px;
	}
	.navbar .tooltip_login {
		display: none;
	}
	.sub_site .botonera.resp .dropdown-toggle {
		padding: 10px 15px;
		/*font-size: 14px;*/
	}
	.sub_site .botonera.resp .dropdown-menu li a {
	    font-size: 14px;
	}	
	.footer {
	    text-align: left;
	}
	.footer .ba {
		position: relative;
	    margin-right: 15px;
	    left: 0px;
	}
	.home .top {
    	background-size: auto 200px;
	}
	.home .top .txt {
    	margin-top: 200px;
    	padding-bottom: 45px;
	}
	.home .top .txt p{
    	line-height: 20px;
	}
	.home .top h2 {	
	    margin-bottom: 5px;
	}
	.home .contenido {
	    padding-top: 30px;
	}
	.home .oportunidades {
		margin-top: -60px;
		margin-bottom: 20px;
	}
	.home .oportunidades .col {
	    height: 55px;
	}
	.home .oportunidades .col-xs-4 {
		display: none;
	    width: 100%;
	    border: none;
	    border-top: 1px solid rgba(255,255,255,0.2);
	}
	.home .oportunidades .col-xs-4 .salto{
	    display: none;
	}
	.home .oportunidades h1{
	    margin-top: 12px;
	}
	.home .oportunidades span{
		display: inline-block;
	    margin-top: 12px;
	    margin-left: 2px!important;
	}
	.home .oportunidades .col-xs-4 span br{
	    display: block;
	}
	.carousel {
	    margin-bottom: 20px;
	}
	.carousel .logo {
	    max-width: 250px;
	    max-height: 45px;
	}
	.carousel h2 {
	    font-size: 18px;
	}
	.carousel h3 {
	    font-size: 16px;
	    line-height: 20px;
	}
	.carousel h2 br, .carousel h3 br{
		display: none;
	}
	.home .mod{
		margin-bottom: 10px;
	}
	.home .modulos ._1 {
	    height: 275px;
	}
	/*.home .modulos ._2, .home .modulos ._3 {
	    height: 75px;
	}
	.home .modulos ._2 .img, .home .modulos ._3 .img {
	    position: absolute;
	    width: 75px;
	    z-index: 5;
	}
	.home .modulos ._2 .txt, .home .modulos ._3 .txt {
	    position: relative;
	    height: 100%;
	    padding-left: 85px;
	    padding-top: 12px;
	    font-size: 14px;
	    line-height: 20px;	    
	}
	.home .modulos ._2 p, .home .modulos ._3 p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}*/
	.home .modulos .col-xs-6 {
	    width: 100%;
	}
	.historias .contenido {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.historias .col-xs-6 {
	    width: 100%;
	}
	.historias .panel{
		height: auto;
		float: left;
		line-height: 18px;
	}
	.historias .panel .img {
	    height: 85px;
	}
	.historias .panel .list-group-item {
	    height: auto;
	    padding: 12px;
	}
	.historias .panel p {
	    position: relative;
	    height: 36px;
	    overflow: hidden;
	}
	.panel .foot {
		position: relative;
		margin-top:10px;
	    padding: 0px;
	    bottom: 0px;
	}

	.historia .carousel .item {
	    height: 200px;
	}
	.historia .txt {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.historia .label {
	    position: relative;
	    margin-top: 5px;
	    right: 0px;
	    top: 0px;
	    height: 20px;
	    padding: 4px 8px;
	    font-size: 12px;
	    line-height: 12px;
	    font-weight: 100;
	    border-radius: 10px;
	}
	.sharing {
	    float: right;
	    margin-top: 5px;
	}
	.historia p {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 20px;
	}
	.historia .links {
	    margin-top: 20px;
	    text-align: left;
	}

	.novedad .carousel .item {
	    height: 200px;
	}
	.novedad .txt {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.novedad p {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 20px;
	}
	.novedad .sharing {
	    float: none;
	    margin-top: 10px;
	}
	
	.director .sec_top {
	    font-size: 20px;
	}
	.formulario .txt {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}	
	.formulario .col-xs-6{
		width: 100%;
	}
	.btn.lg {
	    height: 30px;
	    border-radius: 15px;
	    padding: 4px 20px;
	    font-size: 14px;
	}

	.dgpj .sec_top{
		font-size: 20px;
		line-height: 24px;
	}
	.dgpj .txt {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.dgpj .col-xs-6{
		width: 100%;
	}
	.dgpj .panel {
	    height: auto;
	}
	.dgpj .panel .bot {
	    position: relative;
	    display: inline-block;
	    bottom: auto;
	    margin-bottom: 15px;
	}

	.director .imag .img{
		height: 200px;
	}
	

}