@charset "UTF-8";
/* CSS Document */

/*
VERDE: #169183
LILA: #4e2459
GRIS OSCURO: #535353
GRIS CLARO: #e8ecea
*/

.ver a#login_pop {
	display:block;
	padding-top:33px;
	padding-bottom:30px;
	color:#169183;
}

a#login_pop:hover {
	color:#fff;
    background-color:#4e2459;
}

.overlay {
	z-index: 9999;
	position: fixed;
    background-color:#000;/*rgba(0, 0, 0, 0.8)*/
    bottom: 0;
    cursor: default;
    left: 0;
    right: 0;
    top: 0;
    visibility: hidden;
	opacity: 0;

    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
	
	-webkit-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.popup {
	width:700px;
	height:auto;
    background-color: #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 70px 60px 60px 60px;
    position: fixed;
    text-align: left;
    top: 40%;
    visibility: hidden;
    z-index: 10000;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 40px;
    width: 40px;
    line-height: 36px;
    position: absolute;
    right: -18px; /*0*/
    text-align: center;
    text-decoration: none;
    top: -15px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 50px;
}

.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "x";
    font-size: 20px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}

.popup p, .popup div {
    margin-bottom: 10px;
}

.uldelpopup {
	margin-top:20px;
}

.lidelpopup {
	font-size: 0.9em;
    line-height: 28px;
    letter-spacing: 0.5px;
	margin-top:12px;
	margin-left:20px;
}

.textodelpopup {
	font-size: 0.9em !important;
    line-height: 28px !important;
    letter-spacing: 0.5px !important;
	margin-top:12px !important;
	margin-left:0px !important;
}

/* Media pantalla */ /*1920x1080px*/
@media only screen and (max-width: 1920px) {
.ver a#login_pop {
	padding:30px 27px 30px 27px;
}

.popup {
	width:600px;
	height:auto;
    padding: 70px 60px 60px 60px;
    top: 40%;
	font-size:0.9em;

}

.lidelpopup {
	font-size: 0.9em;
    line-height: 25px;
    letter-spacing: 0.5px;
	margin-top:12px;
	margin-left:20px;
}

.textodelpopup {
	font-size: 0.9em !important;
    line-height: 25px !important;
    letter-spacing: 0.5px !important;
	margin-top:12px !important;
	margin-left:0px !important;
}
}


/* Tablet Landscape*/ /*1024x768px*/
@media only screen and (max-width: 1024px) {
.ajuste {
	height: 680px;
}

.ver a#login_pop {
	padding:30px 27px 30px 27px;
}

.popup {
	width:600px;
	height:auto;
    padding: 70px 60px 60px 60px;
    top: 40%;
	font-size:0.9em;

}

.lidelpopup {
	font-size: 0.9em;
    line-height: 25px;
    letter-spacing: 0.5px;
	margin-top:12px;
	margin-left:20px;
}

.textodelpopup {
	font-size: 0.9em !important;
    line-height: 25px !important;
    letter-spacing: 0.5px !important;
	margin-top:12px !important;
	margin-left:0px !important;
}
}


/* Small tablet Landscape*/ /*800x600px*/
@media only screen and (max-width: 800px) {
.ajuste {
	height: 520px;
}

.ver a#login_pop {
	padding:30px 27px 30px 27px;
}

.popup {
	width:550px;
	height:auto;
    padding: 60px 50px 50px 50px;
    top: 40%;
	font-size:0.85em;
}

.lidelpopup {
	font-size: 0.85em;
    line-height: 20px;
    letter-spacing: 0.5px;
	margin-top:12px;
	margin-left:20px;
}

.textodelpopup {
	font-size: 0.85em !important;
    line-height: 20px !important;
    letter-spacing: 0.5px !important;
	margin-top:12px !important;
	margin-left:0px !important;
}

}

/* Small tablet Portrait*/ /*600x800px*/
@media only screen and (max-width: 600px) {
.ajuste {
	height: 720px; 
}

.popup {
	width:450px;
    padding: 50px 40px 40px 40px;
}
}

	
/* Mobil portrait*/ /*320x568px*/
@media only screen and (max-width: 400px) {/*320*/
.ajuste {
	height: 480px;
}

.ver a#login_pop {
	padding:28px 20px 25px 20px;
}

.popup {
	width:250px;
	height:auto;
    left: 50%;
    padding: 30px 20px 30px 20px;
    top: 40%;
	text-align: left;
	font-size:0.7em;

}

.lidelpopup {
	font-size: 0.7em;
    line-height: 12px;
    letter-spacing: 0.5px;
	margin-top:12px;
	margin-left:20px;
}

.textodelpopup {
	font-size: 0.7em !important;
    line-height: 12px !important;
    letter-spacing: 0.5px !important;
	margin-top:12px !important;
	margin-left:0px !important;
}
}