body {
	background-image: url(../img/fondo-goleta.jpg);
	background-repeat: repeat;
	margin: 0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
}
#pagina {
	width: 973px;
	margin-right: auto;
	margin-left: auto;
}
#col-iz {
width:260px;
height:auto;
float:left;
}
h1 {
	margin:0;
	padding:0;
	background-image: url(../img/logo-goletamorena.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 225px;
	width: 260px;
}
/*ESTILOS BOTONERA ACTIVIDADES*/
ul.menu-act{
width:260px;
height:auto;
margin: 0;
padding: 0;
outline: none;
	}
	ul.menu-act li{
	display: block;
	outline: none;
		}
	ul.menu-act li a{
			width: 260px;
			float:left;
			text-indent:-5000px;
			outline: none;
		}
		ul.menu-act li.actividades {
			background:url(../img/titulo-col-izq-actividades.png) left top no-repeat;
			width: 260px;
			height: 58px;
			float:left;
			text-indent:-5000px;

		}
		ul.menu-act li.avistamiento a{
			background: url(../img/bt-avistamientos.png) left top no-repeat;
			height: 34px;
		}
		ul.menu-act  li.avistamiento a:hover, ul.menu-act li.avistamiento.on a{
			background:url(../img/bt-avistamientos.png) left -34px no-repeat;
		}
		ul.menu-act li.educacion a{
			background: url(../img/bt-educacionambiental.png) left top no-repeat;
			height: 37px;
		}
		ul.menu-act li.educacion a:hover, ul.menu-act li.educacion.on a{
			background:url(../img/bt-educacionambiental.png) left -37px no-repeat;
		}
		ul.menu-act li.navegacion a{
			background: url(../img/bt-navegacion.png) left top no-repeat;
			height: 36px;
		}
		ul.menu-act li.navegacion a:hover, ul.menu-act li.navegacion.on a{
			background:url(../img/bt-navegacion.png) left -36px no-repeat;
		}
		ul.menu-act li.salidas a{
			background: url(../img/bt-salidas.png) left top no-repeat;
			height: 37px;
		}
		ul.menu-act li.salidas a:hover, ul.menu-act li.salidas.on a{
			background:url(../img/bt-salidas.png) left -37px no-repeat;
		}
			ul.menu-act li.eventos a{
			background: url(../img/bt-eventos.png) left top no-repeat;
			height: 36px;
		}
		ul.menu-act li.eventos a:hover, ul.menu-act li.eventos.on a{
			background:url(../img/bt-eventos.png) left -36px no-repeat;
		}
		ul.menu-act li.contacto a{
			background: url(../img/bt-contacta.png) left top no-repeat;
			height: 286px;
		}/*
		li.contacto a:hover, .contacto.on a{
			background:url(../img/bt-contacta.png) left -41px  no-repeat;
		}*/
/*ESTILOS BOTONERA ACT*/
#col-dr {
width:713px;
height:auto;
float:left;
}
#cabecera {
width:713px;
height:225px;
float:left;
}
#cabecera-iz {
width:475px;
height:184px;
float:left;
}
#cabecera-dr {
width:238px;
height:184px;
float:left;
}
#botonera {
width:713px;
height:41px;
float:left;
}
/*ESTILOS BOTONERA SUP*/
ul.menu-sup{
width:713px;
height:41px;
margin: 0;
padding: 0;
outline: none;
	}
	
		ul.menu-sup li{
			display: inline;
			outline: none;
		}
		ul.menu-sup li a{
			height: 41px;
			float:left;
			text-indent:-5000px;
			outline: none;

		}
		ul.menu-sup li.tripulacion a{
			background:url(../img/bt-tripulacion.gif) left top no-repeat;
			width: 142px;


		}
		ul.menu-sup li.tripulacion a:hover, ul.menu-sup li.tripulacion.on a{
			background:url(../img/bt-tripulacion.gif) left -41px no-repeat;
		}
		ul.menu-sup li.singladuras a{
			background: url(../img/bt-singladuras.gif) left top no-repeat;
			width: 155px;
	
		}
		ul.menu-sup li.singladuras a:hover, ul.menu-sup li.singladuras.on a{
			background:url(../img/bt-singladuras.gif) left -41px no-repeat;
		}
		ul.menu-sup li.lamorena a{
			background: url(../img/bt-morena.gif) left top no-repeat;
			width: 81px;
	
		}
		ul.menu-sup li.lamorena a:hover, ul.menu-sup li.lamorena.on a{
			background:url(../img/bt-morena.gif) left -41px no-repeat;
		}
		ul.menu-sup li.bitacora a{
			background: url(../img/bt-bitacora.gif) left top no-repeat;
			width: 97px;
	
		}
		ul.menu-sup li.bitacora a:hover, ul.menu-sup li.bitacora.on a{
			background:url(../img/bt-bitacora.gif) left -41px no-repeat;
		}
		ul.menu-sup li.boletin a{
			background: url(../img/bt-boletin.gif) left top no-repeat;
			width: 56px;
	
		}
		ul.menu-sup li.boletin a:hover, ul.menu-sup li.boletin.on a{
			background:url(../img/bt-boletin.gif) left -41px no-repeat;
		}	
		
		ul.menu-sup li.tarifas a{
			background: url(../img/bt-tarifas.gif) left top no-repeat;
			width: 61px;
	
		}
		ul.menu-sup li.tarifas a:hover, ul.menu-sup li.tarifas.on a{
			background:url(../img/bt-tarifas.gif) left -41px no-repeat;
		}
			ul.menu-sup li.enlaces a{
			background: url(../img/bt-enlaces.gif) left top no-repeat;
			width: 85px;

		}
		ul.menu-sup li.enlaces a:hover, ul.menu-sup li.enlaces.on a{
			background:url(../img/bt-enlaces.gif) left -41px  no-repeat;
		}
