body { margin: 0; padding: 0; font-family: 'Open Sans'; background-image: url(../images/bg.jpg); }

.topStrip { width: 100%; background-color: #2b2b2b; }
.topStrip div { width: 1000px; margin: auto; padding-top: 10px; padding-bottom: 10px;font-size: 12px; }
.topStrip div h6 { margin : 0; padding: 0; color: #fff; font-size: 12px; }
.topStrip div span { float: right; }
.topStrip div span a { color: #fff; text-decoration: none; }

.turquoise { color: #21aea5 !important; }

.content { width: 1000px; margin: auto; }

.content h1 { margin-bottom: 0; }
.content h2 { margin: 0; padding:0; color: #21aea5; }

.breadcrumbs a { text-decoration: none; color: #ed106f; }

.contactImg { float: right; border: 3px solid #fff; margin-top: 15px; }
.contactImg img { display: block; }

.facebook { display: block;  float: left;  color: #fff; text-decoration: none; padding: 10px; padding-left: 35px; background: url(../images/fb.png) no-repeat #3765a3 10% 50%; margin-bottom: 15px; margin-top: 15px; }
.tripadvisor { display: block;  float: left;  color: #fff;text-decoration: none; padding: 10px; padding-left: 45px; background: url(../images/tripadvisor.png) no-repeat #599443 10% 50%; margin-bottom: 15px; margin-top: 15px; }

iframe { float: right; margin-left: 30px; height: 200px; margin-top: 15px; margin-bottom: 30px; border: 3px solid #fff !important; }

.apartmentList { margin: 0; padding: 0; list-style: none; margin-left: 30px; margin-top: 15px; margin-bottom: 15px; }
.apartmentList li { background-image: url(../images/tick.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; }

.availability { display: block; float: right; background-color: #ed106f; padding: 10px; color: #fff; text-decoration: none;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; background-image: url(../images/calendar.png); background-repeat: no-repeat; background-position: 5% 50%; padding-left: 50px; } 

.roomImages { margin-bottom: 5px; }

.roomImages img { margin-right: 17px; background-color: #fff; padding: 3px; border: 1px solid #ccc; }
.roomImages img.last { margin-right: 0; }

.availability:hover { background-color: #21aea5; }

.normalLink { color: #ed106f; text-decoration: none; }

.activity { border-top: 2px solid #b2b2b2; }
.activity img { float: right; margin-top: 20px; margin-left: 30px; }

.footer { width: 100%; background-color: #2b2b2b; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; font-size: 12px;}
.footer div { margin: auto; width: 1000px; color: #fff; }
.footer span { float: right; }
.footer p { margin: 0; padding: 0; }
.footer a { color: #ebdf43; text-decoration: none; }

.gallery { list-style: none; margin: 0; padding: 0; }
.gallery li { float: left; margin-right: 10px; margin-bottom: 10px;  padding-bottom: 0; }
.gallery li img { border: 3px solid #fff; }
.gallery li:nth-child(5n) { margin-right: 0; }

.email { background-image: url(../images/email.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; }
.phone { background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin-right: 15px; }

.header { width: 100%; background-color: #fff; padding-top: 15px; padding-bottom: 10px; }
.header div { width: 1000px; margin: auto; }

.featureBlock { width: 485px; float: left; text-align:center; }
.featureBlock2 { width: 485px; float: left;  margin-left: 30px;text-align:center; }

#prev { background-image: url(../images/prev-slide.png); background-repeat: no-repeat; display: block; position: absolute; left: 0; top: 20px; width: 64px; height: 64px;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#next { background-image: url(../images/next-slide.png); background-repeat: no-repeat; display: block; position: absolute; right: 0; top: 20px; width: 64px; height: 64px;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}

#prev:hover { background-color: #c8b382;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; cursor: pointer; }

#next:hover { background-color: #c8b382;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; cursor: pointer; }

.menu { margin: 0; padding: 0; list-style: none; float: right; background-color: #21aea5; margin-top: 2px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.menu li { float: left; }
.menu li a { display: block; padding: 23px; padding-top: 30px; padding-bottom: 30px; text-decoration: none; color: #fff;-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-ms-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease; }
.menu li a:hover { background-color: #179088; }

.menuFirst { -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }

.menuLast { -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px; }

.current { background-color: #ed106f; }

.contentLeft { width: 500px; float: left; }

.contentRight { float: left; width: 460px; margin-left: 30px; border-left: 1px solid #c5c5c5; font-size: 24px; margin-top: 15px; }

.contentRight h2 { margin-left: 30px; font-size: 28px; margin-bottom: 0; padding-bottom: 0; }

.phoneContent { background-image: url(../images/phone.png); background-repeat: no-repeat; background-position: 0% 50%;  display: block; padding-left: 55px; margin-left: 30px;}
.emailContent { background-image: url(../images/email.png); background-repeat: no-repeat; background-position: 0% 50%;  display: block; padding-left: 55px; margin-left: 30px; margin-top: 20px; color: #660000; text-decoration: none; }
.gps { background-image: url(../images/gps.png); background-repeat: no-repeat; background-position: 0% 50%;  display: block; padding-left: 55px; margin-left: 30px; margin-top: 20px; }

.contentRight iframe { margin-left: 30px; }

/** START MOBILE CSS **/

#nav-text { display: none; } 

@media only screen and (max-width : 940px) {

.header { padding-top: 65px; width: 100%; }

.header img { display: block; margin: auto; }

.content, .footer div, .header div { width: 100%; }

.contactImg { float: none; display: block; margin: auto; width: 90%; margin-bottom: 30px; max-width: 400px; }

.footer div { text-align: center; }

.content h2 { text-align: center; }

.breadcrumbs { text-align: center; }

.facebook, .tripadvisor { float: none; margin: auto; background-position: 1% center; width: 70%; padding-left: 30px; padding-right: 30px; text-align: right; }

table { width: 90%; margin: auto; }

.roomImages img { display: block; margin: auto; width: 90%; max-width: 311px; margin-bottom: 20px; }
.roomImages img.last { margin: auto; }

.activity img { float: none; display: block; margin: auto; margin-top: 30px; }

.activity h3 { text-align: center; }

.activity p { text-align: center; margin-left: 30px; margin-right: 30px; }

nav {  background-color: #4c4c4c; height: 50px; padding: 0; width: inherit; margin: inherit; border: 0; }

.availability { float: none; width: 50%; margin: auto; text-align:center; margin-top: 30px; }

.content h1 { text-align: center; font-size: 24px; }

.gallery li { float: none; margin: auto; display: block; text-align: center; }

.gallery li img { margin-bottom: 40px; }

.content p { margin-left: 30px; margin-right: 30px; }

.contentLeft, .contentRight { width: 100%; float: none; }

.contentRight { border-left: 0; margin-left: 0; }

iframe { float: none; width: 90%; display: block;  margin: auto !important;}

.contentLeft p, .contentRight p { margin-left: 30px; margin-right: 30px; }

      #nav-text { display: block; color: #fff; margin-top: 15px; text-indent: 15px; } 
	   
	   #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; display: block; font-size: 18px;  }
	#nav li a span { font-size: 32px; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 5px; top: 0px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			width: 100%;
			background-position: right;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 18px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			text-indent: 10px;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }

}

/** END MOBILE CSS **/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'angelique_ma_douce_colombeRg';
    src: url('../fonts/angelique_ma_douce_colombe-webfont.eot');
    src: url('../fonts/angelique_ma_douce_colombe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/angelique_ma_douce_colombe-webfont.woff2') format('woff2'),
         url('../fonts/angelique_ma_douce_colombe-webfont.woff') format('woff'),
         url('../fonts/angelique_ma_douce_colombe-webfont.ttf') format('truetype'),
         url('../fonts/angelique_ma_douce_colombe-webfont.svg#angelique_ma_douce_colombeRg') format('svg');
    font-weight: normal;
    font-style: normal;

}