BODY.Pagina
{
	/*background-color: #2a892e;*/
	color: Black;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	background-color: White;
	
	background-repeat: repeat; background-image: url('fondos/fondo_zoo.png');
}
IMG.ImagenContenido
{
	margin: 4px;
	padding: 2px;
	border: solid 3px #366543;
}

.TextoNormal
{
    font-family: Arial, Verdana, Tahoma;
	font-size:12px;
}


/* CUERPO CENTRAL */
.CuerpoContenido
{
	width: 800px;
	text-align: justify;
	background-color: White;
	/*background-image: url('fondos/cisnes_volando.jpg' );*/
	background-repeat:no-repeat;
	
	background-color:White;
}
.CabeceraPagina
{
	height: 180px;
	background-image: url('../../imagenes/cabecera2.jpg' );
}
.ImagenCabecera
{
	
}
.SubCabeceraPagina
{
	height: 100px;
	background-color: Black;
	background-image: url('fondos/fondo_subcabecera.gif');
	background-position:top;
	background-repeat: no-repeat;
}
.BarraMenu
{
	width: 200px;
	float: left;
	background-color: Transparent;
	padding-left: 0px;
	padding-top: 10px;
	
	font-size: 12px;
}
TD.Contenedor
{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	width: 560px;
	float: right;
	background-color: Transparent;
	vertical-align: top;
}
TD.Contenedor2
{
	padding-top: 15px;
	padding-left: 4px;
	padding-right: 15px;
	width: 560px;
	float: right;
	background-color: Transparent;
	vertical-align: top;
}
.IconoCabeceraSeccion
{
	margin: 20px;
	float: right;
}
/* /CUERPO CENTRAL */

/* ESTILOS DEL MENÚ */
.MenuEnlaceDinamico
{
	display: block;
	background-color: #366543; /*#2a892e*/ /*border-top: solid 1px #2a892e;*/
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	width: 180px;
	color: White;
	border: #009933 1px solid;
}
.MenuEnlaceDinamico:hover
{
	display: block;
	border: #009933 1px solid;
	background-color: Gray;
	/*border-top: solid 1px #2a892e;*/
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	width: 180px;
	color: White;
}
.MenuEnlaceEstatico
{
	display: block; /*background-color: #7fb981;*/
	background-color: #366543; /*border-top: solid 1px #2a892e;*/
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	width: 180px;
	color: White;
	border: #009933 1px solid;
}
.MenuEnlaceEstatico:hover
{
	display: block; /*background-color: #8fc277;*/
	border: #009933 1px solid;
	background-color: Gray;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	width: 180px;
	color: White;
}
/* /ESTILOS DEL MENÚ */


/* ESTILOS DEL PATH */
.NodoRaiz
{
	/*background-color: #f4ebee;*/
	/*border: solid 1px #ffd200;*/
	/*border-top: solid 1px #2a892e;*/
	/*padding: 5px;*/
	color: Black;
}
.NodoRaiz:hover
{
	/*background-color: Gray;*/
	/*color: White;*/
}
A.Nodo
{
	/*background-color: #f4ebee;
	border: solid 1px #ffd200;
	padding: 5px;*/
	color: #366543;
	text-decoration: none;
}
A.Nodo:hover
{
	/*background-color: Gray;
	color: White;*/
	color: #366543;
	text-decoration: underline;
}
.NodoSeleccionado
{
	/*background-color: #8fc277;
	border: solid 1px #ffd200;*/
	/*border-top: solid 1px #2a892e;*/
	/*padding: 5px;*/
	color: Black;
}
/* /ESTILOS DEL PATH */


/* CUADROS DE AVANCE */
.TituloAvance
{
	font-size: 18px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	color: #2a892e;
	padding-top: 6px;
	padding-left: 5px;
}
A.TituloAvance
{
	font-size: 18px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	color: white;
	text-decoration:none;
}
A.TituloAvance:hover
{
	font-size: 18px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	color: white;
	text-decoration:underline;	
}
.CuadroAvance
{
	/*opacity: 0.50;
	filter: alpha(opacity=50);*/
	background-image: url('fondos/fondo_avance3.gif');
	background-position:left top;
	background-repeat:no-repeat;
	
	padding: 2px;
	
	/*border: solid 2px #2a892e;*/
	
	float: left;
}
IMG.ImagenAvance
{
	margin: 4px;
}
.CuadroNoticia
{
	/*border-top: gray 2px dotted;*/
	padding: 2px;
	
}
.Titular
{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma;
	color: #2a892e;
}
.Subtitular
{
	padding-top: 2px;
	font-size: 10px;
	font-family: Arial, Verdana, Tahoma;
	color: Black;
}
.AvanceTitular
{
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma;
	color: #084000;
}
.AvanceSubtitular
{
	padding-top: 2px;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
	color: #084000;
}
.LeerMas
{
	text-align: right;
	font-size: 9px;
	text-decoration: none;
	padding-right: 3px;
}
/* /CUADROS DE AVANCE */


