@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #5d5f4a;
	font-size: 13px;
	line-height: 20px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(imagenes/fondo.png);
	background-position: center;
	background-attachment: fixed;
	background-repeat:repeat-y;
	overflow:auto;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
}

.video { display:block; margin-left:-30px !important; position:absolute !important}
	
body table  {
	    font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}

.menu-superior a:last-child { 
  display: none; 
}

#derecha {
	width: 195px;
	margin-left: 538px;
	margin-top: -70px;
	color:#000;
	overflow: none;
	background-color: #949C51;
	position:absolute;
}

#texto-home {
	width: 500px;
	margin-top:20px;
	margin-left:10px;
	color:#000;
	position:absolute;
}

#noticias-home {
	margin-top:0px;
	width: 549px;
	height:117px;
	margin-left:-30px;
	color:#000;
}

#noticias-txt {
	width: 250px;
	margin-top:30px;
	margin-left:30px;
	position:absolute;
}

.noticias-foto {
	width: 218px;
	height:177px;
	margin-left:300px;
	margin-top:17px;
	border:none;
}


#caja_izq {
	width: 1033px;
	margin-left: -20px;
	margin-right: auto;
	color:#000;	
	overflow: none;
	margin-top:10px;
	text-align:left;
}

html>body #caja_izq {
	margin-left: auto;
}

#caja_der {width: 753px;
float: right;
background-color: #fff;
border-left: solid 10px #949C51;
background-image: url(imagenes/fondo-contenedor.png);
background-repeat: repeat-y;
background-position: 549px;
overflow: none;

}

.caja-der-index { height:1150px !important}

.columna_izquierda {width: 270px;
float: left;
padding-left: 50px;
position: relative;
margin-left: -330px;
overflow: none;

}
.columna_derecha {width: 450px;
float: left;
padding: 20px;
overflow: none;

}

.espacio {
margin-top: 10px;
border:none;

}

.espacio2 {
margin-top: -5px;
margin-bottom: 0px;
border:none;
margin-left:-17px;

}


.header {
margin-left: auto;
margin-right: auto;
position:relative;
height: 338px;
width:1033px;

}



.reloj {
margin-left: 900px;
margin-top: 5px;
position:absolute;
height: 50px;
width:150px;

}

.menu-superior {
margin-left: -20px;
margin-top: -20px;
height: 70px;
width:560px;
background-color: #949C51;
position:relative;


}


.titulo {
	font-size: 30px;
	color: #5F604B;
	overflow:visible;
	float:inherit;
	line-height:normal;
	}


.boton {
 margin-left:6px;
 border:none;
}

html>body .boton {
 margin-left:6px;
 border:none;
}

#foto-farmacia {
	list-style-type: none;
	margin-left:-30px;
	margin-bottom:0px;
}

html>body #foto-farmacia {
	margin-left:-70px;
}


#ofertasli {
	list-style-type: none;
	position:relative;
	margin:0px;
	margin-left:0px;
	background-color: #FFF;
	height:338px;
	width:270px;
	
}

#ofertasli li {
	list-style-type: none;
	position:relative;
	margin:0px;
	margin-left:0px;
	background-color: #FFF;
	height:338px;

}


html>body #ofertasli {
	list-style-type: none;
	position:relative;
	margin:0px;
	margin-left:0px;
	background-color: #FFF;
	height:338px;
	width:auto;

}

html>body #ofertasli li {
	list-style-type: none;
	position:relative;
	margin:0px;
	margin-left:-40px;
	background-color: #FFF;
	height:338px;

}


.separador {
	margin-top:0px;
	margin-left:0px;
	width:549px;
	background-color: #949C51;
	height:10px;
	border:none;
}

.noticias-separador { margin-top:309px}

html>body .separador {
	margin-left:-30px;
	width:549px;

}

.consejos{
margin-bottom:5px;
margin-top:5px;
}


