/* Principales
----------------------------------------------- */
body {
	margin:		0px;
	top:		0px;
	left:		0PX;
	font:		80%/1.40 Verdana,Arial, Helvetica, sans-serif;
    	color:		#666666;
    	text-align:	center; /*aqui mandamos a centrar todo el contenido*/ 
	background-color:#fcf5a7;
	color:		#6f4726;
}
ol, li{
	text-align:	justify;
}
.botongrande {
    width: 80%;
    border: none;
    background: #ff9f33;
    color: #f2f2f2;
    padding: 6px 5px;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    transition: all 1s ease;
    text-align: center;
    cursor: pointer;
    margin:5px;
}

.botongrande:hover {
    background: #FF8C00;
}
ol li ol{
	list-style-type: lower-latin;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
   display:none;
   background-color: black;
  width: 300px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

p{
	text-align:	justify;
	color: 		#6f4726;
	margin-left:	20px;
	margin-right:	20px;
}

h1{
	font:		bold 130%/1.40 Verdana,Arial, Helvetica, sans-serif;
	margin-left:	20px;
	margin-right:	20px;
	text-align:	center;
}

h3{
	font:		bold 260%/1.40 Verdana,Arial, Helvetica, sans-serif;
	margin-left:	20px;
	margin-right:	20px;
	text-align:	center;
	color:		#000000;
}

a{
	text-align:	left;
}

a img{
	border:		0px;
}

a img:hover{
 opacity:0.5;
}
/*------------------------------------------------------------
 Contenedor (cabecera, Titulo, Contenedor_central y pie)
-------------------------------------------------------------- */
#contenedor{
	background: 	#f5f5dc;
	width:		1100px;
	margin:		0px auto;
}

	/* cabecera
	------------------------------------------------------------ */
#cabecera{
	background: 	url(../imagenes/Cabecera.jpg) no-repeat top center;
	width:		1100px;
	height:		150px;
	border:		1px  solid #9EA5AC;
}


	/*----------------------------------------------------------
	 titulo (ruta y padres)
	-----------------------------*/
#titulo{
	background: 	#041525;
	width:		1100px;
	height:		22px;
	text-align:	left;
}

        .error-logo-img {
            width: clamp(120px, 20vw, 220px); 
            height: auto;
            margin-bottom: 2vh;
            animation: flotar 3s ease-in-out infinite;
        }
        
#titulo a{
	color:		#FFF;
	font:		bold 100%/1.40 Verdana,Arial, Helvetica, sans-serif;
	margin-left:	10px;
	text-decoration:none;
	margin-top:	0px;

}

#titulo p{
	color:		#FFF;
	font:		100%/1.40 Verdana,Arial, Helvetica, sans-serif;
	margin-left:	10px;
	text-decoration:none;
	margin-top:	0px;
}
		/* ruta
		----------------------------- */
#ruta{
	width:		750px;
	height:		22px;
	text-align:	left;
	float:		left;

}
#padres{
	width:		300px;
	height:		22px;
	text-align:	right;
	float:		right;
	font:		100%/1.40 Verdana,Arial, Helvetica, sans-serif;
	color:		#FFF;

}
	/*----------------------------
 	titulo (ruta y padres)
	-----------------------------------------------------------*/

	/*--------------------------------------------------------------
	contenedor_central (Menu, Cuerpo y Menu_der)
	---------------------------------- */

#contenedor_central{
	width:		1100px;
	display: 	table;
}


		/* Menu (form_val,centra_img)
		------------------------------- */
#menu{
	width:		215px;
	border-right:	1px  solid #9EA5AC;
	border-left:	1px  solid #9EA5AC;
	text-align:	left;
	vertical-align: top;
	padding-top:	10px;
	display: table-cell;
	background: 	#f5f5dc;
}

#menu img{
	margin:0px auto;
	
}


#nav{  
	font:		bold 100%/1.40 Verdana,Arial, Helvetica, sans-serif ;
	color: 		#000;
	list-style-type:none;
	margin-left:	-30px;
}

#nav ul{

}
#nav li{ 
	cursor:		pointer;
}

#nav a{
	width:		195px;
	text-decoration:none;
	color: 		#041525;
}

