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

body {
	background: url(/images/page-bg.gif) 0px 91px repeat-x #1a396e;
	color:black;
	font-family: Tahoma;
	font-size:13px;
	text-align:center;
}
#wrapper {
	background: url(/images/top-right-flex.gif) top left repeat-x;
	margin: 0 auto;
	padding: 0 50px;
}
img {border:0;}
img.float-width {width: 95%;}
a {color:#1191b6; text-decoration:none;}
a:hover {text-decoration:underline;}
#content p {font-family: tahoma; font-size: 13px; font-weight: normal; text-indent: 30px; padding: 2px 0; text-align: justify;}
#content h2 {color:#113e5c; font-size:18px; font-weight:normal; margin-bottom: 25px;}
h2 {color:#ffffff; font-size:15px; font-weight:normal; margin-bottom:20px;}
h3 {color:#113e5c; font-size:13px; font-weight:bold; font-family: "Tahoma";}
h4 {color: #383838; font-family: verdana; font-size: 11px; font-weight: bold; text-align: left;}
h5 {color: #000000; font-family: Tahoma; font-size: 13px; font-weight: bold; text-align: left;}
.box h4 {text-align:center;}
.clear {clear:both; margin: 0 100%;}
.right {float: right; margin-left: 10px; margin-bottom: 10px;}

/*BEGIN HEADER*/
#top-left {
	position:absolute;
	z-index:1;
	width:25%;
	float:left;
	height:91px;
	left:0;
	background: url(/images/top-left-flex.gif) top left repeat-x #184284;
}
#header {
	background: url(/images/top-right-flex.gif) top left repeat-x #184284;
	height:91px;
	max-width:1260px;
	min-width:880px;
	margin:0 auto;
	position:relative;
	width:100%;
	z-index:3;
}
	
img.planet {
	position:absolute;
	z-index:3;
	right:0;
	top:0;
	float:right;
}

#header img.logo {float:left;}
#logo-text {
	text-align: left;
	float:left; 
	padding: 23px 0 0 57px;
	position: relative; 
	z-index: 4;
}
#logo-text img.cooo {padding-left: 31px;}

#languages {
	float: right;
	position:relative;
	z-index: 5;
	top:5px;
	right:5px;
}
#languages ul {
	list-style: none;
}
#languages li {
	display: inline;
}
#post-map {
	float: right;
	position:absolute;
	z-index: 5;
	top:72px;
	right:5px;
}
#post-map li {
	display: inline;
	padding: 0 5px;
}
#post-map ul {
	list-style: none;
}

/*END HEADER*/

/*BEGIN MENU*/
#menu {
	height: 33px;
	max-width:1260px; 
	min-width:880px;
	margin:0px auto;
	margin-bottom: 7px;
	font-family:verdana; 
	font-weight:normal;
	font-size:12px; 
	padding:0 -2px;
	position:relative;
	z-index: 4;
}
#menu table#tabs {width: 100%; border-collapse: collapse;}
table#tabs td {text-align: center; white-space: nowrap; padding: 0 2px; width: 14.3%;}
#menu div {background: url(../images/button-left.gif) bottom left no-repeat; height: 33px; width: 100%;}
#menu span {background: url(../images/button-right.gif) bottom right no-repeat; height: 33px; display:block;}
#menu a {background: url(../images/button-bg.gif) bottom center repeat-x; height: 33px; display:block; margin: 0px 10px; color: #ffffff; text-decoration: none;}
#menu div:hover {background: url(../images/button-left.gif) top left no-repeat;}
#menu span:hover {background: url(../images/button-right.gif) top right no-repeat;}
#menu div:hover  a {background: url(../images/button-bg.gif) top center repeat-x; text-decoration: none; color: #e3eef5;}
#menu .sell a, #menu .partners a {height: 33px; line-height: 13px; padding-top: 0px;}
table#tabs td.main {padding-left: 0px;}
table#tabs td.contacts {padding-right: 0px;}
table#tabs .main, .about, .news, .production, .contacts {
	line-height: 27px; vertical-align: middle;
}
/*END MENU*/

