@charset "utf-8";
/* CSS Document */
html
{
    padding:20px 0;
}
.body_personas
{
    background-color:#FF1520;
    color:#FFFFFF;
    font-size:18px;
    line-height:25px;
}
.body_prestador {
	background-color: #FF9800 !important;
}
.body_unidad {
	background-color: #FFFFFF !important;
	color: #808080 !important;
}

#recuadro
{
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border:2px dashed #fff;
    height:100px;
    width:100%;
}
.elementos-form
{
    width:95%;
    height:30px;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 1px solid #ccc;
    margin: 10px 0px !important;
}
.btn-ingresar
{background: #2a9a00;
 background: -moz-linear-gradient(top,  #2a9a00 1%, #6ecc00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2a9a00), color-stop(100%,#6ecc00));
background: -webkit-linear-gradient(top,  #2a9a00 1%,#6ecc00 100%);
background: -o-linear-gradient(top,  #2a9a00 1%,#6ecc00 100%);
background: -ms-linear-gradient(top,  #2a9a00 1%,#6ecc00 100%);
background: linear-gradient(to bottom,  #2a9a00 1%,#6ecc00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9a00', endColorstr='#6ecc00',GradientType=0 );

    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 0px solid #000000;
    color:#ffffff;
    text-align:right;
    font-size:16px;
    font-weight:700;
    padding:10px 30px;
}
.btn-olvido-usuario
{
    
	background: #f3c33b;
	background: -moz-linear-gradient(top,  #f3c33b 37%, #fc9b00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#f3c33b), color-stop(100%,#fc9b00));
	background: -webkit-linear-gradient(top,  #f3c33b 37%,#fc9b00 100%);
	background: -o-linear-gradient(top,  #f3c33b 37%,#fc9b00 100%);
	background: -ms-linear-gradient(top,  #f3c33b 37%,#fc9b00 100%);
	background: linear-gradient(to bottom,  #f3c33b 37%,#fc9b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c33b', endColorstr='#fc9b00',GradientType=0 );
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 0px solid #000000;
    color:#ffffff;
    font-size:16px;
    font-weight:700;
    padding:10px 30px;
  
}
.btn-cont
{
    background-color:#f7941d;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 0px solid #000000;
    color:#ffffff;
    font-size:20px;
    font-weight:700;
    padding:10px 30px;
}

#btn-buscar-vacante
{
    background:url(../img/lupa.png);
    padding:29px;
    margin-top:-10px;
    margin-left:-13px;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 0px solid #000000;
}
#buscar-vacante
{
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    font-size:14px;
    font-family:"ref1";
    width: 87%;
    padding: 29px;
    box-sizing: border-box;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 0px solid #000000;
}
.lista
{
    width:98%;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 1px solid #ccc;
}
hr
{
    border:1px solid;
    margin-bottom: 15px;
    margin-top: -6px;

}
h2
{
    color:#fff;
    font-weight:bold;
    font-family:"ref2";
}
h3
{
    color:#fff;
    font-weight:bold;
    font-family:"ref2";
    font-size:22px;
}
#footer
{
    line-height: 20px;
    padding: 20px;
    box-sizing: border-box;
}
.bg-footer{
    background: #FFFFFF;
    width:100%;
    /*margin-bottom: -21px;*/
    position:absolute;
    left:0;
    top:110%;
    margin-top:20px;
}
.mejores-oportunidades
{color: #535459;
        font-weight: 700;
        font-size: 16px;
        text-align:left;
        line-height:15px;
        width:170px;
        float:left;

}
.sist-info
{
       color: #535459;
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: 37px;
    margin-left: 4px;
    line-height: 12px;
    float: left;
}
.sist-info span
{
    font-weight: bold;
    font-size: 11px;
}
.unidad-admin
{
    color: #535459;
font-size: 10px;
font-weight: 700;
line-height: 12px;
text-align: right;
margin-left: 12px;
float: left;
margin-top: 9px;
}
.logos-footer
{
   float: right;
width: 270px;
}
#col-izq{
    background-color:#fff; padding:24px 40px; box-sizing:border-box;
}
.linea-blanca-izq {
    max-width: 100px;
    width: 100%;
    margin-top: 17px;
    float: left;
    margin-left: -31px;
}
.linea-blanca-der {
    max-width: 100px;
    width: 100%;
    margin-top: -23px;
    float: right;
    margin-right: -97px;
}
.baja-cuenta
{
    margin-top:30px;
}
.baja-cuenta-2 {
    margin-top: 73px;
}
.baja-usted
{
    margin-top: 20px;
}
@media (max-width: 1199px) {
    .baja-usted
    {
        margin-top: 20px;
    }
    .span6 {
        margin-bottom:24px;
    }
    h2
    {
        font-size:26px;
    }
    .sist-info {
        margin-left: 18px;
    }
    .logos-footer {
        margin-left: 19px;
        margin-top: 17px;
        width:19%;
    }
    .unidad-admin {
        color: #535459;
        font-size: 10px;
        font-weight: 700;
        line-height: 15px;
        text-align: right;
        margin-left: -8px;
        /* width: 26%; */
        margin-top: 9px;
    }
}
@media (min-width: 1200px) {
    .span6 {
        margin-bottom:24px;
    }
    h2 {
        font-size:34px;
    }
    #footer {
	    line-height: 15px;
	    padding: 11px;
	}
}
@media (max-width: 767px) {
    .bg-footer {
        margin-bottom: -21px;
        position: inherit;
        left: 0;
        bottom: 0;
    }
    .baja-usted
    {
        margin-top: 0px;
    }
    .span3
    {
        margin-bottom: 24px;
    }
    .span6
    {
        margin-bottom: 24px;
    }
    .mejores-oportunidades
    {
        color: #535459;
        font-weight: 700;
        font-size: 26px;
        margin-bottom: 10px;
        margin-left: 0;
        text-align: center;
        line-height: 27px;
        width: 100%;
    }
    .sist-info {
        color: #535459;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 2px;
        margin-top: 22px;
        text-align: center;
        margin-left: 0;
        line-height: 12px;
        border-top: 2px solid;
        border-bottom: 2px solid;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .unidad-admin {
        color: #535459;
        font-size: 14px;
        font-weight: 700;
        line-height: 19px;
        text-align: center;
        margin-left: 2px;
        /* width: 26%; */
        margin-top: 16px;
        /* border-top: 1px solid; */
    }
    .logos-footer {
        margin-left: 0;
        text-align: center;
        width:100%;
    }
    .baja-cuenta-2 {
        margin-top: 47px;
    }
    .btn-olvido-usuario {
    	font-size: 14px;
padding: 10px 30px;
/*line-height: 10px;
margin-top: -30px;*/
width:auto !important;
text-align: center;
    }
    .linea-blanca-izq {
    	width: 155px;
	    margin-left: -87px;
	    height: 10px;
    }
    .linea-blanca-der {
    	max-width: 100px;
	    width: 100%;
	    margin-top: -23px;
	    margin-right: -81px;
    }
    #buscador-vacantes {
    	margin-left: -42px;
    }
}
@media (max-width: 980px) and (min-width: 768px) {
    .baja-usted
    {
        margin-top: 0px;
    }
    .baja-cuenta
    {
        margin-top:0px;
    }
    .baja-cuenta-2 {
        margin-top: 58px;
    }
    #btn-buscar-vacante
    {
        padding:29px;
    }
    #buscar-vacante {
        background-color: #FFFFFF;
        font-size: 14px;
        font-family: "ref1";
        width: 80%;
    }
    .mejores-oportunidades {
       margin-left: 0px;
font-size: 12px;
width: auto;
    }
    .sist-info {
       font-size: 9px;
margin: 10px 0px 10px 10px;
text-align: center;
    }
    .unidad-admin {
       margin: 0px;
text-align: center;
font-size: 9px;
    }
    .logos-footer {
        width: 25%;
    }
    .btn-ingresar {
    	font-size: 12px;
        padding:8px;
    }
     .btn-olvido-usuario {
    	font-size: 12px;
padding: 8px;
/*line-height: 10px;*/
margin-left: 14px;
/*margin-top: -30px;*/
width:auto !important;
text-align: center;
}
}
@media (max-width: 479px) {
    .bg-footer {
        margin-bottom: -21px;
        position: inherit;
        left: 0;
        bottom: 0;
    }
    .baja-usted
    {
        margin-top: 0px;
    }
    .unidad-admin {
        color: #535459;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        /* margin-left: -38px; */
        /* width: 26%; */
        margin-top: 9px;
    }
    .sist-info {
        margin-top: 0;
        margin-left: 0;
        text-align: center;
    }
    #btn-buscar-vacante {
        background: url(../img/lupa-2.png) center 3px;
        background-repeat: no-repeat;
        background-color: #BFC0C5;
        padding: 29px;
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border: 0px solid #000000;
    }
    #buscar-vacante {
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        font-size: 16px;
        font-family: "ref1";
        width: 100%;
        padding: 29px;
        box-sizing: border-box;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border: 0px solid #000000;
    }
    .baja-cuenta-2 {
        margin-top: 47px;
    }
    #col-izq{
        background-color:#fff; padding: 17px 16px; box-sizing:border-box;
    }
    .mejores-oportunidades
    {
        color: #535459;
        font-weight: 700;
        margin-bottom: 10px;
        margin-left: 0px;
        text-align: center;
        width:auto;
    }
    .linea-blanca-izq {
    	width: 155px;
	    margin-left: -87px;
	    height: 10px;
	    margin-top: 35px;
    }
    .linea-blanca-der {
    	max-width: 100px;
	    width: 100%;
	    margin-top: -44px;
	    margin-right: -81px;
    }
    .btn-ingresar {
    	font-size: 12px;
        padding:8px;
    }
     .btn-olvido-usuario {
    	font-size: 12px;
padding: 8px;
/*line-height: 10px;*/
margin-left: 14px;
/*margin-top: -30px;*/
width:auto !important;
text-align: center;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 



	.btn-ingresar {
	  
	    padding: 10px 5px;
	    margin-bottom: 10px;font-size:12px;
	}

	.btn-olvido-usuario {
	   padding: 10px ;

/*margin-top: 20px;*/
font-size:12px;
float:none;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

	.bg-footer {
	    left: -30px;
	    bottom: 40px;
	}

	.btn-olvido-usuario {
	    padding: 10px 14px;
	}

	.btn-ingresar {
	    padding: 10px 17px;
	}

}