/* Colores */

/* #008131 verde */
/* #01461A verde oscuro */


/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Globales                             */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, Verdana, sans-serif;
  color: #000;
  padding-top: 40px;
  background: url(images/body_primavera.gif);
  text-align: center;
}

p, li, td {
  font-size: 12px;
}
a {
  text-decoration: none;
	color: #01461A;
}

a:hover {
}
h2 {
	font-size: 16px;
	margin: 1em 0 0.3em 0;
}

h4 {
  color:#008131;
  font-size:12px;
  margin:0 0 3px;
  padding:0;
  text-decoration:none;
}
ul {
  list-style: none;
}
img {
  border: 0;
}
ul.inline li {
	float: left;
}
ul.inline li a {
	display: block;
	float: left;
}
ul.bullets {
	padding-left: 1em;
}
ul.bullets li {
	list-style: disc outside;
}
/* clases comunes */
div.clear {
  clear:both;
  display:block;
  height:0px;
  margin:0; padding:0;
  overflow:hidden;
  font-size:0px;
}
.float {
	float: left;
	margin-right: 20px;
}
.floatRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
div.marg_l {
	margin-left: 30px;
}
p.label {
	color: #666;
	font-weight: bold;
	margin-top: 10px;
}
.noMargin {
	margin: 0 0 0 0;
	margin-top: 0;
	margin-bottom: 0;
}
.marginTop {
	margin-top: 1em;
}
.marginBottom {
	margin-bottom: 1em;
}
.no_margin_left {
	margin-left: 0;
}

.tooltip span.top{
  padding: 8px 8px 0 8px;
  width: 200px;
  background: url(images/bt.gif) no-repeat top
}

.tooltip b.bottom{
  padding:3px 8px 15px;
  color: #548912;
  background: url(images/bt.gif) no-repeat bottom
}

/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Partes                             */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div#body {
  width: 762px;
  margin: 0 auto;
  text-align: left;
}
div#wrapper,
div#header,
div#footer {
  width: 750px;
  padding: 0 6px;
}
div#wrapper {
  background: url(images/wrapper.png) repeat-y;
}
div#header {
  padding-top: 7px;
  background: url(images/header.png) no-repeat top;
}
div#footer {
  background: url(images/foot.png) no-repeat top;
  height: 34px;
}
div#leftside,
div#content,
div#rightside {
  float: left;
}
div#leftside {
  padding: 20px 10px 20px 1px;
  width: 183px;
}
div#content {
  width: 484px;
  padding: 20px;
  overflow: hidden; 
}
div#content ul {
  margin: 0.5em 0;
}
div#content li {
  list-style: disc;
  margin-left: 2em;
}
div#content div.dhonishow li {
  list-style: none;
  margin-left: 0;
}
div#rightside {
  width: 40px;
}
div#rightside ul {
  padding: 30px 0 0 20px;
}
html>body div#rightside ul {
  padding: 30px 0 0 30px;
}

div#main {
  margin-right: 1px;
  width: 749px;
  overflow: hidden;  
}
div#navtop_w {
  background: #008131;
  height: 37px;
}


/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Navegaciones                             */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */

/* Locale */
div#navlocale {
  margin: 12px 0 0 20px;
  float: left;
  width: 340px;
}

div#navlocale li {
  float: left;
  margin-right: 15px;
}
div#navlocale li a {
  float: left;
  display: block;
  padding: 2px 0 2px 22px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
li#nav_locale_es a {
  background: url(images/locale_es_over.gif) no-repeat;
}
li#nav_locale_es a:hover {
  background: url(images/locale_es.gif) no-repeat;
}
li#nav_locale_fr a {
  background: url(images/locale_fr_over.gif) no-repeat;
}
li#nav_locale_fr a:hover {
  background: url(images/locale_fr.gif) no-repeat;
}
li#nav_locale_nl a {
  background: url(images/locale_nl_over.gif) no-repeat;
}
li#nav_locale_nl a:hover {
  background: url(images/locale_nl.gif) no-repeat;
}
li#nav_locale_en a {
  background: url(images/locale_en_over.gif) no-repeat;
}
li#nav_locale_en a:hover {
  background: url(images/locale_en.gif) no-repeat;
}
li#nav_locale_de a {
  background: url(images/locale_de_over.gif) no-repeat;
}
li#nav_locale_de a:hover {
  background: url(images/locale_de.gif) no-repeat;
}
li#nav_locale_eu a {
  background: url(images/locale_eu_over.gif) no-repeat;
}
li#nav_locale_eu a:hover {
  background: url(images/locale_eu.gif) no-repeat;
}