#nav a:hover {
	color:		#FFF; 
	background-color:#000;
}

#nav a:active {
	color:		#FFF; 
	background-color:#000;
}

#nav li ul{ 
	font:	 	100%/1.40 Verdana,Arial, Helvetica, sans-serif;
	list-style-type:none;
	display:	none;

}

#nav li ul li a{ 
	width:		185px;
	color: 		#2f4b80;
	margin-left:	-30px;
}


#nav li ul li a:hover{
	color:		#000;
	text-decoration:none;
	background-color: #c5d6fb;
}

			/* form_val)
			------------------------------- */	
#form_val{
	width:		170px;
	margin:		40px 10px 10px 10px;
	border:		1px  solid #9EA5AC;
	padding-top:	10px;
	padding-left:	20px;
	padding-right:	20px;
	margin:		0px auto;

}

#face{
	width:		80px;
	padding-top:	10px;
	margin:		auto;
}

			/* centra_img)
			------------------------------- */	
#centra_img{
	width:		200px;
	margin:		10px auto;
	border-right:	1px #9EA5AC;
	padding-top:	20px;
	text-align:	center;
	padding-left:	10px;

}		

		/* Cuerpo
		----------------------------------------------- */
#cuerpo{
	width:		660px;
	display: table-cell;
	background-color:#F3E2A9;
	padding-top:	10px;
	padding-bottom:	10px;
}


#cuerpo img{
	padding-top:	10px;
	margin:		10px;
}

#cuerpo ol{
	text-align:	justify;
	list-style-type:lower-latin;
}

#cuerpo a{
	font:	 	90%/1.40 Verdana,Arial, Helvetica, sans-serif;
	color: 		#B45F04;
}

#cuerpo a:hover{
	color:		#8A4B08;
	font:	 	90%/1.40 Verdana,Arial, Helvetica, sans-serif;
}


#cuerpo ul{
	margin-top:	10px;
	padding-right:	20px;
}

#cuerpo table{
	font:	 	90%/1.40 Verdana,Arial, Helvetica, sans-serif;
}

#cuerpo table tr td img{
	padding-top:	0px;
	margin:		0px;
}

#cuerpo form{
	padding-left:	10px;
	padding-right:	10px;
}

#cuerpo form dd{
	margin-left:	-30px;
}


#tabla3{
	width:		490px;
}

#tabla3 a{
	text-align:  	center;
}

#celda3{
	background: 	url(../imagenes/rosita.gif) no-repeat top center;
	width:		110px;
	height:		120px;
	float:		left;
	padding:	20px;
	font:	 	80%/1.40 Verdana,Arial, Helvetica, sans-serif;
	cursor: 	pointer;
}


		/* Menu_der
		----------------------------------------------- */
#menu_der{
	width:		225px;
	border:		1px  solid #9EA5AC;
	display: 	table-cell;
	background: 	#f5f5dc;
	vertical-align: top;
}

#menu_der img{
	width:		185px;


}

	/*-----------------------------------------------
	fin contenedor_central (Menu, Cuerpo y Menu_der)
	------------------------------------------------------------ */
	/* pie
	------------------------------------------------------------ */
#pie{
	width:		1100px;
	border:		1px solid #9EA5AC;
	padding:	10px;
	float:		left;
}

#pie p{
	text-align:	center;
	font:	 	130%/1.40 Verdana,Arial, Helvetica, sans-serif;
}


/*-----------------------------------------------
 Div Especiales
----------------------------------------------- */
#Noticia {
	width:		195px;
	height:		195px;
	margin:		0px auto;
	padding-top:	60px;
	background:	url(../imagenes/postit.gif) no-repeat top center;
}

#Noticias p{
	margin-top:	-10px;
}

#Recetario p{
	font:		bold 120%/1.40 Verdana,Arial, Helvetica, sans-serif,italic;
}




#Cont_Noticia{
	margin-left:	20px;
	margin-right:	20px;
}

#Noticias p{
	margin-top:	-10px;

}

#ArticulosInteres{
	width:		190px;
	border:	1px  solid #9EA5AC;
	margin: 	auto;
	margin-top: 30px;

}