/*ESTILOS BOTONERA SUP*/

#migas {
	font-size: 10px;
	text-align: right;
	color: #7A5B46;
	padding-top:2px;
	padding-right: 60px;
}
#migas a{
	color: #7A0046;
	text-decoration: none;
}
#migas a:hover{
	color: #7A0046;
	text-decoration: underline;
}

#contenido {
width:713px;
	height:523px;
	float:left;
	background-image: url(../img/fondo-contenido.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.margen {
margin-top:10px;
margin-left:10px;
}
#content {
	float: left;
	height: 450px;
	width: 640px;
	overflow: auto;
}
.margen-content{
padding-right:10px;
}
#content h2{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
clear:both;
}
#content h3{
color:#996600;
font-size:16px;
margin-top:0px;
margin-left:5px;
margin-right:0px;
margin-bottom:10px;
clear:both;
}
#content p {
	margin-top:0px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:10px;
	font-size: 14px;
	color: #454545;
	font-weight: normal;
	text-align: justify;
}
#content p a{
	text-decoration:none;
	color:#996600;
	font-weight:bold;}
#content .left {
float:left;
}
#content .leftmargen {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.noticia {
width:610px;
float:left;
clear:both;
margin-left:0px;
margin-bottom:20px;
}
.boletincaja {
	width:610px;
	float:left;
	clear:both;
	margin-left:0px;
	margin-bottom:5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #996600;
}
.not-columna-foto {
	width:160px;
	background-image: url(../img/fondo-foto-not.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
.foto {
margin-left:10px;
margin-top:12px;
}
.not-columna-noticia {
width:450px;
float:left;
}
.titulo-not {
	font-size:14px;
	font-weight: bold;
	color: #77371c;
	padding-left: 5px;
}
.resumen-not {
	font-size:14px;
	font-weight: normal;
	color: #454545;
	padding-left: 5px;
	text-align: justify;
}
.leer-mas {
	font-size:12px;
	font-weight: bold;
	color: #77371c;
	padding-left: 5px;
	margin-top:10px;
	text-align: left;
}
.leer-mas a{
	color: #77371c;
	text-decoration:none;
}
.leer-mas a:hover{
	color: #773755;
	text-decoration:none;

}

#pie {
width:973px;
height:50px;
float:left;
margin-left:38px;
}
#botonera-inf{
	font-size: 11px;
	font-weight: normal;
	color: #fcf5e8;
}
#botonera-inf a{
	font-size: 11px;
	font-weight: normal;
	color: #fcf5e8;
	text-decoration: none;
}
#botonera-inf a:hover{
	text-decoration: underline;
}
#botonera-inf-der{
	font-size: 11px;
	font-weight: normal;
	color: #dbc89e;
	text-align: right;
	padding-right: 80px;
}
#botonera-inf-der a{
	font-size: 11px;
	font-weight: normal;
	color: #dbc89e;
	text-decoration: none;
}
#botonera-inf-der a:hover{
	text-decoration: underline;
}