#navi {  
	list-style:none;
	margin:0;
	padding:0;
	border:none;
	}
	
	html>body #navi {  
	list-style:none;
	margin:0;
	padding:0;f
	}

#navi li {
	height:32px;
	margin-top:2px;
	padding-top:6px;
	padding-left:10px;
	background-color: #5F604B;
	color: #FFF;
	display:block;
	}	
	
	html>body #navi li {
	height:27px;
	margin-top:2px;
	padding-top:6px;
	padding-left:10px;
	background-color: #5F604B;
	color: #FFF;
	}
	
	#navi li:hover {
	background-color: #c9cda7;
	color: #4a4d39;
	display:block;
	}
	
	#login {
	width: 194px;
	height:70px;
	margin-top:-1px;
	
}

html>body 	#login {
	width: 194px;
	height:70px;
	margin:0px;
	
}


	#logoff {
	width: 194px;
	height:70px;
	background-image: url(imagenes/panelusuario.png);
	background-repeat: no-repeat;
	z-index:500;
}


#lemita {
	position:absolute;
	margin-left:20px;
	margin-top:170px;
	height:26px;
	width:7px;
	z-index:300;
}



#logoff-txt {
	margin-top:10px;
	margin-left:50px;
	width: 154px;
	height:20px;
	font-size: 11px;
	position:absolute;
}

	


.usuario {
	margin-top:0px;
	width: 145px;
	height: 24px;
	font-size: 11px;
	
    padding-top:3px;
	padding-left:5px;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
} 

html>body .usuario {
	margin:0px;
	margin-top:0px;
	width: 140px;
	height: 19px;
	font-size: 11px;
	
    padding-top:3px;
	padding-left:5px;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
} 

.contrasena {
	margin-top:10px;
	width: 145px;
	height: 24px;
	font-size: 11px;
	
    padding-top:3px;
	padding-left:5px;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	
} 


	html>body .contrasena {
	margin:0px;
	margin-top:10px;
	width: 140px;
	height: 19px;
	font-size: 11px;
	
    padding-top:3px;
	padding-left:5px;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	
} 



.log {
	vertical-align:middle;
	margin-top:0px;
	width: 30px;
	height: 24px;
	background-image: url(imagenes/log-btn.png);
	border:none;
	padding:0px;
	margin:0px;
	margin-left:0px;


}

.log:hover {
	vertical-align:middle;
	margin-top:0px;
	width: 30px;
	height: 24px;
	background-image: url(imagenes/log-btn.png);
	border:none;
	padding:0px;
	margin:0px;
	margin-left:0px;
	background-position: center 15px;
}

.border {border:none;}

a:link {
	text-decoration: none;
	border:none;
}

