/*@charset "utf-8";*/

/******************************* RESET ************************************/
* { margin: 0; padding: 0; border: 0;vertical-align: middle;}


/*********************************** GLOBAL ********************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide, caption, h1 span{ position: absolute; left: -9999px; z-index: -1; }
.right { text-align: right; }
.center { text-align: center; }
.subir { text-align:right; margin: 15px 0; background: url(../img/subir.gif) repeat-x;}
a { color: #566936; font-weight: normal; text-decoration: underline; }
a:hover{ color: red; text-decoration:none; }
h2 { font-weight: bold; font-size: 16px; color: #6C6C6C; padding-bottom: 5px; }
h3 { font-size: 14px; font-weight: bold; color: #6C6C6C; padding-bottom: 3px; }
p { padding-bottom: 2em; }


/*************** IMAGENES *********/
img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }
a img{ border:0;  background: transparent;}
div.foto {
  float:right;
  background-color: #FFFFF0;
  margin-left:10px;
  margin-bottom:10px;
  font-size: 11px;
  padding: 5px 10px;
  border: 1px solid Silver;
  text-align:center;
}
div.foto img {
  display:block;
  margin-bottom:10px;
  border:1px solid #d8d6ce;
}


/************** TABLAS *******************/
table {
	width: 100%;
	font: 12px Arial, sans-serif, serif;
	margin-bottom: 30px;
	padding: 0;clear: both;
}
caption {
	text-decoration:underline;
	font-weight:bold;
}
th {
	background: #4E732E;
	color: #fff;
	border: 1px solid #273A17;
	padding: 3px;
	text-align: center;
}

th.none {
	background: #FFF;
	color: #000;
	border: 0;
}
td {
	border: 1px solid #273A17;
	padding: 5px;
	text-align: center;
	font-size:13px;
}










hr {display: none;}




/*html{background: #73A512 url(../img/body_bg.jpg) repeat-x;}*/
body {
	font-size: 12px;
	line-height: 170%;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #6C6C6C;
	text-align: center;
	/*background: url(../img/waves.jpg) no-repeat center 140px;*/
	background: #DEE9BE url(../img/bg.jpg) repeat-x 0 0;
}
#todo {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#menu-sup ol{list-style:none; height:50px; display:block; width:95%; margin:0; padding:0;}
#menu-sup ol.natural{background:url("../img/menu-sup.jpg") no-repeat right top;}
#menu-sup ol.menu-div{background:url("../img/menu-sup.jpg") no-repeat right top;}
#menu-sup li{display:inline;}
#menu-sup a {
 float: right;
 text-decoration:none;
 margin:26px 0 0px 0;
 width:170px;
 text-align:center;
 color:#000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
}
#menu-sup a:hover {text-decoration: underline;}



#todas-column { width:100%; float:left; background: #FFFFFF; border-top:1px solid #fff;}

/************************************** CABEZA *****************************/
h1 {margin: 0 0 0 30px; padding:0;}
#banner,#banner2,#banner3,#banner4,#banner5,#banner6,#banner7 {height:160px; margin: 15px 0 0 0;}
#banner {background:url("../img/banner.jpg") no-repeat left top; }
#banner2 {background:url("../img/banner2.jpg") no-repeat left top;}
#banner3 {background:url("../img/banner3.jpg") no-repeat left top;}
#banner4 {background:url("../img/banner4.jpg") no-repeat left top;}
#banner5 {background:url("../img/banner5.jpg") no-repeat left top;}
#banner6 {background:url("../img/banner6.jpg") no-repeat left top;}
#banner7 {background:url("../img/banner7.jpg") no-repeat left top;}



/************ topmenu *******************/
#topmenu-dcha {
  background:url('../img/topmenubg-dcha.gif') no-repeat;
  float:right;
  width:15px;
  height:34px;
  padding:0;
  margin:5px 30px 0 0;
 /* _margin:5px 30px 0 0;*/
}
#topmenu {
 float:right;
 padding:0;
 margin:5px 0 0 0;
 background:url('../img/topmenubg-izda.gif') no-repeat;
 padding:0 0px 0 20px;  
 float:right;
 height:34px;
}
#topmenu ul {
 margin:0;
 padding:5px 0 0 0;
 list-style:none;
}
#topmenu li {display:inline;}
#topmenu a {
 float:left;
 background:url("../img/topmenu-izda.gif") no-repeat left top;
 padding:0 0 0 9px;
 text-decoration:none;
 margin:0 10px 0 0;
}
#topmenu a span {
 float:left;
 display:block;
 background:url("../img/topmenu-dcha.gif") no-repeat right top;
 font-size:14px;
 line-height:26px;
 color:#fff;
 font-family:Arial; 
 padding:0 10px 0 0;
}
#topmenu a span {float:none;}
#topmenu a:hover span {color:#ffffff;}
#topmenu a:hover {background-position:0% -26px;}
#topmenu a:hover span {background-position:100% -26px;}
#topmenu .active{background:url("../img/topmenu-izda.gif") no-repeat left -26px;float:left;}
#topmenu .active span{background:url("../img/topmenu-dcha.gif") no-repeat right -26px;color:#fff;}
#topmenu .active span:hover{color:#fff;}




