@charset "utf-8";
/* CSS Document */
@import url("reset.css");

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

}


body{
	color:#525252;
	font:12px/18px Arial, Helvetica, sans-serif;
	background:url(../images/main-body-bg.jpg)
	}
.banner {
	width:300px;
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(40%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e9c3 0%,#e9e8e6 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d8d8d8 0%,#fff 40%); /* W3C */
	border-radius:10px 10px 0 0; /* CSS 3 */
    -o-border-radius:10px 10px 0 0; /* Opera */
    -icab-border-radius:10px 10px 0 0; /* iCab */
    -khtml-border-radius:10px 10px 0 0; /* Konqueror */
    -moz-border-radius:10px 10px 0 0; /* Firefox */
    -webkit-border-radius:10px 10px 0 0; /* Safari */
	border:1px #fff solid;
}

#main-body{
	width:1000px;
	margin:0 auto;
	padding:0 10px;
	
	}
#header{ background:url(../images/headerbg.png) repeat-x top; height:175px}
#header .headerpart{width:1000px; margin:0 auto; height:128px}
#header .logo{ background:url(../images/logo.png) no-repeat; float:left}
#header .info{ 
	background:url(../images/info-bg.png) no-repeat;
	float:right;
	width:240px;
	height:136px}
#header .boldphone	{
	text-transform:uppercase;
	font-family:impact;
	font-size:20px;
	font-weight:bold;
	color:#000;
	line-height:30px;
	background:url(../images/phone.png) no-repeat;
	margin:5px 10px 1px 10px;
	padding-left:45px
	
	}
#header .info-text	{
	line-height:42px;
	text-align:center;
	font-size:16px;
	color:#000;
	
	
}
#header .logo a{
	width:318px;
	height:136px;
	font-size:0px;
	display:block;	
	text-indent:-9999px;
	}
#nav{ height:38px;}
#nav li{float:left; height:38px;}
#nav li a{
	color:#fff;
	display:inline-block;
	text-decoration:none;
	height:38px;
	line-height:38px;
	font-weight:bold;
	padding:0 30px;
	background: url(../images/divider.png) 99% 0px no-repeat;
	text-shadow:1px 1px 1px #222;
	text-transform:uppercase
	}
#nav li a:hover{ background:#000; transition: all 0.3s ease-in 0s; opacity:9}

#content{width:1000px; margin-top:10px;}
#leftWrap{
	width:680px;
	float:left;
	}
	
	#leftWrap hr {
display:block;
    border:none;
    height:12px;
    background:url(../images/big-hr.png) center no-repeat;	}	

#rightWrap{
	float:right;
	width:300px;
	
	}
#rightWrap hr {
display:block;
    border:none;
    height:12px;
    background:url(../images/hr.png) center no-repeat;	}	
#rightWrap img{
	margin:0px 14px}
#opening-hour {
	text-align:center;
	}
#opening-hour strong{
	text-align:center;
	font-size:14px;
	}
#opening-hour span{
	text-align:center;
	font-size:12px;
	}
#opening-hour .lunch{
	float:left;
	width:150px}
#opening-hour .dinner{
	float:right;
	width:150px}
#mainpage{
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(40%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e9c3 0%,#e9e8e6 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d8d8d8 0%,#fff 40%); /* W3C */
	width:670px;
	float:right;
	min-height:555px;
	/*margin-top:10px*/}
.textcontent h1{
	background:url(../images/main-title-right-bg.png) no-repeat right;
	margin-top:15px;
	font:22px Georgia, "Times New Roman", Times, serif ;
	text-transform:uppercase;
	height:60px;
	min-width:150px;
	line-height:50px;
	color:#fff;
	float:left;
	padding-right:50px

	}
.textcontent p{
	padding:0 10px;
	text-align:justify;
	color:#000;
	line-height:24px
	}	
.cform{
	width:431px;
	height:240px;
	padding:110px 0 0 69px;
	background:url(../images/search_box.png) no-repeat;
	}
.cform input[type="text"]{
	width:260px;
	height:60px;
	font-size:18px;
	color:#555;
	border:none;
	padding:0 20px;
	background:url(../images/input-box.png) no-repeat;
	}
.cform input[type="submit"]{
	border:none;
	width:195px;
	height:80px;
	font-size:0px;
	text-indent:-9999px;
	background:url(../images/btn-search.png) no-repeat;
	}
.branch-number{
	width:440px;
	height:200px;
	float:right;
	position:relative;
	right:15px;
	top:15px;
	background:url(../images/branch-number.png) no-repeat;
	}
.line-height-double p{ line-height:20px;}

#btm{
	padding:30px 0 0 0;
	background:url(../images/line-brd.png) repeat-x top;
	}
#rt{
	float:right;
	width:444px;
	}
