.mod-landing {  background-color:#fff;
               
                background-size: cover;
                background-position: cover;
                }

.blue-left,
.blue-top,
.blue-bottom,
.blue-right {
	display: none;
}
.mod-landing #form {border-radius: 0;border:0; position: relative;}
.mod-landing #form .blue-left {width:10px;height:80%; position: absolute;left:-10px;top:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e76080+0,eb6b5e+100 */
background: #e76080; /* Old browsers */
background: -moz-linear-gradient(top, #e76080 0%, #eb6b5e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e76080 0%,#eb6b5e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e76080 0%,#eb6b5e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76080', endColorstr='#eb6b5e',GradientType=0 ); /* IE6-9 */
}
.mod-landing #form .blue-top {width:80%;height:10px; position: absolute;left:-10px;top:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e76080+0,e35799+100 */
background: #e76080; /* Old browsers */
background: -moz-linear-gradient(left, #e76080 0%, #e35799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e76080 0%,#e35799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e76080 0%,#e35799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76080', endColorstr='#e35799',GradientType=1 ); /* IE6-9 */
}
.mod-landing #form .blue-bottom {height:10px;width:80%; position: absolute;right:-10px;bottom:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb6b5e+0,e8627a+100 */
background: #eb6b5e; /* Old browsers */
background: -moz-linear-gradient(left, #eb6b5e 0%, #e8627a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #eb6b5e 0%,#e8627a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #eb6b5e 0%,#e8627a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6b5e', endColorstr='#e8627a',GradientType=1 ); /* IE6-9 */
}
.mod-landing #form .blue-right {width:10px;height:80%; position: absolute;right:-10px;bottom:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e35799+0,e86279+100 */
background: #e35799; /* Old browsers */
background: -moz-linear-gradient(top, #e35799 0%, #e86279 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e35799 0%,#e86279 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e35799 0%,#e86279 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35799', endColorstr='#e86279',GradientType=0 ); /* IE6-9 */
}
.mod-landing #form .box .tit .fa {display: none;}
.mod-landing #form .box .tit {font-weight: 600;color:#000;border-bottom:3px solid #000;}
.mod-landing #form .box .tit a {font-weight: 600;color:#000;}
.mod-landing #form .label {color:#000;font-size:14px;font-weight: 400;padding-top:8px;}
.mod-landing #form input[type="text"], 
.mod-landing #form input[type="password"] {border-radius:0;border:2px solid #000;background-color:#fff;}

.mod-landing #form .forgot_to_login {margin-top:10px;border:0;font-size:14px;font-weight: 400;}
.mod-landing #form .forgot_to_login a:hover {color:#36b2ff;}

#footer {border-color:#888;}

.mod-user-type {    background-image:url('../files/interface/bg2021.jpg');
                    background-size: cover;
                    background-position: cover;
                    }

.mod-user-type img.modelo {margin-top:60px;}
.mod-user-type #links_preuser {background-color:#fff; padding: 30px 40px;position: relative;}
.mod-user-type #links_preuser .blue-left {width:10px;height:80%; position: absolute;left:-10px;top:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e76080+0,eb6b5e+100 */
background: #e76080; /* Old browsers */
background: -moz-linear-gradient(top, #e76080 0%, #eb6b5e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e76080 0%,#eb6b5e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e76080 0%,#eb6b5e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76080', endColorstr='#eb6b5e',GradientType=0 ); /* IE6-9 */
}
.mod-user-type #links_preuser .blue-top {width:80%;height:10px; position: absolute;left:-10px;top:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e76080+0,e35799+100 */
background: #e76080; /* Old browsers */
background: -moz-linear-gradient(left, #e76080 0%, #e35799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e76080 0%,#e35799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e76080 0%,#e35799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76080', endColorstr='#e35799',GradientType=1 ); /* IE6-9 */
}
.mod-user-type #links_preuser .blue-bottom {height:10px;width:80%; position: absolute;right:-10px;bottom:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb6b5e+0,e8627a+100 */
background: #eb6b5e; /* Old browsers */
background: -moz-linear-gradient(left, #eb6b5e 0%, #e8627a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #eb6b5e 0%,#e8627a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #eb6b5e 0%,#e8627a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6b5e', endColorstr='#e8627a',GradientType=1 ); /* IE6-9 */
}
.mod-user-type #links_preuser .blue-right {width:10px;height:80%; position: absolute;right:-10px;bottom:-10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e35799+0,e86279+100 */
background: #e35799; /* Old browsers */
background: -moz-linear-gradient(top, #e35799 0%, #e86279 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e35799 0%,#e86279 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e35799 0%,#e86279 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35799', endColorstr='#e86279',GradientType=0 ); /* IE6-9 */
}
.mod-user-type #links_preuser li.btntipo a {border-radius: 0;background-color:#fff;color:#000;border:2px solid #000;font-weight: 600;font-size:16px;padding: 20px 30px;text-align: center;}
.mod-user-type #links_preuser li.btntipo a:hover {background-color:#000;color:#fff;}
.mod-user-type #links_preuser li a .fa {display: none;}
.mod-user-type #links_preuser li.login {margin-top:40px;}
.mod-user-type #links_preuser li.login a {padding:5px 0;font-weight: 600;color:#000;text-decoration: none;font-size:18px;border-bottom:3px solid #000;border-radius: 0;}