.borde {
  border-style: solid;
  border-width: 2px;
  border-color: #191360;
  padding-top  :0 !important;
	border-radius: 10%;
}

#EnlacesInteres{
	width:		190px;
	border:	1px  solid #9EA5AC;
	margin: 	auto;
	margin-top: 30px;
    margin-bottom: 30px;
}

#ArticulosInteres h1{
	font-size:	10pt;
	margin-top:	10px;
	margin-left:	1px;
	text-align:	center;
}

#ArticulosInteres li{
	font-size:	7pt;
	margin-top:	0px;
	margin-left:	-15px;
	margin-right:	5px;
	text-align:	justify;
}

#ArticulosInteres a{
	text-decoration:none;
	color: 		#041525;
}

#ArticulosInteres a:hover {
	color:		#FFF; 
	background-color:#000;
}

#NuestrasFrases {
	width:		195px;
	height:		95px;
	margin:		0px auto;
	margin-top:	-30px;
}

#NuestrasFrases img{

	margin-top:	30px;
}

#Cita{
	width:		185px;
	height:		260px;
	text-align:	left;
	background:	url(../imagenes/pergamino.gif) no-repeat top center;
	margin-top:	30px;
	padding-top:	10px;
	padding-left:	20px;
	font-size:	10pt;
	font-family:	monospace;
	font-style: 	italic;
	color: 		#833b0f;
	font-weight: 	bold;
	margin:		0px auto;
	margin-top: 10px;
}


#tabla_comedor{
	float:		left;
	width:		600px;
	padding-left:	10px;
}

#tabla_comedor table{
	font-size: 	12px;
	width:		50%;
	padding:	0px;
	spacing:	0px;
	border-collapse:collapse;
	border-bottom: 	1px #b3b354 solid;
	border-left: 	1px #b3b354 solid;
	border-right: 	1px #b3b354 solid;
}
#tabla_comedor td{
	border-bottom: 	1px #b3b354 solid;
}

#tablaAlimentos{
	margin:10px 30px;
}

#tablaAlimentos table{
    	background-color:#362110;
}

#tablaAlimentos tbody td{
	empty-cells:	show;
	width:		20px;	
}


#tablaAlimentos table tbody th {
    	background-color:#F3E2A9
}
#tablaAlimentos table  td {
    	background-color:#F3E2A9
}

#tablaAlimentos thead th{
    	background-color:#d2c290;
	color:     	#000000;
}

#tablaAlimentos table tbody tr th{
	text-align:	left;
}

/*-----------------------------------------------
 		Clases
----------------------------------------------- */

form input.btn {
    	padding:	3px;
    	color:		#FFFFFF;
    	background-color:#990000;
    	border:		1px solid #000000;font-size: 0.75em;font-weight: bold;
    	cursor:		pointer;
	text-align:	center;
    
}


td.formu {
	font-size: 9px;
	border-bottom:	1px solid #9EA5AC;

}


td.diasemana {color: #010101;font-size: 1em;background-color: #d2c290;text-align: center;}
td.base {font-size: 1em;font-weight: bold;text-align: center;}
td.festivo {color: #ffffff;font-size: 1em;background-color: #fd7426;font-weight: bold;text-align: center;}
td.mes {color: #ffffff;font-size: 1em;background-color: #7b3d17;font-weight: bold;}
td.dia {color: #040404;font-size: 1em;text-align: center;}

table.comedor{
	font-size: 12px;
	width:100%;
	padding:0px;
	spacing:0px;
	border-collapse:collapse;
	border-bottom: 1px #b3b354 solid;
	border-left: 1px #b3b354 solid;
	border-right: 1px #b3b354 solid;
}

td.activo {background-color: #6f4726 !important;}

td.comedor {font-size: 12px;border-bottom: 1px #b3b354 solid;}
tr.comedor {font-size: 12px;border-bottom: 1px #b3b354 solid;border-left: #b3b354 solid;}
td.tit_comedor {text-decoration: underline;background-color:#fd7426;width:49%;text-align:center;}
tr.diacomedor {font-size: 12px;border-left: 1px #b3b354 solid;background-color: #d2c290;border-bottom: 1px #b3b354 none;border-right: 1px #b3b354 solid;font-weight: bold;}