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

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Typo */
body{font:12px/1.5 "Trebuchet MS", Arial, Verdana, sans-serif;}a{text-decoration:none;}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1,h2,h3,h4,h5,h6{font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif; text-transform:uppercase;}h1{font-size:25px}h2{font-size:21px}h3{font-size:18px}h4{font-size:16px}h5{font-size:15px}h6{font-size:13px}ol{list-style:none}ul{list-style:none}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:15px} 
cite, em{color:#000;}


/*@FontFace*/
@font-face {
	font-family: 'UglyQuaRegular';
	src: url('../UglyQua.eot');
}

@font-face {
	font-family: 'UglyQuaRegular';
	src: url('../UglyQua.ttf') format("truetype");
}


/* Commun toutes pages **************************************************************/
body{
	background-color:#fff;
	width:100%;
	height:auto;
	margin:0 auto;
	color:#fff;
}
.container{
	width:960px;
	margin:0 auto;
	padding:0 30px;
}

.containerPicture{
	width:960px;
	margin:0 auto;
	padding:0 30px;
}

div{
	position:relative;
}

p{
	color:#000;
	padding:5px;
}

a{
	color:#339933;
	text-decoration:underline;
	padding:2px 4px;
}

a.btn:hover, a.map-item:hover, a.lost:hover{
	color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	background-color:#009933;
	background: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#006600));
	background: -moz-linear-gradient(top,  #009933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#006600');
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	text-decoration:none;
}

a.btn:active {
  position: relative;
  top: 1px;
}

a.images{
	background:none;
	
}

a.images:hover{
	opacity:.8;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*************************************************************************************/
/* Header et NavBar */

#header{
	background:url(../imgs/headerBg.jpg) repeat-x;
	height:244px;
	box-shadow: rgba(0, 0, 0, 0.6) -6px 3px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) -6px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) -6px 3px 5px;
	z-index:1000;
}

#headerContent{
	height:244px;
}

#header img.logo{
	margin-top:60px;
}

#contact{
	width:121px;
	height:124px;
	margin:0;
	position:absolute;
	top:0;
	left:220px;
}

#contact a{
	display:block;
	width:121px;
	height:122px;
	background:url(../imgs/sprite.png) no-repeat -131px 0;
}

#contact a:hover{
	background:url(../imgs/sprite.png) no-repeat 0 0;
}

#contact a.current{
	background:url(../imgs/sprite.png) no-repeat 0 0;
}

img.hammock{
	margin:0;
	position:absolute;
	top:0;
	right:0;
}

h1.logo{
	text-indent:-9999px;
}


/* NavBar */

#navBar{
	position:absolute;
	bottom:15px;
	right:0;
	height:31px;
	width:auto;
	margin:0;
	padding-right:30px;
}


#navBar li{
	display:block;
	float:left;
	width:auto;
	height:23px;
	background:url(../imgs/bgNav.png) repeat-x;
	margin-top:10px;
	padding:0 5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
}

#navBar li a{
	display:block;
	color:#cc0000;
	height:23px;
	float:left;
	font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif;
	font-size:17px;
	line-height:1.5em;
	margin-top:-5px;
	text-decoration:none;
}

#navBar li a:hover{
	color:#fff;
	background:none;
	text-decoration:underline;
}

#navBar li a.current{
	color:#fff;
	text-decoration:underline;
	background:none;
}

.amp{
	display:block;
	float:left;
	margin-top:-5px;
	background:url(../imgs/sprite.png) -30px -127px;
	width:30px;
	height:31px;
}

.ampCurrent{
	display:block;
	float:left;
	margin-top:-5px;
	background:url(../imgs/sprite.png) -62px -127px;
	width:30px;
	height:31px;
}
/************************************************************************************/
/* Content */
#container{
	background-color:#f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
	background: -moz-linear-gradient(top,  #f5f5f5,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
	height:auto;
	overflow:hidden;
}

#containerPicture{
	background-color:#f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
	background: -moz-linear-gradient(top,  #f5f5f5,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
	height:auto;
	overflow:hidden;
}

#content{
	z-index:10;
	height:auto !important;
	height:100%;
	min-height:100%;
}

#content h2{ 
  z-index:100;
	display:block;
	position:relative;
	width:100%;
	height:37px;
	overflow:hidden;
	margin-top:40px;
	padding:0 0 0 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	background-color:#009933;
	background: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#006600));
	background: -moz-linear-gradient(top,  #009933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#006600');
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
}