.color {
color: #5F604B;}

.color:hover {
	color: #838567;
}

.texto-normal {
color: #000;}

.texto-normal:hover {
	color: #666;
}


	.campo{
	padding-top:4px;
	padding-left:5px;
	margin:0px;
	width: 197px;
	height: 27px;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

html>body .campo{
	padding-top:3px;
	padding-left:5px;
	margin:0px;
	width: 190px;
	height: 23px;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}


#archivo1{
	padding-left:5px;
	margin:0px;
	width: 190px;
	height: 23px;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}

	.campo-texto{
    font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:3px;
	margin-top:0px;
	width: 195px;
	height: 150px;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

html>body .campo-texto{
    font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:3px;
	margin-top:0px;
	width: 190px;
	height: 150px;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

.send {
margin-left: 170px;
margin-top: 100px;}

.center-txt {
margin-left: 150px;
}

.center-txt-2 {
margin-left: 10px;
}

.center-txt-3 {
margin-left: 10px;
}

.center-txt-4 {
margin-left: 10px;
}

.curriculum-btn {
margin-left: 315px;
position:absolute;
margin-top:-25px;
}

.fecha {
	font-size:18px;
	font-weight: bolder;
	color: #5F604B;

}


.curriculum-btn2 {
margin-left: 220px;
position:absolute;
margin-top:29px;
}

.atras-btn {
margin-left:0px;
position:absolute;
margin-top:40px;
}

a {
	color:#516747;
	text-decoration: none;	
	}
	
	a:hover {
	color:#030;
	}
	
	.rojo {
	color:#900;
	}
	
	.margin1{
	margin-left:1px;
	text-decoration: none;
	border:0px;
	}
	
	.border0{
	text-decoration: none;
	border:0px;
	}
	
	
	#pop-tel{
	margin-left: -150px;
	margin-top:-80px;
	position:absolute;
	visibility: hidden;
	z-index:201;
	}
	
	#pop-cal{
	margin-left: -180px;
	margin-top:-80px;
	position:absolute;
	visibility: hidden;
	z-index:201;
	}
	
	#pop-turn{
	margin-left: -170px;
	margin-top:-80px;
	position:absolute;
	visibility: hidden;
	z-index:201;
	}
	
	.image-center {
	margin-left: -14px;
	position:absolute;
	}
	
	
	.image-center-2 {
	margin-left: -14px;
	position:relative;
	}
	
	
	.flecha {
	margin-top: -90px;
	margin-left: 370px;
	position:absolute;
	z-index:100;
	}
	
	.noticias-cuadro {
	margin-top:0px;
	margin-left: 0px;
	position:absolute;
	background-color:#EFF0E5;
	}
	
	.noticias-cuadro2 {
margin-left: 256px;
position:absolute;
background-color:#EFF0E5;
	}
	
	
	.noticias-cuadro3 {
margin-top:325px;
margin-left: 0px;
position:absolute;
background-color:#EFF0E5;
	}
	
	
    .noticias-cuadro4 {
margin-top:325px;
margin-left: 255px;
position:absolute;
background-color:#EFF0E5;
	}
	
	
    .tituloconsejos {
margin-top:660px;
margin-left: 0px;
width:300px;
position:absolute;
	}
	
	.todoslosconsejos {
margin-top:700px;
margin-left: 0px;
width:488px;
position:absolute;
background-color:#EFF0E5;
	}
	
  .todoslosconsejosentry {
margin-top:20px;
margin-left: 20px;
width:468px;
	}
	
	
	.noticias-cuadro-entry {
	width:210px;
	margin-top:10px;
	margin-left: 10px;
	}
	
.linkblanco {
	color: #FFF;
	text-decoration: none;	
	}
	
	.linkblanco:hover {
	color: #FFF;
	text-decoration: none;	
	}
	
	
	.volver {
	margin-top:640px;
	height:auto;
	width:auto;
	position:absolute;
	}
	
	
	.volver2 {
	margin-top:-20px;
	height:auto;
	width:auto;
	position:absolute;
	}
	
	
	.btnservicios {
	margin-top:0px;
	margin-left:420px;
	height:auto;
	width:auto;
	position:absolute;
	z-index:200;
	}
	
	.btnofertas {
	margin-top:0px;
	margin-left:559px;
	height:auto;
	width:auto;
	position:absolute;
	z-index:200;
	}
	
	.btncontacto {
	margin-top:0px;
	margin-left:699px;
	height:auto;
	width:auto;
	position:absolute;
	z-index:200;
	}
	
	.btnconsejos {
	margin-top:246px;
	margin-left:838px;
	height:auto;
	width:auto;
	position:absolute;
	z-index:200;
	}
	
	.btnproductos {
	margin-top:0px;
	margin-left:280px;
	height:auto;
	width:auto;
	position:absolute;
	z-index:200;
	}
	
	
	
	.farmacia {
	margin-top:0px;
	margin-left:0px;
	height:680px;
	width:500px;
	background:#EFF0E5;
	
	}
	

.pedidos {
	margin-top:0px;
	margin-left:0px;
	height:750px;
	width:500px;
	background:#EFF0E5;
	
	}
	
		.perfumeria {
	margin-top:-340px;
	margin-left:250px;
	height:340px;
	width:240px;
	background:#EFF0E5;
	position:absolute;
	}
	
	#asesoramiento {
		margin-left:-3px;
		margin-top:-1px;
		margin-bottom:5px;
		position:relative;}
		

