/* CSS Document */
*	{ 	padding: 0px;
		margin: 0px;
	}

/* Estilos para los identificadores */
#contenedor { 	z-index: 0;
				position: relative;
				width: 800px;
				margin: 0px auto;
			}
			
#encabezado {	z-index: 10;
				position: relative;
				width:800px;
				height: 400px;
/*				float: left;*/
				background-color: ;	/*Ningún color*/
				text-align: center;
			}			
			
#contenido 	{	z-index: 1;
				position: relative;
				width: 800px;
			}
			
#menulateral	{	z-index: 2;
					position: absolute;
					left: 0px;
					top: 0px;
					width: 180px;
					background-image: url(fondos/fondomenulateral.jpg);
					background-position: top left;
					background-repeat: repeat-y;
					background-color: #663300;
/*					float: left;*/
				}
				
/***********************Menús laterales de cada página**************************/

#submenulateral	{	z-index: 3;
					position: absolute;
					left: 0px;
					top: 0px;
					width: 180px;
					text-align: center;
					padding-top: 0;
				}

/*******************************************************************************/				
				
#informacion	{	z-index: 2;
					position: absolute;
					top: 0px;
					left: 180px;
					width: 610px;	/*a 620px le quité los 10 del padding-right*/
					padding-left: 0px;
					padding-right: 10px;
					background: url(fondos/fondoinformacion.jpg) top left #FFFFFF repeat-y;
				}

#pie	{	z-index: 1;	
			position: relative;
			width: auto;
			height: auto;
			text-align: center;
		}
			
/* Clases de estilos */
.texto	{	text-align: justify;
			margin: 5px 15px;
			font-size: 8pt;
		}
			
.titulo	{	text-align: center;
			margin-bottom: 10px;
		}
		
.negrita	{	font-weight: bold;
			}
			
.cursiva	{	font-style: italic;
			}
			
.imagenentexto	{	float:right; 
					position:relative; 
					margin:5px;
				}			

/*/////////////////////Clases relacionadas con un formulario///////////////////////////*/

.entradatexto	{  	width: auto;
					font-family: Verdana, Arial, Helvetica, sans-serif;
		   			font-size: small;
					padding: 3px 3px 3px 3px;
				}

.colder	{	text-align: left;
			padding: 4px 10px;
		}
			
.colizq	{	text-align: right;
			padding: 4px 10px;
		}
		
.formulario {	width: 90%;
				height: auto;
				margin: 0px auto;
				padding: 5px;
			}
			
/**************************************************************************/

/*/////////////////Clases relacionadas con la galería fotográfica///////////////////*/			

.galeria	{	width: 560px;
				height: 100px;
				margin: 5px auto;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				font-weight: bold;
				border-collapse: collapse;
			}
			
.colinfogaleria	{	padding: 0px;
					width: 400px;
					background: url(fondos/fondoinfotablagaleria.jpg) top center no-repeat;
					text-align: center;
				}

.colinfogaleria img	{	border: #FFFFFF 1px solid;
						margin: 0px 20px;
						width: 80px;
						height: 60px;
					}
					
.colleftgaleria	{	width: 80px;
					background: url(fondos/fondolefttablagaleria.jpg) top right no-repeat;
					text-align: right;
				}
				
.colrightgaleria	{	width: 80px;
						background: url(fondos/fondorighttablagaleria.jpg) top right no-repeat;
						text-align: left;
					}

.fotogrande	{	margin: 0px auto;
				text-align: center;
				color: #CC9966;
				font-weight: bold;
			}
			
.fotogrande img	{	border: #CC9966 thin solid;
					width: 400px;
					height: 300px;
					margin-bottom: 20px;
				}					

/*********************************************************************************/

/********************************Clases de videos*********************************/

.videoc	{	margin: 0px auto;	/*Div para contener video y texto*/
			text-align: center;
			color: #CC9966;
			font-weight: bold;
		}
		
.video	{	margin: 0px auto 20px auto;
			width: 425px;	/*Div para contener solo al video*/
			height: 344px;
			border: #CC9966 thin solid;
		}