/****************** CONTENIDO *************/
#contenido {
	width: 100%;
	color: #000;
	border-top:20px solid #1C343B;
	background:url("../img/sombra.gif") no-repeat center top;
	min-height:45px;
}


/********************************* MENU IZDA **********************************/
#column-izda {
	width: 215px;
	float: left;
	padding:0 0 20px 0;
	margin-top:10px;
	background: url("../img/menu-bg.gif") no-repeat right bottom;
}
#column-izda h2{
	background:url("../img/menu-bg2.gif") no-repeat right top;
	width: 187px;
	display:block;
	margin: 0 0 15px 18px;
	padding: 20px 5px 3px 5px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration:none;
	line-height: 120%;
	font-size:150%;
	color: #56503C;
}

#column-izda ol { width: 171px; margin-left: 18px;}
#column-izda ol li { list-style: none; margin:0; padding:0; border:1px solid #fff;}
#column-izda ol li a {
	display: block;
	margin:5px 0;
	padding: 4px 2px 4px 8px;
	color: #688410;
	border-left: 10px solid #D6E3AD;
	border-bottom: 1px solid #D6E3AD;
}
#column-izda ol li a:hover { border-color: #8AB015; text-decoration:none}

#column-izda ol li.active a {
	background: #EAF8FD;
	color:#58700E;
	border-left: 10px solid #8AB015;
	border-bottom: 0;
	border-top: 1px solid #D6E3AD;
	font-weight: bold;
	text-decoration: none;
}


#column-izda ol ol {width: 150px; margin-left: 10px;}
#column-izda ol li.active ol a {
	display: block;
	width:90%;
	margin:0;
	padding: 2px 2px 2px 18px;
	background: url(../img/menu-li-bg.gif) no-repeat left center;
	border-left: 0;
	border-top: 0;
	border-bottom: 1px solid #D6E3AD;
	font-weight: normal;
	color: #000;
}
#column-izda ol li ol li a:hover { border-color: #8AB015;}

#column-izda ol li.active ol li.active a {
	display: block;
	background: url(../img/v.gif) no-repeat left center;
	color: #000;
}






/*********** CONTENIDOS ********************************/

#todo-dcha, #todo-dcha-todo {
	/* en realidad de ancho tien=755*/
	width: 730px;
	float: left;
	margin: 15px 10px 30px 15px;
}
#todo-dcha-todo {
	width: 84%;
	margin: 0 0 0 5%;
}
#todo-dcha h2, #todo-dcha-todo h2 { border-bottom: 5px solid #73A512; margin-bottom: 20px; }
#todo-dcha h2 a, #todo-dcha-todo h2 a { text-decoration:none; color:#73A512; font-size: larger; }
#todo-dcha h3, #todo-dcha-todo h3 { border-bottom: 1px solid #73A512; margin: 20px 0 10px 0; color:#73A512; font-size: 14px;}
#todo-dcha h4, #todo-dcha-todo h4 { border-bottom: 1px solid #505050; margin: 20px 0 10px 0; color:#505050; font-size: 12px;}
#todo-dcha p, #todo-dcha-todo p { line-height: 170%; }
#todo-dcha ul, #todo-dcha-todo ol { margin-bottom: 20px; }

#todo-dcha li, #todo-dcha-todo li {list-style:none; background: url(../img/li.gif) no-repeat 0 7px; padding-left:10px;}

ol#migas {
	float:right;
	margin:0;
	padding: 3px 5px 0px 5px;
	background:url("../img/migas_bg.gif") no-repeat left top;
	height:38px;
}
ol#migas li{
	float: left;
	color:#fff;
	font-size:10px;
	list-style:none;
}
ol#migas li a{
	color:#fff;
	border-right:1px solid #fff;
	margin: 0 5px;
	padding-right: 5px;
}