.TextoMapa
{
	color: Black;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	
	opacity: 0.50;
	filter: alpha(opacity=50);
	
	background-color: Gray;
	
	text-align: right;
}
.NombreEspecie
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #2a892e;
}
.TextoEspecie
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: Black;
}
.TituloSeccion
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 20px;
	color: Black;
	font-weight: bold;
}
.SubtituloSeccion
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	color: black;
	font-weight: bold;
}


/* LOGIN */
.CuadroEstadoLogin
{
	width: 300px;
	height: 17px;
	padding: 4px;
	
	float: right;
	
	background-color: Yellow;
	opacity: 0.50;
	filter: alpha(opacity=50);
}
.LoginCase
{
	padding: 4px;
}
.TituloLogin
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 20px;
	color: Black;
	font-weight: bold;
}
.SubtituloLogin
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	color: black;
	font-weight: bold;
}
.PreguntaRetoricaLogin
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 18px;
	color: Black;
	font-weight: bold;
}
.CuadroRecordarLogin
{
	border: #000000 1px solid;
	margin: 10px;
	padding: 10px;
	background-color: #ccff99;
	width: 530px;
}
.CuadroRegistro
{
	border: #000000 1px solid;
	margin: 10px;
	padding: 10px;
	background-color: #fffacd;
	width: 530px;
}
.SubtituloPaso
{
	font-family: Arial, Tahoma, Verdana;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
}
.SubtituloPasoDescripcion
{
	font-family: Arial, Tahoma, Verdana;
	color: Gray;
	font-size: 10pt;
}
.ComentarioPeque
{
	font-family: Arial, Tahoma, Verdana;
	color: Gray;
	font-size: 8pt;
}
.MensajeError
{
	font-family: Arial, Tahoma, Verdana;
	color: Red;
	font-size: 8pt;
}
.BotonRegistro
{
	font-family: Arial, Tahoma, Verdana;
	color: #000000;
	font-size: 8pt;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #ffffcc;
}
/* /LOGIN */


/* FOTOGRAFIA AMPLIADA */
DIV.FondoFotografiaAmpliada
{
	position: absolute;

	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9000;
	
	width: 100%;
	height: 100%;
	
	background-color: Transparent;
}
DIV.CuadroFotografiaAmpliada
{
	position: absolute;
	
	width: 480px;
	height: 360px;
	
	top: 280px;
	left: 100px;
	
	background-color:White;
	border: solid 1px black;
	
	padding: 10px;
}
/* //FOTOGRAFIA AMPLIADA */


/* ESTILOS DE CONTENIDOS PERSONALIZADOS */
.PublicacionTextoCabecera
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: Black;
}
.PublicacionTextoTitular
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: Black;
}
.PublicacionTextoSubtitular
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	color: Black;
}
.PublicacionTextoContenido
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	color: Black;
}
.PublicacionTextoResaltado
{
	font-family: Arial, Verdana, Tahoma;
	font-weight: bolder;
	text-decoration: underline;
	color: Black;
}
.PublicacionTextoPiePagina
{
	font-family: Arial, Verdana, Tahoma;
	color: Black;
	font-size: 10px;
	font-style:italic;
}
/* //ESTILOS DE CONTENIDOS PERSONALIZADOS */


DIV.PiePagina
{
	/*width: 800px;*/
	font-family: Arial, Verdana, Tahoma;
	font-size: 10px;
	text-align: center;
}

A.EnlaceConocenos
{
	text-decoration:none;
}
A.EnlaceConocenos:hover
{
	text-decoration: underline;
}
A.EnlaceColab
{
	font-family: Arial,Verdana,Tahoma;
	font-size: 10px;
	text-decoration: none;
	color: #6eb731;
}
A.EnlaceColab:hover
{
	text-decoration: none;
	color: #6eb731;
}

.CuadrosContacto
{
	border: solid 1px green;
}

A.EnlaceAvancesPortada
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #366543;
	text-decoration: underline;
}
A.EnlaceAvancesPortada:hover
{
	text-decoration: none;
}

DIV.CuadroPortadaEducacion
{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color:Black;
}

IMG.ImagenPortada
{
	padding: 2px;
}


