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

Squarestone - Master Stylesheet
PurpleDaydream 2009

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

@import url(reset.css);


/* dialog */

#overlay {
	position: 	fixed;
	width:		100%;
	height:		100%;
	background:	#000;
	opacity: 	0.66;
	-moz-opacity: 0.66;
	filter:alpha(opacity=66);
	z-index: 	2000;
	display: 	none;
	left:		0;
}



#dialogPos {
	position: fixed; 
	left: 50%; 
	top: 50%;
	z-index: 2001;
}


#dialog h2 {
	color:#005295;
	
	font-family:Georgia,Times,"Times New Roman",serif;
	font-size:18px;
	font-style:italic;
	line-height:20px;
	padding: 12px 0;
	
}

#dialog p {
	border-bottom:1px solid #AAAAAA;
	font-family:Calibri;
	margin:4px 0;
	padding-bottom:4px;
}


#dialog {
	-moz-box-shadow:0 0 20px #000000;
	-webkit-box-shadow:0 0 20px #000000;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius: 8px ;
	border-radius: 8px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:10px solid #AAAAAA;
	left:-480px;
	padding:12px;
	position:absolute;
	top:-290px;
	width:980px;
	height:	560px;
}


/* Generic
--------------------------------------- */
body {
	background: #F0EFEE url(../img/body_bg.png) repeat-x top;
	color: #333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	height:100%;
	line-height: 18px;
	margin: 0;
	text-align: center;
}

#header, #content, #footer {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, "Times New Roman", serif;
}

h3 {
	font-size: 14px;
	font-style: italic;
	margin: 0 0 15px;
}

h4 {
	color: #fff;
	font-weight: normal;
	margin: 0 0 10px;
	font-style: normal;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.container {
	margin: 0 auto;
	width: 940px;
}


/* Button
--------------------------------------- */
a.button {
	background: url(../img/button.png) no-repeat scroll right -52px;
	color: #333 !important;
	display: inline-block;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 15px;
	margin: 15px 0 0 0;
	padding: 5px 21px 7px 0;
	text-decoration: none !important;
}

a.button span {
	background: url(../img/button.png) no-repeat scroll left 1px;
	padding: 5px 0 7px 21px;
}

a.brochura {
	float: left;
	background: url(../img/brochura.png) no-repeat;
	width: 192px;
	height: 146px;
}

a.brochura:hover {
	background: url(../img/brochura_hover.jpg) no-repeat;
}

.submitButton{
	background: url(../img/button.png) no-repeat scroll right -52px;
	color: #333 !important;
	display: inline-block;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 15px;
	margin: 15px 0 0 0;
	padding: 5px 21px 7px 0;
	text-decoration: none !important;
}

a.sideButton {
	position:absolute;
	right:15px;
	bottom:30px;
	background: url(../img/sideButton.png) no-repeat scroll right -49px;
	color: #FFFFFF !important;
	display: inline-block;
	font-size: 12px;
	font-weight:bold;
	line-height: 15px;
	padding: 7px 8px 7px 0;
	text-decoration: none !important;
}

a.sideButton span {
	background: url(../img/sideButton.png) no-repeat scroll left 2px;
	padding: 8px 0 7px 7px;
}


/* Header
--------------------------------------- */
#header {
	background: #fff;
	border-bottom: 1px solid #999;
}

.seperator {
	float:left;
	background:url(../img/sep.png) no-repeat center center;
	width:1px;
	height:117px;
}

#header .quote {
	float:left;
	padding:45px 28px 20px 39px;
	width:373px;
	color:#005295;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style:italic;
	font-size:18px;
	line-height:20px;
}
#header .contacts {
	float:left;
	padding: 46px 0 0 24px;
	width:234px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style:italic;
	font-size:11px;
	line-height:20px;
}
#header .contacts a {
	text-decoration:none;
	color:black;
}

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

.directLink a:hover{
	color:gray !important;
}

#header .inner {
	margin: 0 auto;
	position: relative;
	width: 940px;
}

#header .language_picker {
	position: absolute;
	right: 0;
	top: 1px;
}

