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

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

.hd_redes_cotiza {font-family:Helvetica, "Helvetica Neue", Arial, "sans-serif"; font-size:0.9rem; color:#000000; text-align: center; line-height: 1.1rem; padding-bottom: 0rem; font-weight:300; padding-top: 2rem;}

.bt_redes_cotiza {width:70%; height: auto; margin:1.5rem auto; position: relative; top:0;}

.txt_bt_redes {color:#ffffff; font-family:Helvetica, "Helvetica Neue", Arial, "sans-serif"; font-weight:400; font-size:1rem; position: relative; float: left; padding-left:1rem; line-height:2.4rem;}

.bt_goog {width: 45%; height:2.4rem; background-color:#4688f1; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;  border-radius:5px 5px 5px 5px; float: left;}
.logo_goog { width: 32px; height: 32px; margin: 0 auto; top:3px; right: 3px; position: relative; float: right; background: #ffffff; right: 3px;  -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;} 

.bt_fb {width: 45%; height:2.4rem; background-color:#3d5b97; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;  border-radius:5px 5px 5px 5px; float: right;}
.logo_fb { width: 32px; height: 32px; margin: 0 auto; top: 3px; position: relative; float: right; background: #ffffff; right: 3px;  -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px;} 

.separapunto_cotiza {width: 70%; height:1.2rem; margin: 6.2rem 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 #00b540;  top:0px;}

/*registro usuario */
.registro_usuario_cotiza {width: 70%; 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.95rem;}
.

.inputemail2 {width:93%; padding-left: 2%; height: auto;}
.inputemail2 input {font-size: 0.9rem; line-height: 1rem; margin-top:8px; width: 100%; padding-left:8px; color:#b4b4b4; box-sizing: border-box; }

.conect_pswd {width: 70%; height:1rem; margin: 0 auto;  margin-top: 0.7rem; font-family:Helvetica, "Helvetica Neue", Arial, "sans-serif"; font-size:0.76rem; color:#606060;}
.conect {width: 59%; height:1rem; float:left; line-height: 0.9rem; position: relative; padding-left: 18px; text-indent:-18px;}
.conect label input {vertical-align:text-top; margin-right: 5px;}


.pswd {float:right; position: relative; right: 2px;}
.pswd a {color:#606060; text-decoration: underline; line-height: 0.7rem;}

.bt_iniciosesion_cotiza {width: 30%; height:2.4rem; position: relative; margin:2.4rem auto; background:#01b541; 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_cotiza a {color:#ffffff; display: block; text-decoration: none;}
.bt_iniciosesion_cotiza 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:#01b541; line-height: 2rem; font-size: 1.3rem; text-transform: uppercase; text-align: center; font-family: "Oswald", sans-serif;}
.creacuentareg a {text-decoration: underline; color:#01b541;}

/*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%; 
} 
/*

/* tARJETA DE PREPAGO */
.gift_card {width:100%; height: auto; position: relative; background:#ededed; 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;}

.activacion {width:215px; height:2rem; margin:0.5rem auto 0 auto;}
.bt_activa_card {width: 180px; height:2rem; position: relative;  background:#939393; color:#ffffff; float:left; 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:right; 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;}




/* 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; 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){
	
.cont_cotizadorGral {width:100%; height: auto; position: relative;}

	
}


@media screen and (max-width: 780px){
.gift_card {padding: 1rem 0;}	
.hd_gift {font-size:0.9rem;}
.id_reformacom_gift {width:200px;}


}


@media screen and (max-width: 640px){          /* MARGEN 1.7rem*/
	
.cont_registro {width:100%; height:auto; margin:0 auto; background:#ffffff; position:relative;}	
/* 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; }	

.bt_redes_cotiza {width:80%; height: auto; margin:0.8rem auto; position: relative; top:0;}	
.separapunto_cotiza {width:80%; height:1.2rem; margin:6rem auto 1.5rem auto; position:relative; }	
		
	
/*registro usuario */
.registro_usuario_cotiza {width: 80%;}	

/* conectar newsletter */	
.conect {width: 55%;}	
.conect_pswd {width:80%; height:1rem;}

.bt_iniciosesion_cotiza {width:40%;}	
.extras_inicio {width:70%;}
	
	
/* TARJETA DE REGALO */
	
	
}



@media screen and (max-width: 480px){
.bt_redes_cotiza {width:86%; height: auto; margin:1.5rem auto; position: relative; top:0;}	
.separapunto_cotiza {width:86%; height:1.2rem; margin: 5.9rem auto 1rem auto; position: relative; }	
	
/*registro usuario */
.hd_registro {font-size: 1.8rem; padding: 0.5rem 0 2rem 0;}	
.registro_usuario_cotiza {width: 86%; 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: 86%; height:1rem;}
.bt_iniciosesion_cotiza {width: 50%;}	
.extras_inicio {width:80%;}		
	
.conect_pswd {width: 85%; height:1rem; margin: 0 auto;  margin-top: 0.7rem; font-family:Helvetica, "Helvetica Neue", Arial, "sans-serif"; font-size:0.76rem; color:#606060;}
.conect {width: 50%; height:1rem; float:left; line-height: 0.9rem; position: relative; padding-left: 18px; text-indent:-18px;}
.conect label input {vertical-align:text-top; margin-right: 5px;}

	
/* Proceso de confirmación */
.hd_registro3 {font-size: 1.8rem;line-height: 2rem;}

	
}

@media screen and (max-width: 420px){
/*.separador {background:magenta;}*/
.separapunto {width: 60%; height:1.2rem; margin: 2rem auto 1rem auto; position: relative;}

	
.conect_pswd {font-size:0.7rem; line-height: 0.8rem; color:#606060;margin-top: 0.7rem;}
.conect {width: 50%; height:1rem; float:left; line-height: 0.8rem; position: relative; padding-left: 0.9rem; text-indent:-1rem;}
.conect label input {vertical-align:text-top; margin-right: 2px;}
	
.pswd {float:right; position: relative;}
.pswd a {color:#606060; text-decoration: underline; line-height: 0.7rem;}
	
	
/* proceso confirmación */
.registro_usuario3 {width: 45%;}
	
	
}


@media screen and (max-width: 360px){
.bt_redes_cotiza {width:90%;}	

.txt_bt_redes {font-size:0.9rem;}	
.separapunto_cotiza {width:90%; height:1.2rem; }	

/*registro usuario */
.registro_usuario_cotiza {width:90%;}	

.conect_pswd {width:87%; height:1rem; font-size:0.7rem; color:#606060;margin-top: 0.7rem;}
.conect {width: 47%; height:1rem; float:left; line-height: 0.8rem; position: relative; padding-left: 0.9rem; text-indent:-1rem;}	

.bt_iniciosesion_cotiza {width: 60%;}	
.extras_inicio {width:90%;}		
	
/* Proceso de confirmación */
.hd_registro3 {font-size: 1.8rem;line-height: 2rem;}	
	
	
/* TARJETA DE REGALO */


	
}


@media screen and (max-width: 320px){
	
.bt_goog {width: 48%;} 
.bt_fb {width: 48%;}	
	
.conect_pswd {font-size:0.65rem; line-height: 0.8rem; color:#606060;margin-top: 0.7rem;}
.conect {width: 48%; font-size:0.65rem; line-height: 0.75rem; position: relative; padding-left: 1.1em; text-indent:-1.5em;}
.conect label input {vertical-align:text-top; margin-right: 2px;}
.pswd {font-size:0.65rem; line-height: 0.8rem; }	
	
/* proceso confirmación */
.registro_usuario3 {width: 55%;}	
/* TARJETA DE REGALO */

	
}