#content h5{
	color:#339933;
	text-decoration:underline;
	padding:2px 4px;
	clear:both;
	margin:10px 0 0 0;
}

#content h5.title{
	color:#339933;
	margin:0 0 0 5px;
	padding:2px 4px;
	width:552px;
}

#content .longDiv{
	width:565px;
	float:left;
	height:auto !important;
	height:100%;
	min-height:1020px;
	padding:22px 30px 50px 30px;
	box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
}

#content .longDivHome{
	width:565px;
	float:left;
	height:auto !important;
	height:100%;
	min-height:1100px;
	padding:22px 30px 50px 30px;
	box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
}


#content .longDivAct{
	width:565px;
	float:left;
	height:auto !important;
	height:100%;
	min-height:1000px;
	padding:22px 30px 50px 30px;
	box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
}


#main{
	width:565px;
	float:left;
	height:auto !important;
	height:100%;
	min-height:600px;
	padding:22px 30px 50px 30px;
	box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
}

#mainPictures{
	width:565px;
	float:left;
	height:auto !important;
	height:100%;
	min-height:600px;
	padding:22px 30px 50px 30px;
	box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
}



#main ul{
	clear:both;
}

#main li{
	color:#000;
}

#main img{
	display:block;
	width:200px;
	height:110px;
	float:left;
	border:5px solid #f5f5f5;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	margin:20px 10px 10px 0;
}

#main img.kids{
	height:133px;
	border:none;
	margin:40px 10px 0 0;
	box-shadow: none;
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
}


#main a img.pauls{ 
  display:block;
	width:100px;
	height:100px;
	float:left;
	margin:20px 20px 20px 10px;
	padding:0;
  border:5px solid #f5f5f5;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	
} 

#main a img.kids_page{
	display:block;
	width:235px;
	height:177px;
	float:left;
	margin:20px 20px 20px 10px;	
  border:5px solid #f5f5f5;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
}


#main img.big{
	width:550px;
	height:200px;
	margin:0 auto;
	clear:both;
}

#main img.bigHotel{
	width:550px;
	height:286px;
	margin:0 auto;
	clear:both;
}

#main p img.flowers{
	width:200px;
	height:150px;
}


#main p img.long{
	width:250px;
	height:83px;
}

#main p img.right{
	float:right;
	box-shadow: rgba(0, 0, 0, 0.3)  -5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  -5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  -5px 5px 8px;
}

#main p img.chancs{
	width:100px;
	height:60px;
	border:none;
	float:right;
	box-shadow: rgba(0, 0, 0, 0)  -5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0)  -5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0)  -5px 5px 8px;
}

#main p img.activities{
	width:550px;
	height:200px;
	margin:-5px 0 30px 0;
	padding:0;
}

.h2Main{
	display:block;
	position:absolute;
	top:2px;
	right:10px;
	float:right;
	margin:0;
	width:160px;
	height:37px;
	background:url(../imgs/sprite.png) 0 -160px;
}

.visa{
	display:block;
	float:right;
	margin:2px;
	width:70px;
	height:32px;
	background:url(../imgs/sprite.png) -100px -127px;
}

#plus10{
	width:100%;
	height:100px;
}

#sideBar{
	position:absolute;
	right:30px;
	width:300px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0;
	padding:22px 0;
	float:right;
}


.offers{
	text-align:center;
	font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif;
	color:#000;
	font-size:15px;
	margin-left:-20px;
}

.included li{
	font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif;
	color:#000;
	font-size:15px;
}

.included li a{
	cursor:pointer;
	display:block;
	width:auto;
}

.hidden{
	font:12px/1.5 "Trebuchet MS", Arial, Verdana, sans-serif;
}

p.hidden a.btn{
	display:inline;
}

.imgIncl{
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:url(../imgs/sprite.png) 0 -130px;
	margin: 5px 7px 0 3px;
}

#sideBar img.about{
	width:290px;
	border:4px solid #f5f5f5;
	margin-left:-6px;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
}

#main img.stamp{
	width:400px;
	height:200px;
	position:absolute;
	bottom:40px;
	left:80px;
	border:none;
	box-shadow: rgba(0, 0, 0, 0)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0)  5px 5px 8px;
	margin:20px 10px 10px 0;
}


#main ul.gallery img{
	float:left;
	display:block;
	width:250px;
	height:150px;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	margin:0 5px 5px 0;
}

