@charset "windows-1251";
/* CSS Document */

* {
	padding: 0;
	border: 0;
	margin: 0;
}

body {
padding: 10px 0 0;
background: url(images/background.jpg) #4c141d top center;
color: #333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#container {
width:1001px;
margin: 0 auto;
}
#left-header {
float:left;
background-image: url(images/left-header.png);
width: 309px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
}
#left-header p {
color: #fefefe;
margin-top:10px;
font-size:12px;
} 
#left-header a {
text-decoration: none;
}

#left-header-main {
float:left;
background-image: url(images/left-header-main.png);
width: 309px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
}
#left-header-main p {
color: #fefefe;
margin-top:10px;
font-size:12px;
} 
#left-header-main a {
text-decoration: none;
}
#left-header-menu {
float:left;
background-image: url(images/left-header-menu.png);
width: 309px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
}
#left-header-menu p {
color: #fefefe;
margin-top:10px;
font-size:12px;
} 
#left-header-menu a {
text-decoration: none;
} 
#left-header-recepts {
float:left;
background-image: url(images/left-header-recepts.png);
width: 309px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
}
#left-header-recepts p {
color: #fefefe;
margin-top:10px;
font-size:12px;
} 
#left-header-recepts a {
text-decoration: none;
} 
#nav1 {
/* background: url(nav_bg.jpg) repeat-x;*/
margin:20px 0px 0px 0px;
color: #ffffff;
font-size: 120%;
font-weight: bold;
line-height: 1.8em;
text-align: center;
}

#nav1 ul {
list-style-type: none;
}

#nav1 li {
display: inline;
margin: 0 25px 0 24px;
}

#nav1 li a {
color: #999695;
text-decoration: none;
}

#nav1 li a:hover {
color: #ef2d0c;
}

#center-header {
float:left;
background-image: url(images/center-header.png);
width: 378px;
height: 88px;} 

#center-header h1 {color: #ffffff;
font-size:18px;
margin: 7px 85px 0px 85px;
text-align:center;
font-weight:600;
}

#center-header h1.kafe {color: #ffffff;
font-size:18px;
margin: 7px 90px 0px 95px;
text-align:center;
}

#center-header h2 {color: #ffffff;
font-size:14px;
margin: 15px 50px 0px 50px;
text-align:center;
font-weight:bold;
}
#center-header p {color: #ffffff;
font-size:14px;
margin: 15px 50px 0px 50px;
text-align:center;
font-weight:bold;
}

#right-header-main {
float:left;
background-image: url(images/right-header.png);
width: 314px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
} 
#right-header-main p {
color: #fefefe;
margin:10px 0 0 0;
font-size:12px;
} 
#right-header-oplata {
float:left;
background-image: url(images/right-header-oplata.png);
width: 314px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
} 
#right-header-oplata p {
color: #fefefe;
margin:10px 0 0 0;
font-size:12px;
} 
#right-header-oplata a {
text-decoration: none;
} 
#right-header-dostavka {
float:left;
background-image: url(images/right-header-dostavka.png);
width: 314px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
} 
#right-header-dostavka p {
color: #fefefe;
margin:10px 0 0 0;
font-size:12px;
} 
#right-header-dostavka a {
text-decoration: none;
} 
#right-header-contacts {
float:left;
background-image: url(images/right-header-contacts.png);
width: 314px;
height: 88px;
color: #fefefe;
font-size:12px;
text-align:center;
font-weight:400;
} 
#right-header-contacts p {
color: #fefefe;
margin:10px 0 0 0;
font-size:12px;
} 
#right-header-contacts a {
text-decoration: none;
} 
#nav2 {
/* background: url(nav_bg.jpg) repeat-x;*/
margin:20px 0 0 0;
padding:0 0 0 28px;
color: #ffffff;
font-size: 120%;
font-weight: bold;
line-height: 1.8em;
text-align: left;
}

#nav2 ul {
list-style-type: none;
}

#nav2 li {
display: inline;
margin: 0 0 0 0px;
padding:0 43px 0 0;
}
#nav2 li.last{
display: inline;
padding:0 0 0 0;
}
#nav2 li a {
color: #999695;
text-decoration: none;
}

#nav2 li a:hover {
color: #ef2d0c;
}

#clear{clear: both;}

#mainfoto{
/*background: url(images/foto1.jpg) no-repeat;*/
margin-top:10px;
width: 999px;
height: 380px;
overflow:hidden
}
/*.slideshow { height: 999px; width: 380px; margin:0 0 0 0;}
.slideshow img { padding: 0px; border: 0px;}*/


#content{background: url(images/stones.png) no-repeat;
margin-top:15px;
width: 999px;
height:395px;
}
#content a{color:#f24525;margin-left:0px;margin-top:4px; font-size:12px}
#left{
	float:left;
	width: 293px;
	color: #fefefe;
	font-size:24px;
	text-align:left;
	font-weight:600;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#left p{font-size:12px; line-height:1.2; margin-bottom:3px}
