/* version 201801: v2 */

* { margin: 0px; padding: 0px; border: none; }
html, body { width: 100%; height: 100%; background: #FFF; }
a { outline:none; }
.clr { clear:both; }


/* ********************************* */
/* ********************************* */
 /* Para resetear bootstrap */
* {
	box-sizing: unset !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}
*::after, *::before {
    box-sizing: unset !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

/* ------------------------ RC - varios  */
.cnt { width: 800px; margin: 0px auto; }
.atras { width: 800px; margin: 0px auto; padding-top: 10px; text-align: right; }
.atras a { text-decoration: none; text-transform: lowercase; padding-left: 30px; line-height: 32px; display: inline-block; color: #7f7f7f; font-size: 15px; background: url(../img/rc_es/atras.png) no-repeat center left; background-size: 24px 24px; }
.error { width: 800px; margin: -15px auto 0; color: #e4061f; font-style: italic; font-size: 0.875em; margin-bottom: 25px; }
.errorsubmit { margin: 15px auto; padding: 10px 0; }
.errorsubmit p { width: 800px; margin: 0 auto; font-style: italic; font-size: 0.875em; text-align:center;}
.intro { width: 800px; margin: 20px auto; text-align: center; }
section h1 { text-align: center; margin:10px 0 20px; }
section h2 { margin: 10px 0; text-align:center; margin-bottom:20px; }
section p { margin-bottom: 10px; }
section p.center { text-align: center; }
section p.nota { font-size: 0.875em; margin-top: 35px; }
section .loader { background-color: #f00; background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px 25px; display:none;}
section .loader.loader-tienda { height: 45px; }
section .loader.loader-clinica { height: 45px; }
section form {  }
section form fieldset { margin-bottom: 25px; }
section form fieldset label { display: block; margin-bottom: 10px; text-align: left; font-weight: normal; }
section form fieldset input,
section form fieldset select { width: 96%; display: block; padding: 10px 2%; background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
select,
section form fieldset select { background-image: url(../img/rc_es/select.png); background-repeat: no-repeat; background-position: 98% center; background-size: 10px 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
section form fieldset input.accion { cursor: pointer; text-align: center;  color: #FFF; margin: 20px 0 10px; font-size: 1em; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
section form fieldset input.buscar { cursor: pointer; text-align: center;  color: #e4061f; background: #FFF; margin: 20px 0 10px; font-size: 1em; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
section form fieldset.captcha { }
section form fieldset.on-off { height: 100px; margin: 10px 0; }
section form fieldset.on-off legend { float: left; padding-top: 28px; border: 0; font-size: 1em; font-weight: normal;	}
section form fieldset.on-off ul { float: left; }
section form fieldset.on-off ul li { list-style: none; float: left; width: 100px; height: 100px; margin-right: 50px; }
section form fieldset.on-off ul li:last-child { margin-right: 0; }
section form fieldset.on-off ul li input[type="radio"] { display:none; }
section form fieldset.on-off ul li input[type="radio"] + label { display: block; }
section form fieldset.on-off ul li input[type="radio"] + label span { display: block; float: left; /*width: 100px; height: 100px;*/ width: 65px; height: 22px; padding: 78px 0 0 35px; background-repeat: no-repeat; background-position: 0 0; background-size: 200px 200px; }
section form fieldset.on-off ul li:last-child input[type="radio"] + label span { background-position: -100px 0; }
section form fieldset.on-off ul li input[type="radio"]:checked + label span { background-position: 0 -100px; }
section form fieldset.on-off ul li:last-child input[type="radio"]:checked + label span { background-position: -100px -100px; }
section form fieldset.checkboxes { height: 100px; margin: 10px 0; }
section form fieldset.checkboxes legend { float: left; width: 150px; padding-top: 28px;	}
section form fieldset.checkboxes ul { float: left; }
section form fieldset.checkboxes ul li { list-style: none; float: left; width: 65px; height: 65px; padding: 5px; margin-right: 50px; }
section form fieldset.checkboxes ul li input { display:none; }
section form fieldset.checkboxes ul li input + label span { display: block; float: left; width: 65px; height: 65px; text-align: center; text-transform: uppercase; border: 2px solid #f00; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
section form fieldset.checkboxes ul li input:checked + label span { background: #0f0 ; }
section form fieldset.checkboxes ul li input + label strong { display: none; }
section form fieldset.fecha { height: 80px; }
section form fieldset.fecha legend { display: block; margin-bottom: 15px; }
section form fieldset.fecha label {  float: left; width: 50px; padding-top: 10px; }
section form fieldset.fecha select {  float: left; margin-right: 50px; background-position: 90% 50%; }
section form fieldset.fecha select.dia { width: 80px; background-position: 85% 50%; }
section form fieldset.fecha select.mes {  width: 200px; }
section form fieldset.fecha select.anyo { width: 120px; }
section form fieldset.radiobuttons { height: 35px; }
section form fieldset.radiobuttons a { }
section form fieldset.radiobuttons legend { display: block; margin-bottom: 15px; }
section form fieldset.radiobuttons input { display: none; }
section form fieldset.radiobuttons input + label { display: block; }
section form fieldset.radiobuttons input + label span { display: block; float: left; width: 25px; height: 25px; margin-right: 8px; background: url(../img/rc_es/checkbox.png) no-repeat 0 0; background-size: 25px 50px; }
section form fieldset.radiobuttons input:checked + label span { background-position: 0 -25px; }
section form fieldset.radiobuttons input + label strong { float: left; font-weight: normal; margin-top: 3px; }	
section form fieldset.radiobuttons ul {  }
section form fieldset.radiobuttons ul li { float: left; width: 200px; height: 25px; margin-bottom: 10px; }
section form fieldset.password {  }
section form fieldset.password input { background-color: #c1c1c1; color: #333; }
section form fieldset.password #complexity { font-size: 0.875em; font-style: italic; padding-top: 10px; }
section form fieldset.mascota-anadir,
section form fieldset.mascota-borrar { margin: 10px 0 20px; }
section form fieldset.mascota-anadir input { cursor: pointer; width: auto; padding: 3px 0 0 48px; height: 45px; text-align: left; font-size: 1em; font-weight: bold; text-decoration: underline; }
section form fieldset.mascota-borrar a { display: block; width: auto; padding: 12px 0 0 50px; height: 33px; ext-align: left; font-weight: bold; text-decoration: underline; }
section form fieldset.prefix select { padding: 5px 2%; margin-bottom: 10px; }
section form fieldset.buscar {  }
section form fieldset.buscar input { float: left; width: 50%; }
section form fieldset.buscar input.buscar { float: right; width: 40%; margin: 0; }
section form .custom-input-file { overflow: hidden; position: relative; cursor: pointer; height: 150px; width: 100%; }
section form .custom-input-file .input-file { margin: 0; padding: 0; outline: 0; font-size: 10000px; border: 10000px solid transparent; opacity: 0; filter: alpha(opacity=0); position: absolute; right: -1000px; top: -1000px;  cursor: pointer; }
section form .custom-input-file p { text-align: center;	margin-bottom: 10px; }
section form .custom-input-file img { }
section form .custom-input-file .archivo { display: block; padding: 8px 0; background: #e4061f; text-align: center; color: #FFF; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; }
section form #resultado a { cursor: pointer; display: block; padding: 8px 0; background: #e4061f; text-align: center; color: #FFF; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; }
section form fieldset input::-webkit-input-placeholder { opacity: 1 !important; }
section form fieldset input::-moz-placeholder {  opacity: 1 !important; }

/* ------------------------ RC - header/footer  */
header.rc {  }
header.rc .idiomas { width: 290px; height: 34px; margin-top: 50px; float: right; text-align: right; font-size:0.875em; }
header.rc .idiomas select { width: 90px; font-weight: bold; color: #333; font-size: 0.938em; margin-left: 5px; }

footer.rc { clear:both; padding-top: 20px; }
footer.rc .redes { float: right; width: 200px; margin-top: 40px; height: 50px; }
footer.rc .redes ul { float: right; }
footer.rc .redes ul li { list-style: none; margin: 0; padding: 0; float: left; width: 50px; }
footer.rc .info { float: left; width: 60%; color: #333; font-size: 0.750em; }
footer.rc .info a { text-decoration: none; color: #333; }

/* ------------------------ RC - login  */
.login-rc { padding: 20px 0; text-align: center; }

.no-cuenta { background :#e4061f; padding: 20px 0; width: 100%; color: #FFF; margin: 20px auto 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.no-cuenta a { color: #FFF; }

.hacer-login { background: #f3f3f3 url(../img/rc_es/bg-login.jpg) no-repeat center bottom; width: 90%; padding:20px 5%; margin: 20px auto 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
.hacer-login fieldset { width: 500px; margin: 0 auto 15px; }
.hacer-login fieldset label { text-transform: uppercase; font-size: 0.938em; text-align: left; }
.hacer-login fieldset input { background-color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.hacer-login .recupera { text-align: center; font-size: 0.875em; color: #666; padding: 35px 0; }
.hacer-login .recupera a { color:#2353f3 ; }
.hacer-login .confirma { text-align: center; font-size: 0.875em; color: #666;  margin: 0px auto; padding: 30px 15% 0; background: url(../img/rc_es/sep.png) repeat-x top center; }
.hacer-login .confirma a { color:#2353f3 ; }
.hacer-login .facebook-id { width: 500px; margin: 20px auto;  }
.hacer-login .fbc { background: #5470a5; line-height: 42px; display: block; text-align: center; color:#FFF; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.hacer-login .oo { width: 40px; height: 40px; background: #e4061f; color: #FFF; line-height: 40px; margin: 0px auto; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%; }

/* ------------------------ RC - resultados: password, confirmar, registro...  */
.resultado-rc { padding-bottom: 30px; text-align: center; }

.okerror { background: #f3f3f3 url(../img/rc_es/bg-recordar.jpg) no-repeat center bottom; margin-top: 20px; padding: 40px 5% 180px; width: 90%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.okerror p { width: 50%; margin: 20px auto; text-align: center; }
.okerror fieldset { width: 500px; margin: 0 auto 15px; }
.okerror fieldset label { text-align: center; }

.okerror .g-recaptcha { width: 100%; padding: 10px 0; }
.okerror .g-recaptcha div { width: 100% !important; }

/* ------------------------ RC - password  */
.password-rc { padding: 20px 0; }

.recuerda { background: #f3f3f3 url(../img/rc_es/bg-recordar.jpg) no-repeat center bottom; margin-top: 20px; padding: 40px 5% 180px; width: 90%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.recuerda p { width: 50%; margin: 20px auto; text-align: center; }
.recuerda fieldset { width: 500px; margin: 0 auto 15px; }
.recuerda fieldset label { text-align: center; }

.id-cuenta { margin: 30px auto 0; }
.id-cuenta label { text-align: center; }

/* ------------------------ RC - registro  */
.registro-rc { padding: 20px 0; }

.registro-rc input { background-color: #f3f3f3; }
.registro-rc select { background-color:#f3f3f3; }
.registro-rc .formulario-registro-rc li { list-style: none; }
.registro-rc form fieldset.on-off.tipo ul li input[type="radio"] + label span { background-image: url(../img/rc_es/checkbox-tipo.png); }
.registro-rc form fieldset.on-off.sexo ul li input[type="radio"] + label span { background-image: url(../img/rc_es/checkbox-sexo.png); }
.registro-rc form fieldset.on-off.esterilizado ul li input[type="radio"] + label span { background-image: url(../img/rc_es/checkbox-esterilizado.png); }
.registro-rc #uploadermascota1 { width:100%; }
.registro-rc #previewmascota1,
.registro-rc #previewmascota2,
.registro-rc #previewmascota3,
.registro-rc #previewmascota4,
.registro-rc #previewmascota5 { margin: -50px 0 0 0; padding-bottom: 20px; }
.registro-rc #previewmascota1 img,
.registro-rc #previewmascota2 img,
.registro-rc #previewmascota3 img,
.registro-rc #previewmascota4 img,
.registro-rc #previewmascota5 img { width: 200px; height: auto; margin: 10px auto 0; }
.registro-rc .qq-gallery.qq-uploader { padding: 20px 2.5% 0; width: 95%; background-color: #f3f3f3; border: 0; /*max-height: 100px;*/ min-height: 80px; }
.registro-rc .qq-gallery.qq-uploader::before { font-size: 150%; color: #333; }
.registro-rc .qq-gallery .qq-upload-button { background: #e4061f; color: #FFF; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }




.registro-rc .formulario-registro-rc li#mascota2,
.registro-rc .formulario-registro-rc li#mascota3,
.registro-rc .formulario-registro-rc li#mascota4,
.registro-rc .formulario-registro-rc li#mascota5 { padding-top: 20px; margin-top: 25px; background: url(../img/rc_es/sep.png) repeat-x top center; }

/* nav */
nav { width: 100%; height: 85px; background: url(../img/rc_es/nav.png) repeat-y top center; }
nav .cnt { height: 85px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 85px; }
nav ul {  }
nav ul li { list-style: none; padding: 0; margin: 0; float: left; height: 85px; background-repeat: no-repeat; background-size: 40px 40px; }
nav ul li.tienda { background-image: url(../img/rc_es/nav-tienda.png); }
nav ul li.general { background-image: url(../img/rc_es/nav-general.png); }
nav ul li.mascota { background-image: url(../img/rc_es/nav-mascota.png); }
nav ul li.usuario { background-image: url(../img/rc_es/nav-usuario.png); }
nav ul li.password { background-image: url(../img/rc_es/nav-password.png); }
nav ul li a { display: block; width: 100%; height: 85px; }
nav ul li span { float: left; color: #FFF; border: 2px solid #FFF; padding: 3px 8px; margin-top: 27px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
nav ul li img { float: left; margin-top: 27px; display: none; }
nav ul li.active span { display: none; }
nav ul li.active img { display: block; }

nav#numeropasos-3 { }
nav#numeropasos-3 ul li { width: 23%; padding-left: 10%; background-position: 52% 50%; }
nav#numeropasos-3.paso-3 { background: #e4061f; }
nav#numeropasos-3.paso-1 .cnt { background-image: url(../img/rc_es/nav-paso-3-1.png); }
nav#numeropasos-3.paso-2 .cnt { background-image: url(../img/rc_es/nav-paso-3-2.png); }
nav#numeropasos-3.paso-3 .cnt { background-image: url(../img/rc_es/nav-paso-3-3.png); }

nav#numeropasos-4 { }
nav#numeropasos-4 ul li { width: 20%; padding-left: 5%; background-position: 45% 50%; }
nav#numeropasos-4.paso-4 { background: #e4061f; }
nav#numeropasos-4.paso-1 .cnt { background-image: url(../img/rc_es/nav-paso-4-1.png); }
nav#numeropasos-4.paso-2 .cnt { background-image: url(../img/rc_es/nav-paso-4-2.png); }
nav#numeropasos-4.paso-3 .cnt { background-image: url(../img/rc_es/nav-paso-4-3.png); }
nav#numeropasos-4.paso-4 .cnt { background-image: url(../img/rc_es/nav-paso-4-4.png); }

nav#numeropasos-5 { }
nav#numeropasos-5 ul li { width: 17%; padding-left: 3%; background-position: 48% 50%; }
nav#numeropasos-5.paso-5 { background: #e4061f; }
nav#numeropasos-5.paso-1 .cnt { background-image: url(../img/rc_es/nav-paso-5-1.png); }
nav#numeropasos-5.paso-2 .cnt { background-image: url(../img/rc_es/nav-paso-5-2.png); }
nav#numeropasos-5.paso-3 .cnt { background-image: url(../img/rc_es/nav-paso-5-3.png); }
nav#numeropasos-5.paso-4 .cnt { background-image: url(../img/rc_es/nav-paso-5-4.png); }
nav#numeropasos-5.paso-5 .cnt { background-image: url(../img/rc_es/nav-paso-5-5.png); }


/* ------------------------ RC - resultados password, confirmar, registro...  */
.resultado-rc { padding-bottom: 30px; text-align: center; }

.okerror { background: #f3f3f3 url(../img/rc_es/bg-recordar.jpg) no-repeat center bottom; margin-top: 20px; padding: 40px 5% 180px; width: 90%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.okerror p { width: 50%; margin: 20px auto; text-align: center; }

/* ------------------------ RC - developers  */
.developers-rc { padding: 30px 0; }
.developers-rc .cnt { width: 1000px; }
.developers-rc h2 { position: relative; margin-top: 40px; }
.developers-rc h2 a { position: absolute; z-index: 10; }
.developers-rc h3 { font-size: 1em; font-weight: bold; margin: 40px 0 20px; padding: 0 0 15px; background: url(../img/rc_es/sep.png) repeat-x center bottom; }
.developers-rc h4 { text-transform: uppercase; margin: 30px 0 10px; }
.developers-rc p img { max-width: 100%; height: auto; }
.developers-rc ul { margin: 10px 25px 20px; }
.developers-rc ul li { margin: 5px 0; padding-left: 10px; }
.developers-rc ol { margin: 10px 25px 20px; }
.developers-rc ol li { margin: 5px 0; }
.developers-rc table { width: 100%; margin: 10px 0 40px; }
.developers-rc table th { text-align: left; font-weight: normal; padding: 8px 10px; background: #c1c1c1; color: #333; }
.developers-rc table td { padding: 8px 10px; background: #F0F0F0; }
.developers-rc pre { background: #f3f3f3; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; font-style: italic; color: #707070; padding: 20px; margin: 20px 0; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; }
.developers-rc span.red { color: #c22121; }
.developers-rc span.green { color: #18e31d; }
.developers-rc span.blue { color: #188be3; }
.developers-rc span.red { color: #FF0000; }

.developers-rc ul.indice { padding: 10px 20px; margin: 20px 0; }
.developers-rc ul.indice li { list-style: none; margin: 5px 0; padding: 7px 0; }
.developers-rc ul.indice li ul { margin: 5px 0; }
.developers-rc ul.indice li ul li,
.developers-rc ul.indice li ul li:last-child { margin: 0 20px; border: 0; }
.developers-rc ul.indice li a { text-decoration: none; }

.developers-menu-rc { width: 100%; }
.developers-menu-rc .cnt { width: 1000px; }
.developers-menu-rc ul { margin: 0; padding: 0; }
.developers-menu-rc ul li { list-style: none; float: left; margin: 0; padding: 0; }
.developers-menu-rc ul li a { display: block; }
.developers-menu-rc ul li.active a {  }
.developers-menu-rc ul li a img { float: left; width: 33px; margin-right: 5px; }
.developers-menu-rc ul li a span { display: inline-block; padding-top: 7px; }

/* ------------------------ RC - datacapture  */
.datacapture-rc { padding: 20px 0; }

.datacapture-rc input { background-color: #f3f3f3; }
.datacapture-rc select { background-color:#f3f3f3; }
.datacapture-rc fieldset.w-left { float: left; }
.datacapture-rc fieldset.w-right { float: left; margin-right: 0 !important; }
.datacapture-rc fieldset.w100 { width: 98%; margin-right: 3%; }
.datacapture-rc fieldset.w95 { width: 92%; margin-right: 3%; }
.datacapture-rc fieldset.w90 { width: 88%; margin-right: 3%; }
.datacapture-rc fieldset.w85 { width: 82%; margin-right: 3%; }
.datacapture-rc fieldset.w80 { width: 78%; margin-right: 3%; }
.datacapture-rc fieldset.w75 { width: 72%; margin-right: 3%; }
.datacapture-rc fieldset.w70 { width: 68%; margin-right: 3%; }
.datacapture-rc fieldset.w65 { width: 62%; margin-right: 3%; }
.datacapture-rc fieldset.w60 { width: 58%; margin-right: 3%; }
.datacapture-rc fieldset.w55 { width: 52%; margin-right: 3%; }
.datacapture-rc fieldset.w50 { width: 48%; margin-right: 3%; }
.datacapture-rc fieldset.w45 { width: 42%; margin-right: 3%; }
.datacapture-rc fieldset.w40 { width: 38%; margin-right: 3%; }
.datacapture-rc fieldset.w35 { width: 32%; margin-right: 3%; }
.datacapture-rc fieldset.w30 { width: 28%; margin-right: 3%; }
.datacapture-rc fieldset.w25 { width: 22%; margin-right: 3%; }
.datacapture-rc fieldset.w20 { width: 18%; margin-right: 3%; }
.datacapture-rc fieldset.w15 { width: 10%; margin-right: 3%; }
.datacapture-rc fieldset.w10 { width: 8%; margin-right: 3%; }
.datacapture-rc form fieldset.on-off.tipo ul li input[type="radio"] + label span { background-image: url(../img/rc_es/checkbox-tipo.png); }


@media only screen and (max-width: 800px) {	
/* ------------------------ RC - varios  */
	.cnt, 
	.atras, 
	.error,
	.errorsubmit p,
	.intro { width: 95% !important; }
}

@media only screen and (max-width: 767px) {	
	html { text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; }
	body { font-size: 0.938em; }
	
	/* ------------------------ RC - varios  */
	.cnt, 
	.atras, 
	.error,
	.errorsubmit p,
	.intro { width: 95% !important; }
	section p.nota { font-size: 1em; }
	section form fieldset select { background-position: 97% 50% !important; }
	section form fieldset.on-off { height: 130px; }
	section form fieldset.on-off.tipo { height: 160px; }
	section form fieldset.on-off legend { width: 100% !important; }
	section form fieldset.on-off ul { margin-top: 10px; }
	section form fieldset.on-off ul li { margin-right: 20px; }
	section form fieldset.checkboxes { height: auto; padding-bottom: 20px; }
	section form fieldset.checkboxes legend { width: 100%; margin-bottom: 10px; }
	section form fieldset.checkboxes ul li { margin-right: 20px; }
	section form fieldset.fecha { height: auto; }
	section form fieldset.fecha label { display: none; }
	section form fieldset.fecha select { float: none; margin: 0 0 10px; width: 96% !important; }
	section form fieldset.radiobuttons ul li { float: none; width: 100%; }
	section form fieldset.mascota-anadir,
	section form fieldset.borrar-anadir { margin: 5px 0; }
	section form fieldset.buscar input { width: 45%; }
	
	/* ------------------------ RC - header/footer  */
	header.rc .idiomas { margin-top: 40px; }
	
	footer.rc .redes { float: none; margin: 0 auto 20px; }
	footer.rc .redes ul { float: none; }
	footer.rc .info { float: none; width: 100%; text-align: center; }
	
	/* ------------------------ RC - login  */
	.hacer-login { background-image: none; padding: 20px 5%; }
	.hacer-login .facebook-id,
	.hacer-login fieldset { width: 100%; }
	.hacer-login .recupera,
	.hacer-login .confirma { padding: 20px 5%; }
	
	/* ------------------------ RC - resultados: password, confirmar, registro...  */
	.okerror { background-image: none; padding: 20px 5%; }
	.okerror fieldset { width: 100%; }
	.okerror p { width: 100%; }
	
	/* ------------------------ RC - password  */
	.recuerda { background-image: none; padding: 20px 5%; }
	.recuerda fieldset { width: 100%; }
	.recuerda p { width: 100%; }
	
	/* ------------------------ RC - registro  */
	.registro-rc { padding: 20px 0; }
	
	.registro-rc input { background-color: #f3f3f3; }
	.registro-rc select { background-color:#f3f3f3; }
	.registro-rc .qq-gallery.qq-uploader { padding: 20px 5%; width: 90%; /*max-height: 100px;*/ min-height: 20px; }
	.registro-rc .qq-gallery.qq-uploader::before { top: 25px; right: 20px; color: #000; font-size: 100%; }
	
	.registro-rc #uploadermascota1 { margin-top: 70px; }
	.registro-rc .qq-gallery.qq-uploader { overflow-y: visible; }
	.registro-rc .qq-gallery .qq-upload-button { left: -15px; top: -70px; }
	
	/* nav */
	nav { height: 70px; }
	nav .cnt { height: 70px; background-size: 100% 70px; }
	nav ul li { height: 70px; width: 20%; padding-left: 5%; }
	nav ul li a { height: 70px; }
	nav ul li span,
	nav ul li img,
	nav ul li.active span,
	nav ul li.active img { display: none; }
	
	/* ------------------------ RC - datacapture  */
	.datacapture-rc fieldset.w-left,
	.datacapture-rc fieldset.w-right { float: none; }
	.datacapture-rc fieldset.w50,
	.datacapture-rc fieldset.w30,
	.datacapture-rc fieldset.w20,
	.datacapture-rc fieldset.w15 { width: 100%; margin-right: 0; }
	
}