/* css from 1000ramok.ru autor Grigorev Alex */
* {margin: 0 auto; padding: 0; list-style:none;}
html, body {height:100%; margin:0 auto;}
body  {	background-color:#ffffff;	font-family: "Times New Roman", Times, serif;	font-size: 85%;
font-weight:bold;	color:#333399;	text-align:left;	background-image:url(images/bg.png);
background-attachment:fixed;}

html>body #outer_wrapper  { min-height:99%; height:auto !important; margin: 0 auto; width:800px; background: #fff url(images/backgrou.gif) repeat-y left; overflow:hidden; margin-bottom:10px;}
/* hide from IE/Mac \*/
* #outer_wrapper  {height:100%; margin: 0 auto; width:800px; background: #fff url(images/backgrou.gif) repeat-y left; }
/* end hide */

a:link, a:visited { text-decoration:none; color:#0000CC}
a:hover{ text-decoration: none; color: #555;}
a img{ border:0; }
img{ border:0; }
.bord{ border:#336699 5px solid; }

.ital { width:98%; font-style:italic; line-height:100%;}
.catalog {  width:98%; line-height:100%; font-weight:500;}
#smile img {border:0; margin-bottom:0px; position:relative; float:right; padding:0 10px 0 0; }
#header { width:800px; height:150px; color:#fff; background:#3577B3 url(images/1.jpg);}
#innerheader {visibility:hidden}
#wrapper { background:url(images/backgrou.gif) repeat-y right; }
#container {	width: 100%;	float: left;	margin-right: -150px;	background:url(images/backgrov.gif) repeat-y right;	padding-bottom:32767px; margin-bottom:-32767px;}
#content { margin-right: 150px; background: url(images/backgrou.gif) repeat-y left;}
#main {	margin-left: 150px; background: url(images/box_bg.gif) center repeat-y;  padding-bottom:32767px; margin-bottom:-32767px; }
#submain { height:20px; background:#4382ba url(images/top.gif) bottom center no-repeat;}
#left {	width: 150px;	float: left; text-align:center}
#leftform {	width: 70%;	float: left; text-align:center}
#left a { text-decoration:none;}
.innermain { padding:0px 20px 0 30px;}
#innerprice { padding:0px 10px 0 0px; text-align:center;}
.innermain p{ width:98%; margin-bottom:10px;}
.innermain h1{ width:98%; padding:0px 0 0 0;	font-size:170%;	color:#FF0000}
.innermain h2{ padding:10px 0 10px 0; font-size:170%; position:relative;}
.innermain h3{ width:98%; padding:5px 0 0px 0; font-size:115%; font-style:italic; color:#006633; line-height:100%;}
.innermain h4{ width:98%; padding:5px 0 5px 0; font-size:120%; font-style:italic}
#innerprice h2{ padding:10px 0 10px 10px; font-size:170%; }
#innerprice h5{	width:98%;	padding:5px 0 5px 10px;	font-size:85%;	color:#003333;}
.innermain .image{ width:98%; text-align:center; border:#CCCCCC solid 1px; padding:5px 0 5px 0; margin:20px 0 20px 0;}
.innermain .line { text-decoration:underline;}
#innerprice .cat {padding:10px 5px 10px 5px; margin:10px 0 0px 0; border:#CCCCCC 1px solid;	width:420px;
background-color:#EEEEEE; text-align:left;}
#innerprice .cat p{ margin:0 0 0 10px; font-size:85%; padding-bottom:10px;}
#innerprice .cat span{display:block; margin:0 200px 20px 10px; font-size:80%; font-style:italic; color:#CC3300;}
.cat {padding:10px 5px 10px 5px; margin:10px 0 0px 0; border:#CCCCCC 1px solid;	width:420px;background-color:#EEEEEE;}
.innermain .cat .imagesample{background-color:#63c4f9; width:400px; height:157px; float:left; text-align:center; border:#336699 1px solid; padding:0; margin:5px 5px 5px 5px;}
.innermain .cat .imagescreboc{background-color:#0196da; width:400px; height:200px; float:left; text-align:center; border:#336699 1px solid; padding:0; margin:5px 5px 5px 5px;}.innermain .group .imagesample{background-color:#63c4f9; width:45%; float:left; text-align:center; border:#336699 1px solid; padding:0px 5px 0px 6px; margin:5px 5px 10px 0;}
.imagesmall{width:44%; float:left; text-align:center;  border:#336699 4px solid; padding:0px 5px 0px 6px; margin:20px 5px 10px 0;}
.anim{width:401px; border:0; padding:0; margin:0px 0px 0px 0;}
.innermain .anim img{border:0;}
.patsmall{width:80%; padding-top:20px;}
.innermain .group .imagesmall p{ padding-top:10px}
.innermain ul.unordlist {margin:7px 20px 0px 25px; }
.innermain .unordlist li{padding:0px 0 2px 5px;	list-style-position:outside; list-style-type:square;font-weight:normal;	color:#339900;}
.innermain p ol.list {margin:0;}
.innermain .center { width:97%; text-align:center; font-size:100%; font-style:italic; clear:none; position:relative}
.innerleft { font-size:14px !important; margin:15px 0px 0px 10px; text-align:left;}
.innerleft h3 {	background-color:#6192c7;	font-size:0.8em;	color:#ffffff; 	display:block;margin-bottom:10px;	padding:2px 0 2px 5px;	font-weight: bold;}
.innerleft ul {padding:0px 0px 10px 0px; display:block; background:#3577b3}
.innerleft ul li {display:block; padding:5px 0 10px 0; background:#3577b3 url(images/but1.gif) left center no-repeat; text-align:center;}
.innerleft ul li a{display:block; margin:2px 10px 0 5px; padding:2px 0 2px 2px; font-size:14px !important; font-variant:normal!important; font-weight: bold; text-decoration:none; color:#0000CC }
.innerleft ul li a:hover{display:block; margin:2px 10px 0 5px; padding:2px 0 2px 2px; font-size:14px !important; font-weight: bold; text-decoration: none; color: #000; background-color:#FFFFCC}
#flag { width:98%; height:32px; margin:30px 0 20px 0; background:url(images/407.gif) center no-repeat;}
#sidebar { width: 150px; float: right; margin:20px 0 0 0}
#sidebar .inner{ padding:10px 10px 0px 0px;}
.right { text-align:right; width:88px;}
.center { text-align:center; margin:0; padding:0;}
.center span{width:97%; padding:10px 0 0 0; font-size:130%; font-weight:bold; color:#FF0000;}
.center span.green{width:100%; padding:10px 0 0 0; font-size:100%; color:#006633;}
.note {width:95%; font-size:105%; font-weight:bold; font-style:italic; color:#FF0000;  line-height:100%;}
.green {width:97%; padding:10px 0 0 0; font-size:100%; color:#006633;}
.mail {width:97%; padding:10px 0 0 0; font-size:100%; color:#0099FF; font-weight:normal;}
#footer {border:0;	height:12px; text-align:center; position:relative; width:100%; margin-top:-15px; clear:both;}
.innerfoot {height:12px; width:800px;  background:url(images/foot.gif) top repeat-x;}
#infootright { width:140px; margin:0px 0px 0px 0px; text-align:center; float:right}
#footcent { width:50%;  padding:0px 0px 0px 200px; float:left; text-align:center; float:left}
.last {	margin-bottom: 0;}
.clearing {	height: 0;	clear: both;}
table {border-collapse: collapse; border: 1px solid #003333; font-size:14px; margin:0 0 5px 10px;}
td {border: 1px solid #003333; padding:3px; text-align: center;}
th {border: 1px solid #003333; background-color:#DDEEFF; padding:2px; text-align:center;}
td.tbcol {	background-color:#FFFFCC;}
.even{background-color:#ffffff;}
.odd{ background-color:#DDEEFF;}
.odds{ background-color:#DDEEFF; padding:0 15px 0 15px; white-space:nowrap;}
td.colvo { background-color:#DDEEFF}
td.colvol { background-color:#DDEEFF; text-align:left; font-size:14px;}
#contactarea {width:350px; margin:0px auto; text-align:left; padding:15px; border:1px solid #333;
background-color:#eee; font-weight: bold; font-family: Verdana, Arial; font-size: 12px;}
#inputbox {border: 1px solid #000; width: 270px; padding: 2px; font-weight: bold; font-family: Verdana, Arial; font-size: 12px;}
.inputlabel {display:block; font-weight: bold; font-family: Verdana, Arial; font-size: 12px; width: 350px;}
#message {border: 1px solid #000; padding: 2px; font-weight: bold; font-family: Verdana, Arial;font-size: 12px; width:330px;}
.submitbutton {border: 1px solid #000; background-color: #eee; padding-left:3px; padding-right:3px;}
.button {border: 0px solid #000; background:#fff url(images/but2.png) center no-repeat;	padding:0 25px 0 25px;	color:#ffffff;}
.prisebutton {border: 0px solid #000; background:#eee url(images/but2.png) center no-repeat;	padding:0 25px 0 25px;	color:#ffffff;}
/*.star { color:#FF0000}*/
#counters {border:0; text-align:center; width:100%; clear:both; position:relative; margin-top:-75px;}
#innercounters {height:50px; width:800px; text-align:right;}
#innercounters span { padding:0 35px 5px 0; display:block; font-weight:lighter}
#innercounters span a.links, #innercounters span a.links:hover{color:#FFFFFF; text-decoration:none; display:block; width:88px; height:15px; background:url(images/links.gif) no-repeat right top; padding:0 3px 0 0; float:right}
.small_1 {font-size:100%; text-decoration:none; margin-left:160px; }
.small_2 {font-size:100%; text-decoration:none; margin-left:105px; }
#flashnomer { margin:0 0 5px 0; text-align:center}

.tel{color:#FFFFFF;text-align:center;font-family:"Times New Roman", Times, serif;}
#telephon{text-align:center;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;}

.map{text-align:center;
}


/* css from 1000ramok.ru autor Grigorev Alex */