@charset "utf-8";
body, html {
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	min-height: 100%;
	height: 100%;
	background-color: #333333;
}
/* ----------------------- TOP ------------------------------ */
#bsup {
	height: 26px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(images/bg1.gif);
	background-repeat: no-repeat;
}
#top {
	height: 144px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(images/bg3.jpg);
	background-repeat: no-repeat;
}
/* ------------------------- LOGIN -------------------------------- */
#binf {
	height: 24px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(images/bg2.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-top: 3px;
	text-align: right;
	color: #90b159;
	padding-right: 20px;
}
#binf input {
	background-color: #336600;
	border: 1px solid #90b159;
	color: #90b159;
	vertical-align: middle;
}
#binf #button {
	height: 16px;
	vertical-align: middle;
	font-size: 11px;
	color: #90b159;
	background-color: #336600;
}
#binf a:link, #binf a:visited, #binf a:active {
	color: #FFFFCC;
	text-decoration: underline;
}
#binf a:hover {
	color: #FFCC00;
	text-decoration: underline;
}

/* ----------------- PRINCIPAL ----------------------- */
#principal {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	clear: both;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bg5.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}
/* --------------------- MENU ----------------------------- */
#menu {
	width: 250px;
	clear: none;
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: visible;
}
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 250px;
}
ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}
ul.menu li a {
	color: #FFFFFF;
	padding: 0.5em;
	background-image: url(images/bg4.gif);
	background-repeat: no-repeat;
}
ul.menu li a:hover {
	background-image: url(images/bg4.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
}
ul.menu li ul li a {
	background: #E5E5E5;
	color: #000;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
ul.menu li ul li a:hover {
	background: #aaa;
	padding-left: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ff3333;
}
/* ----------------------- CONTENIDO ------------------------------ */
#contenido {
	width: 670px;
	clear: none;
	float: right;
	padding-right: 20px;
	background-color: #FFFFFF;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: visible;
}
#contenido strong {
	color: #003366;
	font-weight: bold;
}
#contenido em {
	color: #003366;
	font-style: italic;
}
#contenido hr {
	color: #CCCCCC;
	height: 1px;
}
#contenido a:link, #contenido a:visited, #contenido a:active {
	color: #0000FF;
	text-decoration: underline;
}
#contenido a:hover {
	color: #000099;
	text-decoration: underline;
}
#contenido h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Georgia, Times, serif;
	font-weight: bold;
	clear: both;
}
#contenido h1 {
	font-size: 25px;
	color: #CC0000;
	margin-bottom: 10px;
}
#contenido h2 {
	font-size: 20px;
	color: #CC0000;
}
#contenido h3 {
	font-size: 20px;
	color: #7e9f20;
	margin-bottom: 10px;
}
#contenido h4 {
	font-size: 16px;
	color: #669900;
}
#contenido h5 {
	font-size: 16px;
	color: #CC0000;
}
#contenido p {
	font-size: 12px;
	color: #333333;
	margin-bottom: 10px;
	line-height: 16px;
	text-align: justify;
}
#contenido .foto {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #003366;
}
#contenido .fotoizq {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #003366;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#contenido .fotodch {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #003366;
	clear: none;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
#contenido .fotodch2 {
	background-color: #FFFFFF;
	clear: none;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
