body{		
	margin: 0 0 0 0;		
	background-color:rgb(32, 42, 95);  
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}
#contenedor{ 
   	position:relative;		
	width: 100%;		
	height: auto;		
	background-color: rgb(255, 255, 255);  		
	border: 0px solid red;  		
}
#cabecera{	
	width:1024px;	
	height: 90px;	
	text-align:left;   
	border: 0px solid black;	
	overflow:hidden;		
	margin-left:auto;		
	margin-right:auto;
	z-index: 100;
	background-color: white;

}
#logo{ 
	float:left;		
	height: auto;	
	width: 250px;    
    padding: 10px 0 0 10px;	
	border: 0px solid blue;
}
#logo a{		
	text-decoration:none;
}
#logo img{		
	width: 200px;    
}
#eslogan {

    color: rgb(0, 0, 0);
	font-family: Roboto;
	font-size: 15px;
	top:-2px;
	text-align:right;

}
#contacto{	position: relative;	
	margin-right:10px;	
	float:right;	
	top:18px;	
	height:93px;
	border: 0px solid blue;	
	z-index:1;
}
#contacto a {	
	text-decoration:none;	
}
#fijo{	 position: relative;
	 top:-5px;	
	 vertical-align: middle;
	 margin-right:5px;	
}
#telefono{	
	position: relative;	
	color: rgb(32, 42, 95);   
	font-family: arial;
    font-size: 25px;
	text-align:right;	
	top:0px;
}
	#movil{	position: relative;
	color: rgb(32, 42, 95);
    font-family: arial;
    font-size: 25px;
	text-align:right;
	top:5px;
}
#whatsapp{	
	position: relative;
	top:0px;
	vertical-align: middle;	
	margin-right:5px;
}

#menu_moviles{
	
	visibility:hidden;
	position:absolute;
	top:10px;
	right: -10px;
	width:150px;
	border: 0px solid blue;
	
}
#menu_moviles a{
	
	text-decoration:none;
	
}

#cerrar_menu_menu_moviles{
	visibility:hidden;
	position:absolute;
	top:0px;
	right:16px;
	
}
#menu_menu_moviles{
	right:5px;
	
}
#nav_moviles{
	position: fixed;
	right:0px;
	top:60px;
	width:0px;
	height:0px;
	visibility:hidden;
	z-index:101;
	background: rgba(0, 0, 0, 0.3);
	
}

#nav_moviles ul{
	box-sizing:border-box;
    margin:0;
    padding: 0;
}

#nav_moviles li{
	list-style-type: none;
	width:198px;
	height:42px;
}

.enlace_nav_moviles{
	position:relative;
	right:0px;
	font-size:20px;
	text-decoration:none;
	color:white;
    text-decoration:none;
    display:inline-block;
    padding:5px 10px;
    width:200px;
    height:0px;
    border:2px solid #cacaca;
    color:#fff;
    background-color:rgb(32, 42, 95);
	
	
}

#flotante{
	position:relative;
}

#barra_menu{	
	z-index:10;
}
#menu{	
	position:relative;
	background-color: rgb(32, 42, 95);
	height:55px;
	width:100%;	
	z-index:10;
}
#nav{	
	margin-left: auto;
	margin-right:auto;
	width:471px;
	height:55px;
	border: 0px solid black;
	z-index:10;
}
#nav ul {   
	margin: 0;	
	position:absolute;
	float:left;
    list-style-type: none;
    padding: 0; 
	overflow: hidden;   
	color: rgb(32, 42, 95);	
	z-index:10;
}
#nav li{	
	float:left;	
	z-index:10;
}
#nav li a {    
	display: block; 
	color: white;  
	text-align: center;  
	padding: 16px;  
	text-decoration: none;
	font-size:18px;
	font-weight:600;	
	transition: opacity 1s;
	z-index:10;
}
#nav li a:hover{	
	opacity:0.5;	
	z-index:10;
}

#contenedor_contenido{
	display: table;	
	padding-bottom:15px;
	position: relative;
	width:100%;
	height:auto;
	border: 0px solid green;
	color:white;
	background-color:rgb(238,238,238);
}
#contenido{
	position:relative;		margin-left:auto;		margin-right:auto;
	width:1000px;
	height:auto;
	transition: opacity 1s;
	border: 0px solid red;
}
#cabecera_cita_previa{
	position: relative;
	width:inherit;
	height:20px;
	padding:0px 0px 10px 10px;
	margin:10px 0px 2px 0px;
	background-color:rgb(255,255,255);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.26);
	text-align:left;
	
}

