body {
background:#fff url(css_imgs/bgr.png) repeat left top;
background-attachment:fixed;
overflow-y:scroll;
font-family:'Open Sans', arial, sans-serif;
color:#4E2B39;
font-size:14px;
line-height:1.5
}

a {
text-decoration:none;
color:#4E2B39;
outline:none
}

a:hover {
text-decoration:underline
}

.clear {
clear:both
}

.fl {
float:left
}

.fr {
float:right
}

.pageBlock {
width:900px;
margin:auto
}

h1 {
padding:10px;
font-size:26px;
text-align:center
}

h2 {
font-size:18px;
font-weight:700
}

h3 {
font-weight:700
}

strong {
font-weight:700
}

b {
font-weight:700
}

p {
text-indent:30px;
margin:5px 0
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% GLOBAL %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#lineD .left,#lineD .right {
border-bottom:solid 1px #4E2B39;
width:425px;
float:left;
height:25px
}

#lineD .right {
float:right;
margin-right:1px
}

#lineD .center {
width:49px;
height:48px;
background-image:url(css_imgs/sprites1.png);
background-position:0 0;
float:left;
background-repeat:no-repeat
}

#lineD {
margin:0 0 10px
}

h1 a {
cursor:default
}

h1 a:hover {
text-decoration:none
}

.boxTile {
background-color:#fff;
border:solid 1px #eee;
margin:10px;
box-shadow:2px 2px 5px 2px #EAE3D8;
border-radius:10px;
padding:10px;
display:block
}

.loading {
width:16px;
height:16px;
background-image:url(css_imgs/ajax-loader.gif)
}

div.bullet {
background-image:url(css_imgs/bullet.png);
height:16px;
background-repeat:no-repeat;
background-position:center
}

.ie7 div.bullet.left {
background-position:150px center
}

.ie6 div.bullet.left {
background-position:135px center
}

.ie7 div.bullet.right {
background-position:442px center
}

.ie6 div.bullet.tight {
background-position:442px center
}

/* OFFERS BAR */
div.specialOffer {
margin:20px 0;
text-align:left
}

div.specialOffer .box {
background:#DBD9D0 url(css_imgs/special_offer_bgr.png) repeat-x center center;
padding:20px;
padding-left:160px;
margin:10px 10px 0
}

/*<img src="/images/special_offer_big_ico.png" alt="" />*/
div.specialOffer .box .img {
float:left;
margin:-31px 0 0 -140px;
width:118px;
height:118px;
background-image:url(css_imgs/oferte-labels.png)
}

div.specialOffer:hover .box .img {
background-position:118px 0
}

div.specialOffer .line {
border-top:solid 1px #4E2B39;
height:1px;
margin-bottom:5px
}

div.specialOffer {
cursor:pointer
}

.pgLinkBar {
position:relative
}

.pictureBox .pgLinkBar a {
display:block;
text-align:center;
font-size:10px;
position:absolute;
width:250px;
top:-20px;
z-index:10
}

.pictureBox .pgLinkBar span {
display:block;
text-align:center;
font-size:10px;
position:absolute;
width:250px;
top:-20px;
background-color:#fff;
opacity:0.8
}

.contentBody ul {
padding:0 150px;
list-style-type:square;
list-style-position:inside
}

.contentBody ul li {
vertical-align:middle
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% HEADER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#header {
background-color:#502836
}

#header .content {
width:950px;
margin:auto
}

#header .logo {
height:100px;
width:377px;
margin:auto
}

#header .logo img {
position:relative
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% FOOTER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#footer .block1,#footer .block2 {
width:298px;
float:left;
border-right:solid 2px #8d7177
}

#footer .block2 {
width:600px;
border:0
}

#footer {
background-color:#a0888c
}

#footer .wrapper {
padding:15px 0
}

#footer .menu {
padding:0 50px 0 30px
}

#footer li {
padding:1px
}

#footer .menu a {
font-size:12px;
color:#fff
}

#footer .contact {
padding:0 20px
}

#footer .contact div {
width:280px;
float:left;
padding-top:10px
}

#footer .contact .phone,#footer .contact .email {
font-size:16px;
background-image:url(css_imgs/telefon-icon.png);
background-repeat:no-repeat;
background-position:center left;
display:block;
height:44px;
color:#4E2B39;
padding:15px 0 0 50px
}

#footer .contact .phone {
margin-left:30px;
background-position:0 20px;
height:75px;
padding-top:0
}

#footer .contact .email {
background-image:url(css_imgs/mail-icon.png);
margin-top:10px
}

#footer .trafic {
float:right;
text-align:center
}

#footer .copyBar {
background-color:#502836;
color:#fff;
padding:10px 0
}

