@charset "utf-8";
* { margin: 0; padding: 0; }
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }
body { padding-left: 10em; font-family: Arial, Helvetica, sans-serif; }
#theMenu { width: 200px; margin: 30px 0; padding: 0; }
#theMenu ul li {width: 210px !important; }
.h1 {}
#got { display: block; color: #FF0000; width: 150px; float: left; height: 20px; background-image: url(../images/krug.gif); background-repeat: no-repeat; background-position: 4px 6px; text-indent: 15px; }
#got a {color:#FF0000;}
#evro{ display: block; float: left; width: 150px; height: 20px; background-color: #d3080b; text-indent: 15px; }
#evro a {color:#FFE139;}
#theMenu { width: 200px; margin: 30px 0; padding: 0; }
#got { display: block; color: #FF0000; width: 150px; float: left; height: 20px; background-image: url(images/krug.gif); background-repeat: no-repeat; background-position: 4px 6px; text-indent: 15px; }
#got a {color:#FF0000;}
#evro{ display: block; float: left; width: 150px; height: 20px; background-color: #d3080b; text-indent: 15px; }
#evro a {color:#FFE139;}
ul li { width: 210px; }
ul ul li { padding: 0; padding-left: 10px; width: 175px; margin-bottom: 0; }
ul ul li a { display: block; color: #73092b; padding: 2px 7px; font-size: 12px; background-color: #FFFFFF; border: 2px solid #FFFFFF; text-decoration: none; margin: 0px; }
ul ul li a:hover { display: block; color: #000000; padding: 3px 8px; font-size: 12px; }
ul ul ul li { border-left: none; border-bottom: none; padding: 0; width: 175px; margin-bottom: 0; }
ul ul ul li a { display:block; color: #73092B; padding: 3px 6px; font-size: small; }
ul ul ul li a:hover { display: block; color: #000; padding: 3px 8px; font-size: 12px; }
li { list-style-type: none; }
h2 { margin-top: 1.5em; }
h3.head a { color: #000000; display: block; font-size: 11px; text-decoration: none; height: 25px; font-weight: normal; background-image: url(images/bg11.jpg); background-repeat: no-repeat; padding: 9px 0 5px 10px; }
h3.head a:hover { color: #000000; background: url(images/bg22.jpg) no-repeat; }
h3.selected a { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(images/bg11.jpg); background-repeat: no-repeat; height: 32px; }
h3.selected a:hover { background: url(images/bg22.jpg) no-repeat; color: #EEEEEE; }
h4.head a { color: #73092B; display: block; background: url(images/down.gif) no-repeat; background-position: 98% 50%; }
h4.head a:hover { color: #000; background: url(images/down.gif) no-repeat; background-position: 98% 50%; }
h4.selected a { background: url(images/up.gif) no-repeat; background-position: 98% 50%; color: #73092B; padding: 3px 6px; }
h4.selected a:hover { background: # url(images/up.gif) no-repeat; background-position: 98% 50%; color: #000; }
#xtraMenu li ul li { padding-left:20px;}
body  { font: 100% Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; }
.twoColFixLtHdr #container { width: 1000px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #666666; text-align: left; /* this overrides the text-align: center on the body element. *//* this overrides the text-align: center on the body element. */ } 
.twoColFixLtHdr #header { background: #666666; padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ background-image: url(../images/header.jpg); height: 346px; width: 1000px; } 
.twoColFixLtHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div *//* using padding instead of margin will allow you to keep the element away from the edges of the div */ }
.twoColFixLtHdr #sidebar1 { float: left; width: 271px; background: #ffffff; background-image: url(../images/left.gif); background-repeat: no-repeat; }
.twoColFixLtHdr #mainContent { margin: 0 0 0 275px; padding: 10px 5px 30px 30px; /* background-color: #EBEBEB; */ min-height: 900px; text-align: justify; font-size: 13px; font-family: Verdana; color: #535252; width: 660px; } 
#mainContent img{ padding:10px;}
#mainContent a{ color:#CC6D33;text-decoration:none;}
#mainContent a:visited{ color:#CC6D33;}
#mainContent a:hover{ color:#ff0000;}
#menu_cont { background-color: #dadada; height: 20px; width: 300px; margin-bottom: 15px; margin-top: 15px; margin-left: -30px; }
.twoColFixLtHdr #mainContent P, H1, h2, h3, h4, h5 {margin-top:0px; padding-top:0px;}
.twoColFixLtHdr #footer { width: 1000px; margin: 0 auto; /*height: 80px;*/ background-color: #EC8015; color: #CCCCCC; padding-top: 0px; background-image: url(../images/bgg.gif); } 
#footer a { color: #FFFFFF; }
.twoColFixLtHdr #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue *//* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear: both; height: 0; font-size: 1px; line-height: 0px; }
#s_top { background-image: url(../images/S_top.jpg); height: 74px; width: 1000px; }
#top_m { height: 42px; width: 1000px; }
/* CSS Tabs */
#navcontainer { margin: 0px 0 0 0px; padding: 0; height: 33px; width: 1000px; }
#navcontainer ul { border: 0; margin: 0; padding: 0; text-align: center; background-color: #333333; list-style: none; }
#navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; height: 42px; background-image: url(../images/top1.gif); background-position: center top; background-repeat: no-repeat; width: 166px; }
#navcontainer ul li a { width: 166px; margin: 0px 0px 0px 0px; color: #FFFFFF; text-align: center; font: Arial; height: 33px; font-size: 14px; font-weight: 400; display: block; padding-top: 12px; text-transform: uppercase; font-family: "Times New Roman", Times, serif; text-decoration: none; }
#navcontainer ul li a:hover { color: #FFFFFF; background-image: url(../images/top2.gif); background-repeat: no-repeat; }
#menu_left { width: 255px; padding-left: 0px; margin-top: 200px; }
#left { width: 220px; height: 235px; color: #FFFFFF; padding-left: 20px; margin-left: 0px; list-style-position: outside; list-style-image: url(../images/list.gif); }	
#left li { display: block; width: 230px; height: 33px; background-color: #CC0000; }
#left  a {color:#FFFFFF}  
#zakaz { width: 250px; padding: 0px; margin: 0px 0px 0px 20px; background-color: #FFFFFF; font: Tauruslight; color: #f68a1f; padding-left: 0px; padding-right: 0px; border-top-width: 5px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #EBEBEB; }
#zakaz a {color:#F68A1F;text-decoration:none;}
#zakaz h3 { color: #ee2726; margin-bottom: 2px; }
#zak2 { width: 250px; height: 111px; margin-top: 2px; text-decoration: none; background-image: url(../images/tel_l.gif); background-repeat: no-repeat; background-position: right; }
#zak2 a {color:#F68A1F}
#tel2 { height: 40px; width: 300px; position: relative; left: 705px; font-size: 30px; top: 8px; }
.last2 { background-image: url(../images/top1l.gif)!important; width: 170px !important; background-repeat: repeat-x !important; }
#zak2 a { color:#FF0000;}
#sidebar1 { padding-top: 170px; margin-left: auto; }
#sidebar1 *, { margin: 0; padding: 0; border: 0; }
#sidebar1 ul { display: block; position: relative; margin-left: 20px;}
#sidebar1 ul ul { margin-left: 5px; }
#sidebar1 ul li { display: block; position: relative;}
#sidebar1 .level1 { text-align: center;}
#sidebar1 .level1 a { background: transparent url(/images/bg11.jpg) no-repeat scroll center; width: 194px; height: 25px; text-decoration: none; color: #d3080b; display: block; text-transform: uppercase;font-size: 11px; font-weight: bolder; padding-top: 10px;}
#sidebar1 .level1 a:hover { background: transparent url(/images/bg22.jpg) no-repeat scroll center; }
#sidebar1 .level1 .level2 { text-align: left; }
#sidebar1 .level1 .level2 a{ background: transparent none no-repeat scroll left;}
#sidebar1 .level2 { display: inline-block; height: auto; }
#sidebar1 .level2 ul { border-top: thin solid #d3080b; border-bottom: thin solid #d3080b;}
#sidebar1 .level2 a { width: auto; margin: 0; padding: 0; height: auto; padding-left: 5px; padding-right: 5px;}
#sidebar1 .level2 a:hover { background-color: aqua; }
#sidebar1 .leval3 { margin-left: 10px; list-style-type: circle; }
#firstpage { padding-top: 40px; padding-bottom: 10px; }
#firstpage .body1 { position: relative; float: left; width: 220px; height: 280px; text-align: center; background: transparent url(/images/bgfirst.gif) no-repeat scroll top center; padding-top: 5px; }
#firstpage .body1:hover { background: url(/images/bgfirst_hov.gif) no-repeat top center; }
#firstpage .body1 p { padding-left: 20px; padding-right: 20px; font-size: 11px; padding-top: 12px;}
.body1 img { border: 0; }
.body1 h3 { padding-left: 11px; padding-right: 12px; font-size: 13px; }
.newrestoran { height: 71px; margin-left: -25px; margin-top: -25px; position: absolute; width: 80px; background: transparent url(/images/new.gif) no-repeat scroll center; }
#panelzakaz {
	display:none;
	font-size: 12px;
	text-align: left;
}
.spacer {
	height: 20px;
	border: 0;
	clear: both;
	margin: 0;
	padding: 0;
}
.left_banner {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.left_banner img{
	border: 0;
	margin: 0;
	padding: 0;
}
.vertline {
	background: transparent url(/images/punkt_ver.gif) repeat-y scroll top center;
	width: 20px;
}
.horline {
	background: transparent url(/images/punkt_hor.gif) repeat-x scroll center;
}