.block_shift 
{
	position:relative;
}
div.block_shift img { display:block; }
div.img_footer	
{
	height:1em;
	position:relative;
	bottom:1em;
}
span.img_desc
{
	padding:.25em .5em;
	line-height:1.45em;
	position:relative;
}

div.shift_left { float:left; left:-4px;}
div.shift_left div.img_footer { text-align:left; }
div.shift_left span.img_desc { right:.5em; .right:0;}

div.shift_right { float:right; right:-4px; }
div.shift_right div.img_footer { text-align:right; }
div.shift_right span.img_desc { left:.5em; .left:0;}

.LabelBox
{	
	border:2px solid #366543;	
}
.Label
{
	/*background:rgb(16,180,32);*/
	background-color: #366543;
	color:white;
	font-family: 'Arial', sans-serif;
	font-size:x-small;
}	

dl.time_line dt
{
	border-bottom:1px solid #366543;
	padding-left:20px;
	background:url(fondos/calendar.gif) no-repeat top left;
	height:16px;
}
dl.time_line dd
{
	margin:0 0 .25em 0;
	border-left:20px solid #366543;
	padding-left:20px;
}

A.BotonEditor
{
	border: #000000 1px solid;
	padding: 6px;
	vertical-align: middle;
	color: Black;
	background-color: antiquewhite;
	text-align: center;
	text-decoration: none;
}
A.BotonEditor:hover
{
	background-color: Black;
	color: White;
}


/* ZONA DE RESERVAS */
DIV.GrupoSolucionesReservas
{
	font-family: Arial, Verdana, Tahoma;
	padding: 15px;
	width: 85%;
}
DIV.SolucionReserva
{
	border: dotted 1px #366543;
	padding:15px;
	width: 100%;
}
DIV.CabeceraSolucionReserva
{
	font-size: 16px;
	font-weight: bold;
	color: #366543;
}
DIV.CuerpoSolucionReserva
{
	font-size: 12px;
	font-weight: normal;
}
DIV.PieSolucionReserva
{
	font-size: 16px;
	font-weight: bold;
	color: Black;
}
/* //ZONA DE RESERVAS */


A.EnlaceLateralIzquierdo
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 10px;
	color: #366543;
	text-decoration: none;
}
A.EnlaceLateralIzquierdo:visited
{
}
A.EnlaceLateralIzquierdo:hover
{
	color: Blue;
}


table.tabla_precios
{
	margin: 1em auto 4em auto;
	width:90%;
}
table.tabla_precios caption
{
	font-size:smaller;
	text-align:center;
}
table.tabla_precios td
{
	text-align:right;
	padding:.25em 2em;
	background:white;
	border:1px solid rgb(64,208,32);
	
}
table.tabla_precios th
{
	text-align:center;
	/*border:1px solid rgb(32,208,64);*/
	background:	rgb(8,64,0);
	color:rgb(220,244,200);
	padding:.25em 2em;
	width:auto;
}


/* GOOGLE MAPS */
DIV.GoogleMapsDiv
{
	border: solid 1px white;
	margin: 4px;
	padding: 2px;
}
DIV.CartelGoogleMaps
{
	font-family: Arial, Tahoma, Verdana;
	font-size:12px;
}
DIV.CartelGoogleMaps .Titulo
{
	font-weight: bold;
	color: #366543;
	font-size: 14px;
}
DIV.CartelGoogleMaps IMG
{
	border: solid 3px #366543;
	margin: 4px;
	padding: 4px;
}
/* //GOOGLE MAPS */



.PanelProcesoReservas
{
	padding: 10px;
}

A.BotonReservas
{
	padding:5px;
	border: solid 1px black;
	background-color: #366543;
	color:White;
	text-decoration: none;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
}
A.BotonReservas:hover { color: #366543; background-color: White; }
A.BotonReservas:link {}
A.BotonReservas:visited {}

.PanelProcesoReservas INPUT
{
	border: solid 1px #366543;
	color: #366543;
	padding:2px;
	font-weight: bold;
}
.PanelProcesoReservas .Ayuda
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #366543;
}

.modalBackground {
	background-color:#366543;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup
{
	background-color: White;
	border: solid 6px #366543;
}
.modalPopup img 
{
	border:solid 5px #366543;
	
	max-height: 650px;
	max-width: 650px;
	
	width: expression(this.width > 650 ? 650: true);
	height: expression(this.height > 650 ? 650: true);
}
.modalPopup-text 
{
	display:block;
	color:#000;
	background-color:#fff;
	text-align:center;
	border:solid 2px #000;
	padding:10px;
}
.modalPopup-text input 
{
	/*width:75px;*/
}

DIV.modalPopupCabecera
{
	width:99%;
	background-color: #366543;
	color: White;
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
}