/*BEGIN CONTENT*/
#main-wrapper {
	max-width:1260px; 
	min-width:880px;
	margin:0px auto;
}
#main {
	float:left;
	width:100%;
}
#page-header-outer {
	width:100%;
	float:left;
}
#page-header {float:left;}
#pager {
	float:right;
	color:#d52fc3;
	font-size:48px;
}
   /*BEGIN LEFT-SIDE*/

		#cat {
			background: url("../images/cat-bg.png") left top no-repeat;
			height:293px;
			width:199px;
			float: left;
			font-family: "Tahoma";
			font-size: 12px;
			font-weight: bold;
			margin: 0px 0 3px 0;
			padding: 4px 0 3px 0;
		}
		#cat h3 {padding: 0; color: #ffffff; font-size: 14px;}
		#cat ul {
			padding: 5px 8px 0 8px;
			text-align: left;
		}
		#cat li {
			padding: 0px 0px;
			list-style: none;
		}
		#cat .rounded {
			padding:1px 10px;
			background:red;
			zoom:1;
			background: none;
			border: 1px solid #1a396e;
			margin: 3px 0;
		}
		#cat li:hover div.rounded{
			background: #1a396e;
			border: 1px solid #1e6695;
		}
		#cat a {
			color: #ffffff;
		}
		
		/* BEGIN NEW */
		div.new {
			width:197px;
			float: right;
			margin-top: 0px;
			margin-bottom: 9px;
		}
		.box {
			background: #e6e6e6;
			border: 1px solid #1e6695;
			border-bottom: 0px;
			width:165px; 
			padding: 10px 15px 0 15px;
		}
		div.new .box img {
			padding: 6px 0;
			max-width:165px;
			max-height:165px;
		}
		#slider li p, #slider2 li p {
			text-align: right;
		}
		#slider li span, #slider2 li span {
			text-align: left;
			float:left;
		}
		div.new-foot {
			background: url(/images/new-bottom.png) top left;
			height: 15px;
			width: 197px;
		}
		div.new a {
			font-family: verdana;
			font-size: 10px;
			font-weight: normal;
			text-decoration: underline;
		}
		div.new a:hover {
			text-decoration: none;
		} 
	div.new .block-header3 h1, #cart .block-header3 h1, .block-header3 img {padding-left:3px; font-size: 12px; vertical-align: middle; line-height: 32px;}
	
		/* END NEW */
		
		/*BEGIN CART*/
		#cart  {
			width:197px;
			float: right;
			margin-top: 0px;
			margin-bottom: 9px;
		}
		#cart span {
			float: right;
		}
		#cart ol {
			text-align: left;
			margin: 5px 0 0 30px;
		}
		#cart span a {
			font-family: verdana;
			font-size: 10px;
			font-weight: normal;
			text-decoration: underline;
		}
		#cart span a:hover {
			text-decoration: none;
		} 
		/*END CART*/
		
		/*BEGIN CONTACTS*/
		#contacts {
			background: url(/images/contacts-bg.gif) bottom left repeat-y;
			width: 197px;
			float: left;
			margin: 15px 0;
		}
		#contacts-head {
			background: url(/images/contacts-head.png) bottom left no-repeat;
			height: 15px;
			width:197px;
			margin-top:-15px;
		}
		#contacts-foot {
			background: url(/images/contacts-foot.png) top left no-repeat;
			height: 15px;
			width:197px;
			margin-bottom:-15px;
		}
		#contacts table {
			border: 0;
			font-family: "Tahoma";
			font-size: 13px;
			font-weight: bold;
			text-align: left;
		}
		#contacts td.img {
			padding: 9px 7px 10px 15px; 
			text-align: center;
		}
		#contacts table span {
			font-weight: normal;
			font-size: 11px;
		}
		/*END CONTACTS*/
		
  /*END LEFT-SIDE*/