/* código para la validación de los forms*/
.jsvalidation { margin-left:10px; font-size:10px; color:#FF0000; font-family:"Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif; }		
.input{
	font-family: "Trebuchet MS";
	color: #666;
	text-decoration: none;
	font-size: 14px;

	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #996600;
	border-right-color: #996600;
	border-bottom-color: #996600;
	border-left-color: #996600;
}
#nombre{
	font-family: "Trebuchet MS";
	color: #666;
	text-decoration: none;
	font-size: 14px;

	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #996600;
	border-right-color: #996600;
	border-bottom-color: #996600;
	border-left-color: #996600;
}
#email{
	font-family: "Trebuchet MS";
	color: #666;
	text-decoration: none;
	font-size: 14px;

	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #996600;
	border-right-color: #996600;
	border-bottom-color: #996600;
	border-left-color: #996600;
}
#telefono{
	font-family: "Trebuchet MS";
	color: #666;
	text-decoration: none;
	font-size: 14px;

	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #996600;
	border-right-color: #996600;
	border-bottom-color: #996600;
	border-left-color: #996600;
}
.cuadro_texto{
	font-family: "Trebuchet MS";
	color: #666;
	text-decoration: none;
	font-size: 14px;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #CC0000;
	border-left-color: #FFFFFF;
				}
.cuadro_texto_caja_form_error{
	font-family: "Trebuchet MS";
	color: #666;
	text-decoration: none;
	font-size: 14px;

	background-color: #FFFFFF;
	border: 1px solid #F00;
				}
.input2{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;

	background-color: #996600;
	border:solid 1px #996600;
}
img {
border:none;

}
.enlace {
float:left;
clear:both;
width:500px;
margin-left:10px;
margin-bottom:20px;

}
.col_foto_enlace {
float:left;
width:210px;
}
.col_texto_enlace {
float:left;
width:290px;
}
.img_border {

	border: 1px solid #999999;
}
.col_texto_enlace a{
font-weight:bold;
color: #77371c;
	text-decoration:none;

}

#marco_fotos{
	float: left;
	margin: -10px 0 40px 0;
	padding: 0 0 0px 0;
	min-height: 50px;

}

ul#lista_fotos{
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

	ul#lista_fotos li{
		float: left;
		margin: 20px 5px 0px;
	}
		ul#lista_fotos li a img{
			padding: 2px;
			border: solid 2px #333;
		}
		ul#lista_fotos li a:hover img{
			border: solid 2px #fff;
		}

ul#lista_fotos ul.opciones{
	width: 70px;
	height: 20px;
	margin: 0;
	list-style: none;
}
	ul#lista_fotos li ul.opciones li{
		width: 70px;
		height: 20px;
		margin: 0 0 0 -40px;

	}
		ul#lista_fotos li ul.opciones li a{
			display: block;
			width: 70px;
			height: 20px;
			margin: 0 0 0 0px;
			padding: 0 0 0 22px;
			color: #000;
			text-decoration: none;
		}
		ul#lista_fotos li ul.opciones li a:hover{
			text-decoration: underline;
		}

		ul#lista_fotos ul.opciones li.borrar{
			background: url(/img/icono_borrar.png) no-repeat;
		}

#content ul{
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	list-style-type: disc;
	}
	#content ul li{
	display: block;
	outline: none;
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left: 10px;
		}
	#content ul li a{
	text-decoration:none;
	color:#996600;
	font-weight:bold;
			}
			.condiciones {
			font-size:10px;
			}
					.tarifas {
			font-size:12px;
			color:#996600;
			}.avisolegal {
	color: #FFFFFF;
}
.mapaweb {
margin:10px}
.style1 {font-size: 15px}