/* Top */
div#navtop {
  float: right;
  width: 330px;
  margin: 12px 0px 0 20px;
}
div#navtop li {
  float: right;
  margin-right: 20px;
}
div#navtop li a {
  float: left;
  display: block;
  padding: 2px 15px 2px 0px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  border-right: 1px solid #fff;
}
div#navtop li.first a {
  border-right: none;
}
div#navtop li#nav_contacto a {
  font-size: 13px;
  padding: 0px 15px 2px 0px;
  
}
/* Main */
div#navmain li {
  height: 20px;
}
div#navmain li a {
  font-size: 12px;
  display: block;
  font-weight: bold;
  height: 1px;
  padding: 2px 0 4px 35px;
  background: url(images/navmain.jpg) no-repeat left top;
}
html>body div#navmain li a {
  height: 20px;
}
div#navmain li a:hover,
div#navmain li.current a {
  background: url(images/navmain_over.jpg) no-repeat left top;
}

/* rightside */
div#rightside ul li {
  margin-bottom: 10px;
}
div#rightside ul li a {
  display: block;
  width: 30px;
  height: 30px;
}
div#rightside ul li.acampada a {
  background: url(images/acampada_o.gif) no-repeat;
}
div#rightside ul li.acampada a:hover {
  background: url(images/acampada.gif) no-repeat;
}
div#rightside ul li.parque a {
  background: url(images/parque_o.gif) no-repeat;
}
div#rightside ul li.parque a:hover {
  background: url(images/parque.gif) no-repeat;
}
div#rightside ul li.vela a {
  background: url(images/vela_o.gif) no-repeat;
}
div#rightside ul li.vela a:hover {
  background: url(images/vela.gif) no-repeat;
}
div#rightside ul li.restaurante a {
  background: url(images/restaurante_o.gif) no-repeat;
}
div#rightside ul li.restaurante a:hover {
  background: url(images/restaurante.gif) no-repeat;
}
div#rightside ul li.albergue a {
  background: url(images/albergue_o.gif) no-repeat;
}
div#rightside ul li.albergue a:hover {
  background: url(images/albergue.gif) no-repeat;
}
div#rightside ul li.servicios a {
  background: url(images/servicios_o.gif) no-repeat;
}
div#rightside ul li.servicios a:hover {
  background: url(images/servicios.gif) no-repeat;
}
div#rightside ul li.piscina a {
  background: url(images/piscina_o.gif) no-repeat;
}
div#rightside ul li.piscina a:hover {
  background: url(images/piscina.gif) no-repeat;
}
div#rightside ul li.barbacoa a {
  background: url(images/barbacoa_o.gif) no-repeat;
}
div#rightside ul li.barbacoa a:hover {
  background: url(images/barbacoa.gif) no-repeat;
}
div#rightside ul li.bungalow a {
  background: url(images/bungalow_o.gif) no-repeat;
}
div#rightside ul li.bungalow a:hover {
  background: url(images/bungalow.gif) no-repeat;
}
div#rightside ul li.embarcadero a {
  background: url(images/embarcadero_o.gif) no-repeat;
}
div#rightside ul li.embarcadero a:hover {
  background: url(images/embarcadero.gif) no-repeat;
}

/* Album de fotos */
div.banner_album {
  margin: 10px;
  width: 180px;
}
div.banner_album a {
  display: block;
  padding-top: 100px;
  background: url(images/album.jpg) no-repeat;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}


/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Foot                             */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div#info p {
  font-size: 10px;
  text-align: center;
  padding-top: 5px;
}
div#info p,
div#info p a {
  color: #fff;
}


/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Contenidos                             */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div#content h1 {
  color: #008131;
  font-size: 18px;
  margin: 0px 0 5px 0;
}
div#content p,
div#content li {
  line-height: 1.7em;
}
p.photo img {
  border: 1px solid #008131;
  padding: 2px;
}
div#content p.photo_foot {
  color: #008131;
  font-size: 10px;
  margin-bottom: 5px;
}
div#content a {
  text-decoration: underline;
	color: #008131;
	font-weight: bold;
}
/** Paginas especiales */
div.instalaciones div.floatLeft {
  margin-right: 8px;
  float: left;
}
div.instalaciones div.last {
  margin-right: 0;
}
div.instalaciones img {
  border: 1px solid #008131;
}

div.nav_targets {
  background: #F4F8F4;
  padding: 15px 10px;
}
div.nav_targets ul {
  width: 40%;
  float: left;
  margin-left: 2em;
}
div.block {
  width: 45%;
  float: left;
  margin-left: 0;
  margin-bottom: 20px;
}
div.block div.icono,
div.block div.concept {
  float: left;
}
div.block div.icono {
  margin-right: 6px;
  width: 30px;
}
div.block div.concept {
  width: 150px;
}
div.nav_targets ul li {
  list-style: circle;
  font-size: 11px;
}