#cabecera_cita_previa h2{
	position:relative;
	top:5px;
	font-family:roboto;
	font-weight:400;
	color:rgb(32, 42, 95);
	font-size:18px;
	font-style:bold;
}
#cita_previa{
	position: relative;
	display: table;
	width:1000px;
	padding:0px 0px 10px 10px;
	margin:2px 5px 10px 0px;
	background-color:rgb(255,255,255);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.26);
	text-align:left;
}

#cita_previa font{
	font-family:roboto;
	font-style:normal;
	text-align:center;

}



#cita_previa p{
	margin-right:5 px;
}

#calendario{
	position:relative;
	display: table;
	width:734px;
	padding-left: 0px;
	text-align:center;
	background-color:rgb(255,255,255);
}

.mas_menos{
	position:relative;
	top:10px;
	margin-top:5px;
	padding:5px;	
}

.calendario_dia_blanco{
 	width:100px;
	height:100px;
    border:0px solid white;
	margin:2px;
	float:left;
}
.calendario_dia_gris{
 	width:100px;
	height:100px;
	background-color:rgb(238,238,238);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	margin:2px;
	float:left;
	text-align:center;
	cursor: not-allowed;
}
.calendario_dia_rojo{
 	width:100px;
	height:100px;
	background-color:rgb(252, 40, 3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.26);
	margin:2px;
	float:left;
	text-align:center;
	cursor: not-allowed;
}
.calendario_dia_verde{
 	width:100px;
	height:100px;
	background-color:rgb(165, 252, 3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.26);
	margin:2px;
	float:left;
	text-align:center;
}
.calendario_dia_verde:hover{
	background-color:rgb(110, 252, 3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.56);
	text-shadow: 1px 1px #ffffff;
}

.mes_calendario{
	font-size:25px;
	font-style:normal;
	color: rgb(32, 42, 95);
}
.dia_calendario{
	position:relative;
	top:27px;
	color:rgb(32, 42, 95);
	font-size:40px;
	font-style:bold;
	text-shadow: 1px .5px #aaaaaa;

}

.descripcion_festivos{
	position:relative;
	top:15px;
	color:rgb(255, 255, 255);
	font-size:12px;
	font-style:normal;
	text-shadow: .5px .5px #000000;
	
}
#pie{

	position:relative;

	top:0px;

	height:180px;

	padding-top:5px;

	width:100%;

	background-color:rgb(32, 42, 95);

	color:white;

}

#logo_pie{
	width:238px;
	
	height: 70px;
	
	display:block;
	
	margin:auto;

}

#parrafo_logo{
	
	width:350px;
	
	text-align: center;
	
	margin-left:auto;
	
	margin-right:auto;

	line-height:150%;
	
	margin-top:0px;

	padding:0px;

}
#nombre {

    color: rgb(255, 255, 255);
	
	margin: 5px 0px 5px 0px;
	
	padding: 0px 0px 0px 0px;

    font-family: Roboto;

    font-size: 25px;

	top:-2px;

	text-align:center;

}
#pie img{

	vertical-align: top;

}

#imagen_whatsapp_pie{
	margin: 1px 0px 1px 10px;
}

#imagen_fijo_pie{
	margin: 1px 5px 1px 5px;
}


#pie a{

	text-decoration:none;

	color: white;

}
#cookies{
	visibility:hidden;
	position:fixed;
	bottom:0px;
	height:auto;
	padding:10px 10px 20px 10px;
	z-index:400;
	background-color:rgb(32, 42, 95);
	color:#ccc;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	border-top: 0.1rem solid #fff;
	border-radius:15px 15px 0px 0px;
	box-shadow: 0 -0.5em 0.5em rgba(0,0,0,0.15);
}
#sombra-cookies{
	position: fixed;
	right:0px;
	top:0px;
	width:0px;
	height:0px;
	visibility:hidden;
	z-index:300;
	background: rgba(0, 0, 0, 0.3);
}
#box-cookies{
	width:90%;
	margin:auto;
}
#box-texto{
	width:60%;
	float:left;
}
#box-boton{
	width:20%;
	float:right;
}
#titulo-cookies{
    font-size:16px;
	color: white;	
	text-align:left;
}
.texto-cookies{
	font-size: 14px;
	color:#ccc;
	text-align:left;
}

#boton-cookies{
	cursor:pointer;
	border: 2px solid white;
	background-color:white;
	color:rgb(32,42,95);
	font-size:14px;
	padding:10px 20px 10px 20px;
	margin:20px;
	float:right;
}
#boton-cookies:hover{
	background-color:rgb(32,42,95);
	color:white;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}