/*********************************************************************************/

/*////////// Clases referentes al tablero del administrador ///////////*/
.tablero	{	width: 95%;
				margin: 0px auto;
				border-width: thin;
				border-color: #d9e5ef;
				border-style: solid;
				padding: 5px;
				text-align: left;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
			}
			
.colleido	{	width: 4%;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.colnombre	{	width: 38%;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.colasunto	{	width: 38%;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.colfecha	{	width: auto;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.filaencabezado	{	background-color: #d9e5ef;
					text-align: center;
					font-size: 9pt;
					font-weight: bold;
				}
				
/*////////// Clases referentes al tablero del administrador de mesas///////////*/
.tablero2	{	width: 95%;
				margin: 0px auto;
				border-width: thin;
				border-color: #d9e5ef;
				border-style: solid;
				padding: 5px;
				text-align: left;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
			}
			
.colnumero2	{	width: 10%;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.colnombre2	{	width: 50%;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.colestado2	{	width: 20%;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.colfecha2	{	width: auto;
				border-bottom-color: #d9e5ef;
				border-bottom-width: thin;
				border-bottom-style: solid;
			}
			
.filaencabezado2	{	background-color: #d9e5ef;
						text-align: center;
						font-size: 9pt;
						font-weight: bold;
					}								

/******************************************************************************/

/*//////////////////////Clases relacionadas a la informacion//////////////////*/
.tablainfolarga	{	text-align: justify;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: small;
					width: 560px;
					height: auto;
					margin: 5px auto;
					border-collapse: collapse;
					color: #000000;
				}
			
.coltoptablalarga	{	width: 100%;
						height: 30px;
						padding: 0px;
						background-image:url(fondos/fondotoptablalarga.jpg);
						background-position: bottom center;
						background-repeat: no-repeat;
					}

.colpietablalarga	{	width: 100%;
						height: 30px;
						padding: 0px;
						background-image:url(fondos/fondopietablalarga.jpg);
						background-position: top center;
						background-repeat: no-repeat;
					}
					
.colinfotablalarga	{	width: 100%;
						padding-left: 5px;
						padding-right: 5px;
						vertical-align: middle;
						background-image:url(fondos/fondoinfotablalarga.jpg);
						background-position: top center;
						background-repeat: repeat-y;
					}

/******************************************************************************/

/*////////////////Clases relacionadas con el menú lateral//////////////////*/

.tablamenulateral	{	text-align: center;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						width: 160px;
						height: auto;
						margin: 20px auto;
						color: #663300;
						border-collapse: collapse;
					}

.coltopmenulateral	{	width: 100%;
						height: 60px;
						text-align: center;
						font-size: small;
						font-weight: bold;
						padding: 0px;
						background-image: url(fondos/topmenulateral.png);
						background-position: top center;
						background-repeat: no-repeat;
						vertical-align: middle;
					}
					
.colpiemenulateral	{	width: 100%;
						height: 60px;
						text-align: center;
						vertical-align: middle;
						font-size: small;
						font-weight: bold;
						padding-top: 7px;
						background-image: url(fondos/piemenulateral.png);
						background-position: top center;
						background-repeat: no-repeat;
						color: #FFFFFF;
					}						
						
.colmenulateral	{	padding: 0px;
					text-align: center;
					vertical-align: middle;
					width: 100%;
					height: auto;
					background-image: url(fondos/fondotablamenulateral.png);
					background-position: top center;
					background-repeat: repeat-y;
				}
			
.listamenu	{	list-style: none;
				padding: 0px;
				margin: 0px;
			}

.boton	{	text-align: center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: x-small;
			font-weight: bold;
		}

.boton a	{	width: 152px;
				height: 32px;
				margin: 0px auto;
				padding-top: 10px;
				text-decoration: none;
				background-image: url(fondos/botonNormal.png);
				background-position: top center;
				background-repeat: no-repeat;
				display: block;
			}
			
.boton a:link, .boton a:visited	{	color: #FFFFFF;
								}
			
.boton a:hover	{	background-image: url(fondos/botonSobre.png);
					color: #FFFFFF;
				}
				
.boton a:active	{	background-image: url(fondos/botonPresionado.png);
					color: #FFFFFF;
				}
				
/*Botón verde*/

.boton2	{	text-align: center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: x-small;
			font-weight: bold;
		}

.boton2 a	{	width: 152px;
				height: 32px;
				margin: 0px auto;
				padding-top: 10px;
				text-decoration: none;
				background-image: url(fondos/botonNormal2.png);
				background-position: top center;
				background-repeat: no-repeat;
				display: block;
			}
			
.boton2 a:link, .boton2 a:visited	{	color: #FFFFFF;
									}
			
.boton2 a:hover	{	background-image: url(fondos/botonSobre2.png);
					color: #FFFFFF;
				}
				
.boton2 a:active	{	background-image: url(fondos/botonPresionado2.png);
						color: #FFFFFF;
					}				

/****************************************************************************************/

/****************************Listas con viñetas especiales*******************************/

.listav20	{	list-style-image: url(imagenes/vineta20.jpg);
				list-style-position: outside;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10pt;
				font-weight: bold;
				margin: 0px 15px 0px 35px;
				padding: 0px;
			}
			
.listav15	{	list-style-image: url(imagenes/vineta15.jpg);
				list-style-position: outside;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 9pt;
				font-weight: bold;
				margin: 10px 0px 10px 15px;
				padding: 0px;
			}
			
.listanv	{	list-style: none;
				list-style-image: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				font-weight: normal;
				margin: 10px 0px 10px 15px;
				padding: 0px;
			}
			
.listanv li	{	margin: 4px 0px 0px 4px;
			}			

/****************************************************************************************/

/********************************Tabla de subtítulos*************************************/

.tablasubtitulo	{	text-align: center;
					border-collapse: collapse;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12pt;
					font-weight: bold;
					color: #FFFFFF;
					width: auto;
					height: auto;
					margin: 5px auto;
				}
				
.leftcoltablasubtitulo	{	width: 40px;
							height: 60px;
							background: url(fondos/lefttablasubtitulo.png) top right no-repeat;
						}
						
.rightcoltablasubtitulo	{	width: 40px;
							height: 60px;
							background: url(fondos/rightablasubtitulo.png) top left no-repeat;						
						}
						
.infocoltablasubtitulo	{	width: auto;
							height: 60px;
							background: url(fondos/infotablasubtitulo.png) top center repeat-x;
							vertical-align: middle;
						}						

/****************************************************************************************/

.indicacion	{	text-align: center;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				padding: 15px 15px 15px 15px;
				font-size: small;
				font-weight: bold;
				color: #CC6600;
			}
			
.arriba	{	text-align: center;
			width: auto;
			font-size: small;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
		}			
			
.errormsg	{	text-align: center;
				padding: 4px 0px;
				width: 500px;
				margin: 4px auto;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: x-small;
				font-weight: bold;
				color: #CC0000;
				border-color: #CC0000;
				border-style: solid;
				border-width: thin;
				background-color: #FFFFCC;
			}

.etiqueta	{	font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: small;
				font-weight: bold;
				color: #666666;
			}

.botonsubmit	{	font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: small;
					font-weight: bold;
					text-align: center;
					padding: 5px 5px 5px 5px;
					margin: 5px auto;
				}
				
.parrafoadornado	{	text-align: center;
						background: url(fondos/fondoadornoparrafo.jpg) top center no-repeat;
						height: 80px;
						width: 550px;
						margin: 0px auto;
					}
			
/* Estilos de bloques */
body		{	text-align:center;
				background-image: url(fondos/fondo.jpg);
				background-repeat: repeat-y;
				background-position: top center;
				background-color: #3a2818;
			}
			
p			{	font-family: Verdana, Arial, Helvetica, sans-serif;
				margin: 0px;
				padding: 0px;
			}	
			
a:link, a:visited, a:active	{	text-decoration: none;
								color: #000000;
							}