#footer .copyBar span {
position:relative;
top:5px
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% MENU %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#menu {
width:950px;
margin:auto;
text-align:center;
margin-top:10px;
font-size:18px
}

#menu ul {
display:inline-block;
margin:0;
padding:0
}

/* For IE, the outcast */
/*
body.ie8 #menu  ul ,
body.ie7  #menu ul ,
body.ie6 #menu  ul   {	
	zoom: 1;
	display: inline;
}*/
#menu li {
float:left;
padding:2px 5px
}

#menu li.sep {
float:left;
padding:2px 0
}

#menu a {
color:#4E2B39
}

#menu .line {
border-top:solid 1px #4E2B39;
height:1px;
margin:10px auto
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% MAIN %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%# */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% PAGES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ####################### HOME ####################### */
.tileContainer {
text-align:center;
width:816px;
margin:auto
}

.tile {
width:250px;
height:380px;
background-color:#fff;
float:left;
border:solid 1px #eee;
margin:10px;
box-shadow:2px 2px 5px 2px #EAE3D8;
border-radius:10px;
cursor:pointer
}

.tile:hover {
-webkit-box-shadow:5px 5px 10px 2px #EAE3D8;
box-shadow:8px 8px 13px 3px #EAE3D8
}

.tile img.pic {
width:250px;
border-radius:10px 10px 0 0
}

.tile .ico {
background-image:url(css_imgs/sprites1.png);
background-position:0 -48px;
background-position:0 0;
background-repeat:no-repeat;
width:49px;
height:48px;
margin:-32px auto;
position:relative
}

.tile:hover .ico {
background-position:0 0
}

.tile .title {
margin-top:50px;
font-size:18px
}

.tile .title a {
color:#EDB40D;
font-size:24px;
text-decoration:none
}

.tile:hover .title a {
color:#EDB40D;
font-size:24px;
text-decoration:underline
}

#page-home h2 {
font-weight:400
}

.tile.aboutUs .title a {
color:#9F1F63
}

.tile.aboutUs .ico {
background-position:-49px -48px
}

.tile:hover.aboutUs .ico {
background-position:-49px 0
}

.tile.offers .title a {
color:#7F6066
}

.tile.offers .ico {
background-position:-98px -48px
}

.tile.offers:hover .ico {
background-position:-98px 0
}

.tile.prices .title a {
color:#25AAE1
}

.tile.prices .ico {
background-position:-147px -48px
}

.tile.prices:hover .ico {
background-position:-147px 0
}

.tile.restaurant .title a {
color:#F7941E
}

.tile.restaurant .ico {
background-position:-196px -48px
}

.tile.restaurant:hover .ico {
background-position:-196px 0
}

.tile.relaxation .title a {
color:#39B54A
}

.tile.relaxation .ico {
background-position:-245px -48px
}

.tile.relaxation:hover .ico {
background-position:-245px 0
}

.tile.contact .title a {
color:#8E79B7
}

.tile.contact .ico {
background-position:-294px -48px
}

.tile.contact:hover .ico {
background-position:-294px 0
}

.tile .content {
margin-top:20px;
padding:0 10px
}

.contentBody {
text-align:justify;
line-height:2
}

.contentBody .txtSep {
font-size:24px;
font-weight:700;
line-height:20px;
text-align:center
}

/* ####################### ABOUT US ####################### */
#page-aboutUs #lineD .center {
background-position:-49px 0;
float:left
}

#page-aboutUs h1 a,#page-aboutUs .contentBody .txtSep {
color:#9F1F63
}

/* ####################### PRICES ####################### */
#page-prices h1 a,#page-prices .contentBody .txtSep {
color:#25AAE1
}

#page-prices #lineD .center {
background-position:-147px 0
}

/* ####################### PHOTO GALLERY ####################### */
#page-photoGallery h1 a,#page-photoGallery .contentBody .txtSep {
color:#ED217C
}

#page-photoGallery #lineD .center {
background-position:-343px 0
}

/*#page-photoGallery h2 {color:#ED217C;}*/
#page-photoGallery .tile .pic {
height:150px
}

#page-photoGallery .tile {
height:230px
}

#page-photoGallery .tile .title,#page-photoGallery .tile .ico {
display:none
}

#page-photoGallery .tile .content {
text-align:center
}

#page-photoGallery .tile.active {
background-color:#E2DCD3
}

#page-photoGallery .tileContainer {
margin-bottom:20px
}

.pgPreviewContainer {
width:800px;
margin:auto;
text-align:center
}

.pgPreviewContainer h2 {
font-size:16px;
border-bottom:solid 1px #502836;
display:block;
width:300px;
margin:30px auto 20px;
text-align:center
}