#forms_left.registro_paso1 {background-image:url('../files/interface/bg.jpg');background-size: cover;background-position: center top;min-height: 100vh;}
#forms_left.registro_paso2  {background-image:url('../files/interface/bg.jpg');background-size: cover;background-position: center top;min-height: 100vh;}
#forms_left.registro_paso3  {background-image:url('../files/interface/bg.jpg');background-size: cover;background-position: center top;min-height: 100vh;}
#forms_left.datos_paso1 {background-image:url('../files/interface/model_01.jpg');background-size: cover;background-position: center center;min-height: 100vh;}
#forms_left.datos_pwd_paso1 {background-image:url('../files/interface/model_02.jpg');background-size: cover;background-position: center center;min-height: 100vh;}
#forms_left.baja_mailing_paso1 {background-image:url('../files/interface/bg.jpg');background-size: cover;background-position: center top;min-height: 100vh;}
#forms_left.conocerte_paso1 {background-image:url('../files/interface/model_03.jpg');background-size: cover;background-position: center center;min-height: 100vh;}

.mod-user-type img.modelo {margin-top:60px;}

.tit_registro {font-family: 'Northwell';font-weight: normal;font-style: normal;font-size: 80px;line-height:110px;text-align: center;margin-bottom:30px;margin-top:20px;}

