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

.borde1px {border: 1px solid #ccc;}

.cont_registro {width: 640px; height: auto; margin: 2rem auto; padding:0px; background:#ffffff; position: relative;border: 1px solid #cccccc;}
.registro1_base {width:100%; height:auto;}
.hd_registro {text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 2rem; padding: 5rem 0 10px 0; line-height: 2.2rem}
.hd_registroNota {text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 2rem; padding: 13rem 0 10px 0; line-height: 2.2rem}

.hd_redes {font-family:Helvetica, "Helvetica Neue", Arial, "sans-serif"; font-size:1.2rem; color:#000000; text-align: center; line-height: 5.5rem; padding-bottom: 0rem; font-weight:300;}
.bt_redes {width:50%; height: auto; margin:0.8rem auto; position: relative; top:0;}
.bt_fb {width: 145px; height:41px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;  border-radius:7px 7px 7px 7px; float: left;}
.logo_fb { width:145px; height: 41px; margin: 0 auto;  padding-top: 3px;} 
.bt_goog {float: right;}
.logo_goog { width: 145px; height: 41px; margin: 0 auto;  padding-top: 3px;} 

.ifrPrevistaDivCSS {
        width: 90%;
        height: 450px;
        margin-left: 0px;
    }
	

/* tARJETA DE PREPAGO */
.gift_card {width:100%; height: auto; position: relative; padding: 1.2rem 0;}	
.hd_gift {font-family:"dseoLight", Helvetica, Verdana; color:#0c0c0c; text-align: center; text-transform: uppercase;  font-size:1rem;}
.id_reformacom_gift {width:230px; height: auto; position: relative; margin: 0px auto;}
.bt_activa_card {width: 180px; height:2rem; position: relative;  background:#939393; color:#ffffff; float:none; display: block; cursor: pointer; line-height: 2rem; font-size: 1.1rem; text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif;
					-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px;  border-radius:7px 7px 7px 7px;}
.bt_activa_card a {color:#ffffff; display: block; cursor: pointer;}
.bt_activa_card a:hover {background:#5e5e5e; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;}
.bt_help_card {width:23px; height:23px; position:relative; float:none; background:#c1c1c1; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; color:#ffffff; text-align:center; line-height:23px; font-size:0.8rem; font-family: "Oswald", sans-serif; top:5px;}

/*-----------------------*/	

.separapunto {width: 60%; height:1.2rem; margin: 2.3rem auto 1.3rem auto; position: relative;}
.txt_separapunto {width:20%; left:40%; position: absolute; font-family: "Oswald", sans-serif; font-weight:300; font-size:1.1rem; color:#828282; text-align:center; line-height: 1.2rem; text-transform: uppercase; background:#ffffff; z-index: 2; top:-10px; }
.line_separapunto { width: 100%; height: 2px; border-top: 1px solid #67b9f7;  top:0px;}

/*registro usuario */
.registro_usuario {width: 60%; height:1.9rem; margin: 0 auto; border: 1px solid #bbbbbb; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;  border-radius:7px 7px 7px 7px; margin-top: 0.95rem;}
	.inputemail2 {width:93%; padding-left: 2%; height: auto;}
	.inputemail2 input {outline:none; font-size: 0.9rem; line-height: 1rem; margin-top:8px; width: 100%; padding-left:8px; color:#b4b4b4; box-sizing: border-box; }
.conect_pswd {width: 60%; height:1rem; margin: 0 auto;  margin-top: 0.7rem; font-family:Helvetica, "Helvetica Neue", Arial, "sans-serif"; font-size:0.8rem; color:#606060; }
.conect { float:left; position: relative;}
.pswd {float:right; position: relative;}
.pswd a {color:#606060; text-decoration: underline; line-height: 0.8rem;}

.bt_iniciosesion {width: 30%; height:2.4rem; position: relative; margin:2.4rem auto; background:#1594f3; color:#ffffff;
				line-height: 2.4rem; font-size: 1.3rem; text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif;
					-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px;  border-radius:7px 7px 7px 7px;}
.bt_iniciosesion a {color:#ffffff; display: block;}
.bt_iniciosesion a:hover {background:#02c146; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; }

.extras_inicio {width:60%; height: auto; position: relative; margin: 2rem auto; text-align: center;}
.cuenta01 {font-family:Helvetica, "Helvetica Neue", Arial, "sans-serif"; font-size:0.9rem; color:#000000; line-height: 1.1rem; padding-bottom: 0rem; font-weight:300;}

.creacuentareg {color:#1594f3; line-height: 2rem; font-size: 1.3rem; text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif;}
.creacuentareg a {text-decoration: underline; color:#1594f3;}

.creacuentareg2 {line-height: 2rem; font-size: 1.0rem; text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif;background-color:#ededed}
.creacuentareg2 a {text-decoration: none; color:#1594f3;}

/*fin registro usuario*/

/* bloque cerrar*/
.cont_close {width:100%; height: 20px; margin: 1.5rem 0 0.5rem 0;  position: relative;}
a .cross {display: block; cursor:pointer;}
.cross {width: 20px; height: 20px; position: absolute; right: 1.5rem; } 

.cross:before, .cross:after { 
    content: ""; 
    position: absolute; 
    background: #999999; 
	transform: rotate(-45deg);
} 

.cross:before { 
    left: 0%; 
    width: 10%; 
    margin-left: 45%;
	margin-top: 0%; 
    height: 100%; 
} 

.cross:after { 
    top: 45%; 
    height: 10%; 
    margin-top: 0%; 
	margin-left: 0%;
    width: 100%; 
} 

/*


/* CONFIRMACION */
.hd_registro3 { width:55%; margin: 0 auto; text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 2rem; padding: 0.5rem 0 0.6rem 0; text-transform: uppercase; line-height: 2.2rem; border-bottom: 2px dotted #02c146; margin-bottom: 2rem;}
.registro_usuario3 {width: 30%; height:2rem; margin: 0 auto; border: 1px solid #bbbbbb; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;  border-radius:7px 7px 7px 7px; margin-top: 0.5rem;}
.inputemail3 {width:94%; padding-left: 2%; height: auto;}
.inputemail3 input {font-size: 0.9rem; line-height: 1rem; margin-top:8px; width: 100%; padding-left:8px; color:#b4b4b4; box-sizing: border-box; text-align:center; font-style: italic; }


@media screen and (max-width: 960px){
	
	.ifrPrevistaDivCSS {
        width: 90%;
        height: 490px;
        margin-left: 0px;
    }
	
}


@media screen and (max-width: 780px){
	
    .hd_registro {text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 2rem; padding: 1.5rem 0 10px 0; line-height: 2.2rem}
    .hd_registroNota {text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 2rem; padding: 8.5rem 0 10px 0; line-height: 2.2rem}

    .gift_card {padding: 1rem 0;}	
    .hd_gift {font-size:0.9rem;}
    .id_reformacom_gift {width:200px;}

    .ifrPrevistaDivCSS {
        width: 90%;
        height: 450px;
        margin-left: 0px;
    }

}


@media screen and (max-width: 640px){                 /* MARGEN 1.7rem*/
	
/* bloque cerrar*/	
.cont_close {width:100%; height: 20px; margin: 1.2rem 0 0.5rem 0;  position: relative;}
/* fin */
	
/* confirmacion */	
.hd_registro3 { width: 75%; margin: 0 auto; text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif; font-weight: 400; font-size: 2rem; text-transform: uppercase; line-height: 2.2rem; border-bottom: 1.4px dotted #02c146; margin-bottom: 2rem;  padding: 0.3rem 0 0.5rem 0; }	
.cont_registro {width:100%; height: auto;  margin: 2rem auto; background:#ffffff; position: relative;}
.bt_redes {width:70%; height: auto; margin:0.8rem auto; position: relative; top:0; }	
.logo_fb, .logo_goog { width: 58%; padding-top: 3px;} 	
.separapunto {width:70%; height:1.2rem; margin: 2.3rem auto 1.5rem auto; position: relative; }	

.ifrPrevistaDivCSS {height:450px;}
	
/*registro usuario */
.registro_usuario {width: 70%;}	

.conect_pswd {width:70%; height:1rem;}
.bt_iniciosesion {width:40%;}	
.extras_inicio {width:70%;}	

.hd_registroNota {font-size: 8.0rem; padding: 0.5rem 0 1rem 0;}	
}



@media screen and (max-width: 480px){
.bt_redes {width:80%; height: auto; margin:1.5rem auto; position: relative; top:0; }	
.separapunto {width:80%; height:1.2rem; margin: 2rem auto 1rem auto; position: relative; }	
.logo_fb, .logo_goog { width: 58%; padding-top: 5px;}
	
/*registro usuario */
.hd_registro {font-size: 1.8rem; padding: 0.5rem 0 1rem 0;}	
.hd_registroNota {font-size: 4.0rem; padding: 0.5rem 0 1rem 0;}	
.registro_usuario {width: 80%; height:2.1rem; margin: 0 auto; border: 1px solid #bbbbbb; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;  border-radius:7px 7px 7px 7px; margin-top: 0.9rem;}
.inputemail2 input {font-size: 0.9rem; line-height:1rem; margin-top:9px;}
	
.conect_pswd {width: 80%; height:1rem;}
.bt_iniciosesion {width: 50%;}	
.extras_inicio {width:80%;}		
	
.ifrPrevistaDivCSS {
        width: 90%;
        height: 390px;
        margin-left: 0px;
    }
	
/* Proceso de confirmación */
.hd_registro3 {font-size: 1.8rem;line-height: 2rem;}
	
	
}

@media screen and (max-width: 420px){
	/*.separador {background:magenta;}*/
.logo_fb, .logo_goog { width: 76%; padding-top: 3px;} 
.separapunto {width: 60%; height:1.2rem; margin: 2rem auto 1rem auto; position: relative;}
	
	
/* proceso confirmación */
.registro_usuario3 {width: 45%;}
	.ifrPrevistaDivCSS {height:370px;}
.hd_registroNota {font-size: 1.5rem; padding: 5.5rem 0 1rem 0;}		
}


@media screen and (max-width: 360px){
.bt_redes {width:90%;}	
.separapunto {width:90%; height:1.2rem; }	
	
/*registro usuario */
.registro_usuario {width:90%;}	

.conect_pswd {width:90%; height:1rem;}
.bt_iniciosesion {width: 60%;}	
.extras_inicio {width:90%;}		
	
/* Proceso de confirmación */
.hd_registro3 {font-size: 1.8rem;line-height: 2rem;}	
.ifrPrevistaDivCSS {height:370px;}
.hd_registroNota {font-size: 1.5rem; padding: 5rem 0 1rem 0;}	
    
	
}


@media screen and (max-width: 320px){
.logo_fb, .logo_goog { width: 74%; padding-top: 6px;} 
	
/* proceso confirmación */
	.registro_usuario3 {width: 55%;}	
	
    .ifrPrevistaDivCSS {height:370px;}

    .hd_registroNota {font-size: 1.5rem; padding: 7rem 0 1rem 0;}	
}