#header .language_picker a {

	color: #fff;
	display: inline-block;

	margin: 0 0 0 1px;
	text-decoration: none;
}

#header .language_picker a:hover {
	background: #434343;
}

#header .language_picker a.current {
	background: #005295;
}

#header .language_picker a.current:hover {
	background: #005ca7;
}


/* Footer
--------------------------------------- */
#footer {
	background: transparent url(../img/content_bg_white.png) repeat-y center top;
	margin-top: 1px;
}

#footer .logo {
	float: left;
	width: 300px;
}

#footer .links {
	color: #666;
	font-size: 10px;
	float: right;
	width: 640px;
}

#footer .links a {
	color: #666;
	text-decoration: none;
}

#footer .links a:hover {
	color: #444;
}

#footer .links ul {
	margin: 27px 0 0 0;
	text-align: right;
}

#footer .links li {
	display: inline;
	padding: 0 8px 0 10px;
}

#footer .links li.link {
	border-left: 1px solid #999;
}


/* Home
--------------------------------------- */
.home #content {
	padding: 10px 0 0 0;
}

.home #content .inner {
	padding: 30px;
}

.home #content .left, .home #content .right {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0 10px;
}
.home #content .centre {
	float: left;
	margin: 0;
	padding: 0 9px;
}
.destilaria-home {
	float:left;
	width:182px;
	padding:22px 23px 0 26px;
}
.badge {
	position:absolute;
	padding:172px 0 0 748px;
}
.home #content .left p, .home #content .right p, .home #content .centre p {
	color: #666;
}

.home .container .top_menu{
	position:absolute;
	top:0;
	left:280px;
}

.home .container{
	position:relative;
}

}
/* Homepage
--------------------------------------- */
.intro {
	font-family: Georgia, Times, serif;
}

.bg-intro_footer {
	float:left;
	background:#324451;
}
.intro_footer {
	background: #324451; 
	border-top: 1px solid #999;
	color: #fff;
	float: left; 
	width: 470px;
}

.intro_footer img {
	float: left;
}

.intro_footer .content {
	padding: 20px 20px 20px 240px;
}

.intro_footer .content p {
	font-size: 11px;
	line-height: 14px;
}


/* Content
--------------------------------------- */
#flashMessage {
	background: #eee;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
	margin: -10px 0 10px;
	font-weight: bold;
}

#content {
	background: transparent url(../img/content_bg_white.png) repeat-y center top;
	padding: 0 0 40px 0;
}

#content .left, #content .right {
	float: left;
	margin: 0 auto;
}

#content .left {
	width: 279px;
}

#content .right {
	margin: 0 0 0 1px;
	width: 660px;
}

#content .page_bg {
	background: url(../img/top_bg.jpg) no-repeat top;
}

.right .inner {
	clear: both;
	padding: 0 60px 0 30px;
}

.right .inner .content {
	padding: 30px 90px 0 0;
}

.right.gallery .inner {
	padding: 0;
}

.right.gallery .inner .content {
	padding: 10px 0;
}
.right.gallery .inner .content .sliderGallery {
	overflow: hidden;
	position: relative;
	height: 130px;
	width: 650px;
}
		
.right.gallery .inner .content .sliderGallery UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.right.gallery .inner .content .sliderGallery UL LI {
	display: inline;
}
.right.gallery .inner .content .slider {
	width: 629px;
	height: 28px;
	margin: 0 0 0 10px;
	position: relative;
	top:100px;
	background: url(../img/gallery_bar.png) no-repeat;
}

.right.gallery .inner .content .handle {
	position: absolute;
	cursor: pointer;
	width: 41px;
	height: 25px;
	top: -3px;
	z-index: 110;
	background: url(../img/gallery_button.png) no-repeat 0 0;
}

.right.gallery .inner .content .handle:hover {
	background-position:0 -25px;
}

.right.gallery .inner .content .handle:active {
	background-position:0 -50px;
}