.mod-landing #form input[type="text"], .mod-landing #form input[type="password"]{
    border: 2px solid #000 !important;
}
input[type="text"], 
input[type="password"], 
select, 
.input {border:1px solid #000 !important;background-color:#fff;border-radius: 0;}
select {-moz-appearance: none;-webkit-appearance: none;}
#forms_right form .label {font-weight: 400;}
#forms_right form button {border-radius: 0;border:2px solid #000;color:#000;font-size: 14px;font-weight: 600;padding: 7px 30px 7px 30px;position: relative;background:#fff;margin:0 auto;}
#forms_right form button:after {background-image:url('../files/interface/submit_arrow.png');width:26px;height:26px;position: absolute;content:' ';top:50%;margin-top:-13px;background-size: cover;right:-15px;}
#forms_right form button:hover {background:#000;color:#fff;}

#forms_right .logged_menu li a{font-family: inherit;border:1px solid #F29448;color:#F29448;background:#fff;border-radius: 0;padding:9px 10px 5px 10px;min-height: 38px;font-size:15px; letter-spacing: 0;font-weight: 500;}
#forms_right .logged_menu li a.active {background:#F29448;color:#fff;border-color:#F29448;}
#forms_right .logged_menu li a:hover {color:#F29448;}
#forms_right .logged_menu li a.active:hover {color:#fff;}
#forms_right .logged_menu li {padding:0 3px;}
#forms_right .logged_menu li a .fa {margin-top:3px;}

.mod-datos-password #forms_right .logged_menu li a {border-color:#F29448;color:#F29448;}
.mod-datos-password #forms_right .logged_menu li a.active  {background:#F29448;color:#fff;border-color:#F29448;}
.mod-datos-password #forms_right .logged_menu li a:hover {color:#F29448;}
.mod-datos-password #forms_right .logged_menu li a.active:hover {color:#fff;}
.mod-datos-password input[type="text"], 
.mod-datos-password input[type="password"], 
.mod-datos-password select, 
.mod-datos-password .input {border:1px solid #F29448;}

.mod-conocerte #forms_right .logged_menu li a {border-color:#F29448;color:#F29448;}
.mod-conocerte #forms_right .logged_menu li a.active  {background:#F29448;color:#fff;border-color:#F29448;}
.mod-conocerte #forms_right .logged_menu li a:hover {color:#F29448;}
.mod-conocerte #forms_right .logged_menu li a.active:hover {color:#fff;}
.mod-conocerte input[type="text"], 
.mod-conocerte input[type="password"], 
.mod-conocerte select, 
.mod-conocerte .input {border:1px solid #F29448;}



/* .mod-registro.profesional,
.mod-info-pro {background-image:url('../files/interface/bg_profesional.png');} */

.mod-registro #right {  margin-top:50px;}
.mod-registro #footer {position: relative;}

.mod-registro #form input[type="text"], 
.mod-registro #form input[type="password"] {border:1px solid #F29448 !important;}
.mod-registro #form .info {font-size:12px;margin-top:5px;font-weight: 500; }
.mod-registro #form .sexo li {display: inline-block;margin-right:10px;}
.mod-registro #form .sexo li:last-child {margin-right:0;}
.mod-registro #form .sexo li span {display: inline-block;vertical-align: middle;font-weight: 500;}
.mod-registro #form input[type="text"], 
.mod-registro #form input[type="password"], 
.mod-registro #form select {border:1px solid #F29448 !important;-moz-appearance: none;-webkit-appearance: none;}
.mod-registro #form .fecha_nacimiento {margin-top:5px;}
.mod-registro #form .fecha_nacimiento select {display: inline-block;}
.mod-registro #form .fecha_nacimiento .dia {width:50px;margin-right:5px;}
.mod-registro #form .fecha_nacimiento .mes {width:120px;margin-right:5px;}
.mod-registro #form .fecha_nacimiento .ano {width:80px;}

.mod-info-pro #form input[type="text"], 
.mod-info-pro #form input[type="password"], 
.mod-info-pro #form select {border:1px solid #5D4F6E;-moz-appearance: none;-webkit-appearance: none;}
.mod-info-pro .yasolo {font-size:18px;max-width:250px;margin:0 auto 20px auto;font-weight: 500;text-align: center;color:black;}

.mod-registro-confirmacion .yasolo {font-size:18px;max-width:250px;margin:0 auto 20px auto;font-weight: 500;text-align: center;color:black;}

/* 
.mod-registro.particular,
.mod-info-consumidor,
.mod-conocerte-consumidor {background-image:url('../files/interface/bg_particular.png');} */

.mod-info-consumidor .yasolo {font-size:18px;max-width:250px;margin:0 auto 20px auto;font-weight: 500;text-align: center;color:black;}
.mod-info-consumidor .box {text-align: center;}
.mod-info-consumidor .box li {display: inline-block;padding:0 5px 10px 5px; width: 25%}
.mod-info-consumidor .box li span {display: block;}
.mod-info-consumidor .box .label {margin-bottom:5px;}
.mod-info-consumidor .block {margin-bottom:15px;width:100%;}
.mod-info-consumidor .label {font-size:22px;margin-bottom:15px;}
.mod-info-consumidor ul {max-width:400px;margin:0 auto;}
.mod-info-consumidor li {display: inline-block;width:19%;vertical-align: top;text-align: center;margin-bottom:15px;}
.mod-info-consumidor li img {display: block;border:3px solid #fff;margin:0 auto 5px auto;}
.mod-info-consumidor li span {line-height: 16px;font-size:14px;}
.mod-info-consumidor ul.coloracion {max-width: inherit;}
.mod-info-consumidor  ul.coloracion li {width:inherit;padding:0 10px 10px 10px;}
.mod-info-consumidor li a:hover img {border-color:#F29448;}
.mod-info-consumidor li a:hover {color:#F29448;}
.mod-info-consumidor li a.active img {border-color:#F29448;}
.mod-info-consumidor li a.active span {color:#F29448;text-decoration: underline;font-weight:600;}
.mod-info-consumidor #footer {position: relative;}

.mod-conocerte-consumidor form {text-align: center;}
.mod-conocerte-consumidor .yasolo {font-size:18px;max-width:250px;margin:0 auto 20px auto;font-weight: 500;text-align: center;color:black;}
.mod-conocerte-consumidor .box {text-align: center;}
.mod-conocerte-consumidor .box li {display: inline-block;padding:0 5px 10px 5px;}
.mod-conocerte-consumidor .box li span {display: block;}
.mod-conocerte-consumidor .box .label {margin-bottom:5px;}
.mod-conocerte-consumidor .block {margin-bottom:15px;width:100%;}
.mod-conocerte-consumidor .label {font-size:22px;margin-bottom:15px;display: block !important;}
.mod-conocerte-consumidor form ul {max-width:400px;margin:0 auto;}
.mod-conocerte-consumidor form li {display: inline-block;width:24%;vertical-align: top;text-align: center;margin-bottom:15px;}
.mod-conocerte-consumidor form  li img {display: block;border:3px solid #fff;margin:0 auto 5px auto;}
.mod-conocerte-consumidor form  li span {line-height: 16px;font-size:14px;}
.mod-conocerte-consumidor form  ul.coloracion {max-width: inherit;}
.mod-conocerte-consumidor form   ul.coloracion li {width:inherit;padding:0 10px 10px 10px;}
.mod-conocerte-consumidor form  li a:hover img {border-color:#F29448;}
.mod-conocerte-consumidor form  li a:hover {color:#F29448;}
.mod-conocerte-consumidor form  li a.active img {border-color:#F29448;}
.mod-conocerte-consumidor form  li a.active span {color:#F29448;text-decoration: underline;font-weight:600;}
.mod-conocerte-consumidor #footer {position: relative;}

