/* @group Typo */

body {
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #303A39;
	background-color: #FFFFFF;
	margin: 0;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.backlink, a.backlink:link, a.backlink:visited, a.backlink:hover, a.backlink:active {
	display:block;
	margin-bottom:1em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 2.4em;
}

h4 {
	font-size: 2.2em;
}

h4 {
	font-size: 2em;
}

#contents h3 {
	margin-bottom: 14px;
}

#contents h4 {
	margin-bottom: 14px;
	font-style: italic;
	letter-spacing: -0.03em;
}

#contents h4.sml, #contents p.sml,  {
	margin:0;padding:0;
}

p {
	font-size: 1.4em;
}

strong {
	font-weight: bold;
}

#contents p {
	line-height: 130%;
	letter-spacing: .004em;
	margin-top:10px;
}

.hide {
	display: none;
}

.framed-img {
	width: 277px;
	height: 174px;
	overflow: hidden;
	margin-bottom: 18px;
	background: url(../images/framed-img.png) no-repeat scroll left top;
}

.framed-img .framed-img-content {
	overflow: hidden;
	margin: 10px 0px 0px 11px;
	width: 250px;
	height: 150px;
}

.framed-img-sml {
	float:left;
	width: 190px;
	height: 120px;
	overflow: hidden;
	border:2px solid #D9D7CA;
	margin: 5px;
	/*background: url(../images/framed-img.png) no-repeat scroll left top;*/
}

.framed-img-sml .framed-img-content {
	overflow: hidden;
	border-right:1px solid #CCCAC0;
	border-bottom:1px solid #CCCAC0;		
	margin: 10px 0px 0px 10px;
	width: 170px;
	height: 100px;
}


#book-offer {
	width: 107px;
	height: 33px;
	background: url(../images/book-offer-button.png) no-repeat scroll left top;
	border: 0;
	color: #7f7f7f;
	padding-bottom: 7px;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	margin: 15px 0 0 0;
}

#offers-top {
	
}

#offers-bottom {
	border-top: 1px dotted #666;
	padding: 15px 0 15px 0;
}
#offers-bottom .item {
	padding: 0px 0 30px 0;
}

/* @end */

/* @group Structure */

div.float-container {
	overflow: hidden;
}

div.f-left {
	float: left;
}

div.f-right {
	float: right;
}

.hide {
	display: none;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#seobar {
	height: 15px;
	padding: 5px 0 0 27px;
	color: white;
	font-size: 1em;
}

/* @end */

/* @group Language menu */

#language-menu h3 {
	display: none;
}

#language-menu a {
	color: white;
}

#language-menu {
	margin: 5px 0 0 0;
}

#language-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: white;
	float: right;
	background-color: transparent;
	font-weight: normal;
}

#language-menu ul li {
	border-left: 1px solid white;
	float: left;
	line-height: 1.1em;
	margin: 0 .45em 0 -.45em;
	padding: 0 .45em 0 .45em;
}

#language-menu ul li.first {
	border-left: 0;
}

#language-menu ul li.last {
	margin-right: 0;
	padding-right: 0;
}

#language-menu ul li a.active {
	text-decoration: underline;
}

/* @end */

/* @group Header */

#header {
	height: 255px;
	position: relative;
}

#logo-container {
	width: 151px;
	height: 100%;
	display: table;
	position: absolute;
	left: 30px;
	top: 0;
}

div.v-center {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

#main-menu {
	width: 151px;
	height: 100%;
	display: table;
	position: absolute;
	left: 252px;
	top: 0;
}

#main-menu ul li {
	margin-bottom: 5px;
}

#main-menu a {
	color: #7f9882;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight:bold;
}

#main-menu a.active {
	text-decoration: underline;
}

#sub-menu {
	width: 570px;
	height: 100%;
	display: table;
	position: absolute;
	left: 419px;
	top: 0;
	overflow: hidden;
}

#sub-menu h2 {
	display: none;
}

#sub-menu li {
	float: left;
	width: 100px;
	height: 75px;
	border-left: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 13px;
	padding-top: 10px;
}

#sub-menu li a {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 140%;
}

#sub-menu li a span {
	display: block;
	font-style: italic;
	font-weight: normal;
	font-size: 4.6em;
	padding: 0 0 22px 0;
}

/* @end */

/* @group Booking form */

#booking-form-container {
	height: 53px;
	position: relative;
}

#booking-form-container h3 {
	position: absolute;
	top: 15px;
	left: 29px;
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
}

#booking-form legend,
#booking-form label {
	display: none;
}