#left p.marg5px {margin-bottom:5px}
#left h2{font-size:24px;}
#left h3{font-size:14px;color: #978c86;}
#left table{font-size:14px;color: #978c86; width:90%;border:0px;}
#left table td{ text-align:left; font-size:12px}
#left table td.right{text-align:right; font-size:12px}
a.menulink{color:#f24525;margin-left:0px;margin-top:4px; font-size:12px; margin-top:10px;}
#left p a:hover { text-decoration:none; color:#F00}
#left ul{font-size:12px;list-style-type: none; float:left; margin: 0 50px 0 0}
#left ul a{color:#f24525; margin: 0 0 0 20px;} 
#left ul a:hover{ text-decoration:none; color:#F00} 
#left li{line-height:1.2;font-size:12px;font-weight:200;}
#left li.link{color:#f24525;margin-left:0px; margin-top:5px}

#middle{
	float:left;
	width: 303px;
	color: #fefefe;
	font-size:24px;
	text-align:left;
	font-weight:600;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
}
#middle h2{font-size:24px;}
#middle h3{font-size:14px;color: #978c86;}
p.h3{font-size:16px;color: #978c86; margin-bottom:0px; font-weight:bold; padding:0; line-height:1.0}
#middle ul{font-size:12px;list-style-type: none; float:left; margin-right:50px; margin-top:5px}
#middle ul li a{text-decoration:none; margin-left:10px;} 
#middle li{line-height:1.2;font-size:12px;font-weight: bold; }
#middle li.link{color:#f24525;margin-left:0px; margin-top:5px}
.align-right{ text-align:right}
.border{border:#b6c5cb 10px}
#middle p{font-size:12px; line-height:1.2}
#middle p.red{font-size:12px;color:#f24525;font-weight:600; line-height:1.2}
#middle p.red2{font-size:12px; margin-top:5px;color:#f24525;font-weight:600; line-height:1.2}
#middle a:hover{text-decoration:none; color:#F00}

#right{
	float:left;
	width: 320px;
	color: #fefefe;
	font-size:24px;
	text-align:left;
	font-weight:600;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
#right p{font-size:12px; text-align:left; margin-bottom:5px; line-height:1.1}
#right p.articles{font-size:11px; text-align:justify; margin-bottom:5px; line-height:1.0}
#right p.red{font-size:12px;color:#f24525;font-weight:600;}
#right p.red2{font-size:12px; margin-top:10px;color:#f24525;font-weight:600;}
#right p.white{color:#ffffff; margin:0 0 0 0; font-size:11px; line-height:1.0}
#right h2{font-size:24px;}
#right h3{font-size:14px;color: #978c86;}
#right a{color:#f24525;margin-left:0px;font-size:12px;}
#right .planka{margin:0 0 5px 0}
.planka{margin:0 0 5px 0}
.planka-long{margin:0 0 0px 20px}

#right-scroll{
	float:left;
	width: 320px;
	height:330px;
	color: #fefefe;
	font-size:24px;
	text-align:left;
	font-weight:600;
	margin:20px 0 0 10px;
	line-height:1;
	overflow:auto
}
#right-scroll h2{font-size:24px;}
#right-scroll h3{font-size:14px;color: #978c86;}

p {color:#978c86; font-weight:200; font-size:10px}
p.red {color:#f24525; margin-top:0px; font-size:10px}
p.white {color:#ffffff; margin-top:0px; font-size:10px}
#middle p.white-b {color:#ffffff; margin-top:10px; margin-bottom:10px; font-size:12px; font-weight:bold; line-height:1.2}
span.white {color:#ffffff; margin-top:0px; font-size:10px;font-weight:bold;font-size:11px; line-height:0.9}
a.link{color:#f24525;margin-left:0px;margin-top:4px; font-size:12px}

#footer {color:#978c86; margin:3px 0 0 20px; font-size:12px}
#left-footer{ float:left; width:328px}
#left-footer a{ text-decoration:none;color:#978c86}
#middle-footer{ float:left; width:303px; text-align:center; line-height:1}
#right-footer{ float:left; width:340px; text-align:right}
#middle-footer a{color:#978c86;margin:0; padding:0; font-size:10px; text-decoration:none}
#right-footer a{color:#978c86;text-decoration:none;font-size:9px}
.slide-out-div {padding: 5px 5px 5px 10px; width: 300px; background: #f5eca9; border: 1px solid #29216d; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px}
.slide-out-div a{ text-align:center; color:#f24525}
.gb{ text-align:center; margin:10px; color:#FFF; font-size:16px}
div.otzyv{ border:groove #000; padding:3px; width:90%; margin:0 auto}
div.otzyv a{ color:#f24525}
#gk{width:99%; height:340px; margin-top:15px; margin-bottom:20px color:#FFF; font-size:16px; font-weight:bold; background: url(images/stones.png) no-repeat; overflow:auto; padding-top:5px}
#left-cafe{
	float:left;
	width: 550px;
	height:350px;
	color: #fefefe;
	font-size:24px;
	text-align:left;
	font-weight:400;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#left-cafe p{font-size:11px; margin-bottom:5px}
#left-cafe h2{font-size:16px; margin-bottom:5px}
#left-cafe h3{font-size:14px; margin-bottom:5px}
#left-cafe ul{font-size:11px; list-style-position:inside; font-weight:200; margin-left:30px; margin-bottom:5px}
#left-cafe a{ margin-left:30px}
#left-cafe span{cursor: pointer; font-weight: 600; color:#f24525; text-decoration:underline}
#right-cafe{
	width:380px;
	float:left;
	color: #fefefe;
	font-size:14px;
	text-align:left;
	margin:20px 0 0 20px
}
#right-cafe h2{font-size:16px; text-align:center}
#right-cafe img{margin:10px 20px 10px 10px; border:none}
.half-width{ width:50%; float:left}
#right-header-contacts a{ color:#FFF}
#right a.link{text-decoration:none; color:#FFF}
#right a.link:hover{text-decoration:none; color:#FFF}
.menupage { width:310px; height:310px; float:left; margin:20px 0 10px 20px; color:#FFF}
.menupage img{ margin-top:20px}
#otstup{ padding-top:15px}