/* CSS Document */

/* Estilos para los identificadores */
#contenedor { 	z-index: 0;
				position: relative;
				width: 800px;
				margin: 4px auto;
			}
			
#encabezado {	z-index: 10;
				position: relative;
				width:800px;
				height: 400px;
/*				float: left;*/
				background-color: ;	/*Ningún color*/
			}
			
#encabezadoadmin	{	z-index: 10;
						position: relative;
						width: 800px;
						height: 260px;
						background-color: ;
						padding: 0px;
						border-left: #00CCFF 1px solid;
						border-right: #00CCFF 1px solid;
					}			
			
#contenido 	{	z-index: 1;
				position: relative;
				width: 800px;
				background-color: #fffcff;
				border-right: #00CCFF 1px solid;
			}
			
#menulateral	{	z-index: 2;
					position: absolute;
					left: 0px;
					top: 0px;
					width: 185px;
					background-image: url(fondos/fondomenulateral.jpg);
					background-position: top left;
					background-repeat: no-repeat;
					background-color: #d9e5ef;
/*					float: left;*/
					text-align: center;
					padding-top: 25mm;
					border-left: #00CCFF 1px solid;
				}
				
#informacion	{	z-index: 2;
					position: absolute;
					top: 0px;
					left: 185px;
					width: 615px;
					padding: 20px 0px;
				}

#pie	{	z-index: 1;	
			position: relative;
			width: auto;
			height: 100px;
			background-image: url(fondos/fondopiepagina.jpg);
			background-position: top left;
			background-repeat: no-repeat;
			color: #ffffff;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: x-small;
			text-align: right;
			font-weight: normal;
			padding-right: 5px;
		}
		
#contactos	{	z-index: 3;
				position: relative;
				font-size: 10px;
				color: #0066CC;
				text-align: right;
				width: auto;
				height: auto;
				padding: 3px 3px;
				top: 110px;
			}
			
#contactosprincipal	{	z-index: 3;
						position: relative;
						font-size: 15px;
						color: #000099;
						text-align: right;
						width: auto;
						height: auto;
						top: 50px;
						right: 2px;
					}
					
#mapa	{ border: #ed3e78 thin solid;
		}							
			
/* Clases de estilos */
.texto	{	text-align: justify;
			margin: 5px 15px;
			font-size: small;
		}
			
.titulo	{	text-align: center;
			margin-bottom: 10px;
		}
		
.negrita	{	font-weight: bold;
			}
			
.cursiva	{	font-style: italic;
			}					
			
.boton 		{	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size: small;
				font-style: italic;
				font-weight: bold;
				width: 100px;
				margin: 10px auto;
				display: block;
			}

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

.entradatexto	{  	width: auto;
					font-family: Trebuchet MS, 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: 10px auto;
				border-width: medium;
				border-color: #FF80C0;
				border-style: solid;
				padding: 10px 10px 10px 10px;
			}
			
/**************************************************************************/

/*/////////////////Clases relacionadas con la tabla de galería///////////////////*/			

.galeria	{	width: 90%;
				height: auto;
				margin: 10px auto;
				border-width: medium;
				border-color: #d9e5ef;
				border-style: solid;
				padding: 10px 0px;
			}
			
.foto	{	border-width: thin;
			border-color: #ed3e78;
			border-style: solid;
			margin: 10px 0px;
		}
		
.celdafoto	{	padding: 10px 5px;
				width: 50%;
				text-align: center;
			}		

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