#contenido .fotocen {
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-right: 10px;
}
#contenido ul, #contenido ol {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #333333;
}
#contenido ul li {
	margin-left: 40px;
	padding-left: 0px;
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: square;
}
#contenido ol li {
	margin-left: 40px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 5px;
}
#contenido table {
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
#contenido td {
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: center;
}
#contenido td.gris {
	background-color: #EEEEEE;
}
#contenido small {
	display: block;
}
/* --------------------------- NOTICIAS ------------------------------ */
#noticiasportada {
	width: 470px;
	clear: none;
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#restoportada {
	width: 180px;
	clear: none;
	float: right;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.txtnoticia {
	width: 475px;
	clear: none;
	float: right;
}
.txtnoticiaportada {
	clear: none;
	float: left;
}
.txtnoticiaportada p{
	font-size: 10px  !important;
	line-height: 12px !important;
}
.mini {
	font-size: 10px !important;
	color: #999999 !important;
}
/* *************** PAGINADO ******************* */
#paginadof {
	padding-top: 10px;
}
a.pag:link, a.pag:visited, a.pag:active {
	color: #336600 !important;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #336600;
	margin-right: 4px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
a.pag:hover {
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-weight: bold;
	background-color: #336600 !important;
}
/* --------------------------- LISTADO INLINE ------------------------------ */
.listadoinline {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 115px;
	width: 668px;
}
.listadoinline ul {
	font-size: 10px !important;
}
.listadoinline li {
	display: inline;
	width: 130px !important;
	margin: 2px !important;
	clear: none;
	float: left;
	padding-bottom: 2px;
	padding-left: 20px !important;
}
/* ---------------------------------- FORMULARIO ---------------------------------- */
#formulario {
	background-color: #F4F8F3;
	border: 10px solid #CCCCCC;
	padding: 20px;
}
#formulario fieldset {
	border: 1px solid #336600;
	padding: 20px;
	margin-bottom: 10px;
}
#formulario legend {
	padding: 5px;
	border: 1px solid #336600;
	background-color: #F5FFEC;
	margin-bottom: 10px;
	font-weight: bold;
}
#formulario input, select {
	border:1px solid #336600;
	padding:3px;
	font-size: 14px;
	vertical-align: middle;
}
#formulario label {
	font-size: 14px;
	color: #333333;
	display: block;
	margin-top: 7px;
	font-weight: bold;
}
#formulario .lista {
	display: inline !important;
	width: 285px;
	clear: none;
	float: left;
}
.tip {
	vertical-align: middle;
}
#formulario small {
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
#enviar {
	background-color: #036;
	color: #FFF;
	clear: both;
}
/* -------------------- CONTENEDORES TITULARES ---------------------------- */
#contenedor {
	clear: both;
}
#contuno {
	width: 319px; /* quitamos 1 px de margen */
	margin-right: 10px;
	margin-bottom: 5px;
	clear: none;
	float: left;
	padding-right: 10px;
	overflow: visible;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	margin-top: 10px;
}
#contdos {
	width: 320px;
	margin-bottom: 5px;
	clear: none;
	float: left;
	padding-right: 10px;
	overflow: visible;
	margin-top: 10px;
}
#contuno h4, #contdos h4 {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	line-height: 1em;
	margin-top: 10px;
}
#contuno p, #contdos p {
	font-size: 10px;
	padding-left: 10px;
	margin: 5px;
	line-height: 0.8em;
}
#contenedor a:link, #contenedor a:visited, #contenedor a:active {
	color: #003366;
	text-decoration: underline;
}
#contenedor a:hover {
	color: #0000FF;
	text-decoration: underline;
}

