/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Theme Name: Quinta do Paco

Description: nothing to say here, just go away…
Author: Purple Profile

Version: 1.0

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* left & right alignment */

.left { float:left;margin-right: 20px;padding: 5px; background: #fff;}
.right { float:right;margin-left: 20px;padding: 5px; background: #fff;}
.wrapper {width:100%; overflow:hidden;height: 100%;}
.relative{ position:relative;}

/* global properties ======================================================== */

html, body{height: 100%;overflow: hidden;}
body{ background:#efecdf url(images/brasao.png); border:0; font:11px Verdana, Geneva, sans-serif; color:#e1e1e1; line-height:18px; min-width:988px; }

/* global Structure ============================================================= */

.main {width: 960px;height: 100%;}

/* ============================= main layout ====================== */

a{ color:#A38F45; text-decoration: none; outline:none}
a:hover{ color:#fff; text-decoration: underline; }
h1{ padding:26px 0 13px 21px; border-bottom:1px solid #b1a061; margin-bottom:30px;}
#content h1{ padding: 54px 20px 45px 17px; border-bottom:0; background:url(images/line_hor1.png) 0 bottom repeat-x; font-size:48px; font-family: 'Lato', sans-serif; font-weight:900; color:#fff; line-height:1.2em; text-transform:uppercase; margin-bottom:9px;font-weight: normal;}
h2{ font-size:3.8em; font-family: 'Tangerine', cursive; color:#fff; line-height:1.2em; padding:20px 0 27px 0; font-weight:400;}
p{ padding-bottom:5px;}

/* ============================= header ====================== */
header{ float:left; width:400px; background: #A38F45 url(images/brasao.png); position: relative; z-index:3;height: 100%;}

#logo{ display:block; text-indent:-9999px; background:url(images/logo_hor.png) 0 0 no-repeat; width:347px; height:116px; }

.menu{ padding:0 20px 30px; border-bottom:1px solid #B1A061; margin-bottom:4px} 

#menu { padding-top:1px; width:200px;font-size:15px;line-height:1.2em;text-transform: uppercase;}
#menu > li { position:relative; margin-bottom:13px;cursor: default;color:#efecd1;}
#menu > li > a{ font-size:15px; font-family: 'Lato', sans-serif; color:#efecd1; text-transform:uppercase;text-decoration: none; }
#menu > li > a:hover, #menu > .active > a, #menu > .sfHover > a{ color:#fff;}

.submenu{position:absolute; top:-19px; left:202px; width:117px; background:#3B3A3A; padding:19px 18px 10px;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.submenu li{font-size:15px; line-height:1.2em; margin-bottom:13px;}
.submenu .first{ position:absolute; background:url(images/submenu_marker.png) 0 0 no-repeat; width:6px; height:11px; left:-6px; top:23px;}
.submenu a{font-family: 'Lato', sans-serif; color:#fff; text-transform:uppercase;text-decoration: none; }
.submenu a:hover{ color:#9b9291}

.submenu a.current{ color:#9b9291}

#news{ padding: 0 20px 0; border-bottom:1px solid #B1A061; color:#fff}
#news ul{list-style: circle;margin-left: 20px; }
#news .date{ color: #d7cfaf; }
#news h2{ padding-bottom:10px}
#news p{ padding: 10px 20px 31px;}
#news a{ color: #404041;}
#news a:hover{ text-decoration: underline; }

/* ============================= content ====================== */

#content{position:relative; float:left; width:560px; z-index:1;background:url(images/bg_content.png) repeat;background: rgba(0,0,0,0.7);height: 100%;}
#content h3{ font-size:2.8em; font-family: 'Tangerine', cursive; color:#fff; line-height:1.2em; padding:20px 0 7px 0; font-weight:400;}
#content span.date{ color: #999;}

#content article ul{margin-left: 10px;}
#content article ul li{ padding-bottom:11px; line-height:14px; background:url(images/marker_1.gif) 0 5px no-repeat; padding-left:19px;}
#content article ul li ul{margin-top: 10px !important;}
#content article ul a{display:inline-block;}

#article a{color: #fff;}

.pad{ padding: 0 19px 19px 19px;}
.pad h2{ padding: 20px 0 0 0; }
.pad span.figure{margin: 20px 0 0 0;background: #a38f45;padding: 10px;display: block;}

.thumbs.promocoes{width: 125px;float: left;}
.thumbs{clear: both;border-top: 1px solid #a38f45;border-bottom: 1px solid #a38f45;padding: 10px 0;width: 90px;margin: 0 auto;float: right;}
.thumbs img{background: #fff;padding: 5px;margin: 6px;}
.thumbs.lazer{width: 90px;float: right;}
.thumbs.promocoes{width: 125px;float: left;}


.quot{ background:url(images/quot.png) 0 0 no-repeat; padding:10px 0 0 34px; margin-top:-3px; overflow:hidden}
.quot p{ font-style:italic; padding-bottom:7px;}
.quot span{ display:block; text-align:right; color:#979796; padding-bottom:29px;}

.dropcap{ float:left; font-size:28px; font-family: 'Tangerine', cursive; color:#CFA040;}

#map{ float:left; background:#fff; padding:10px;margin: 20px 0;}
.address{ float:left; width:171px; color:#fff;}

.flags{ position:absolute; right:-36px; display:block; top:0; background:url(images/bg_gallery.png) repeat;padding: 10px;}
.flags img {margin: 5px 0;}

/* gallery */
.gallery div{float: left;margin: 10px;width: 150px;}
.gallery a{background: #fff;padding: 5px;display: block;}
.gallery span{display: block;color: #fff;text-align: center;border-bottom: 1px dashed #777;border-top: 1px dashed #777;margin-top: 5px;}

/* table */
table a:link {color: #666;font-weight: bold;text-decoration:none;}
table a:visited {color: #999999;font-weight:bold;text-decoration:none;}
table a:active,
table a:hover {color: #bd5a35;text-decoration:underline;}
table {color:#666;margin:20px;border:1px solid #333;width: 92%;}
table th {padding:21px 25px 22px 25px;border-top:1px solid #333;border-bottom:1px solid #333;color: #fff;}
table th:first-child{text-align: left;padding-left:20px;}
table tr{text-align: center;padding-left:20px;}
table tr td:first-child{text-align: left;padding-left:20px;border-left: 0;}
table tr td {padding:18px;background: #DCD9CE;}
table tr.even td{background: #EFECDF;}

/* slides */
#slides{margin: 20px 0;}
#slides .slides_container {width:500px;height: 350px;overflow:hidden;position:relative;background: #fff;padding: 10px;}

/* next/prev buttons */
#slides .next, #slides .prev {position:absolute;top:555px;left:20px;width:21px;height:0;padding-top:21px;overflow:hidden;display:block;z-index:101;}
#slides .prev {background:url(images/arrow-prev.png);}
#slides .next {left:515px;background:url(images/arrow-next.png);}

/* slides pagination */
.pagination{clear: both;border-top: 1px solid #6B6B67;border-bottom: 1px solid #6B6B67;padding: 10px 0 10px 10px;width: 515px;margin: 0 auto;margin: 20px 0;}
.pagination li{float: left;}
.pagination li.current a img{background: transparent;border: 1px solid #fff;}
.pagination img{background: #fff;padding: 5px;margin: 5px;border: 1px solid transparent;}

/* content paging */
.MarkupPagerNav {
        clear: both;
        margin: 1em 0; 
        font-family: Arial, sans-serif;
        margin-bottom: 40px;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;                
	color: #fff;
	background: #2f4248;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
                
.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #6B6B67;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}

/* ============================= footer ====================== */

#footer {padding: 20px 20px 11px 20px; color:#d7cfaf;border-top: 1px solid #6B6B67;clear: both;}
#footer a{ color:#fff;}

/* ============================= forms ============================= */

#form {padding: 0 20px 20px 20px;border: 1px solid #333;}
#content #form ul li {background: none;}
#form .Inputfields{}
#form .Inputfields, #form .Inputfields li {margin: 1em 0;padding: 0;}
#form .Inputfields li label {display: block;}
#form  .Inputfields li p {margin: 0;padding: 0;}
#form .Inputfields li p.description {font-style: italic;}
#form .Inputfields textarea, #form .Inputfields .InputfieldMaxWidth {width: 100%;}
#form .Inputfields .InputfieldSubmit label {display: none;}
#form .ui-state-error-text {color: red;display: block;}

#form .InputfieldSelect{border-bottom: 1px solid #333;height: 50px;}
#form #Inputfield_n_de_quartos, #form #Inputfield_tipo_de_quarto, #Inputfield_tipo_de_evento{width: 200px;margin-top: 7px; }

/* forms styles */
#Inputfield_nome, #Inputfield_telefone, #Inputfield_email, #Inputfield_check_in, #Inputfield_check_out, #Inputfield_obs{margin:0;width:190px !important; height:13px; background: #404041; padding:8px 8px;color:#fff; font:11px Verdana, Geneva, sans-serif;border: 1px solid #6b6b67;margin-top: 7px;}
#Inputfield_email, #Inputfield_check_in, #Inputfield_check_out{width:190px !important;}
#Inputfield_obs{overflow: auto;height: 100px;}
#Inputfield_submit {background: #A38F45; padding: 6px;color: #fff;overflow: visible;display: block;width: 50px;margin: 20px 0 0 0;cursor: pointer;}

#form .notes{display: block;float: right;margin: 15px 220px 0 0;}

/* contain floats */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }