/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

img {
border:0px;
}

form{
	margin:0;
	paddin:0;
}

body {
 background-image:url(../img/bg.png);
 background-repeat:repeat-x;
 background-color:#7aaac6;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#636363;
 text-align:justify;

}
#wrapper { 
 margin: 0 auto;
 width: 760px;
 padding: 0 9px 0 9px;
}
#faux {
 background-color:#FFF;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#top {
 position:relative;
 width: 760px;
 height: 24px;
 margin: 15px 0px 0px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/top.png);
 background-repeat:no-repeat;

}

#header {
 position:relative;
 width: 760px;
 height: 160px;
 margin: 0px 0px 0px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/middle.png);
 background-repeat:repeat-y;

}

#header-body {
 position:relative;
 color: #333;
 width: 760px;
 padding: 10px 0 0 0;
 height: 160px;
 background-color: #FFFFFF;
}

#logo{
float:left;
margin-left:10px;
}

#idiomas {
	float:right;
	margin-right:120px;
	font-size: 11px;
	z-index:1;
	border-left:1px solid #ededed;
	padding-left:30px;
	padding-top:25px;
	padding-bottom:20px;
}

#idiomas p{
font-weight:bold;
color:#636363;
}

#idiomas ul{
list-style-type:none;
}

#idiomas ul .es {
 list-style-image:url(../img/idiomas/es.png);
}
#idiomas ul .en {
 list-style-image:url(../img/idiomas/en.png);
}

#idiomas ul .de {
 list-style-image:url(../img/idiomas/de.png);
}

#idiomas ul li{
display:list-item;
padding:5px 0 5px 0;

}

#idiomas ul li a{
text-decoration:none;
color:#CCC;
}

#idiomas ul li a:hover{
text-decoration:none;
color:#333;
}

#idiomas ul li .selected a{
text-decoration:none;
color:#ed1651;
}

#main{
 position:relative;
 width: 760px;
 margin: 0px 0px 0px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/middle.png);
 background-repeat:repeat-y;}

.barra{
text-align:center;
background: #FFF;
}

#navigation {
 display:block;
 color: #999;
 padding: 20px;
 padding-bottom:10px;
 padding-top:10px;
 margin: 0px 0px 0px 0px;
 background: #FFF;
 /*border-left:1px solid #999; 
 border-right:1px solid #999;*/
 margin:auto;
}

#navegador {
margin-bottom:0px;
padding:0px 0px 0px 16px;
float:left;
width:100%;
}

#navegador ul{
display:block;
list-style-type:none;
float:left;
}

#navegador ul li{
display:block;
float:left;
}

#navegador ul li #fondoinicio_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/inicioFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoalojamiento_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/alojamientoFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondosituacion_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/situacionFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoactividad_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/actividadFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoinstalacion_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/instalacionesFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondotarifa_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/tarifasFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondocontacto_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/contactoFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoinicio_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/homeFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoalojamiento_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/accomodationFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondosituacion_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/locationFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoactividad_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/activitiesFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoinstalacion_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/facilitiesFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondotarifa_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/pricesFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondocontacto_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/contactFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoinicio_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/startseiteFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoalojamiento_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/unterbringungFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondosituacion_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/lageFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoactividad_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/aktivitatenFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoinstalacion_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/einrichtungenFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondotarifa_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/tarifeFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondocontacto_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/kontaktierenFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li a{
display:block;
float:left;
padding-bottom:10px;
}

#navegador ul li a:hover{
display:block;
float:left;
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 120px;
 float: left;
 padding: 0px 20px 0px 20px;
}

#menualojamiento {
margin:0;
padding:0;
text-decoration:none;
}

#menualojamiento ul {
list-style:none;
color:#898989;
font-weight:bold;
margin:0;
}

#menualojamiento ul .desactivo{
padding:0 0 0 20px;
background-image:url(../img/fondoFlecha.png);
background-repeat:no-repeat;
height:23px;
margin-top:5px;
}

