* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	background-repeat: no-repeat;
	text-decoration: none;
	outline: none;
}
a:link, a:visited, a:hover, a:active {color: #C8B18B;}
.link:hover {text-decoration: underline;}
img {display: block;}
input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
em {font-style: normal; font-weight: bold;}
 
body {background-color: #C7B18B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; }

.clearer { height: 0.1em; clear: both;}

#container {width: 830px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }
#wrapper { background:url(images/bg_middle.gif); }
#page { background-image:url(images/bg_top.gif);   }
#page_top {background-image:url(images/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
#page_bottom {border: 1px solid #DED1B8; }
#real_page {background: #f8f3ea; height: 494px; position: relative; overflow: hidden; border: 9px solid #CFBD9C; }
 
h1 {width: 174px; height: 174px;  position: absolute; top: 180px; left:423px; z-index: 10000; }
h1 a {text-indent: -3000px; overflow: hidden; background:url(images/logo.gif); display: block; height: 100%; width: 100%;}
h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
h3 {height: 20px; text-indent: -3000px; overflow: hidden; margin-bottom: 5px;}
h4 {font-size: 10px;}
 
#main_menu {width: 142px; position: absolute; top: 193px; left: 603px; padding: 1px 0 0; background:url(images/dot_hor.gif); background-repeat: repeat-x;}
#main_menu li {padding: 0 0 1px; background:url(images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
#main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 20px;color:#53301A;}
#main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {background-position: 5px 6px;color:#8E7152;}

#contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
#contents {width: 3458px; height: 100%; position: relative;}
.content {width: 494px;  position: absolute; overflow: hidden; }
#home {left: 0; top: 0;}
 
#lacasa {left: 494px; top: 0; background-color: #2F1312; background-image:url(images/lacasa_thumb.jpg); padding: 248px 0 0;}
#lacasa h2 { background-image:url(images/es-lacasa-h2.gif); background-position: center center;}
#lacasa .description {background-color: #5B423B; height: 170px; padding: 38px 125px 38px 40px; color: #c8b18b;}
#lacasa h3 {color:#fff; text-transform:uppercase;text-indent: 0px; font-size:18px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; letter-spacing:3px;} 
 
#servicios {left: 988px; top: 0; height: 494px; overflow: hidden;}
#servicios_aux {position: absolute; left: 0; top:0; background-color: #40452F; height: 246px; background-image:url(images/servicios_thumb.jpg); padding: 248px 0 0; overflow: hidden; width: 494px;}
#servicios_aux h2 { background-image:url(images/es-servicios-h2.gif); background-position: center center;}
#servicios_aux .description {background-color: #6f765e; height: 170px; padding: 38px 125px 38px 40px; color: #c8b18b;}
#servicios_aux h3 {color:#fff; text-transform:uppercase;text-indent: 0px; font-size:18px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;letter-spacing:3px; position: relative; top: 0; left: 0; display: block; width: 200px;}
#servicios_link {background-image:url(images/es-icono_servicios.gif); display: block; text-indent: -3000px; overflow: hidden; width: 180px; height: 33px; margin-top: 3px;}
#servicios_link:hover {background-position: 0 -33px;}

#detalle_servicios {background:#FF0000; position: absolute; left: 0; top: 494px; background-color: #6f765e; height: 494px; width: 494px; padding:0 20px;}
#detalle_servicios h4{ color:#FFFFFF; font-size:14px; text-align:left; text-decoration:underline; padding-top:8px;}
#detalle_servicios_link {background-image:url(images/icono_arriba.gif);display:block; text-indent:-3000px; overflow:hidden; width:180px; height:33px;}
#detalle_servicios_link:hover {background-position: 0 -33px;}
 
#galerie {left: 1482px; top: 0; height: 494px; overflow: hidden;    }
#fotos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
#fotos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
#fotos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
#foto_arriba { background-image:url(images/up.png); visibility: hidden;}
#foto_abajo { background-image:url(images/down.png);}
#fotos_wrapper {width: 494px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
#fotos {  width: 494px; position: absolute; top: 0; left: 0;  }
#fotos li { position: relative; left: 0; top: 0; float: left; clear: left; }
#fotos li img {display: block;}
#fotos li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
#fotos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 494px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
#galerie:hover #fotos_nav2 {visibility: visible;} 
 
#fotos_nav2 ul {float: right; padding: 5px;}
#fotos_nav2 li {float: left; padding-right: 1px;}
#fotos_nav2 li a:link, #fotos_nav2 li a:visited , #fotos_nav2 li a:active, #fotos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(images/nav_bg.png);}
#fotos_nav2 li a:hover, #fotos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
#fotos_nav2 h4 {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
 
#precios {left: 1976px; top: 0; background-color: #211231; background-image:url(images/precios_thumb.jpg); padding: 248px 0 0;}
#precios h2 { background-image:url(images/es-precios-h2.gif); background-position: center center;}
#precios .description {background-color: #4A4252; height: 450px; padding: 50px 95px 38px 40px; color: #c8b18b;}
#precios h3 {color:#fff; text-transform:uppercase;text-indent: 0px; font-size:18px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; letter-spacing:3px;}
#precios ul {line-height: 19px;}
#precios table, #precios td {border:1px solid;}
#precios td {padding:0 3px; text-align:center;}
 
#condiciones {left: 2470px; top: 0; background-color: #2B3E44; background-image:url(images/condiciones_thumb.jpg); padding: 0px 0 0;}
#condiciones h2 { background-image:url(images/es-condiciones-h2.gif); background-position: center center;}
#condiciones .description {background-color: #616362; height: 450px; padding: 20px 55px 38px 40px; color: #c8b18b;}
#condiciones h3 {color:#fff; text-transform:uppercase;text-indent: 0px; font-size:18px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; letter-spacing:3px;}
#condiciones p {line-height: 14px ; }
#tipo_condiciones {padding: 7px 0;}

#enlaces {left: 3458px; top: 0; background-color: #211231; background-image:url(images/enlaces_thumb.jpg); padding: 248px 0 0;}
#enlaces h2 { background-image:url(images/es-enlaces-h2.gif); background-position: center center;}
#enlaces .description {background-color: #4A4252; height: 170px; padding: 38px 125px 38px 40px; color: #c8b18b;}
#enlaces h3 {color:#fff; text-transform:uppercase;text-indent: 0px; font-size:18px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; letter-spacing:3px;}
#enlaces ul {line-height: 19px;}
 
#contact { left: 2964px;  top: 0; height: 494px; overflow: hidden;}
#formular_contact {position: absolute; left: 0;  top: 0; background-color: #24201D; background-image:url(images/contactar_thumb.jpg); padding: 248px 0 0; height: 246px; overflow: hidden; width: 494px; }
#formular_contact h2 { background-image:url(images/es-contactar-h2.gif); background-position: center center;}
#formular_contact .description {background-color: #4C413F; height: 170px; padding: 38px 125px 38px 40px; color: #c8b18b;}
#formular_contact h3 {color:#fff; text-transform:uppercase;text-indent: 0px; font-size:18px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; letter-spacing:3px; position: relative; top: 0; left: 0; display: block; width: 200px;}
#contact_link { background-image:url(images/es-localizar.gif); display: block; text-indent: -3000px; overflow: hidden; width: 96px; height: 33px; margin-top: 3px;   }
#contact_link:hover {background-position: 0 -33px;}
 
#localizar {position: absolute; left: 0; top: 494px; background-color: #585047; height: 494px; width: 494px;}
#localizar img {cursor: pointer;}

#enlaces_link { background-image:url(images/localizar.gif); display: block; text-indent: -3000px; overflow: hidden; width: 96px; height: 33px; margin-top: 3px;   }
#enlaces_link:hover {background-position: 0 -33px;}
#enlaces2 {position: absolute; left: 0; top: 494px; background-color: #585047; height: 494px; width: 494px;}
#enlaces2 img {cursor: pointer;}
 
.formular {width: 333px;}
.formular label {display: block; float: left; clear: both;  white-space: nowrap;}
.formular span {display: block; float: right;  background-color: #694f47; padding: 3px; margin: 0 0 4px; }
.formular input.text, .formular textarea {width: 243px; background-color: #694f47; display: block; color: #fff;}
.formular2 {width: 193px; float: left;}
.formular2 input.text,  .formular2 textarea {width: 147px;}
input.button {float: right;}
.formular textarea {height: 50px; overflow: auto;}
#lacasa .formular  input.text {width: 240px;}
#lacasa .nr {width: 100%; float: left;}
#lacasa .formular .nr input.text {width: 73px;}
#lacasa .nr_1 {float: left; width: 166px;  }
#lacasa .nr_2 {float: right; width: 159px;  }
#lacasa .nr span { position: relative; top: 0; left: 0;}
#lacasa .nr_1 iframe {top: 10px; left: 10px;}

iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}
select { display: block; width: 246px; position: absolute; top: 0; left: 87px; }
select.replaced { display: none; }
ul.selectReplacement { overflow: visible; width: 246px; float: right;  position: absolute; top: 0; left: 87px; z-index: 100;}
ul.selectReplacement li { background: #432C26; color: #fff; cursor: pointer; display: none; font-size: 10px;padding-left: 5px;}
ul.selectOpen li {display: block;}
ul.selectReplacement li.selected { background-color: #6A4F48; background-image:url(images/select_arrow.gif); background-position: center right; background-repeat: no-repeat; color: #fff; display: block; }
ul.selectOpen li.selected { background: #301D17; display: block;}
ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #301D17; color: #fff; }
  
#footer {position: relative; top: 0; left: 0;  color: #978158; font-size: 9px;  padding: 0px 5px 0 0;  background: #C7B18B;border:0px solid #666;}
/*#footer p {float: right; margin: -1px 0 0 0; background-image:url(images/footer_bg.gif); background-position: left center; padding: 0 100px 0 6px; line-height: 16px;}*/

#footer p {float: right; margin: -1px 0 0 0; background-image:url(images/footer_bg.gif); background-position: left center; padding: 0px 100px 0 6px; line-height: 30px;}

#lang {float: left; margin: 3px 0 0 5px; display: inline;}

#lang span, #lang a {display: block; height: 25px; text-indent: -3000px; background-position: 0 -25px; overflow: hidden;}
#lang span, #lang a:hover {background-position: 0 0;}
#lang li {float: left; padding: 0 13px 0 0;}

.es {background-image:url(images/es.gif); width: 25px;}
.en {background-image:url(images/en.gif); width: 25px;}
.al {background-image:url(images/de.gif); width: 25px;}
.fr {background-image:url(images/fr.gif); width: 25px;} 
 
.footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
  
.alert_wrapper { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; float: left;}

.loading {width:370px; display:block; height:120px; background-position:center;}
#lacasa .loading {color:#5B423B; background-image:url(images/loader_lacasa.gif); }
#contact .loading {color:#4C413F; background-image:url(images/loader_contactar.gif);}
.foto {background-image:url(images/loader_contactar.gif); background-position: center; background-color: #4C413F;}
 
#contact_div {width: 370px;}
#contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px;}