#main ul#mycarousel img {
	width:auto;
	height:auto;
	border:none;
	margin:0;
	box-shadow: rgba(0, 0, 0, 0.3)  0 0 0 ;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  0 0 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  0 0 0;
}


/**************************Videos********************/

#sideBar .video{
	display:block;
	width:320px;
	height:240px;
	border:2px solid #009900;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	margin-left:-15px;
	padding:0;

}


/*********************jquery_jplayer*******************/
.jp-single-player{
	margin-left:40px;
}

/*************************Buoy Widget********************/

.buoy{
	height:400px;
	overflow:hidden;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
}

/************************************************************************************/
/* Footer */
#footer{
	clear:both;
	z-index:10;
	background:url(../imgs/bgFooter.png) repeat-x;
	height:154px;
	margin:0;
	margin-top:-50px;
	padding:0;
}

#footer a{
	color:#fff;
}
#footer a.current{
	color:#cc0000;
	text-decoration:underline;
	background:none;
}


#footerContent{
	background:url(../imgs/footer.png);
	height:154px;
	font-size:11px;
		overflow:hidden;
}

.footLeft{
	float:left;
	width:25%;
	height:100px;
	margin:68px 0 0 0;
}

.footNav{
	text-align:center;
	float:left;
	width:25%;
	height:150px;
	margin:48px 0 0 0;
}

.footNav h6{
	margin:0;
	padding:0;
}

.footNav ul{
	float:left;
	margin:0;
	padding:0;
}


.footLink{
	text-align:center;
	float:left;
	width:30%;
	height:150px;
	margin:48px 0 0 0;
}

.footLink h6{
	margin:0 0 16px 0;
	padding:0;
}

.footLink ul{
	float:left;
	margin:0;
	padding:0;
}

.footRight{
	float:right;
	line-height:2em;
	width:20%;
	height:100px;
	margin:82px 0 0 0;
}

.footRight ul{
	text-align:right;
}

.footRight li{
	text-align:right;
	clear:both;
}

.footLost{
	display:block;
	padding:0 5px;
	float:right;
}

.footRight a.lost{
	text-align:right;
	display:block;
	float:right;
}

.ampFoot{
	display:block;
	float:right;
	background:url(../imgs/sprite.png) -161px -160px;
	width:17px;
	height:18px;
}

/***********************************************************************************/

/** Featured Area **/

#featured_area {
	z-index:200;	
	height: 300px;
	overflow: hidden;
	position:relative;
}

#mySlides {
	padding:0;
	z-index:10;
}

#featured_area .photo {
	margin:0;
	margin-left:50px;
	padding: 0;
	position:relative;
}

#featured_area .photo img {
	width: 850px;
	height: 300px;
}

#featured_area .slide {
	overflow: hidden;
}

#featured_area .container {
	height: 300px;
	overflow: none;
}


a.jFlowPrev, a.jFlowNext {
	z-index:500;
	display: block;
	width: 80px;
	height: 71px;
	position: absolute;
	bottom: -10px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(../imgs/prev.png) no-repeat;
	left: 0px;
}

a.jFlowNext {
	background: url(../imgs/next.png) no-repeat;
	right: 0px;
}

#myController {
	display: none;
}

/*.jFlowControl{
	display:none;	
}*/

#bgSlide{
	z-index:2000;
	height:20px;
	margin-top:-20px;
	background:url(../imgs/featured.png) repeat-x;
}



/********************************Slider Portfolio**********************/
/***********************************************************************************/

/** Featured Area **/

#featured_areaPicts {
	z-index:200;	
	height: 450px;
	width:540px;
	margin-right:20px;
	overflow: hidden;
	position:relative;
}

#mySlidesPicts {
	padding:0;
	z-index:10;
}

#featured_areaPicts .photoPicts {
	margin:0;
	margin-left:30px;
	padding: 0;
	position:relative;
}

#featured_areaPicts .photoPicts img {
	width: 460px;
	height: auto;
}

#featured_areaPicts .slidePicts {
	overflow: hidden;
}

#featured_areaPicts {
	height: auto;
	overflow: none;
}


a.jFlowPrevPicts, a.jFlowNextPicts {
	z-index:500;
	display: block;
	width: 80px;
	height: 71px;
	position: absolute;
	bottom: 120px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrevPicts {
	background: url(../imgs/prevPicts.png) no-repeat;
	left: 0px;
}

a.jFlowNextPicts {
	background: url(../imgs/nextPicts.png) no-repeat;
	right: -7px;
}

#myControllerPicts {
	display: none;
}

