body {
width:100%;
height:100%;
color: #fff;
font-family:Tahoma;
font-size: 12px;
margin:0px;
padding:0px;
background-color: #2a3b47;
background-image: url(/image/bg01.png);
background-repeat: repeat-x;
}

#site {
width: 100%;
min-width:1000px;
height:auto;
margin:0px;
padding:0px;
}

#logo {width: 229px; height: 231px; position:absolute; top: 5px; left: 30px;z-index:9999;}
#right_text {width: 240px; height:auto; position:absolute; top: 25px; right: 0px; font-size:22px; text-align:center; text-shadow:2px 2px 2px #464646;z-index:9999;}

#header {
width:100%;
height:200px;
clear:both;
text-align:center;
}

#logo2 {width: 757px; height:170px; margin:0px auto; position:relative; top: 25px;}

#head {width:100%; height: 32px; text-align:center;}
#vmenu {width:800px; height:auto; margin:0px auto; text-align:center; font-size:14px;}
#vmenu ul {list-style:none; margin:0px; padding:0px;}
#vmenu ul li {float:left;}
#vmenu ul li a {color: #fff; text-decoration:none;margin: 0px 2px; padding: 8px 10px;}
#vmenu ul li a:hover {color: #b4de6f; text-decoration:underline;}
#vmenu ul li.active a {color: #b4de6f; text-decoration:underline;}

#main {height:100%; clear:both; background: url(/image/leftbar.png) repeat-y; padding-bottom: 10px; margin:0px;}


a img {border:none;}
a {cursor:pointer;}
.clear {clear:both;}

#leftbar {max-width: 285px; min-width:285px; width:20%; height:100%; float:left; margin:0px; padding:0px; }
#content {width: 65%; height:100%; float:right; margin:10px 5%; }
#leftbartop {width:285px; height:35px; background: url(/image/leftbartop.png) no-repeat;}



#footer {width:100%; height:85px; clear:both; text-align:center;background: url(/image/footer.png) repeat-x;}
#copy {width: 250px; height:auto; text-align:left; float:left; margin: 10px 20px;}

#fmenu {width: 750px; height:auto; margin: 10px auto; }
#fmenu ul {list-style:none; margin:0px auto; padding:0px; position:relative; top: 10px;}
#fmenu li {float:left;}
#fmenu ul li a {color: #fff; text-decoration:none; margin: 0px 2px; padding: 8px 10px;}
#fmenu ul li a:hover {color: #b4de6f; text-decoration:underline;}
#fmenu ul li.active a {color: #b4de6f; text-decoration:underline;}

#art {width:200px; height:auto; float:right; margin: 10px 20px;}

.zag {color: #b4de6f; font-weight:bold; font-size:16px;}

#leftbar ul {list-style:none; margin:20px 0px 20px 0px; padding:0px; font-size:16px;}
#leftbar ul li {height: 30px;}
#leftbar ul li.link10 {padding-left: 30px; background: url(http://www.modaplitka.ru/images/s1.gif) no-repeat; background-position: 10px 7px;}
#leftbar ul li.link11 {padding-left: 30px; background: url(http://www.modaplitka.ru/images/s2.gif) no-repeat; background-position: 10px 7px;}
#leftbar ul li.link12 {padding-left: 30px; background: url(http://www.modaplitka.ru/images/s3.gif) no-repeat; background-position: 10px 7px;}
#leftbar ul li.link13 {padding-left: 30px; background: url(http://www.modaplitka.ru/images/s4.gif) no-repeat; background-position: 10px 7px;}
#leftbar ul li.link14 {padding-left: 30px; background: url(http://www.modaplitka.ru/images/s5.gif) no-repeat; background-position: 10px 7px;}
#leftbar ul li.link15 {padding-left: 30px; background: url(http://www.modaplitka.ru/images/s6.gif) no-repeat; background-position: 10px 7px;}

#leftbar ul li a {color: #ffe054; text-decoration:none;}
#leftbar ul li a:hover {color: #76caff; text-decoration:underline;}

a {color: #ffe054; text-decoration:underline;}
a:hover {color: #76caff; text-decoration:none;}

.left_mn {margin: 10px 30px 10px 30px;}

h1, h2, h3, h4, h5, h6 {color: #b4de6f;}
.zag {color: #b4de6f; font-weight:bold; font-size:16px;}

.proiz {width: 100%; height: auto; text-align:center;}
.proiz img {width:auto; max-width:100px; height:auto; max-height:100px; border:none; margin:10px 0px;}

#razdel {clear:both;}
.razdel {width: 240px; height: 180px; text-align:center; font-size: 16px; float:left; margin:20px;}
.razdel img {border:10px solid #415c6f;}
.zag h1 {font-size: 22px; text-shadow: 1px 1px 1px #fff}

.pr {width: 200px; height:180px; float:left; margin:10px; text-align:center; background: #415c6f;}
.pr img {width:auto; max-width:100px; max-height:100px; height:auto; margin:auto;}
.pr a {position:relative; top: 30px;}

.pro {width: 200px;min-height:100px; height:auto; float:left; padding:10px;margin:10px; text-align:center; background: #415c6f; overflow: hidden; font-size: 16px; font-weight:bold;}

#shopCart {background:none; border:0px;}

.plitka {float:left; margin: 10px 20px; width: 250px; height:250px; background-color:#415c6f; padding: 7px; text-align: center; border:2px solid #464646;}
.plitka:hover {float:left; margin: 10px 20px; width: 250px; height:250px; background-color:#415c6f; padding: 9px; text-align: center; border:0px;}

.plitka button {width: 100px;}


#shop_order {
width: 280px;
height: auto;
min-height: 140px;
position:fixed;
top: 200px;
right: -240px;
border-radius:5px 0px 0px 5px;
-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
background-color: #fff;
border:1px solid #bbbbbb;
color: #000;
}

#shop_order:hover {
width: 280px;
height: auto;
min-height: 140px;
position:fixed;
top: 200px;
right: -0px;
border-radius:5px 0px 0px 5px;
-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
background-color: #fff;
border:1px solid #bbbbbb;
color: #000;
}

#shop_order #shopCart, #shop_order .shopCart {border:0px;}

#shop_order img {
float:left;
margin: 5px;
}

.shop-stuff shk-item {
width:auto;
border:0px;
}

fieldset {border:0px;}

.shop-stuff img {
width:auto;
max-width: 170px;
height:auto;
max-height:170px;
}