/* CSS Document av Dieter Schneider 2007 */

* {margin: 0;
padding: 0;}

/************************************* Main structure *************************/

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 62.5%;
}

#container {
	background-image: url(images/container_bg.jpg);
	background-repeat: no-repeat;
	height: 465px;
	width: 931px;
	font-size: 1.2em;
	margin: 4px;
	border-top: 1px solid white;
}

#header {
	height: 225px;
	margin-left: 340px;
	margin-top: 20px;
}

#header_left {
	float: left;
	width: 350px;
	height: 206px;
}

#header_right {
	position: relative;
  height: 206px;
	margin-left: 355px;
	margin-right: 20px;
}

#left {
	display: inline;
	float: left;
	width: 225px;
	margin-left: 45px;
	margin-top: 80px;
}

#right {
	margin-left: 340px;
	margin-top: 60px;
	margin-right: 50px;
}

#footer {
	clear: both;
	margin-left: 340px;
	margin-right: 50px;
	margin-top: 40px;
	padding: 20px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	background-color: #F9F7EA;
}

/******************************* Text and image formatting *******************************/

p {margin: .6em 0 1em;
   line-height: 1.3em;
}

p.quote:first-letter 
{
	color: #6F9800;
	font-size:xx-large;
	margin-top: 20px;
	font-size: 2.5em;
  padding-right: 2px;
}

h1 {
	display: block;
	width: 211px;
	height: 71px;
	margin-top: 30px;
	background: transparent url(./images/moli-del-salt.gif) no-repeat left top;
}
h1 a {
	display: block;
	width: 211px;
	height: 71px;
	text-indent: -99em;
}

h2 {
	display: block;
	width: 211px;
	height: 21px;
	background: transparent url(./images/apartamentos-rurales.gif) no-repeat left top;
}
h2 a {
	display: block;
	margin-top: 2em;
	width: 211px;
	height: 21px;
	text-indent: -99em;
}
h3 {
	background-color: #FFFFFF;
	padding-top: 20px;
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: .1em;
	color: #84A54A;
	border-bottom: 1px solid #84A54A;
}

h4 {
	margin: 20px 0;
	background-color: #F5F9EB;
	padding: 5px;
	border: 1px solid #A6BB7A;
	border-width: 1px 0;
	font-size: 1.2em;
	color: #A6BB7A;
}

blockquote {
	background-color: #F4F7F0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom:30px;
	border: 1px dotted #EBE2B7;
	background-image: url(images/blockquote.png);
	background-repeat: no-repeat;
	font-style: italic;
}

.read_more {
	background-color: #FFFFFF;
	padding: 3px;
	text-align: right;
	font-weight: bold;
}

img {padding: 2px;
border: 1px solid #84A54A;}

.float_left {float: left;
              margin-right: 10px;}
			  
.float_right {float: right;
              margin-left: 10px;}
			 
a:link {color: #557C2B;
text-decoration: none;}     /* unvisited link */
a:visited {color: #83A956;
text-decoration: none;}  /* visited link */
a:hover {color: #821115;
text-decoration: none;}   /* mouse over link */
a:active {color: #577E2D;
text-decoration: none;}   /* selected link */

/********************************* Navigation **********************************/

ul#navlist
{
	list-style-type: none;
	font-weight: bold;
	color: #900;
}

#navlist a, #navlist em
{
	display: block;
	padding-top: 17px;
	padding-left: 37px;
	width: 182px;
	border-bottom: 1px solid #eee;
	background: #FFF url(images/menu.png) repeat-x left top;
	height: 27px;
}


#navlist a:link, #navlist a:visited
{
	color: #93B26E;
	text-decoration: none;
}

#navlist a:hover
{	
	background: url(images/menu.png) 0 -45px;
	color: #562930;
}

/**************************************** menu de idiomas ****************************/

#header_right ul {
	position: absolute;
	bottom: 30px;
	right: 10px;
}
#header_right ul li {
	float: left;
	list-style: none;
	margin-right: .8em;
}

/**************************************** extra classes: contact ****************************/
form.contact {
	margin-top: 1em;
	margin-left: 0px;
	background: #FBF9F4 url(images/form_bg.png) no-repeat right bottom;
	padding-bottom: 2em;
}
form.contact p {
	margin: .5em 15px;}
form.contact input.fields_contact, form.contact textarea {
	display: block;
  background: url(images/input_bg.png);
	border: 1px solid #E3E4E9;
	border-color: #E3E4E9 #FFF;
	margin: 3px 0;}

/** Especiales por zona **/
#left form.contact {
	width: 220px;}
#right form.contact {
	width: 330px;}
#left form.contact input.fields_contact, #left form.contact textarea {
	width: 185px;}
#right form.contact input.fields_contact, #right form.contact textarea {
	width: 295px;}