div.bullets ul {
  margin-left: 2em;
}
div.bullets ul li {
  font-size: 11px;
  list-style: circle;
}

div.thumbails {
  margin: 10px 0;
}
div.thumbails img {
  border: 1px solid #008131;
  width: 120px;
  height: 83px;
}

p.arrow_up {
  background: url(images/arrow_up.gif) no-repeat 0 50%;
  padding-left: 12px;
}
div.resaltad {
  background: #D3E6D4;
  padding: 5px;
  margin: 20px 0 10px 0;
  border-bottom:1px solid #008131;
  font-size: 16px;
  color: #008131;
}
div.resaltad h3 {
  font-size: 16px;
}
div.resaltad p {
  font-weight: bold;
  font-size: 10px;
}
div#content div.album_3d p {
  line-height: 1em;
  margin: 0;
}
div.album_3d div.floatLeft {
  margin-right: 10px;
}
div.album_3d_block {
  width: 205px;
}
div.album div.gallery img {
  width: 70px;
  height: 50px;
}


div.album_3d_block_text {
  width: 80px;
}
/*Tablas de precios*/
div.prices td {
  padding: 5px;
}
.celda_solid, .celda_dotted, .celda_bottom{border-bottom: 1px solid #008131;}
.celda_solid{border-left:1px solid #008131;}
.celda_dotted{border-left:1px dotted #008131;}
.celda_dotted span{cursor:help;border-bottom: 1px dotted #008131;}


/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Noticias                             */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
h3.date {
  color: #7FC098;
  font-size: 11px;
  margin-bottom: 5px;
}
h2.antetitle {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}
div.article_index {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #9ABAA5;
}
div.article_index_photo {
  float: left;
  margin: 0 15px 10px 0;
  width: 75px;
}
div.article_index_text {
  width: 340px;
  float: left;
}
div.no_photo {
  width: auto;
}
div.leftbox h3.header {
  background: url(images/articles_block.gif) no-repeat;
  color: #01461A;
  padding: 7px 5px 5px 60px;
  font-size: 12px;
  text-transform: uppercase;
  margin: 20px -10px 10px -20px;
  border: 0;
  position: relative;
}
div.articles_blocks h3.header {
  background: url(images/articles_block_blink.gif) no-repeat;
}
div.leftbox {
  padding: 0 10px 10px 20px;
  margin: 0 -10px 0px 0px;
  background: #E8F2E9;
}
div.articles_blocks {
  background: #01360C;
}
div.articles_block {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #2D5639;
}
div.last_article {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
div.articles_block h2 {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0;
}
div.articles_block h2 a {
  color: #fff;
  text-decoration: none;
  font-size: bold;
}
div.gallery {
  margin: 15px 0;
  padding: 10px;
  background: #9ABAA5;
}
div.gallery img {
  border: 1px solid #008131;
}
div.paginator_foot {
  font-size: 12px;
}


div.banner {
  padding: 0 20px;
  margin-bottom: 20px;
  text-align: center;
}

div.ul_num ol {
  margin-left: 2em;
}
div.ul_num li {
  font-size: 11px;
  margin-bottom: .7em;
}
div#rightside div.banner {
  padding-left: 17px;
}

/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Mapa web                           */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */

/*Listas del mapa web*/
div.webmap {
  padding-left: 30px;
}
div.webmap ul li{
  font: normal 12px/15px Arial, Helvetica, sans-serif;
  padding-left: 28px;
  padding:5px 5px 10px 28px;
  list-style-type:none;
  list-style-image:none;
  background:top left url(images/linea_ul.gif) repeat-y;
  clear:both;
}
div.webmap ul li div{
  width:200px;
  background-color:#D3E6D4;
  color:#00461A;
  padding:2px;
}
div.webmap ul ul{
  float:left;
  clear:right;
  margin-top:10px;
  margin-left:20px;
}
div.webmap ul ul li{
  list-style:none;
  margin-left:20px;
  padding-left: 28px;
  background:top left url(images/linea_ul2.gif) repeat-y;
  font-size:10px;
}


/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   El tiempo                            */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div.weather_box {

}
div.weather_box .floatLeft {
  margin-right: 12px;
}
div.weather_box h3 {
  font-size: 10px;
  text-transform: uppercase;
  color: #01461A;
}
p.grados_max {
  font-size: 16px;
  color: #01461A;
  margin-top: 3px;
}
p.grados_min {
  font-size: 11px;
  font-weight: bold;
  color: #008131;
}
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/**   Formularios                            */
/**  '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
div.input_field {
	clear: both	;
	margin-bottom: 10px;
	min-height: 0;
	position: relative;
}
div.label {
	float: left;
	text-align: right;
	width: 140px;
	margin-right: 10px;
	display: inline;
	font-size: 14px;
	font-weight: bold;
}
div.input {
	float: left;
	width: 350px;
}
div.radio input {
	margin-left: 10px;
	margin-right: 5px;
}
div.input input.text {
	width: 250px;
}
div.checkout div.input input.text {
	width: 200px
}
input.text,
textarea.text {
	font-size: 14px;
	padding: 3px 5px;
	border: 1px solid #ccc;
}
input.validation-failed {
  border: 1px solid #990000;
}
textarea.text {
	width: 450px;
}
div.paddingLeft {
	padding-left: 40px;
}
div.padding_form {
	padding-left: 150px;
	width: 350px;
}
div.margin_form {
	margin: 5px 0 0 150px;
}
textarea#AdvBody {
	height: 120px;
}
div.error-message,
p.form_error_message,
.validation-advice {
	color: #990000;
	font-weight: bold;
	padding: 0 0 2px 0px;
	font-size: 12px;
}


/*Formulario de reservas*/
form input, 
select, 
textarea {
  background-color: #D3E6D4;
  border:0;
  font-size:10px;
  font-weight:bold;
  padding: 3px;
  color:#000;
}
form textarea{
  font: normal 12px/14px Arial, Helvetica, sans-serif;
  width:425px
}
form label {
  color:#666666;
  font-weight:bold;
  font-size: 12px;
}
form div.flotar{
  background-color:#F4F8F4;
}
form div{
  margin-bottom:10px;
}
form #aloj_03 input{
  background-color:#fff;
}
form #aloj_03 label span {
  font-weight:normal;
}
div.small p {
  font-size: 10px;
}

/**  ------------------------------------------------------/*
/** dhonishow-/*
/** ----------------------------------------------------------*/
/** Anchura del lienzo */
.dhonishow,
.dhonishow-image,
.dhonishow-nav {
	width: 300px;
}

/** Colores del text */
.dhonishow-navi {  
	color: #000;
}
.dhonishow_big .dhonishow-navi {  
	color: #fff;
}
/** Border de la foto */
.dhonishow-image li img {
}

.dhonishow {
	overflow: hidden;
	float: left;
}           

.dhonishow * {
	padding:  0;
	margin: 0;
	border:  none;
	list-style: none;
}                  

.dhonishow-image {
	overflow: hidden;
	text-align: left;
	position: relative;
	
}     

.dhonishow-image li {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}


.dhonishow-navi {  
	margin-bottom: 2px;
	overflow: hidden;
	padding: 5px;
}
.dhonishow-navi p {
  display: inline;
}                 
.dhonishow-picture-alt {
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	clear: both;
	margin-bottom: 1em;
	
	float: left;
	width: 180px;
}          

.dhonishow-navi .dhonishow-next-picture,
.dhonishow-navi .dhonishow-previous-picture {
	text-indent: -999px;
	width: 16px;
	height: 16px;
	float: right;
	margin: 0;
	cursor:  pointer;
	-moz-outline: none;
}

                                        
.dhonishow-navi .dhonishow-next-picture {
	margin-right: 15px;
	background: url(images/gallery_next.gif) no-repeat;
}

.dhonishow-previous-picture {
	background: url(images/gallery_prev.gif) no-repeat;	
}

.dhonishow-next-picture:hover {
	background: url(images/gallery_next_over.gif) no-repeat;
}

.dhonishow-previous-picture:hover {
	background: url(images/gallery_prev_over.gif) no-repeat;	
}
.gallery_resize {
	background: url(images/gallery_resize.gif) no-repeat;
	float: left;
	width: 10px;
	height: 10px;
	margin-top: -23px;
	position: relative;
}
.dhonishow-navi .paging {
	float: right;
	margin: 0 10px;
	line-height: 1.2em;
	font-size: 10px;
}
.photo_unique .paging {
  display: none;
}
.cake-stack-trace,
.cake-debug {
	background: #000;
	padding: 40px;
	clear: both;
	z-index: 4000;
	text-align: left;
	border: 2px solid #ccc;
	color: #fff;
	margin: 0 20px;
}
.cake-debug {
	z-index: 5000;
	margin-bottom: 20px;
	padding: 10px;
}
.cake-stack-trace a {
	text-decoration: underline;
}
.cake-stack-trace a:hover {
	color: #fff;
}
.cake-sql-log {
	width: 80%;
	margin: 0 auto;
}
.cake-sql-log th {
	font-size: 12px;
}
.cake-sql-log td {
	font-size: 11px;
	color: #000;
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
	text-align: left;
}