#newuserimg {
		margin-left:155px;
		margin-top:-80px;
		position:absolute;
	    z-index:200;
		}
		
		
		
html>body #newuserimg {
		margin-top:-60px;
	    margin-left:160px;

		}
	
	
#pop-up-new-user {
	margin-left:55px;
	margin-top:-100px;
	width:auto;
	height:auto;
	position:absolute;
	z-index:200;
	visibility: hidden;
}


html>body #pop-up-new-user {
	
	margin-top:-85px;
}
		
		
.box {
	margin-top:0px;
	margin-left:0px;
	height:auto;
	width:488px;
	background:#EFF0E5;
	
	}
	
	.tablaservicios  {
	margin-left:-5px;
	height:auto;
	width:auto;
	
	}
	
	
#construccion {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion2 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion3 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion4 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion5 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion6 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion7 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion8 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion9 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

#construccion10 {
	margin-top:-20px;
	margin-left:40px;
	width:113px;
	height:25px;
	visibility:hidden;
	position:absolute;
}

.tablaturnos table tr td {
	font-size: 10px;
}

#pop-up {
	width:142px;
	height:142px;
	position:absolute;
	margin-left:870px;
	margin-top:193px;
	display:block;
	
	}
	
#loading {
	position:relativee;
	width:100%;
	height:81px;
	margin-top:-20px;
	z-index:1000;
	margin-left:auto;
	margin-right:auto;
	background-color: #ec7532;
	background-image: url(imagenes/fondoload.png);
	background-repeat: repeat-x;
	background-position: 0px 32px;
	}
	
	#loadingcenter {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:20px;
	text-align:center;
	margin-top:20px;
	color: #FFF;
	}
	
	.loadgif {
	margin-right:15px;
	}
	
.btnclinicas {
	height:60px;
	width:195px;
	display:block;
	background-image:url(imagenes/btnclinicas.jpg);}



/* POP-UP INFORMACIÃÓN */

.cover {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.blur-in {
    -webkit-animation: blur 2s forwards;
    -moz-animation: blur 2s forwards;
    -o-animation: blur 2s forwards;
    animation: blur 2s forwards;
}

.blur-out {
    -webkit-animation: blur-out 2s forwards;
    -moz-animation: blur-out 2s forwards;
    -o-animation: blur-out 2s forwards;
    animation: blur-out 2s forwards;
}


.content {
    width: 650px;
    margin: 0 auto;
    padding-top: 100px;
}

span {
    color: dimgray;
}

.pop-up {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
	top:0;
    z-index: 1111111;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.box {
    background-color: whitesmoke;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8%;
    position: relative;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
}

.box img {max-width: 500px}

.button {
    margin: 0 auto;
  background-color: #FF8566;
    margin-bottom: 33px;
}

.button:hover {
    background-color: #7CCF29;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
}

.close-button {
    transition: all 0.5s ease;
    position: absolute;
    background-color: #FF9980;
    padding: 1.5px 7px;
    left: 0;
    margin-left: -10px;
    margin-top: -9px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: white;
    -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
}

.close-button:hover {
    background-color: tomato;
    color: #fff;
}


/* FIN POP-UP INFORMACIÓN */


/* POP-UP CALENDARIO */



.modal-contenido{
  background-color:white;
  width:800px;
  padding: 10px 20px;
  margin: 10% auto;
  position: relative;
  border-radius: 10px;
 text-align: left;
}
.modal{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
  z-index: 11111111;
}
#turnos:target{
  opacity:1;
  pointer-events:auto;
}

.modal-contenido a {
	text-align: right;
	font-size: 20px;
	margin-top: 10px;
	display: block;
}


/* FIN POP-UP CALENDARIO */