@import url(http://fonts.googleapis.com/css?family=Muli);

/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
:focus { outline:none; }
html,body {height:100%;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {clear:both;display:block;height:0;border-top:1px solid #dddcda;border-bottom:1px solid #fff;margin:20px 0;}
input,select {vertical-align:middle;color:#3e3726;font:12px 'Muli', sans-serif;}
textarea {color:#3e3726;font:12px 'Muli', sans-serif;}

/* Global Styles */
body { background-color:#dddcda; color:#3e3726; font:13px 'Muli', sans-serif; }
hgroup { margin-bottom:1em; }
h1,h2,h3,h4,h5,h6 {
	line-height:1.2em;
}
h1 { color:#efb500; font-size:32px; }
h2 { color:#efb500; font-size:28px; }
h3 { color:#9d9991; font-size:21px; }
h4 { color:#3e3726; font-size:15px; }
h5 { color:#9d9991; font-size:13px; }
h6 { color:#3e3726; font-size:12px; font-style:italic; }
ol { list-style:decimal; }
ul { list-style:disc; margin-bottom:1em; }
li { position:relative; margin-left:20px; line-height:1.5em; }
p { text-align:justify; line-height:1.5em; margin-bottom:1em; }
dl { line-height:1.5em; margin-bottom:1em; }
dt { font-weight:bold; }
small { font-size:.85em; }
a { color:#3e3726; text-decoration:underline; }
a:hover { text-decoration:none; }
.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }

/*--------------------*/
/*--- Main Content ---*/
/*--------------------*/
#wrapper { position:relative; width:970px; margin:0 auto; padding:5px; overflow:hidden; }
.contwrap { overflow:hidden; margin-right:-10px; }
.contwrap aside { float:left; width:320px; min-height:320px; margin:0 5px 5px 0; }
.contwrap aside .box { width:260px; background-color:#9d9991; margin-bottom:5px; padding:30px; color:#fff; }
.contwrap > .content { position:relative; float:left; width:585px; min-height:260px; background-color:#fff; padding:30px; margin:0 0 5px 0; }
.contwrap > .content.fullwidth { float:none; width:910px; }
.contwrap > .box { position:relative; float:left; width:260px; height:260px; background-color:#fff; margin:0 5px 5px 0; padding:30px; }
.contwrap > .box.w645 { width:585px; }
.contwrap > .box.h645 {
	height:485px;
}
.contwrap > .box.w970 { width:910px; }
.contwrap > .box.h970 { height:910px; }
.contwrap > .box.dark { background-color:#9d9991; color:#fff; }
.contwrap > .box.dark h5 { color:#dddcda; }

.loadmore { clear:both; display:block; background:#fff; margin:0 10px 5px 0; padding:15px; font-weight:bold; text-align:center; }
.loadmore span { display:inline-block; height:12px; width:14px; background:url(../imgs/main/arrowdown.png); }
.loadmore:hover { background-color:#efb500; cursor:pointer; }
.loadmore.loading { background-color:#fff; color:#9d9991; cursor:progress; }

.quotebtn { position:absolute; top:15px; right:-5px; height:15px; background-color:#5fa917; padding:10px 30px 10px 20px; color:#fff; font-weight:bold; text-decoration:none; z-index:9; }
.quotebtn:before { position:absolute; top:0; left:-15px; display:block; width:0; height:0; border-style:solid; border-width:0 15px 35px 0; border-color:transparent; border-right-color:#5fa917; content:' '; }
.quotebtn:after { position:absolute; bottom:-5px; right:0; display:block; width:0; height:0; border-style:solid; border-width:0 0 5px 5px; border-color:transparent; border-left-color:#477719; content:' '; }
.quotebtn:hover { background-color:#efb500; color:#3e3726; }
.quotebtn:hover:before { border-right-color:#efb500; }
.quotebtn:hover:after { border-left-color:#3e3726; }

/*--------------*/
/*--- Header ---*/
/*--------------*/
header { height:180px; }
#headerbg { position:absolute; top:0; left:0; right:0; height:525px; background-color:#fff; z-index:0; }
#logo { display:block; width:361px; height:0; background:url(../imgs/main/logoR.png) top no-repeat; margin:15px auto 20px; padding-top:95px; overflow:hidden; }

/* Menu */
#menu { border-top:1px solid #dddcda; padding:15px 0 0; text-align:center; }
#menu a { display:inline-block; margin:0 10px; padding:7px 0; color:#9d9991; font-size:16px; line-height:1; text-decoration:none; text-transform:lowercase; }
#menu a:hover,#menu a.active { color:#3e3726; }
#menu a.active { border-bottom:3px solid #efb500; }

/*----------------*/
/*--- Services ---*/
/*----------------*/
.services { list-style:none; margin:0 -5px 10px 0; overflow:hidden; }
.services > li { float:left; width:320px; height:320px; background-color:#efb500; margin:0 5px 0 0; }
.services li .intro { padding:30px; }
.services li .intro h1,.services li .intro h2 { color:#3e3726; margin-bottom:15px; line-height:1; }
.services li .intro h6,.services li .intro h6 a { color:#fff; margin-bottom:5px; }
.services li .intro p,.services li .intro ul { color:#fff; }
.services li .intro p b,.services li .intro ul b { color:#3e3726; }
#home .services li a { position:relative; float:left; width:320px; height:320px; background-color:#fff; margin:0 5px 0 0; text-decoration:none; }
#home .services li a .title { position:absolute; bottom:25px; left:0; right:0; display:block; color:#fff; font-size:26px; font-weight:600; text-align:center; text-shadow:0 0 8px #3e3726; text-transform:lowercase; z-index:3; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; }
#home .services li a .over { position:absolute; top:0; left:0; display:block; width:50px; height:50px; background:url(../imgs/main/yellow80bg.png) transparent; padding:135px; opacity:0; filter:alpha(opacity=0); z-index:2; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; }
#home .services li a .over .opencircle { display:block; width:50px; height:50px; background:url(../imgs/main/opencircle.png); margin-top:20px; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; }
#home .services li a:hover .title { bottom:70px; text-shadow:none; }
#home .services li a:hover .over { opacity:1; filter:none; }
#home .services li a:hover .over .opencircle { margin-top:0; }

/*------------------*/
/*--- Promotions ---*/
/*------------------*/
#home .promotions { list-style:none; margin:0 -5px 0 0; }
#home .promotions .head { margin:0 5px 5px 0; overflow:hidden; }
#home .promotions .head h4 { float:left; width:260px; height:15px; background-color:#3e3726; margin-right:5px; padding:15px 30px; color:#efb500; }
#home .promotions .head div { float:left; width:585px; height:15px; background-color:#efb500; padding:15px 30px; text-align:right; }
#home .promotions .box { position:relative; float:left; width:260px; height:260px; background-color:#fff; margin:0 5px 5px 0; padding:30px; }

/*------------*/
/*--- Golf ---*/
/*------------*/
.datemove { font-size:14px; text-transform:uppercase; cursor:pointer; }
.gfwrapper {
	float:left;
	width:910px;
	margin-bottom:60px;
	overflow:hidden;
}
.greenfees { position:relative; width:1820px; } /*  width:1704px; */
.greenfees.titles { float:left; width:290px; margin-bottom:60px; }
.greenfees tr.title td { background-color:#efb500; border-bottom:1px solid #dddcda; border-right:1px solid #fff; font-weight:bold; }
.greenfees tr.dark td { background-color:#e8e8e7; border-color:#fff !important; }
.greenfees tr.light td { background-color:#ffffff; border-color:#cccccc !important; }
.greenfees td {
	width:103px;
	height:16px;
	border-bottom:1px solid #dddcda;
	border-right:1px solid #fff;
	padding:8px 0;
	text-align:center;
	cursor:default;
}
.greenfees td.lapso{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FF6600;
}
.greenfees td.golfcourse {
	width:286px;
	font-weight:bold;
	text-align:left;
	text-indent:8px;
	padding:8px;
}
.greenfees td.golfcourse .icon { float:right; margin-right:5px; }

.greenfees tr.buggy td, .greenfees tr.twilight td, .greenfees tr.promogolf td { border-bottom:1px solid #dddcda; border-right:1px solid #fff; padding:4px 8px; font-size:11px; font-weight:bold; }
.greenfees tr.buggy td.buggypromo, .greenfees tr.twilight td.buggypromo, .greenfees tr.promogolf td.buggypromo { background-image:url(../imgs/golf/topreference.gif); background-repeat:no-repeat; background-position:12px 8px; text-align:left; text-indent:20px; }
.greenfees tr.buggy td { color:#5F8F00; }
.greenfees tr.promogolf td { color:#FF6600; }
.greenfees tr.twilight td { color:cadetblue; }

.greenfees a.course { position:relative; display:block; margin:-8px; padding:8px; text-decoration:none; text-indent:0; }
.greenfees a.course .icoinfo {
	display:inline-block;
	width:14px;
	height:15px;
	background:url(../imgs/main/infoicon.png);
	margin:0 2px -3px 2px;
	cursor: pointer;
}
.greenfees a.course:hover .icoinfo { background-position:0 -15px; }

#popup{
	width:600px;
	margin-right:auto;
	margin-left:auto;
	display: block;
	height: 390px;
	z-index:90;
}
#popup .mapa {
	width:238px;
	height:362px;
	border:12px #3E3726 solid;
	float: right;
}
#popup .infobox {
	display:block;
	width: 314px;
	background-color:#3e3726;
	color:#fff;
	font-weight:normal;
	line-height:1.2em;
	height: 362px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 24px;
	float: left;
}
#popup h2 {
	font-size:18px;
	text-align: center;
	margin-bottom: 12px;
}
#popup p{
	font-size:12px;	
}
#popup .infobox b {
	display:inline-block;
	color:#9d9991;
}



/*---------------------*/
/*--- Accommodation ---*/
/*---------------------*/
.search { position:relative; height:260px; background-color:#9d9991; padding:30px; }
.search h4 { color:#dddcda; margin-bottom:15px; }
.search ul { list-style:none; border-top:1px dotted #e8e8e7; margin:0; }
.search li { position:relative; height:16px; border-bottom:1px dotted #e8e8e7; margin:0; padding:14px 0; overflow:hidden; }
.search label { color:#fff; font-size:14px; font-weight:bold; line-height:1; }
.search select { position:absolute; top:10px; right:0; width:170px; height:24px; border:none; padding:1px 1px 1px 5px; font-size:14px; }
.search input[type="text"] { position:absolute; top:9px; right:0; width:150px; height:14px; border:none; padding:6px 10px; font-size:14px; }
.search .submit { position:absolute; bottom:30px; left:30px; right:30px; display:block; background-color:#dddcda; border:none; margin:0; padding:6px; color:#9d9991; font-size:12px; font-weight:bold; }
.search .submit:hover { background-color:#efb500; border-color:#efb500; color:#3e3726; cursor:pointer; }

.box { overflow:hidden; }
.box .info,.box .info img { display:block; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; }
.box .info { position:relative; height:510px; margin:-30px; padding:30px; text-decoration:none; }
.box .info:after { display:block; position:absolute; bottom:0; right:0; width:20px; height:20px; background-color:#efb500; padding:10px; font-size:19px; line-height:1; text-align:center; content:'+'; }
.box img { width:300px; height:240px; margin:-20px -20px 15px; }
.box .strip { position:absolute; top:15px; right:10px; left:15px; display:block; background-color:#efb500; padding:10px 15px; color:#3e3726; font-size:15px; font-weight:bold; text-align:right; text-transform:uppercase; z-index:2; }
.box .title { display:block; margin-bottom:3px; color:#3e3726; font-size:15px; font-weight:bold; }
.box .stars { display:block; margin:0 0 15px -1px; }
.box .price { display:block; margin-bottom:15px; }
.box .text { text-align:justify; line-height:1.5em; margin-bottom:1em; }
.box:hover .info { margin-top:-280px; }
.box:hover .info img { margin-bottom:70px; }

.stars { display:block; width:81px; height:0; background: url(../imgs/main/stars.png); padding-top:16px; overflow:hidden; }
hgroup .stars { margin-bottom:5px; }
.stars.s5 { background-position:0 0; }
.stars.s4 { background-position:0 -16px; }
.stars.s3 { background-position:0 -32px; }
.stars.s2 { background-position:0 -48px; }
.stars.s1 { background-position:0 -64px; }
.stars.s0 { background-position:0 -80px; }

.gallery { position:relative; width:645px; height:320px; overflow:hidden; }
.gallery ul { list-style:none; margin:0; width:9999px; }
.gallery li { float:left; width:645px; height:320px; margin:0; }
.gallery img { display:block; }
.gallery .btn { position:absolute; bottom:1px; right:1px; display:block; width:20px; height:20px; background-color:#fff; padding:5px; font-weight:bold; line-height:20px; text-align:center; text-decoration:none; opacity:.5; }
.gallery .btn.left { right:32px; }
.gallery .btn:hover { background-color:#efb500; opacity:1; cursor:pointer; }

#gmap { width:320px; height:640px; margin-bottom:5px; }

/*----------------*/
/*--- Contacts ---*/
/*----------------*/
.quickcontact { background-color:#9d9991; margin-bottom:5px; padding:30px; color:#fff; }
.quickcontact a { color:#fff; }

.partners { background-color:#fff; margin-bottom:5px; padding:30px; }
.partners a {  }

#contact_form ul { list-style:none; margin:0; }
#contact_form li { margin:0; padding:3px 0; overflow:hidden; }
#contact_form li label { display:block; padding:0 5px; font-weight:bold; }
#contact_form input[type="text"],#contact_form textarea { display:block; width:286px; background-color:#dddcda; border:2px solid #fff; padding:6px; }
#contact_form textarea { width:569px; height:320px; margin:0; }
#contact_form input[type="text"]:focus,#contact_form textarea:focus {
	background-color:#fff;
	border:2px solid #efb500;
}
#contact_form .submit { float:right; border:1px solid #9d9991; background-color:#9d9991; padding:6px 12px 5px; color:#fff; font-weight:bold; }
#contact_form .submit:hover { background-color:#efb500; border-color:#efb500; color:#3e3726; cursor:pointer; }
#main-form #blockinput {
	display: block;
}
#main-form #blockinput #codigo {
	width: 120px;
	height: 32px;
	vertical-align:middle; 
}
#main-form #blockinput #_security_code {
	width: 80px !important;
	display:inline !important;
	height: 32px;
}
#main-form #blockinput #button {
	background-image: url(/formprotect/arrow3_rv.png);
	background-repeat: no-repeat;
	min-width: 32px;
	width: 32px;
	height: 32px;
}

/*--------------*/
/*--- Footer ---*/
/*--------------*/
footer { color:#666a62; font-size:11px; }

#social { float:left; width:260px; height:100px; background-color:#efb500; margin-right:5px; padding:30px; color:#fff; font-size:13px; }
#social h6 { color:#3e3726; font-size:14px; margin-bottom:5px; }
#social ul { list-style:none; margin:0; padding:0; }
#social ul li { float:left; margin:0; padding:0; }
#social ul li a { display:block; width:48px; height:0; background:url(../imgs/main/social.png); padding-top:48px; overflow:hidden; }
#social ul li a.facebook { background-position:0px 0px; }
#social ul li a.twitter { background-position:-48px 0px; }
#social ul li a.google { background-position:-96px 0px; }
#social ul li a.youtube { background-position:-144px 0px; }
#social ul li a.skype { background-position:-192px 0px; }
#social ul li a.rss { background-position:-240px 0px; }
#social ul li a:hover.facebook { background-position:0px -48px; }
#social ul li a:hover.twitter { background-position:-48px -48px; }
#social ul li a:hover.google { background-position:-96px -48px; }
#social ul li a:hover.youtube { background-position:-144px -48px; }
#social ul li a:hover.skype { background-position:-192px -48px; }
#social ul li a:hover.rss { background-position:-240px -48px; }

#copy { position:relative; float:left; width:585px; height:100px; background-color:#3e3726; padding:30px; color:#fff; font-size:13px; }
#copy h6 { color:#efb500; font-size:14px; margin-bottom:24px; }
#copy a { color:#fff; }
#copy b { color:#9d9991; font-size:11px; }
#logofooter { position:absolute; top:13px; right:30px; display:block; width:90px; height:0; background:url(../imgs/main/logofooterR.png); padding-top:57px; overflow:hidden; }
#madeby {
	position:absolute;
	bottom:30px;
	right:30px;
	color:#9d9991;
	font-size:12px;
}

#legend
{
	list-style-type: none;
}
#legend li
{
	float: left;
	border-left-color:#CCCC33;
	border-left-style:double;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFCC;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-left-width: 4px;
}

.titcar
{
	background-color: #EFB500;
	text-align: center;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 90%;
}
.periods
{
	background-color: #EFB500;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 48px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	font-size: 85%;
}

.pricecell
{
	text-align: right;
	vertical-align: middle;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 4px;
}

.titcar #Timage
{
	width: 100px;
}

.cartype
{
	vertical-align: middle;
	padding-left: 6px;
}

.carhire TD
{
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#golfcourseDiv
{
	background-color: #FFFFFF; 
	overflow: hidden;
	z-index: 999;
}

.services li #banner {
	width: 585px;
	background-color: #9D9991;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	display: block;
	height: 260px;
}
.services li #banner img { width:320px; height:240px; margin-top:10px; }
.services li #banner #destaque {
	float: right;
	padding-left: 15px;
    width:250px;
}
.services li #banner #destaque h4 { color:#3e3726; margin-bottom:15px; line-height:1; }
.services li #banner #destaque h5 { color:#fff; margin-bottom:5px; }
.services li #banner #destaque p { color:#fff; }
.services li #banner #destaque p b { color:#3e3726; }

.content #semes1
{
	text-align: center;
	float: left;
	width: 450px;
	position: relative;
	visibility: hidden;
}

.content #semes2
{
	display: inline;
	float: right;
	width: 450px;
	position: relative;
	text-align: center;
}