div.block-header1 {
	background: url("../images/block-header-left.gif") left top no-repeat;
	height:32px;
}
div.block-header2 {
	background: url("../images/block-header-right.gif") right top no-repeat;
	height:32px;
	padding:0 10px;
}
div.block-header3 a {color: #fff;}
div.block-header3 {
	background: url("../images/block-header-bg.gif") left top repeat-x;
	height:32px;
	line-height: 32px;
	vertical-align: middle;
}
.block-header3 h1 {color:#e3eef5; font-weight:normal; font-size:14px; font-family:"Verdana"; text-align:left;}
#center div.block-header3 h1 {margin-left: 10px;}
#left-side{width: 210px; float: left; margin-right: -210px;}
#center .block-header3 h1 {padding-left: 5px;}
#center{margin:0 210px; float:left; position: relative; z-index: 5; text-align: left; padding:0 13px;}

#content {background: #a5bee9; padding: 0 3em; border: 0px solid #1e6695; margin: 0 7px;}
#content .category {width: 185px; height: 235px;}
#right-side {width: 210px; float:left; margin-left:-210px; position: relative; z-index: 5;}
#about-wrapper {	margin:0px auto;
	max-width:1260px;
	min-width:880px;}
#about p {font-family: tahoma; font-size: 13px; font-weight: normal; text-indent: 30px; padding: 5px 0;}
#about h2 {color:#113e5c; font-size:15px; font-weight:normal; margin-bottom: 15px;}
#about a {
	color: #204E9A; 
	font-weight: bold;
	font-style: italic;
	}	
#about {	
	background: #a5bee9; 
	padding: 0 3em; 
	border: 0px solid #1e6695; 
	margin: 0 7px; 
	text-align: left; 
	}

.borders {position: relative; margin: 0 -13px;}
.wr-left {
	background: url("../images/border-left.gif") left top repeat-y;
	width: 100%;
}
.wr-right {
	background: url("../images/border-right.gif") right top repeat-y;
	width: 100%;
}
.wr-top {
	background: url("../images/border-top.gif") left top repeat-x #a5bee9;
	margin: 0 15px;
	height:20px;
}
.wr-bottom {
	background: url("../images/border-bottom.gif") left bottom repeat-x #a5bee9;
	height:20px;
	margin: 0 15px;
}
.wr-top-left {
	background: url("../images/corner-top-left.gif") left top no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
.wr-top-right {
	background: url("../images/corner-top-right.gif") right top no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	right: 0;
}
.wr-bottom-left {
	background: url("../images/corner-bottom-left.gif") left bottom no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.wr-bottom-right {
	background: url("../images/corner-bottom-right.gif") right bottom no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
}


#news-wrapper {
	margin: 10px 0;
}
#news-wrapper .block-header3 span {
	display: block;
	float: right;
	padding: 0px 15px;
}
#news-wrapper .block-header3 a {
	text-decoration: underline;
}
#news-wrapper .block-header3 a:hover {
	text-decoration: none;
}
#news {background: #a5bee9; padding: 0 1em; margin: 0 7px;}
tr.news-item {
	display: block;
	margin-bottom: 5px;
}
.date {
	background: url("../images/date-bg.gif") left top no-repeat;
	float: left;
	width: 76px;
	height: 17px;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 0 0 2px;
	vertical-align: top;
}
.anounce {padding-left: 10px;}
.anounce h3 {font-weight:bold; font-size: 13px;}
.anounce a {
	text-decoration: underline;
	color: #1a68ac;
}
.anounce a:hover {
	text-decoration: none;
}
#content td.anounce p {
	text-indent: 0px;
}
#paging {
	padding-top:20px;
	clear:both;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#paging a {
	font-size:12px;
	font-family:verdana;
	text-decoration:none;
}
#paging a:hover {color: #cd82a8;}
/*END CONTENT*/


/*BEGIN FOOTER*/
#footer {
	color:#ffffff;
	font-family:verdana; 
	font-size:10px;
	height: 74px;
	margin:0px auto;
	max-width:1260px;
	min-width:880px;
	position:relative;
	text-align:right;
	z-index: 4;
	padding-top: 10px;
}
#footercontainer1 {
	background:url(/images/footer-left.gif) left top no-repeat;
	height:74px;
	margin-left:0px;
	margin-right:0px;
}
#footercontainer2 {
	background:url(/images/footer-right.gif) right top no-repeat;
	height:74px;
}
#footercontainer3 {
	padding:0;
	height:74px;
	margin: 0px 10px;
	background:url(/images/footer-bg.gif) left top repeat-x;
}
#footer table {text-align: left; width: 100%;}
#footer td.flg {text-align: center; width: 86px; padding-top: 15px;}
#footer td.fl p {
	font-size: 10px;
	font-weight: normal;
}
#footer td.fl span {
	color: #dfdfdf;
	font-size: 18px;
	font-weight: bold;
}
#footer td.fr {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}
#footer td.fr a{text-decoration: underline;}
#footer td.fr a:hover {text-decoration: none;}
#footer p {padding-top:10px;}
#footer a {color: #ffffff;}
/*END FOOTER*/