#menualojamiento ul .activo{
padding:0 0 0 20px;
background-image:url(../img/fondoFlechaOn.png);
background-repeat:no-repeat;
height:23px;
margin-top:5px;
}

#menualojamiento ul li a {
text-decoration:none;
color:#898989;
}

#menualojamiento ul li a .selected {
text-decoration:none;
color:#ed1651;
}

#content { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0 20px 0 20px;
 width: 338px;
 display: inline;
 position: relative;
 border-right:1px solid #ededed;
 border-left:1px solid #ededed;
 line-height:18px;
}

#content a {
	text-decoration:none;
	color:#000000;
}

#contentSituacion { 
 float: left;
 color: #333;
 margin: 0px;
 padding: 0 20px 0 20px;
 width: 520px;
 display: inline;
 position: relative;
 border-right:1px solid #ededed;
 border-left:1px solid #ededed;
 line-height:18px;
}

#content ul {
	list-style-type:square;
	margin-left:15px;
}

#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 220px;
 float: right;

}
#reservas {
position:relative;
float:left;
width:195px;
background-color:#FDE7ED;
padding:5px 0px 10px 25px;
}

#informacion {
position:relative;
float:right;
width:180px;
padding:10px 0px 0px 20px;
color:#ed1651;
font-size:14px;
}

.linea {
border-top:1px solid #dacbcf;
margin: 3px 0 6px 0;
width:165px;
}

.linea2 {
border-top:1px solid #dbdbdb;
margin: 3px 0 6px 0;
width:122px;
}

#bottom {
 position:relative;
 width: 760px;
 height: 24px;
 margin: 0px 0px 10px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/bottom.png);
 background-repeat:no-repeat;
}

#ftop {
 position:relative;
 width: 760px;
 height: 18px;
 margin: 0px 0px 0px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/ftop.png);
 background-repeat:no-repeat;
 float:left;
}

#footer { 
 width: 760px;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 0px 9px 0 9px;
 font-size:10px;
 color:#636363;
 background-image:url(../img/fmiddle.png);
 background-repeat:repeat-y;
 float:left;
 }
#fleft {
float:left;
padding-left:15px;
line-height:20px;
}

#fleft a {
text-decoration:none;
color:#636363;
}

#fleft a .selected {
color:#ed1651;
}


#fright {
float:right;
text-align:left;
line-height:20px;
padding-right:35px;
}
#fright a {
text-decoration:none;
color:#ed1651;
font-weight:bold;
}
#fbottom {
 position:relative;
 width: 760px;
 height: 18px;
 margin: 0px 0px 20px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/fbottom.png);
 background-repeat:no-repeat;
 float:left;
}
.clear { clear: both; background: none; }

.azul { color:#7aabc6;}

.botonDisp {
	
	font-family: Verdana, Arial, Georgia;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #ed1651;
	border: 1px solid #000000;
	height: 20px;
	width: 165px;
}

.botonVideo {

	font-family: Verdana, Arial, Georgia;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #63889d;
	border: 1px solid #000000;
	height: 20px;
	width: 120px;
}

.imgTexto img{
margin-top:10px;
margin-right:6px;
margin-bottom:20px;

}

.fuenteVerdana16 {

	font-family: Verdana, Arial, Georgia;
	font-size: 16px;
	font-weight: bold;
	color: #7aabc6;
	text-decoration: none;
	margin-bottom:10px;
}

.formEtiquetas {
	height:25px;
	float:left;
	width:85px;
}

.formInput {
	float:right;
	width:200px;
	margin-bottom:5px;
}

#mapa {
	position:static;
	width:330px;
	height:330px;
	z-index:12;
	float:left;
	padding:10px 0 10px 0;
}

.borde1pxAzul {
	border: 1px solid #7aabc6;
}
.tablaCeldas {
	background-color:#7aabc6;
	color:#FFFFFF;
}

.tablaBottom {
	border-bottom: 1px solid #7aabc6;
}

.fntRosa {color: #ED1651}