/*.jFlowControl{
	display:none;	
}*/

#plus150{
	height:70px;
}




/***********************************Admin************************************/
/*Form*/

#bookForm{
	color:#000;
}

label{
	color:#000;
}

textarea{
	width:100%;
	background-color:#fff;
	color:#000;
}

.success{
	display:block;
	float:right;
	width:40px;
	height:37px;
	background:url(../imgs/sprite.png) -180px -160px;
}

.successContact{
	display:block;
	float:left;
	width:40px;
	height:37px;
	background:url(../imgs/sprite.png) -180px -160px;
}

.error{
	padding:2px 5px;
	text-align:center;
	color:#fff;
	background-color:#990000;
}

.errorContact{
	padding:2px 5px;
	text-align:center;
	color:#fff;
	background-color:#990000;
}

.button{
	cursor:pointer;
}

.buttonContact{
	cursor:pointer;
}

.busy{
	cursor:wait;
}
/*************************Map***************/
#map { width:100%; 
	height:300px; 
	overflow:hidden;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
}

#map-locations li{
	display:inline;
}

/*************************Pdf***************/
#pdf a{
	display:block;
	width:200px;
	height:66px;
	margin:20px	0 0 0;
	padding:10px 0 0 100px;
	line-height:3em;
	color:#cc0000;
	background:url(../imgs/pdf-icon.png)no-repeat;
	font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif;
	font-size:17px;
	
}

#pdf a:hover{
	background-color:#cc0000;
	color:#fff;
	opacity:0.9;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  5px 5px 8px;
}


/*********************************************Date Picker**********************/
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


table.jCalendar {
	border: 1px solid #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
    border-collapse: separate;
    border-spacing: 3px;
}
table.jCalendar th {
	background: #ccc;
	color: #006600;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #cc0000;
	color: #fff;
}
table.jCalendar td.selected {
	background: #cc0000;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #009933;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	border:4px solid #fff;
	background-color:#009933;
	background: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#006600));
	background: -moz-linear-gradient(top,  #009933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#006600');
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding:5px 1px 0 0;
	width: 172px;
	line-height: 1.5em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/***************************Tiny Slideshow*********************************/

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none}
#wrapper {width:503px; margin:50px auto; margin-top:0; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc;}
#information {position:absolute; bottom:0; width:500px; height:0; background:#009900; color:#fff; overflow:hidden; z-index:200; opacity:.6; filter:alpha(opacity=60)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px; display:none;}
#image {width:500px;}
#image img {position:absolute; z-index:25; width:auto; height:300px;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:2px; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:2px; background:url(../images/right.gif) right center no-repeat}
#imglink {display:none;}
#thumbnails {margin:0 0 70px 0;}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover {opacity:.7;}
#slideright {float:right; width:20px; height:81px; background: url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {opacity:.7;}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


/*****************************404 Error***********************/
#main img.error404{
	width:550px;
	height:428px;
	border:none;
	background:none;
	box-shadow: rgba(0, 0, 0, 0) 0 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0) 0 3px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0) 0 3px 7px;
	
} 

/***************************Blog*******************************/  
#mainBlog{
	width:600px;
	float:left;
	height:auto !important;
	height:100%;
	min-height:1000px;
	padding:22px 30px 50px 30px;
	box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  7px -1px 8px;
	font-size:14px;
} 

#mainBlog h3{
  color:#009933;
}

#mainBlog .entry img{ 
  width:auto;
  height:auto;
  max-width:480px;
  margin:0 10px 20px 10px;
  float:left; 
  border:none;
  box-shadow: rgba(0, 0, 0, 0.3)  0px 1px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  0px 1px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  0px 1px 4px;
}

#mainBlog .entry object{
  max-width:480px !important;
  margin:0 10px 20px 0;
  float:left; 
  border:none;
}

#mainBlog .entry embed{
  max-width:480px !important;
  margin:0 10px 20px 0;
  float:left; 
  border:none;
  box-shadow: rgba(0, 0, 0, 0.3)  0px 1px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)  0px 1px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)  0px 1px 4px;
}
 

#sideBarBlog{
  position:absolute;
	right:30px;
	width:280px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0;
	padding:22px 0;
	float:right;
}



