@charset "UTF-8";


/* CSS STRAUMANN CLINICO */


/* HOJA DE ESTILOS CSS
para el desarrollo del proyecto WEB STRAUMANN CONECTATE-DELEGADOS
desarrollado por:	ADDENTRA INTERNET
Fecha inicio: 18/04/2013

*/

body { font-family: 'Open Sans'!important; sans-serif; color: #666666; overflow:auto; font-size:14px; font-weight:normal;  }

/****************************************
*          ELEMENTOS COMUNES
*  body, a, h1, h2, h3, h4, h5, img, div
*****************************************/
   * { margin: 0; padding: 0; border: none;}
	h1, h2, h3, h4, h5, h6, p, pre,  
	blockquote, ul, ol, dl, address {
	margin: 0 0 1em 0; font-weight:lighter;

} 
ul, ul li, ol, ol li{ margin:0px; padding:0px; list-style:none; }
:focus {	outline: 0;}


a, a:link, a:visited, a:active { /*font: normal 1.09em "Arial"*/ text-decoration:none; cursor:pointer; color:#00722d; }
a:hover{color:#a8b40d;}

button:hover{cursor:pointer;}

img{border:none; margin:0px; padding:0px;}
h1{font: normal /*18px*/ 1.63em ; color:#00722d; padding-left:20px;}
h2{font: normal!important /*16px*/1.45em; color:#00722d!important; margin:0px; padding:0px;  }
h3{font: normal /*12px*/1.09em ;  }
h4{font: normal /*12px*/1.09em ; color:#565656; margin:0 0 5px 0; padding:0px; cursor:default; }
h5{font: bold /*12px*/1.0em ;}
h6{font: bold 1.09em; color:#92e972;  margin:0px; padding:0px;}

.clear { clear:both;}
.oculto{ display:none!important;}
.hidden { visibility:hidden !important;}
input, select, textarea{font-family: 'Open Sans' !important; padding:5px; font-size:14px; margin:5px; background-color:#fff!important; border:1px solid #ccc!important; border-radius: 3px; color:#666!important;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:focus, input:-webkit-autofill:focus, textarea:focus, textarea:-webkit-autofill:focus {box-shadow: 0 0 10px #669966!important; border:1px solid  #008c00!important; color:#666;}
::placeholder{color: #a5a5a5; font-style: italic;}
 /*****************************************************
*                ESTRUCTURA
* #cabecera, #menu, #contenido, #pie
******************************************************/
#contenedor{     overflow: auto; margin-bottom: 40px; bottom: 0; position: absolute; top: 0; }
#contenedorpie{position: fixed;/*margin-top: -60px;*/ bottom: 0;}
#contenedor, #contenedorpie{ display:block; width:100%;}
.borde { margin:auto; width:90%;}
#cabecera, #cuerpo, #pie{ /*float:left; width:1280px;  width:1024px;*/}
#cuerpo{ width:100%; clear: both;padding-top: 20px;     height: calc(100% - 160px);}
 /*****************************************************
*             COMUNES
******************************************************/
.ancho90{ width:90%!important; }
.ancho85{ width:85%; }
.ancho80{ width:80%; }
.ancho75{ width:75%; }
.ancho70{ width:70%; }
.ancho65{ width:65%; }
.ancho60{ width:60%; }
.ancho55{ width:55%; }
.ancho50{ width:50%; }
.ancho45{ width:45%; }
.ancho40{ width:40%!important;}
.ancho35{ width:35%; }
.ancho33{ width:33%; }
.ancho30{ width:30%; }
.ancho25{ width:25%; }
.ancho20{ width:20%; }
.ancho15{ width:15%; }
.ancho10{ width:10%; }
.ancho8{ width:8%; }
.ancho5{ width:5%; }
.left{ text-align:left;}
.right {text-align:right;}
.tituloGde{font-size:40px; font-weight:lighter!important;text-align:center;}

.boton, .botonredondo {
	float: right;
	line-height: 16px;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	margin: 5px;
	padding: 10px 20px;
	border: 1px solid #007621;
	-webkit-box-shadow: #B7B8B8 0px 1px 0px inset;
	-moz-box-shadow: #B7B8B8 0px 1px 0px inset;
	box-shadow: #B7B8B8 0px 1px 0px inset;
	text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}.boton:hover, .botonredondo:hover{ background-color: #36780f; background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
 background-image: -webkit-linear-gradient(top, #36780f, #005900);
 background-image: -moz-linear-gradient(top, #36780f, #005900);
 background-image: -ms-linear-gradient(top, #36780f, #005900);
 background-image: -o-linear-gradient(top, #36780f, #005900);
 background-image: linear-gradient(to bottom, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);}

.botonVolver{ width:100%; background:url(../img/btnVolver.png) left no-repeat; margin:20px 0; padding-left:25px;}
.botonVolver:hover{background:url(../img/btnVolver_h.png) left no-repeat;}

.botonredondo{ border-radius:20px;  font-weight:lighter; border:none;}


li.pagina:hover{color:#a7bc1d;}
li.seleccionado{color:#090; text-decoration:none;}

/* Paginacion */

.paginacioncontainer {    background: rgba(255, 255, 255, 0.8); position: fixed; right:0; left:0; bottom: 45px; padding: 10px 5%;}
.paginacion{  background-color:#e1e1e1; border-radius:5px; margin: auto;   display: block; overflow: hidden; padding:5px 10px 5px;     width: fit-content;}
.paginacion span, .paginacion button, a.btnNos{ display:inline-block; cursor:pointer; margin:-3px 5px;text-shadow:1px 1px #fff; width:auto; padding: 6px 9px; color:#504f4f}
.paginacion li{display:inline-block;}
.paginacion button{width:42px;}
.paginacion span, a.btnNos{height:18px}
 a.btnNos:hover{background-color:#757575; color:#fff; text-shadow:1px 1px #a3a2a2}
.paginacion button:hover.btnAnterior{ background:url(../img/btnAntPagH.png) center no-repeat #757575; }
.paginacion button:hover.btnPosterior{ background:url(../img/btnSigPagH.png) center no-repeat #757575}
.paginacion button:hover{text-decoration: underline;}
.btnAnterior, .btnPosterior, .btnNos{ background:url(../img/btnAntPag.png) center no-repeat #f6f6f6; box-shadow:-2px 2px 2px #cacaca; border-radius:5px; height:24px;}
.btnUltimo, .btnPrimero{width:auto!important; background:none}
.btnPosterior {    background: url(../img/btnSigPag.png) center no-repeat #f6f6f6;}
.btnNos{background-color:#f6f6f6;   background-image:none;  text-align: center; }
.paginacion span {cursor: default;}

button.pagina{ color:#666; font-size:18px; background:none; text-decoration:underline; line-height:44px; }
button.pagina:hover{color:#a7bc1d;}
button.seleccionado{background-color:#757575; color:#fff; text-shadow:1px 1px #a3a2a2}
.pagina:hover, .pagina{ color:#ff7f00; font-weight:bold;  }
.paginacion span {cursor:default}
li.seleccionado a{background-color:#757575; color:#fff!important; text-shadow:1px 1px #a3a2a2}

 /*****************************************************
*             PIE
******************************************************/

#pie{ background-color:#23833f; color:#fff; padding:5px 0; }
#pie a{color:#fff;}
#pie a:hover{ color:#FFCC00;}
#pie a, #pie p{display: inline-block; width: 31%; }
#pie p{text-align: center}
	#pie a.right, #pie p {font-size:12px; }
	a.enlacesInteres{background:url(../img/enlacesInteres.png) left top no-repeat; font-size: 13px; display:block;margin: 0;height: 20px;padding: 0 0 0 36px!important;width: 30%!important; background-size: 20px; }

/*****************************************************
*               CABECERA
******************************************************/
#cabecera{ margin:0;}
#cabecera span{display:inline-block; width:49%; }
.nombreUsuario {display:inline-block; width:82%;}
.cerrarSesion {background:url(../img/cerrarSesion.png) right bottom no-repeat; float:right; height:38px;display: inline-block;width: 12%!important;}
 .cabeceraHome span{width:auto!important}
 /*****************************************************
*               CUERPO
******************************************************/

/*************** LOGIN - REPETIR CONTRASEÑA ****************/
.contedidoLogin{ 
	display:block;
	overflow:hidden;
	background:url(../img/clinicologin.jpg) no-repeat fixed center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:720px;
	position:fixed;
	width:100%;
	height:100%;
	}

h2.saludoLogin line{ display: flex; flex-direction: column; text-align: left; line-height: 10px; align-items: flex-end;}
.contedidoLogin a.play{ position: relative;   height: 270px; font-family: 'Baloo Tamma', cursive; font-size: 25px; margin: 15% 50px; display:block; width: 500px; background: url(../img/COMOFUNCIONA.jpg), rgba(0,0,0,1) no-repeat;   }
.contedidoLogin a.play > img, .contedidoLogin a.play p{ position: absolute; transition-duration: 1s;}
.contedidoLogin a.play play img:nth-child(2){opacity: 0}
.contedidoLogin a:hover.play play img:nth-child(2){opacity: 1}

.cajaLogin, .cajaRepContra{
   /*float:right;margin-top:100px;    margin-right:5%!important;  */ 
	width:250px;
	height:350px; 
	background-color:rgba(255,255,255,0.7); 
	padding:0 2%;
	border-radius:20px;
	border:1px solid #fff;
	position:fixed;
	bottom:15%;
	right:10%;
}
	.cajaLogin .boton {
		width:100%;
		margin-top:30px;
	}

.cajaLogin p, .cajaRepContra p{ margin:0; width:70%; float:left; color:#242424; font-size:13px; font-weight:normal;}
.cajaLogin h2, .cajaRepContra h2{ padding-top:20px; margin-bottom:20px; font-size:17px; }
.cajaLogin span, .cajaRepContra span{ display:block; float:right; margin:15px 0px 0 0px; width:48%;}
.cajaLogin input, .cajaRepContra input{width:90%; color:#FFF;  margin-top:10px;}
.rellene{ width:300px; float:left; margin-top:5px;  }
.cajaLogin .rellene{ display:block; margin:0px; padding:0px; }

.cajaLogin a{display:inline; float:left; color:#444; text-decoration:underline; font-size:12px;}
.cajaLogin a:hover{color:#36780f; text-decoration:none;}
.cajaLogin small{ font-weight:normal;display: inline-block;}
.saludoLogin{color:#fff!important; text-shadow:1px 1px 1px #383838; text-align:right; font-size:1.9em; padding:5px 10% 0 0;}

.cajaRepContra{ background:url (../img/cajaRepContr.png) top right no-repeat;}
.cajaRepContra span{ margin-top:57px;}
.cajaRepContra strong{ padding:77px 0 0 673px;}

/*************** HOME ****************/
.contedidoHome, .contedidoHomeBienv{overflow:hidden; width:100%; }
ul.infoPuntos{float:left; width:60%; margin-left:35px; }
ul.infoPuntos li{float:left; width:45%; list-style:url(../img/vineta.png); margin-left:30px;}
ul.infoPuntos li span{color:#005421; font-size:25px; line-height:15px; padding-left:15px;}

.puntosZona { float:right; width:100%; text-align:left!important; font-size:0.8em; color:#00722d;
}

ul.menuHome{width:60%; margin-left:3%; margin-top:40px;}
ul.menuHome li{line-height:1em; float:left; font-size: 1.2em; text-align: center; /*padding:0 1%;*/ border-right:1px solid #060; width:15%; height:15px; }
ul.menuHome li:hover{}
ul.menuHome li a{ display:block!important; width:80%!important; height: 40px; color:#060; margin-top: -15px; font-size: .85em; padding:10px 10% 0; }
ul.menuHome li a:hover, .btnActivo{ background:url(../img/indicadorMenu.png) top center no-repeat #23833f; color:#fff!important; text-decoration:none; }

.textoBienvenida { margin:20px 0;
}
/*************** HOME BIENVENIDA ****************/
.contedidoHomeBienv{}
.contedidoHomeBienv .parteDcha{float:right; width:56%; text-align:right; margin-top: 20px; margin-right:60px;}
.contedidoHomeBienv .parteDcha iframe{ margin:10px 0 0 0px; float:right;}
.contedidoHomeBienv .parteDcha p{ margin-top:25px;}

.contedidoHomeBienv .parteDcha a{ margin:10px 0; text-decoration:underline; display:block; float:right; width:100%;}

.cabeceraHome{float:right; font-size:16px; color:#666; margin-right:20px;	width:40%;}
.cabeceraHome strong{ padding-right:10px; color:#666;}
.cabeceraHome img{ width:40px; height:40px; display:inline; margin:5px 10px 0 20px;}
/*.homeVideo{float:left; width:100%; background:url(../img/homeVideopopup.png) center top  no-repeat;}
*/.homeVideo img{margin:126px 25% 0 25%;}

  .enlace {font-weight:bold; text-decoration: underline!important}
/*************** Canjeo ****************/
.canjeoPuntosCab { background:url(../img/imgPopCanjeoPuntos.jpg) center top no-repeat; height:170px; padding:10px 5%; background-size:100%; display: block;
clear: both; }
	.canjeoPuntosCab b{ color:#fff; font-family:'Open Sans'; font-weight:lighter; font-size:2.5em; display:block;}
	.canjeoPuntosCab button {color:#fff; width:auto!important; text-shadow: 1px 1px 1px #000;}
	.canjeoPuntosCab p{ font-size:16px;display: inline; float: right; color:#fff; line-height: 35px;}

.canjeoPuntosCab strong{font-size: 22px; font-weight: normal;}
.canjeoPuntos{ float:left; width:90%; margin:0; padding:20px 5% }
.canjeoPuntos img{ margin:10px 25%;}
.canjeoPuntos p{float: left; width: 100%; margin-bottom:0; border-bottom:1px solid #060;}

.canjeoPuntos span{float:left; width:17%; padding:1% 2%; font-size:20px;}
.canjeoPuntos span.descriPremio{width:55%; font-size:16px; }
.canjeoPuntos small{float: left; margin:10px; width:100%;}
.canjeoPuntos button{padding: 5px 10px!important; font-size:.9em; }
.canjeoPuntos button span{font-weight:lighter; font-size:12px; float: initial;}
.verde{color:#00722d;}
.close{ background:url(../img/btnCerrar.png) top right no-repeat; width:44px; height:44px; float:right; margin-top:5px;}
.close:hover{ background:url(../img/btnCerrar_h.png) top right no-repeat; }

/*************** Confirmar Canjeo ****************/
.aceptarCanjeo, .puntosObten{width:100%; padding:50px 0;display: block;overflow: hidden;clear: both; }
.aceptarCanjeo p, .puntosObten p{/*float:left; */margin:100px 0 0 40px; font-size:26px; line-height:45px; font-weight:lighter;}
.aceptarCanjeo span, .puntosObten span{display: block; float:left; text-align: right; width: 85%; color: #007E31;}
.aceptarCanjeo img {float:left; margin-top:80px; }
.aceptarCanjeo button, .puntosObten button{ margin:10px 50px 0 10px;}

.puntosObten{ width:90%; margin:0 auto;}
.puntosObten p, .puntosObten button{text-align:center; margin:50px 0 0 0}

.modal .canjeoPuntos button{display:block!important}
/*************** Ver Clinica ****************/
.verClinica{float:left; width:100%;}
.cabVerClinica{float:left; width:100%;}
.cabVerClinica img{margin:20px 40px;}
.cabVerClinica span{float: right; margin: 65px 36px 0 0; width:35%; background:url(../img/lupaBuscar.png) center right no-repeat;}
.listadoClinicas{float:left; padding: 0 4%; width: 92%;}

ul.cablistado{float:left; width:96%; padding:0.5% 2%; border-radius: 15px 15px 0px 0px; margin-top:5px; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; color:#FFF; font-size:18px;
background-image: -ms-linear-gradient(top, #86C236 0%, #077331 100%);
background-image: -moz-linear-gradient(top, #86C236 0%, #077331 100%);
background-image: -o-linear-gradient(top, #86C236 0%, #077331 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86C236), color-stop(1, #077331));
background-image: -webkit-linear-gradient(top, #86C236 0%, #077331 100%);
background-image: linear-gradient(to bottom, #86C236 0%, #077331 100%);}
ul.cablistado li{float:left; }
/*
.plegar, .desplegar{ cursor:pointer; width:25px; height:22px; background:url(../img/plegar.png) center no-repeat;}
.desplegar{background:url(../img/desplegar.png) center no-repeat;}
*/

ul.listaPuntos{float:left; width:100%; margin:0px;}
ul.listaPuntos li ul{float:left; width:98%; text-align:center; border-bottom:1px solid #999; color:#008232; padding:5px;}
ul.listaPuntos li ul li{float:left; overflow: hidden; min-height:20px; padding:0 5px;}

.verClinica .paginacion{margin: 20px 0 0 17%;}

/*************** Mi Perfil ****************/
.parteIzq, .parteDcha{float:left; width:50%;}
/*.contenidoFolio .parteIzq img{ margin:37px 0 0 -18px;}*/
.formInvitarClinica h2{font-size:40px;}
.parteDcha .formInvitarClinica{width:100%; margin-top:30px}
.parteDcha .formInvitarClinica .entrada85{ font-size:18px;}
.parteDcha .formInvitarClinica p{width:100%; }
.invitarClinica .parteIzq img{margin-bottom: 20px; box-shadow:-5px -5px 0 #23833f}
.formInvitarClinica .unirCampos {background-color: #e6ede8;display: block;clear: both; padding: 0 3%!important; width: 55%;}
.formInvitarClinica .datosForm{display: inline-block;}
.bntPeq{text-decoration: underline; float:right; font-size:12px; background:none}
.bordeBlanco{padding-bottom:5px; border-bottom:1px solid #fff;}
.cambioPass{ position:relative;}
cambioPass .datosForm{ display: block; overflow: hidden; clear: both;}
.cambioPass img{position:absolute; top:40%; right:2%; height:30px}
.campo50{display:inline-block; width:49%;}
.campo50 .datosForm{width:100%!important;}
.entradaCompleta, .campo50{position:relative}
/*************** Código Clinico ****************/
.entrada28{width:28%;}
.entrada60px{width:60px;}
button.darBaja{ float:left; cursor: pointer; color:#090; font-size: 10px; background:none;}
.positLeft{float:left;}
.positRight{float:right!important}

/*************** Contacto ****************/
.contacto{display: block;overflow: hidden;clear: both; box-shadow: inset 0 -75px 0 0 #d6d6d6; position:relative}
.contacto img{box-shadow:-5px -5px 0 #d6d6d6;border-left: 6px solid #d6d6d6; border-bottom: 10px solid #d6d6d6;}
.contacto h3{ margin-top:35px; font-size:30px;}
.contacto .parteIzq{width:43%;}
.contacto .parteDcha{width:45%; padding-left:2%; text-align:right}
.datosDelegado{color:#00451b; font-size:22px;}
.masInfoContacto{padding:10px; position:absolute; bottom:0; right:0;}
/*************** Formulario Baja ****************/
.formularioBaja{width:80%; margin-top:30px}
.formularioBaja p{}
.formularioBaja textarea{ width:100%; min-height:150px; margin:20px 0  }

/*************** Historico Puntos ****************/
.histPuntos img{ margin:30px 0 0 50px;}
.histPuntos .listaPuntos{ width:100%; margin:0;      margin-bottom:100px; }
.histPuntos span{float:right; margin:12px 119px 0 0;}
.histPuntos .paginacion span{float:initial; margin:0; }

/*.invitarClinica{float:left;}
.invitarClinica .parteIzq img{margin-top: 36px;}*/

.formInvitarClinica{float:right; width:47%; padding-left:2%}
.formInvitarClinica p{/*overflow: hidden;*/ clear: both; padding: 5px 0; }
.tituloForm, .datosForm{float:left; width:100%;}
.entrada85{width:85%; font-size:12px;}
.formInvitarClinica small, .rellene span, .rellene small{ background-color:#fff;  box-shadow:1px 1px 2px #666666; border-radius:3px; color:#303030; border: 1px solid #9b9b9b; padding: 7px 9px 7px 35px;display: inline-block;position: absolute;
top: 60px; left:0px;z-index: 999;}
.rellene span, .rellene small{top:130px; left:0; width:80%}
.formInvitarClinica small::before, .rellene span:before, .rellene small:before{content:url(../img/iconError.png);  position:absolute; top:-10px;  left:7px; height:50px; }
.specialValidated small {    font-weight: bold;font-size: 14px;}
.specialValidated small:before {content: url(../img/iconErrorEspecial.png);top: 7px;}
.formInvitarClinica p img{margin: 0;}
p.entradaCompleta, p.entradaCompleta .datosForm, p.entradaCompleta input, p.entradaCompleta textarea {width:97.5%;}
.unirCampos{float:left;}
.formInvitarClinica .entradaCompleta row input {min-width:70px;}

/******INTRODUCIR PUNTOS******/
.codigoClinico.cares.activo, .codigoClinico.createch.activo, .codigoClinico.caresStock.activo {   display: block; height: 100%; }

box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 25%;
	width: 100%;
}

box .codigoClinico.cares, box .codigoClinico.createch, box .codigoClinico.caresStock {
	position: absolute;
	top: 0;
	left: 0;
	width: 96%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: white;
	padding: 2%;
}

box {
	perspective-origin: 50% 50%;
	perspective: 2000px;
	overflow: visible;
}

.codigoClinico:not(.animated) {
	animation:none!important;
}

.codigoClinico.cares.activo,
.codigoClinico.createch.activo,
.codigoClinico.caresStock.activo{
	animation: 1s flipYReverseLeft;
	display: block!important;
}

.codigoClinico.cares.oculto,
.codigoClinico.createch.oculto,
.codigoClinico.caresStock.oculto{
	animation: 1s flipYLeft;
	display: block!important;
	transform: rotateY(-180deg);
}

.codigoClinico.cares.oculto, .codigoClinico.caresStock.oculto, .codigoClinico.createch.oculto{
	animation: 1s flipYRight;
	display: block!important;
	transform: rotateY(180deg);
}

.codigoClinico:not(.cares) row{
	display: flex;
	max-width: 700px;
	align-items: center;
}

.codigoClinico:not(.cares) row label{
	min-width: 200px;
}

@keyframes flipYRight {
	0% {     transform: rotateY(0deg); }
	99% {     transform: rotateY(180deg); }
	100% {     transform: rotateY(180deg);  }
}

@keyframes flipYReverseRight {
	0% {     transform: rotateY(180deg); }
	1% {     transform: rotateY(180deg); }
	100% {     transform: rotateY(0deg);}
}

@keyframes flipYLeft {
	0% {     transform: rotateY(0deg); }
	99% {     transform: rotateY(-180deg); }
	100% {     transform: rotateY(-180deg);  }
}

@keyframes flipYReverseLeft {
	0% {     transform: rotateY(-180deg); }
	1% {     transform: rotateY(-180deg); }
	100% {     transform: rotateY(0deg);}
}

/*************** Términos y condiciones ****************/
.contedidoAvisoLegal{width:90%; margin:0 auto; }
.contedidoAvisoLegal p{ text-align:justify; margin:10px 0 15px 3%; font-size:12px;}
.contedidoAvisoLegal span{color:#F00;}

/*************** Enlaces de interes ****************/
.enlacesInteres a{float:left; width:100%; margin-bottom:10px;}
.enlacesInteres small{border:1px solid red;}
/*.enlacesInteres span{border: 1px solid red;}*/

#mobile-nav-holder{
	z-index: 1000;
	background: #191a1a;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
	position: fixed;
	left: 0;
	right: 0;
}

#mobile-nav{
	display: none;
	padding-top: 20px;
/*    padding-bottom: 30px;
*/}

#mobile-nav-holder a{
	display: block;
	padding: 7px 14px;
	text-decoration: none;
	color: #f5f5f5;
	font-size: 13px;
	font-weight: lighter;
	
	-webkit-transition: all  0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#mobile-nav-holder li a{
	border-bottom: 1px solid #222;
}

#mobile-nav-holder li:last-child a,
#mobile-nav-holder li > ul a{
	border: none;
}

#mobile-nav-holder li > ul a{
	color: #d5d5d5;
	margin-left: 30px;
}

#mobile-nav-holder #nav-open{
	background:url(../img/menuMovil.png) right top no-repeat; 
	position: fixed;
	right: 0px;
	top:0;
	z-index: 999;
	height:38px;
	width:50px;
}

#mobile-nav-holder #nav-open a{
	display: block;
	padding: 7px 14px;
}

#mobile-nav > .current-menu-item > a,
#mobile-nav > .current_page_item > a{
	color: #2cc158;	
}
#mobile-nav-holder, .logoMobile, #menuHomeMobile{display:none}

.imgMovil {display:none;}

	 .cajaLogin > a {position: absolute; padding: 5px 20px 5px 10px;   justify-content: center; top: -90px;right: 0; display: flex; flex-direction: row-reverse; text-decoration: none; background: rgba(0, 0, 0, 0.5); border-radius: 25px; align-items: center; transition:  all .5s;}
	 .cajaLogin a small{ font-size: 19px;color: #fff; text-shadow: 0px 1px 2px #000; margin-left: 5px; transition:  all .5s; text-align:left; }
	 .cajaLogin > a:hover{    box-shadow: inset 0px 2px 12px #000;}
	 .cajaLogin img { margin-top: 3px; }
	 .cajaLogin > a:hover img { -webkit-filter: grayscale(0.9); transition: all 0.9s ease-out; }
	 .cajaLogin a:hover small{color:#fff;  }
	 .saludoLogin > img{ display:inline-block!important}
	 .saludoLogin img.logoMobilenegro{ display:none!important;}

.textoBienvenida a{ font-weight:bold;}

redesociales{margin-top: 20px;  display: block; width: 80%;}
redesociales h3{font-weight:bold}
redesociales a{ display:inline-block; overflow:hidden; margin: 5px 30px 0 0; width: auto!important;}
redesociales row{ display: flex; flex-direction:row; justify-content:flex-start;}
redesociales row column:nth-child(2){ flex:1; text-align:right; align-content: flex-end;}
redesociales row column:nth-child(2) a{ margin:0;}
column {display: flex; flex-direction: column; }

@media (min-width: 670px) and (max-width: 900px){
	.contedidoLogin a.play { text-align: center; line-height: 26px;background-size: contain; width: 44%; height: 213px;}
	.contedidoLogin a.play img {left: 0!important}
	.contedidoLogin a.play p {bottom: -55px; }
	.createch h2, .caresStock h2 {white-space: normal!important;}
	box .codigoClinico.cares, box .codigoClinico.createch, , box .codigoClinico.caresStock { padding: 2% 2% 10% 2%!important; }
	form textarea {min-height:65px!important;}
}

@media (min-width: 300px) and (max-width: 670px){
	.contedidoLogin a.play img {width: 80px; display: inline-block; left: 0!important}
	.saludoLogin{padding: 0px 10% 0 0;}
	.contedidoLogin a.play {  margin: 0; }
	.contedidoLogin a.play p{bottom:-20px; left: -101px; width:300px;}
	h2.saludoLogin line{line-height:20px;}
	.createch h2, .caresStock h2 {white-space: normal!important;}
	box .codigoClinico.cares, box .codigoClinico.createch, , box .codigoClinico.caresStock { padding: 2% 2% 30% 2%!important; }
	form textarea {min-height: 110px !important;}
}