#newsletter{margin:30px 0 0 0;}
#rt h3{
	float:left;	
	text-transform:uppercase;
	font:18px "Oswald","Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.nsl{
	width:247px;
	height:31px;
	float:right;
	background:url(../images/newsletter.png) no-repeat;
	}
.nsl input{ background:none; border:none; height:29px; line-height:29px;}
.nsl input[type="text"]{ width:200px;}
.nsl input[type="submit"]{ width:40px; text-indent:-9999; display:inline-block}

#footer{
	font-size:11px;
	color:#b0afaf;
	margin-top:15px;
	background:url(../images/footer-wrapper-bg.jpg) repeat-x;
	height:215px;

	}
#footerbar{
	background: #9d2a0f; /* Old browsers */
	border:1px #811900 solid;
	font:14px bold Georgia, "Times New Roman", Times, serif ;
	color:#fff;
    -moz-box-shadow:inset 1px 0px 2px #d9702f;
    -webkit-box-shadow:inset 1px 0px 2px #d9702f;
    box-shadow:inset 1px 0px 2px #d9702f;
	height:30px;
	
}
#footerbar div{
	width:1000px;
	margin:0 auto;
	line-height:30px
	
}
#footerbar p{
	float:left;
	width:500px;
	line-height:30px

}
#footerbar ul li a{
	float:left;
	padding:5px 30px 0;
	background: url(../images/divider.png) 99% 0px no-repeat;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif
}	
#footerbar ul li a:hover{
	color:#000;
}	
#contact-info{
	float:left;
	width:333px	}
	
#share-info{
	float:left;
	width:333px;
	background: url(../images/border.png) 99% 0px no-repeat;
	line-height:210px}	
#map-info{
	float:left;
	width:333px	}



#footer h3{
	background:url(../images/slogan.png) no-repeat center;
	height:24px;
	line-height:24px;
	text-indent:-9999px;
	font-size:0;
	display:block;
	margin:5px 0;
	padding:0;
	}
	.main-footer-wrapper { width: 100%; padding: 2px 0 0 0; background: url(../images/main-footer-wrapper-bg.png) 0 0 repeat-x; color: #dddddd; text-shadow: #200b09 0 1px 0; 
	margin-top:15px}

.main-footer-wrapper .footer { width: 100%; padding: 3px 0 0 0; background: url(../images/footer-wrapper-bg.jpg) 0 0 repeat-x;  }