/* ------------------------ BARRA NOTICIAS NAVEGACION ------------------------------ */
#nav {
	font-size: 10px !important;
	width: 664px;
	margin-bottom: 5px;
	clear: both;
	float: left;
}
#nav ul {
	list-style-type: none;
}
#nav li {
	display: inline;
}
#nav li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-left: 8px;
	padding-right: 8px;
}
#nav li a:hover {
	color: #FFFFFF;
	background-color: #CC0000;
}
/* -------------------------- MAPA GOOGLE -------------------------- */
#map {
	height: 350px;
	width: 664px;
	margin-top: 20px;
	border: 3px solid #CCCCCC;
	margin-bottom: 20px;
}
/* -------------------------- GALERIA -------------------------- */
#cajagaleria{
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: visible;
}
#cajagaleria .marco {
	border: 1px solid #7e9f20;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#cajagaleria img {
	clear: both;
	padding: 4px;
}
#cajagaleria p {
	font-size: 10px;
	color: #666666;
	text-align: center !important;
}
/* ------------- DESCARGAS --------------------- */
.descargas {
	clear: both;
	padding-top: 5px;
}
.descargas .mp3{
	background-image: url(images/mp3.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.descargas .pdf{
	background-image: url(images/pdf.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.descargas .rar{
	background-image: url(images/rar.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.descargas .zip{
	background-image: url(images/zip.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.descargas .doc{
	background-image: url(images/doc.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.descargas .pp{
	background-image: url(images/pp.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
/* ---------------------- RUTAS Y SENDEROS ------------------------ */
.rutaizq, .rutadch {
	clear: none;
	float: left;
	height: 370px;
	width: 325px;
	overflow: visible;
	margin-bottom: 20px;
}
.rutadch {
	margin-left: 20px;
}
.rutaizq h5, .rutadch h5 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #C00;
}
.rutaizq img, .rutadch img {
	vertical-align: middle;
}
/* ---------------------- SLIDES ------------------------ */
.cajafotos {
	clear: none;
	float: left;
	height: 150px;
	width: 185px;
	overflow: visible;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 3px;
}
.cajafotos2 {
	clear: none;
	float: left;
	height: 120px;
	width: 185px;
	overflow: visible;
	margin-bottom: 5px;
	margin-right: 10px;
}
#myController1, #myController2, #myController3, #myController4, #myController5, #myController6, #myController7, #myController8, #myController9, #myController10 {
	margin-bottom: 10px;
}
.jFlowControl1, .jFlowControl2, .jFlowControl3, .jFlowControl4, .jFlowControl5, .jFlowControl6, .jFlowControl7, .jFlowControl8, .jFlowControl9, .jFlowControl10 {
	color:#000000;
	cursor:pointer;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	background-color: #EEEEEE;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
/* ************************************************** */
/* ****************** CALENDARIO ******************** */
/* ************************************************** */
#elcalendario{
	border-collapse: collapse;
	width: 250px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #336600;
	border-left-color: #336600;
	font-size: 14px;
	color: #336600;
	background-color: #FFFFFF;
}
#elcalendario a:link, #elcalendario a:visited, #elcalendario a:active {
	color: #336600;
	text-decoration: none;
}
#elcalendario a:hover {
	color: #336600;
	text-decoration: underline;
}
#elcalendario #navegacion{
	background-color: #336600;
	font-weight: bold;
	color: #FFFFFF;
}
#navegacion a:link, #navegacion a:visited, #navegacion a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#navegacion a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
#elcalendario #semana{
	background-color: #ddecdb;
	font-weight: bold;
}
#elcalendario td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #336600;
	border-bottom-color: #336600;
	text-align: center;
}
#elcalendario #diahoy{
	background-color: #FFCC00;
}
#elcalendario #hoyevento{
	background-image: url(images/eventohoy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fffb88;
}
#elcalendario #evento{
	background-image: url(images/evento.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ********************** MENSAJES ************************** */
.info, .ok, .atencion, .nok {
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 50px;
	font-size: 16px;
	line-height: 1.3em;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/info.png');
}
.info strong {
	font-weight: bold;
	color: #00529B !important;
}
.ok {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/ok.png');
}
.ok strong {
	font-weight: bold;
	color: #4F8A10 !important;
}
.atencion {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/atencion.png');
}
.atencion strong {
	font-weight: bold;
	color: #9F6000 !important;
}
.nok {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/nok.png');
}
.nok strong {
	font-weight: bold;
	color: #D8000C !important;
}
/* ********************** PIE ********************** */
#pie {
	width: 960px;
	height: 100px;
	clear: both;
	padding-top: 20px;
	background-color: #336600;
	margin-right: auto;
	margin-left: auto;
}
#pie p {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}
#pie strong {
	font-weight: bold;
}
#pie a:link, #pie a:visited, #pie a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#pie a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#pie span.email {
	direction: rtl;
	unicode-bidi: bidi-override;
}