@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0;}
body { background:url(../images/grad-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#wrapper {width:910px; margin:auto; text-align:center; margin-top:10px;}
#container { float:left; text-align:left; width:910px;}

h1{ color:#000; border: 1px solid #d0d0d0; font-size:16px; padding:5px;}
h1 p{ color:#000;  font-size:16px; padding:5px;}

h2{ color:#f87d0f; font-size:16px;}
h3{ color:#000; font-size:12px; padding:5px 5px 5px 0;}
p{ line-height:15px; padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}



#logo {width:114px; float:left; text-align:left;}
#top-right { width:786px; float:right; text-align:right; margin-top:1px;}
#globals {width:525px; float:left; text-align:right; padding:10px 0 10px 10px; margin-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} 
#search { width:250px; float:right; margin: 3px 0 0px 0;}

#searchinput { width:170px; height:22px; border:3px solid #E5E5E5; font-family:Arial, Helvetica, sans-serif; font-family:11px; color:#333333; padding:2px 0 0 10px;}
#search_button { background:url(../../../typo3conf/ext/macina_searchbox/pi1/search_btn.jpg) no-repeat right; width:35px; height:32px; border:none;}

#main-menu { clear:both; width:786px; text-align:right;  margin-top:20px;}
html>body #main-menu { clear:both; width:786px; text-align:right;}

#cont-wrap{clear:both; float:left; width:910px;}
#cont-left{ width:590px; float:left; margin: 10px 0 -40px 0;}
#banner {}
#intro-txt {border: 1px solid #d0d0d0; padding:5px; margin:10px 0;}
#facilities {border: 1px solid #d0d0d0; padding:5px; height:200px;}
html>body #facilities {border: 1px solid #d0d0d0; padding:5px; height:159px;}
#socialmedia {margin:10px 0; padding:5px; height:52px;}
html>body #socialmedia {margin:10px 0; padding:5px;}


#cont-right{ width:300px; float:right; margin:10px 0 0 0; border:1px solid #d0d0d0;}
#news {padding:5px;}
#weather {padding:5px;}


#footer{clear:both; background:url(../images/footer-bg.jpg) no-repeat ; height:158px; padding:50px 0 10px 0; color:#000;}
#f2{float:left; width:300px; padding:5px 0;}
#f3{float:right; width:600px; text-align:absmiddle;}

/* INSIDE PAGES */
#inside-left {float:left; width:300px; margin: 10px 0 -40px 0;}
#inside-weather {padding:5px; margin:10px 0;}
#inside-advisor {padding:5px; margin:10px 0; border:1px solid #d0d0d0;}
#inside-booking {padding:5px; margin:10px 0;}
#inside-socialmedia {padding:5px; margin:10px 0;}

#inside-right {float:right; width:590px; margin:10px 0 0 0;}
#content{padding:10px 0 0 0;}


#main-menu {
	margin-top:5px;
	position:relative;
	width: 786px;
	float: left;
	text-align:right;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c2d46c;
	list-style-image: none;
	list-style-type: none;
	
	background-repeat:  repeat-y;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

#menu { margin-left:122px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
html>body #menu { margin-left:117px; font-family:Arial, Helvetica, sans-serif;}

#menu li{
	float: left;
	position: relative;
	list-style-image: none;
	list-style-type: none;
	border-right:dotted 1px #999999;
	background-repeat:  repeat-y;
	background-position: right top;
	padding-right: 1px;
	margin: 0px 0;
	font-size:11px;
	
}

#menu li.active{
	float: left;
	position: relative;
	list-style-image: none;
	list-style-type: none;
	border-right:dotted 1px #999999;
	background-repeat:  repeat-y;
	background-position: right top;
	padding-right: 1px;
	margin: 0px 0;
	font-size:11px;
	background-color:#c2d46c;
	color:#FFFFFF;
	
}

#menu  li a{
	display:block;
	color:#000;
	text-decoration:none;
	line-height: 18px;
	padding-top: 4px;
	padding-right: 25.3px;
	padding-bottom: 4px;
	padding-left: 25.3px;
	text-transform:uppercase;
	
}
#menu a:hover{
	color:#FFFFFF;
	background-color:#c2d46c;
	
}

#menu li.active a{
	color:#FFFFFF;
	
	
}

#menu a:h{
	color:#FFFFFF;
	background-color:#c2d46c;
	
}



#menu ul   {
	position:absolute;
	top:30px;
	left: -1px;
	background: url(../images/menu-ul.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: ;
	z-index: 0;
	
}
#menu #desplegable  {
	background:url(../images/tri.gif);
	background-position:100px 12px;
	background-repeat:no-repeat;
	display:block;
	width:80px;
	
	
}
#menu  li  ul  li{
	height:auto;
	float:left;
	display: block;
	background-color: #FFFFFF;
	background: url(../images/menu-ul-li.gif);
	background-repeat:  repeat-x;
	background-position: right bottom;
	padding-right: 1px;
	padding-bottom: 1px;
	
}

#menu  li  ul  a{
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
}

#menu  li:hover  ul  {
	display:none;
	
}

a.readmore{ color:#000; text-decoration:none; font-weight:bold;}
a.readgreen {color:#72831e; text-decoration:none; font-weight:bold;}

p a{color:#333; text-decoration:none; }
p a:visited{color:#333; text-decoration:none; }
p a:hover{color:#333; text-decoration:underline; }




#globals a:link {color: #333;	text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-family:11px;}
#globals a:visited {text-decoration: none;	color:#333; font-family:Arial, Helvetica, sans-serif; font-family:11px;}
#globals a:hover {	text-decoration: underline;	color:#333; font-family:Arial, Helvetica, sans-serif; font-family:11px;}
#globals a:current {text-decoration: none;	color:#333; font-family:Arial, Helvetica, sans-serif; font-family:11px;}


.subnav{ list-style:none; line-height:25px; padding:10px; font-weight:bold; color:#72831e;}
.subnav li { border-bottom: 1px dotted #c2d46c;}

.subnav li a {font-weight:bold; color:#72831e; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.subnav a:hover {font-weight:bold; color:#f87d0f; text-decoration:none;}
.subnav li a.current  {font-weight:bold; color:#f87d0f; text-decoration:none;}


.wtgallery_pagebrowser_list { float:left;}
.wtgallery_pagebrowser_list li { list-style:none; float:left;}
.wtgallery_pagebrowser_list li a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; padding-right:10px;}
.wtgallery_pagebrowser_list li a.act { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF6600; padding-right:10px; text-decoration:underline;}
 .wtgallery_pagebrowser_list li a:hover { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; padding-right:10px; color:#FF6600; text-decoration:underline;}