.submit_button_contact {
	width: 50%;
	margin-top: 15px;
	padding: 2px;
	border: 1px solid #A6BB7A;
	background: #EAF4D9 url(./images/input-bottom-bg.gif) repeat-x center center;
}

ul {
	list-style: disc inside url(./images/bullet.gif);
}

ul.imagenes {
	height: 300px;
}

ul.imagenes li {
	list-style: none;
	margin-bottom: 1em;
	background-color: #FFF;
	position: relative;
	display:block;
	width: 250px;
	height: 188px;
	float: left;
}
ul.imagenes li a {
	position: absolute;
	top: 200px;
	left: 0;
}

ul.imagenes li a, ul.imagenes li img  {
	width: 250px;
	height: 188px;
	display: block;
}

ul.imagenes li a:hover, ul.imagenes li a:hover img {
	width: 530px;
	height: 399px;
	top: 0;
	left: 0;
	z-index: 100;
}
/*
#galeria {
	position:relative;
	width:530px;
	height:400px;
	background:#A6BB7A;
	border:1px solid #000;
	margin:10px auto;}
#galeria p {
	font-weight:normal;
	width:540px;
	text-align:center;
	position:absolute;
	bottom:175px;
	left:0;
	color:#eee;
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	letter-spacing:1px;
	line-height:1.7em;
	z-index:1;}

a.gallery,
a.gallery:visited {
	display:inline;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:80px;
	height:60px;
	float:left;
	margin:7px 10px;
	position:relative;
	cursor:default;}

a.slidea {
	background:url(./images/galeria/tn_piscina.jpg);}
a.slideb {
	background:url(./images/galeria/tn_estanque.jpg);}
a.slidec {
	background:url(./images/galeria/tn_jardin.jpg);}
a.slided {
	background:url(./images/galeria/tn_terraza.jpg);}
a.slidee {
	background:url(./images/galeria/tn_piscina.jpg);}
	
a.gallery span {
	visibility:hidden;
	display:block;
	position:absolute;
	width:515px;
	height:280px;
	top:189px;
	left:9px;
	color:#000;
	background:#F5F9EB;
	text-align:center;
	border:1px solid #fff;
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	letter-spacing:1px;
	cursor:default;}

a.slidea span {
	left:-4px;
top:89px;}
a.slideb span {
	left:-106px;
top:89px;}
a.slidec span {
	left:-208px;
top:89px;}
a.slided span {
	left:-310px;
top:89px;}
a.slidee span {
	left:-412px;
top:89px;}
	
a.gallery:hover {
	white-space:normal;
	border:1px solid #fff;
	z-index:100;}

a.gallery:hover span {
	visibility:visible;
	z-index:100;}

a.gallery:hover span img {
	margin:10px;
	border:1px solid #000;
	position:relative;
	z-index:100;}

a.gallery:active,
a.gallery:focus {
	border:1px solid #c00;
	z-index:10;}

a.gallery:active span,
a.gallery:focus span {
	visibility:visible;
	z-index:10;}

a.gallery:active span img,
a.gallery:focus span img {
	border:1px solid #000;
	position:relative;
	margin:10px;
	z-index:10;}
	*/
	
	
#holder {
	position: relative;
	background: #FFF url(./images/fondo-galeria.gif) no-repeat 50px 100px;
	margin: 1em 0;
	z-index:1;}
#scrollbox {
	width:500px;
	height:150px;
	background:#f4f4f4;
	overflow:auto;
	border:1px solid #aaa;}
a.gallery, a.gallery:visited {
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:80px;
	height:60px;
	margin:3px;
	float:left;
	font-size:11px;}

a.gallery span {
	display:block;
	position:absolute;
	left:0;
	top:-1px;
	width:1px;
	height:1px;
	overflow:hidden;
	background:#efedec;
	z-index:100;
	font-size:11px;}
a.gallery:hover {
	white-space:normal;
	border:1px solid #fff;}
a.gallery:hover img {
	border:1px solid #000;
	z-index:100;}
a.gallery:active img,
a.gallery:focus img {
	border:1px solid #000;
	z-index:50;}

a.gallery:hover span,
a.gallery:active span,
a.gallery:focus span {
	display:block;
	position:absolute;
	width:495px;
	height:520px;
	top:49px;
	left:5px;
	color:#000;
	background:#FFF;
}

a.gallery:hover span {z-index:100;}
* html a.gallery:hover span {left:0px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {z-index:50;}
* html a.gallery:active span {left:10px;}

#thumbs {
	width:100%;
	height:150px;}
#pad {
	height:540px;
	width:500px;}
	
table {
	width: 340px;
}
table tr td{
	border-bottom: 1px solid #A6BB7A;
	padding: .2em 0;
}
table tr th{
	border-bottom: 2px solid #A6BB7A;
	padding: .2em 0;
}
table tr th,
table tr.par td {
	background-color: #F5F9EB;
}
table tr td.right {
	text-align: right;
}
table tr td.center {
	text-align: center;
}

#landing {
	display: none;
}