.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: 0 0 0 -2em;
/* Выравнивание по центру */
text-align: center;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;
/* Следующее правило для Firefox 2 */
display: -moz-inline-box;
/* а это для остальных */
display: inline-block;
//float: left;
vertical-align: bottom;
/* Убираем выравнивание по центру */
text-align: center;
/* Отступы между блоками */
margin: 0 0 0 0.5em;
}

.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */

width: 13em;

font-size: 12px;
/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
text-align: center;
}

.r span{
	display: block;
	width: 139px;
	height: 105px;
	background: url(/images/ct-bg.gif) 2px 0px no-repeat;
	margin-top: ;
	margin: 3px auto 0 auto;
}
.r:hover span{
	background: url(/images/ct-bg.gif) 2px -105px no-repeat;
}
.r img {padding-top:5px;}

.r:hover img {padding-top:8px; padding-left:3px;}
.r a {color:#113e5c; font-size:12px; font-weight:bold; font-family: "Tahoma"; /*text-shadow: 1px 1px 2px #fff;*/ text-decoration: none;}
.oborud img {padding-top:0px;}
.oborud:hover img {padding-top:3px; padding-left:4px;}
.r:hover {cursor: pointer;}
.r:hover h3 {text-decoration: underline;}
.r h3 {font-size: 12px;}

form#searchbox {
	display: block; 
	float: right; 
	padding-top: 6px; 
}

#searchbox input#button {
	border: 0;
	width: 50px;
	height: 22px;
	float:left;
}
#searchbox input#text-input {
	background: url(/images/search-text.gif) top left no-repeat;
	border: 0;
	width: 129px;
	height: 22px;
	padding-left: 10px;
	float: left;
	font-family: verdana;
	font-size: 11px;
	color: #030303;
}


/* BEGIN ABOUT-PAGE*/
table.awards  {border:0; margin: 0; padding: 0;}
table.awards img {
	max-width: 95px;
}
table.awards td {
	vertical-align: middle;
	padding: 0px 5px; 
	border: 0;
}
.awards td p {padding: 0;}
table.awards td:first-child {
	text-align: center;
}

ul#gallery  {
  list-style:none;
  display: block;
  width: 100%;
  text-align: center;
}
ul#gallery  li {
  display:inline;
}
#gallery li a img {
  border:none;
  width: 250px;
  height: 188px;
  margin: 5px;
}     
/* END ABOUT-PAGE*/

p.hidden {color: #e6e6e6; visibility: hidden;}

/* BEGIN SITEMAP */
ul.map {
	 font-size:13px; font-weight:bold;
	line-height: 1.5em;
	list-style: none;
}
ul.map ul {
	font-size:12px;
	margin-left: 30px; 
	list-style: none;
}
ul.map a {
	color:#113e5c;
}
/* END SITEMAP */


/* BEGIN ORDER FORM */
form#order {
}
form#order h3 {padding: 5px 0;}
form#order label {display: inline-block; width: 170px; text-indent: 0;}
form#order p {margin: 3px 0;}
form#order span {color: red;}
form#order div.errors h4 {padding: 5px 0; font-size: 12px; color: red;}
form#order div.errors ul {list-style: circle; padding: 10px 0 10px 45px;}
input.order-submit {
	margin: 5px 0 0 0; 
	display: block; 
	width:157px; 
	height:22px; 
	border: 0; 
	font-size: 10px; 
	font-weight: normal; 
	font-family: verdana; 
	color: #ffffff; 
	padding: 1px 0 5px 0;
	text-align: center;
	background: url(../images/buttons-cart.gif) top left no-repeat #009fd8;
}
/* END ORDER FORM */