/*////////// Clases referentes al tablero del administrador ///////////*/
.tablero	{	width: 90%;
				margin: 10px auto;
				border-width: thin;
				border-color: #d9e5ef;
				border-style: solid;
				padding: 10px 10px 10px 10px;
				text-align: left;
				font-family: Trebuchet MS, 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 relacionadas a la informacion de las villas/////////////*/
.tablainfo	{	text-align: justify;
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size: small;
				width: 600px;
				height: auto;
				margin: 5px auto;
				border-collapse: collapse;
				color: #000000;
			}
			
.coleng	{	width: 50%;
			padding: 0px;			/*Columna normal en inglés*/
			font-style: italic;
			vertical-align: top;
			background-image:url(fondos/fondoinversotabla.jpg);
			background-position: left bottom;
			background-repeat: no-repeat;
		}

.colesp	{	width: 50%;
			background-color: #a2daf4;	/*Columna normal en español*/
			padding: 0px;
			vertical-align: top;
			background-image: url(fondos/fondotabla.jpg);
			background-position: left top;
			background-repeat: no-repeat;
		}
		
.colhead, .colextremo	{	width: 50%;		/*Columna encabezado de tabla*/		
							text-align: center;
							padding: 0px;
						}
/******************************************************************************/

/*////////////////Clases relacionadas con la información de bienvenida//////////////////*/

.tablabienvenida	{	text-align: justify;
						font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
						font-size: small;
						width: 600px;
						height: auto;
						margin: 5px auto;
						border-collapse: collapse;
						color: #000000;
					}

.colextremobienvenida	{	width: 100%;
							text-align: center;
							padding: 0px;
						}
						
.colinfobienvenida	{	padding: 0px;
						width: 100%;
						background-image: url(fondos/fondotablaprincipal.jpg);	/*Cuerpo de la tabla*/
						background-position: left top;
						background-repeat: no-repeat;
						background-color: #a2daf4;
					}

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

.indicacion	{	text-align: center;
				padding: 15px 15px 15px 15px;
				font-size: normal;
				font-weight: bold;
				font-style: italic;
				color: #3399ff;
			}
			
.arriba	{	text-align: center;
			width: auto;
			font-size: normal;
			font-weight: bold;
			font-style: italic;
			color: #ed3e78;
		}			
			
.errormsg	{	text-align: center;
				padding: 4px 0px;
				width: 90%;
				margin: 4px auto;
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				font-weight: bold;
				color: #CC0000;
				border-color: #CC0000;
				border-style: solid;
				border-width: 1px;
				background-color: #FFFFCC;
			}

.etiqueta	{	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size: small;
				font-weight: bold;
				color: #3399ff;
			}

.traduccion	{	font-size: .75em;
				color: #999999;
			}

.botonsubmit	{	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					font-size: small;
					font-weight: bold;
					text-align: center;
					padding: 5px 5px 5px 5px;
					margin-top: 5px;
					margin-bottom: 5px;
				}
			
/* Estilos de bloques */
body		{	text-align:center;
				background-image: url(fondos/fondopagina.jpg);
				background-repeat: repeat-x;
				background-position: top center;
				background-color: #c9effc;
			}
			
p			{	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				margin: 0px;
				padding: 0px;
			}	
			
a:link, a:visited, a:active	{	text-decoration: none;
								color: #000000;
							}
							
a.boton:link, a.boton:visited	{	text-decoration: none;
									background-color: #336699;
									color: #ffffff;
									border-style: solid;
									border-width: 2px;
									border-top-color: #ffffff;
									border-left-color: #ffffff;
									border-right-color: #000000;
									border-bottom-color: #000000;
									padding: 5px 0px 5px 0px;
								}										
								
a.boton:hover	{	text-decoration: none;
					background-color: #336699;
					color: #ffffff;
					border-style: solid;
					border-width: 2px;
					border-top-color: #000000;
					border-left-color: #000000;
					border-right-color: #ffffff;
					border-bottom-color: #ffffff;
					padding: 5px 0px 5px 0px;					
				}

a.boton:active	{	text-decoration: none;
					background-color: #336699;
					color: #ffffff;
					border-style: solid;
					border-width: 2px;
					border-top-color: #000000;
					border-left-color: #000000;
					border-right-color: #000000;
					border-bottom-color: #000000;
					padding: 5px 0px 5px 0px;					
				}