.titleBlog{
  color:#fff;
}  

.leftBlog{
  width:100px;
  padding:10px 5px;
  float:left;
} 
.rightBlog{
  width:490px;
  float:right;
  padding:none;
  margin:none;
}        

.dateBlog{
  position:relative;
  width:80px;
  height:62px;
  background:url(../imgs/blogDate.jpg) no-repeat;
  text-align:center;
  box-shadow: inset rgba(0, 0, 0, 0.6) 0 -1px 5px;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.6) 0 -1px 5px;
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0 -1px 5px; 
}                   

.month{             
  margin:0;
  padding:0;
  line-height:1.4em; 
  font-size:11px;
  color:#fff;
} 

.day{
  margin:-8px 0 0 0;
  padding:0;
  color:#444;
  font-size:32px;
  font-weight:bold;
} 

.year{
  margin:-12px 0 0 0;
  padding:0;
  color:#093;
  font-size:11px;
} 

.likeBtn{
  margin:15px 0 0 3px;
  padding:0;
}

.likeBox{
  z-index:10;
  margin:-23px 0 0 2px;
  padding:0;

}

.says{
  color:#000;
}

.moreFace{ 
  text-align:center;
  margin:0;
  padding:0 0 0 2px;
}

.navigation{
  clear:both;
  height:100px; 
  margin: -20px 0 -50px 0;
  padding:0; 
  
}  

.alignleftSingle{
	z-index:500;
	height: 80px;
	position: absolute; 
	margin:0;
	padding:0;
	bottom: 0;
	left:10px;
}

img.attachement-thumbnail {  
   max-width:80px !important;
   max-height:80px !important;
} 

.alignleftGen{
	z-index:100;
	height: 80px;
	position: absolute; 
	margin:0;
	padding:0;
	bottom: 0px;
	left:10px;
} 

.alignrightSingle {
	z-index:500;
	height: 80px;
	position: absolute;
	bottom: 0;
	right:-20px; 
	margin:0;
	padding:0;
}  

.alignrightGen {
	z-index:500;
	height: 80px;
	position: absolute;
	bottom: 0;
	right:-20px; 
	margin:0;
	padding:0;
}
 
.alignleftSingle a, .alignrightSingle a{
	z-index:1000;
	display: block;
	width: 80px;
	height: 71px;
	text-indent: -9999px;
	cursor: pointer;
}

.alignleftSingle a {
	background: url(http://hotelchancletas.com/imgs/prev.png) no-repeat;
	left: 0px;
}           

.alignleftGen a, .alignrightGen a {
  width:auto;
  height:auto;
  font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif;
	font-size:17px; 
  color:#fff;
	margin:30px 10px 30px 0;
	padding:2px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	background-color:#009933;
	background: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#006600));
	background: -moz-linear-gradient(top,  #009933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#006600');
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
}

.alignrightSingle a {
	background: url(http://hotelchancletas.com/imgs/next.png) no-repeat;
	right: 0px;
} 

a.more-link{ 
  text-align:center; 
  clear:both; 
  display:block;
  font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif;
	font-size:14px; 
  color:#fff;
  padding:2px 10px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
	background-color:#009933;
	background: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#006600));
	background: -moz-linear-gradient(top,  #009933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#006600');
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 7px;
} 

#s{
  width:155px;
}

#searchsubmit, #submit{
  font-family:'UglyQuaRegular', Trebuchet, 'Lucida Grande', sans-serif;
	font-size:12px;
   color:#fff;
  padding:1px 5px;
	background-color:#009933;
	background: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#006600));
	background: -moz-linear-gradient(top,  #009933,  #006600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#006600');
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 3px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 3px 3px;
}

h2 .rss{ 
  display:block; 
  height:20px;
  color:#fff;
  text-decoration:none;
} 

.rssIcon{ 
  display:block;
  width:25px;
  height:25px;
  background:url(http://hotelchancletas.com/imgs/rss.png) no-repeat;
  position:absolute;
  right:20px;
  top:4px;
}  

#respond{
  margin-top:20px;
  border-top:1px dashed #ccc;
}                 

#respond h3{
  color:#f90;
  font-size:16px;
}

.comment{ 
  margin-bottom:20px;
  padding:15px 5px 15px 10px;
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 6px;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 6px;
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 0 6px;
  
}

li.comment{
  margin:10px 20px 0 20px;
} 

#galleria{
  height:400px;
}