/***************************** COLUMNAS INTERIORES **************************************/
#column-interiores {
	clear: both;
	/*width:100%;
	display:block;*/
	float:left
}
#column-centro {
	width: 500px;
	margin:0;
	padding-right:15px;
	float: left;
	border-right:1px solid #B8B8B8;
}
#column-decha {
	margin-top: 40px;
	margin-left:10px;
	width: 200px;
	float: right;
}
#column-decha li {list-style:none; background: url(../img/li.gif) no-repeat 0 7px; padding-left:10px;}	









/**************************************** FIN ***************************/
#fin { height: 280px; background: #fff url(../img/fin-bg.jpg) no-repeat left top; color: #084A8F; position: relative; border-top: 1px solid #fff; }
#fin a { color: #084A8F; }
#copyright { color: #699EC7; font-size: 11px; line-height: 100%; position: absolute; bottom: 30px; left: 20px; }

#conforme {
	color: #699EC7;
	font-size: 11px;
	text-align: right;
	position: absolute;
	bottom: 25px;
	right: 20px;
}
#conforme li{
	list-style: none;
	float:left;
	margin:0;
	padding:0 5px 0 5px;
}
#conforme li li{border-right:1px solid #699EC7;}
#conforme li.ulti{border-left:1px solid #699EC7;}
#conforme a {
	color: #699EC7;
	text-decoration: none;
	padding-right: 5px;
}

#publi1 { width: 300px; float: left;  }
#publi1 .content { padding: 56px 20px 0px 30px; }
#publi2 { width: 425px; float: left; background: url(../img/medio-marino.jpg) no-repeat 24px 73px; }
#publi2 .content { padding: 80px 20px 30px 149px; }
#situacion { width: 255px; float: left; }
#situacion .content { padding: 85px 20px 0px 26px; }

.entrar { font-size: 11px; text-align: right; position: relative; top: -0.5em; margin-bottom: -0.5em; }
.entrar a {  background: url(../img/entrar.gif) no-repeat left 5px; line-height: 100%; padding-left: 13px; }
#fin h2 { font-size: 28px; font-weight: normal; color: #084a8f; letter-spacing: -1px; line-height: 80%; margin-bottom: 10px; }
#fin h2 a { text-decoration: none; }
#fin h2 em { display: block; font-size: 16px; }
#fin h2 strong { display: inline; }
#publi1 em { padding-left: 69px; }
#situacion img {
	position: relative;
	top: -20px;
	margin-bottom: -20px;
	margin-left: 0px;
	width: 178px;
	height: 43px;

}
#publi1 h2,#publi2 h2,#situacion h2, #fin h2.cont-publi a { overflow: visible; }




/***************************** MENU AYUDA **************************************/
#menu-ayuda  { position: absolute; top: 60px; right: 10px;}
#menu-ayuda ul { float: left; margin: 0 0 0 20px; list-style: none;}
#menu-ayuda li { float: left; margin: 0 15px;}
#menu-ayuda li a { color: #000; font-size: 10px; text-decoration: none;  padding: 0 0 0 20px;}
#menu-ayuda li a:hover { text-decoration:underline }

#menu-ayuda #home { background: #fff url(../img/ico_inicio.gif) no-repeat 0 3px; }
#menu-ayuda #mapa { background: #fff url(../img/ico_mapa.gif) no-repeat 0 3px;  }
#menu-ayuda #contacto  { background: #fff url(../img/ico_contacto.gif) no-repeat 0 3px;  }

#menu-ayuda form, #menu-ayuda fieldset{float:left; padding:0 0 1px 0;}
#menu-ayuda form input{margin: 0 1px;}


/******** Contenido publicidad *******/
.cont-publi, .cont-publi * { display: block; position: relative; overflow: hidden;}
.cont-publi span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.cont-publi span, .cont-publi a span { cursor: pointer; }





/******************************* HOME ************************************/
#inicio #column-centro {
	width: auto;
	border:none;
	padding: 40px 200px 0 200px;
	font-size: 14px;
	line-height: 150%;
}
#inicio h1 {margin-top: 10px;}

/*----- BANNER -------*/
#frontpage_ad,frontpage_graphic{
	width:950px;
	height:425px;
	margin: 0 auto;
}
#main_banner {margin-bottom:0px;}

#frontpage_nav{
	margin-top:-30px;
	text-align:center;
	margin-bottom:0px;
}
.frontpage_image{
	padding: 0px 3px 0px 3px;
	margin:0 0 0 0 !important;
	outline: none;
}
img#banner {margin:0px;}