:root {
  --main-azul: rgba(10, 85, 135, 1);
  --main-rosa:#9f0057;
  --main-gris:#8A8686;
  --main-azul-fuerte:#10479c;
}

.barra-rosa{	
	position: fixed;
	width: 100%;
	height: 10vh;
	background:var(--main-rosa);
	z-index: 101;
	text-align: center;
}
.barra-rosa span{
	line-height: 10vh;
	font-size: 3.5vh;
	color:var(--main-gris);
}
.barra-blanca{
	width: 100%;
	height: 6vh;
	background:#fff;
	position: fixed;
	z-index: 101;
	margin-top:10vh;
	text-align: center;
}
.barra-blanca span{
	line-height:6vh;
	font-size:1.6vh;
}
footer {
  background-color:var(--main-gris);
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 6vh;
  color: white;
  text-align: center;
}
.div-footer{
	/*background: var(--main-rosa);*/
	background-image: url(../img/pleca.png);
	background-repeat: no-repeat;
	background-size:350px 100%;
	height: 100%;
	width: 350px;
	display: block;
	margin: 0px auto;
	}
.div-footer img{
	width: 135px;
	padding: .8vh 0px;
}
.img-arriba-surco{
	max-height:6vh; 
}
.div-footer span{
	font-size: 1.2vh;
	line-height: 27px;
}
.text-iniciar{
	color:#000000;
	font-size: 3.5vh;
	font-weight: lighter;
}
.saludo-index small{
	color:#000;
}
.logo_cluss{
	margin: -15px -15px 0px -15px;
	width: 158px;
}
.icon-bar{
	background: #fff!important;
}
.navbar-default .navbar-nav > .active > a{
	color:var(--main-azul-fuerte);
}
.logo-registro{
	margin-top: 20px;
}
.logo-itmx{
	margin-top: 1vh;
	max-width:70%;
}
.content-logo-login{
	margin-top:8vh;
}
#form_login input{
    border-radius: 7px;
    border:2px solid #A5A5A5;
    text-align: center;
    background-color: transparent;
}
.registro {
    margin-top: 1vh;
    height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.img_registro{
	top: 12vh;
	left: -35vw;
}
.contenedor-menu{
	width: 950px;
}
.contenido{
	position: absolute;
	margin-top: 18vh;
	width: 100%;
}
/* registro*/
.form-control{
	background-color: #dedddd;;
}
.sector{
	background-color: #fff;
	padding:10px 0px;
}
.talento{
	margin-top: 10px;
}
.sector a{
	font-weight: bolder;
	font-size: 1.7vh;
}
.align-right{
	text-align: right;
	padding-right: 0px;
	color: #000;
	margin: 5px -10px 0px 0px;
}

.header-programas{
	margin: 10px auto 20px auto;
	padding: 15px;
	background-color: #4766A0;
}
.header-programas b{
	color:#fff;
	font-size: 1.7vh;
}
.text_prog{
	font-size: 1.45vh;
	color: #000;
	font-weight: bold;
}
.form-group {
    margin-bottom: 5px;
}
.ul_programas li{
	float: left;
	list-style-type: none;
	width: 16.66%;
	padding: 0;
}
.ul_programas li label{
	font-size: 1vh;
	display: inline;
}
.ul_programas li img{
	max-width:80%;
	max-height:50px;
}
.img-margin-top{
	margin-top: 20px;
}
.btn-registro{
	color:#378AC7;
	margin: 20px auto;
    width: 50%;
    display: block;
    border: 2px solid #378AC7;
    border-radius: 15px;
}
.btn-registro:hover{
	color:#4766A0;	
    border: 2px solid #4766A0; 
}
.img-sorteo-menu{
	height: 3.5vh;
	margin-top: -9px;
}
/*fin registro*/

.nuevo-colaborador label{
	margin: 10px 0px 0px 0px; 
}
.div-home img{
	width:100%; 
}
.mi-archivo1{
	margin-bottom: 55px;
}
.img-ais{
	max-width: 90%;
}

@media only screen and (max-width: 1366px) {
	.content-logo-login {margin-top: 4vh;}
	.div-footer img {width: 120px;}
	.div-footer span{font-size: 1.5vh; line-height:14px;}
	.img-sorteo-menu {height: 3.6vh; margin-top: -2px;}
	.middle-box h1 {font-size: 145px;}
	.logo-name img{height: 85px;}
	.logo-name{height: 140px;}

}

@media only screen and (max-width: 1366px){
	.align-right{margin: 0px; }
}
@media only screen and (max-width: 992px){
	.align-right{text-align:left; }
	.talento{margin-bottom: 20px;}
}
@media only screen and (max-width: 768px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{z-index:1;background: #fff;position:absolute;width:100%;margin-top:7vh;}
	.navbar-toggle{position: absolute;}
	.mi-archivo1{margin-bottom: 50px; width: 100%;}
	label[for="mi-archivo"]{width: 100%!important;} 
	.mi-archivo1,.progress{width: 100%!important;} 
	

}