.right.gallery .inner .content .slider span {
	cursor: pointer;
	position: absolute;
	z-index: 100;
}
.right.gallery .inner .content .slider .slider-lbl1 {
	left: 11px;width:15px;height:18px;text-align:center;
}
.right.gallery .inner .content .slider .slider-lbl2 {
	left: 143px;width:15px;height:18px;text-align:center;
}
.right.gallery .inner .content .slider .slider-lbl3 {
	left: 313px;width:15px;height:18px;text-align:center;
}
.right.gallery .inner .content .slider .slider-lbl4 {
	left: 482px;width:15px;height:18px;text-align:center;
}
.right.gallery .inner .content .slider .slider-lbl5 {
	left: 602px;width:15px;height:18px;text-align:center;
}
.right.gallery .inner .content .slider .slider-lbl1:hover, .right.gallery .inner .content .slider .slider-lbl2:hover, .right.gallery .inner .content .slider .slider-lbl3:hover, .right.gallery .inner .content .slider .slider-lbl4:hover, .right.gallery .inner .content .slider .slider-lbl5:hover {
	background: url(../img/bar_glow.png) no-repeat 0 0;
}
.right.gallery .inner .content .slider .slider-lbl1:active, .right.gallery .inner .content .slider .slider-lbl2:active, .right.gallery .inner .content .slider .slider-lbl3:active, .right.gallery .inner .content .slider .slider-lbl4:active, .right.gallery .inner .content .slider .slider-lbl5:active {
	background: url(../img/bar_glow.png) no-repeat 0 -18px;
}


.gallery .content img {
	border: 1px solid #fff;
	margin: 0 7px 0 0;
}

.gallery .content img.selected {
	border-color: #333;
}

.gallery #main_image {
	position: relative;
	margin: -30px 0 0 0;
}

.right p {
	color: #666;
}

.right p a {
	color: #666;
	text-decoration: underline;
}

.right p a:hover {
	color: #444;
}

.left .inner {
	padding: 30px 35px;
}

.left .tipologias {
	margin: 0 0 30px;
}

.left .tipologias h4 {
	color: #333;
}

.left .tipologias li {
	margin: 0 0 5px 0;
}

.left .tipologias a {
	background: url(../img/seta.png) no-repeat center left;
	color: #666;
	padding: 0 0 0 15px;
	text-decoration: none;
}

.barclays_logo {
	background: #01A7E9;
	padding: 10px;
}

.sticker {
	position:absolute;
	right:245px;
	top:650px;
}


/* Top menu
--------------------------------------- */
.top_menu {
	height: 30px;
	overflow: hidden;
	position: relative;
	z-index: 100;
	background: url(../img/menu-bg.png) no-repeat;
}

.top_menu li {
	float: left;
}

.top_menu a {
	background: #000;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	padding: 6px 15px 6px 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.top_menu a.current {
	background: #333;
}

.top_menu .last a {
	padding-right: 13px;
}

.top_menu .home a {
	padding: 0;
}


/* Forms
--------------------------------------- */
input, textarea, select {
	border: 1px solid #ccc;
	color: #999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
}

.left form {
	background: #F4F5F6;
	padding: 0 30px 40px 30px;
}

.left form h4 {
	color: #333;
	font-size: 16px;
	padding: 40px 0 0 0;
}

.left .input {
	margin: 0 0 5px 0;
}

.left input, .left textarea {
	width: 96.5%;
	padding: 4px;
}


/* Clear Floated Elements
--------------------------------------- */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* Left Apartment Menu
--------------------------------------- */

.apartMenu{
	float:left;
	width:250px;
	background: #004882 url(../img/apartMenuBg.png) repeat-x;
	padding:35px 15px 35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
}

.apartMenuTab{
	border-bottom:1px solid #18517e;
	padding:10px 0 6px 45px;
	color:#ffffff;
}

.apartMenuTab a{
	padding-left:10px;
	background: url(../img/apartMenuBullet.png) no-repeat left center;
	color:#ffffff;
	text-decoration:none;
}

.apartMenuTab a.current {
	font-weight:bold;
}

.apartMenuPlants, .apartMenuBrochure{
	float:left;
	position:relative;
	background: url(../img/seePlants.jpg) no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;	
	color:#ffffff;
	width:280px;
	height:147px;
}

.apartMenuBrochure{
	background: url(../img/brochure.jpg) no-repeat;
}