.pgPreviewContainer img {
border:solid 3px #fff;
box-shadow:2px 2px 5px 2px #DAD3C8
}

.pgPreviewContainer a:hover img {
box-shadow:4px 4px 10px 4px #EAE3D8
}

.pgPreviewContainer a {
margin:10px;
line-height:55px
}

.pgPreviewContainer a.anchor {
margin:0;
line-height:0;
height:0;
width:0;
display:inline
}

.pgNavi .prev {
float:left
}

.pgNavi .next {
float:right
}

/* ####################### CONTACT ####################### */
#page-contact #lineD .center {
background-position:-294px 0
}

#page-contact h1 a,#page-contact .contentBody .txtSep {
color:#8E79B7
}

#page-contact .contentBody {
text-align:center
}

.innerPageMenu {
width:200px;
margin:auto
}

.innerPageMenu a:hover span {
padding-left:5px;
font-weight:700
}

.innerPageMenu a:hover {
text-decoration:none;
font-weight:700
}

#page-contact h2 {
font-size:16px;
border-bottom:solid 1px #502836;
display:block;
width:300px;
margin:30px auto 20px;
text-align:center
}

.tel,.directions {
text-align:center
}

#page-contact .form {
width:500px;
margin:auto
}

#page-contact .formContainer {
padding:20px 30px
}

#page-contact .form span {
display:block;
padding-top:5px
}

#page-contact .form input[type="text"],#page-contact .form textarea {
width:400px;
border:solid 1px #A0888C;
padding:4px;
border-radius:10px
}

#page-contact .form input[type="text"] {
}

#page-contact .form input[type="submit"] {
width:100px;
border:solid 1px #A0888C;
background-color:#FBF9F2;
cursor:pointer;
border-radius:10px;
float:right
}

#page-contact .form textarea {
resize:none;
height:200px;
margin-bottom:21px
}

#page-contact .form .submit {
text-align:right;
padding:10px 20px 0 0
}

#page-contact h2 {
margin-top:50px
}

.errMsg {
color:red;
padding-left:15px
}

input.err,textarea.err {
border:solid 1px red!important;
box-shadow:1px 1px 1px 1px red
}

#page-contact .form textarea.err {
margin-bottom:0
}

.form .loading {
margin:auto;
float:right;
margin-right:10px;
display:none
}

/* ####################### SPECIAL OFFERS ####################### */
#page-specialOffers #lineD .center {
background-position:-98px 0
}

#page-specialOffers h1 a,#page-specialOffers .contentBody .txtSep {
color:#7F6066
}

/* ####################### RESTAURANT ####################### */
#page-restaurant #lineD .center {
background-position:-196px 0
}

#page-restaurant h1 a,#page-restaurant .contentBody .txtSep {
color:#F7941E
}

/* ####################### RESTAURANT ####################### */
#page-relaxation #lineD .center {
background-position:-245px 0
}

#page-relaxation h1 a,#page-relaxation .contentBody .txtSep {
color:#39B54A
}

/* ####################### SITEMAP ####################### */
.contentBody.sitemap ul {
padding:0 150px;
list-style-type:square;
list-style-position:outside
}

.contentBody.sitemap li {
margin:5px 0
}

.contentBody.sitemap li h3,.contentBody.sitemap li h4,.contentBody.sitemap li h5 {
font-weight:700
}

.contentBody.sitemap li.lvl2 {
margin-left:50px;
list-style-type:circle
}

.contentBody.sitemap li A {
margin-left:20px
}

.contentBody.sitemap li A:visited {
font-style:italic
}

.tile.relaxV2 {
display:none
}

#menu .line {
display:none
}

#page-home .specialOffer {
display:none
}

#footer {
margin-top:20px
}

.pp_gallery {
display:none
}

#headerTitle {
position:relative;
width:100px;
height:0;
display:none
}

#headerTitle div {
width:950px;
position:absolute;
top:-30px;
text-align:right
}

#headerTitle span {
background-color:rgba(249,248,240,0.6);
padding:3px;
margin-right:5px
}

#privacyNotif {
	position: fixed;
	z-index: 666666666;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 20px;
	text-align: center;
	display: none;
}

#privacyNotif a.btn {
	display: inline-block;
	padding: 5px 20px;
	text-decoration: none;
	margin-top: 20px;            
}



/* setup colors*/
#privacyNotif {  background-color:#4E2B39; color: wheat; border: solid 2px wheat;  }
#privacyNotif a.btn {     
	background-color: #f00;
    color: white;
    font-weight: bold; }
#privacyNotif a.btn:active { background-color: #f50; }
#privacyNotif a { color: wheat; }