#booking-form #frommonth-label {
	display: block;
	position: absolute;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	left: 195px;
	top: 8px;
}

#booking-form #frommonth-label span {
	display: none;
}

#booking-form #frommonth {
	position: absolute;
	font-size: 1.1em;
	font-weight: normal;
	left: 191px;
	top: 22px;
}

#booking-form #fromday {
	position: absolute;
	font-size: 1.1em;
	font-weight: normal;
	left: 250px;
	top: 22px;
}

#booking-form #fromyear {
	position: absolute;
	font-size: 1.1em;
	font-weight: normal;
	left: 305px;
	top: 22px;
}

#booking-form #nbdays-label {
	display: block;
	position: absolute;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	left: 383px;
	top: 8px;
}

#booking-form #nbdays {
	position: absolute;
	font-size: 1.1em;
	font-weight: normal;
	left: 381px;
	top: 22px;
}

#booking-form #adulteresa-label {
	display: block;
	position: absolute;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	left: 446px;
	top: 8px;
}

#booking-form #adulteresa {
	position: absolute;
	font-size: 1.1em;
	font-weight: normal;
	left: 444px;
	top: 22px;
}

#booking-form #enfantresa-label {
	display: block;
	position: absolute;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	left: 507px;
	top: 8px;
}

#booking-form #enfantresa {
	position: absolute;
	font-size: 1.1em;
	font-weight: normal;
	left: 504px;
	top: 22px;
}

#booking-form #iata-code-label {
	display: block;
	position: absolute;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	left: 604px;
	top: 8px;
}

#booking-form #iata-code {
	position: absolute;
	font-size: 1em;
	font-weight: normal;
	left: 601px;
	top: 22px;
	width: 92px;
	height: 10px;
}

#booking-form #booking-form-options {
	position: absolute;
	font-size: 1em;
	font-weight: normal;
	left: 713px;
	top: 27px;
}

#booking-form #book-now-submit {
	width: 99px;
	position: absolute;
	left: 820px;
	top: 17px;
	height: 21px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666353;
	background: url(../images/book-now-button.png) no-repeat scroll left top;
	border: 1px solid #666353;
	font-size: 1.2em;
	padding-bottom: 1px;
}

/* @end */

/* @group Contents */

#contents {
	padding: 25px 37px 10px 31px;
}

#col-1 {
	width: 270px;
}

#col-2 {
	margin-left: 37px;
	width: 280px;
	margin-top: 3px;
}

#col-1and2, .col-1and2 {
	width: 620px;
}

#col-2and3 {
	width: 550px;
}

#col-3, .col-3 {
	width: 270px;
}

#col-galleryitems {
	width:100px;
}
#col-galleryitemimages {
	width:720px;	
}
#col-galleryitemimages .framed-img-sml{
	margin:20px;
}

/* @end */

/* @group News */
ul.news li {
	min-height: 55px;
	height: auto !important;
	height: 55px;
	margin-bottom: 30px;
	position: relative;
	padding-left: 59px;
}

#contents ul.news h5 {
	color: black;
	font-weight: normal;
	border-right: 1px solid #C3C2AE;
	padding-bottom: 2px;
}

ul.news h5 {
	position: absolute;
	font-size: 1.3em;
	left: 0;
	top: 0;
	width: 55px;
	height: 65px;
	color: black;
	text-align: center;
}

ul.news h5 span {
	font-size: 3em;
	display: block;
	width: 55px;
	height: 45px;
	margin-bottom: 5px;
}

ul.news p {
	margin-left: 20px;
}

/* @end */

/* @group Footer */
#footer {
	width: 960px;
	margin: 0 auto;
	border-top: 1px dotted black;
	padding-top: 10px;
}

#footer .f-left {
	margin-bottom: 1em;
	overflow: hidden;
	width: 630px;
}

#footer ul.subcategories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer ul.subcategories li {
	border-left: 1px solid #000;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}


#footer ul.subcategories li a {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

#footer .f-right {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

div.footer-extra {
  padding-left:10px;
}

div.footer-extra a {
  color:#41817D;
  font-size:1em;
  font-weight:bold;

}

#seobar {
	float: left;
	width: 799px;

	font-family: Arial, Helvetica, sans-serif;
	color: #8D99A1;
	text-align: right;
	height: 20px;
}

#seobar h1, #seobar h2, #seobar h3 {
	float:left;
	font-size:11px;
	color:#8D99A1;
	margin-left:5px;
}
#seobar h1 a {
	color: #8D99A1;
}
/* @end */