.main-footer-wrapper .footer h3 { color: #ffe6b2;}

.main-footer-wrapper .footer li { list-style-type: none; }

.main-footer-wrapper .footer a { color: #dddddd; }

.main-footer-wrapper .footer table { width: 950px; margin: 0 auto; }

.main-footer-wrapper .footer td { vertical-align: top; }

.main-footer-wrapper .address { padding: 0; margin: 0 0 0px 0; /*background: url(../images/ico-address-1.png) 0 3px no-repeat;*/ }

.main-footer-wrapper .address b { font-size: 15px; }

.main-footer-wrapper .address p { margin: 0 0 4px 0; }

.main-footer-wrapper .phone { padding: 1px 0 2px 45px; margin: 0 0 10px 0; font-size: 22px; background: url(../images/ico-phone-1.png) 0 0 no-repeat; }

.main-footer-wrapper .email { padding: 1px 0 2px 45px; font-weight: bold; background: url(../images/ico-email-1.png) 1px 0 no-repeat; }

.main-footer-wrapper .twitter { padding: 2px 0 1px 36px; margin: 0 0 10px 0; background: url(../images/ico-twitter-1.png) 0 0 no-repeat; }

.main-footer-wrapper .facebook { padding: 2px 0 1px 36px; margin: 0 0 10px 0; background: url(../images/ico-facebook-1.png) 0 0 no-repeat; }

.main-footer-wrapper .linkedin { padding: 2px 0 2px 36px; margin: 0 0 30px 0; background: url(../images/ico-linkedin-1.png) 0 0 no-repeat; }

.main-footer-wrapper .contact-information-wrapper { background: url(../images/footer-item-border.png) 317px center no-repeat; }

.main-footer-wrapper .social-networks-wrapper { width: 335px; background: url(../images/footer-item-border.png) 255px center no-repeat; }

.main-footer-wrapper .map-wrapper { width: 254px; }

.main-footer-wrapper .map { width: 250px; height: 132px; padding: 1px; border: 1px solid #714945;  }

.main-footer-wrapper .rss { padding: 2px 0 2px 36px; margin: 0 0 10px 0; background: url(../images/ico-rss-1.png) 0 0 no-repeat; }

.main-footer-wrapper .spacer { /* width: 135px; height: 135px; */ }

.main-footer-wrapper-2 { height: 65px; color: #fff; text-shadow: #5c2d0d 0 1px 0; background: url(../images/main-footer-wrapper-2-bg.jpg) top center repeat-x; position: relative; }

.main-footer-wrapper-2 .footer-2 { width: 950px; margin: 0 auto; padding: 25px 0 0 0; overflow: hidden; }

.main-footer-wrapper-2 .footer-2 a { color: #fff; text-decoration: none; }

.main-footer-wrapper-2 .footer-2 a:hover { color: #fff; text-decoration: underline; }

.main-footer-wrapper-2 .footer-2 .left { float: left; }

.main-footer-wrapper-2 .footer-2 .right { float: right; }

.clear-footer { height: 338px; clear: both; }

p.title{ font-family: Century Gothic, Arial; font-size: 18px; color: #323232; font-weight: bold;}

.gallery{ height: 170px; overflow: hidden; float: left; margin: 5px 0 5px 8px; text-align: center;}

.imgSection{ width: 150px; padding: 10px; overflow: hidden; margin-bottom: 3px; margin:0 20px}

.imgSection img{ max-height: 105px;}

.imgSection a:link, .imgSection a:active, .imgSection a:visited{ text-decoration: none;}

.imgSection a:hover{ }

a.wine:link, a.wine:active, a.wine:visited{ background: #333333; padding: 5px 10px; color: #FFF; font-size:20px; text-decoration: none;}


a.wine:hover{ background: #C59A6D;}

a.activewine{ padding: 5px 10px; color: #784027; line-height: 35px; font-size:25px; text-decoration: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}

#wineList{ width:625px; margin: 0 0 10px 10px; border: 1px solid #CCC; padding: 10px;}

.socialLinks{ float:left; margin:75px 0 0 140px;}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
.alert p, .alert-block p, .alert-error p{
	padding:0;
}

table.menuContent span.title{ font-size: 15px;}

table.menuContent td{ font-size: 13px; line-height: 20px;}

.form{
	padding:30px 30px 30px 30px;
	border:1px solid #CCC;
	background-color: #F0EFED;
}

.inthenews{
	width:93%;
	margin:10px auto 10px;
	padding:10px;
	border:1px solid #CCC;
	background: #F2F2F1;
	-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    1px 1px 5px rgba(50, 50, 50, 0.2);
	box-shadow:         1px 1px 5px rgba(50, 50, 50, 0.2);
}

.inthenews p{
	line-height: 20px;
	color: #323232;
}

.inthenews p.title{
	line-height: 30px;
}
/*
Stacks CSS ----------------------------------------------------------------------------------------------------------- */

/* Layout */
.stack { float: left; width: 150px; margin: 0 4% 4% 0; position: relative; z-index: 10; }

/* Image styles */
.stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	


/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
		.view img {
			border: 5px solid #fff;
			-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
			-webkit-transform: rotate(1deg);
			-moz-transform: rotate(1deg);	
			float:left;
			height:120px;
			margin:15px;
				-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

		}
		
		.view img:hover {
			-webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);
			-webkit-transform: rotate(1deg) scale(1.05);
			-moz-transform: rotate(1deg) scale(1.05);
		}
.example-obtuse {
	position:relative;
	padding:7px;
	margin:0;
	color:#fff;
	background:#000; /* default background for browsers without gradient support */
	/* css3 */
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;	/* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
	-webkit-border-top-left-radius:25px 50px;
	-webkit-border-top-right-radius:25px 50px;
	-webkit-border-bottom-right-radius:25px 50px;
	-webkit-border-bottom-left-radius:25px 50px;
	-moz-border-radius:25px / 50px;
	border-radius:25px / 50px;
	width:220px
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-obtuse + p {margin:20px 180px 2em 0; text-align:right; font-style:italic; color:#fff }

/* creates the larger triangle */
.example-obtuse:before {
}

/* creates the smaller triangle */
.example-obtuse:after {
	content:"";
	position:absolute;
	bottom:-30px;
	right:30px; 
	border-width:0 0 30px 20px;
	border-style:solid;
	border-color:transparent #000;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.postedDate{
	font-size:10px;
	font-weight:bold;
	line-height:15px;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.5;
    position:fixed;
    bottom:10px;
    right:10px;
    display:none;
    text-indent:-9999px;
    background: url('icon_top.png') no-repeat;
}

.feat{
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(40%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e9c3 0%,#e9e8e6 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d8d8d8 0%,#fff 40%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d8d8d8 0%,#fff 40%); /* W3C */
	border-radius:10px; /* CSS 3 */
    -o-border-radius:10px; /* Opera */
    -icab-border-radius:10px; /* iCab */
    -khtml-border-radius:10px; /* Konqueror */
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari */
	border:1px #d8d8d8 solid;
	margin:0 10px;
	
	}