/*
------------------------------------------------------
author:    Aleksey Krekotun
email:     dobrii.ru@gmail.com
icq:       536136
skype:     dobrii_ru
website:   www.dobrii.ru
------------------------------------------------------
*/
/* Reset
---------------------------------------------------------- */
@import 'reset.css';
/* Main Styles
---------------------------------------------------------- */
html {
	background: #fff;
	font-size: 100.1%;
	height: 100%;
}
body { font: 62.5% Tahoma; height:100%;}
.cat { background: url(./i/right.png) right 189px no-repeat; }
.company { background: url(/css/i/right_comp.png) right 195px no-repeat; }
.semk { background: url(/css/i/right_semk.png) right 195px no-repeat; }
.contacts { background: url(/css/i/right_cont.png) right 195px no-repeat; }

.gcat { background: url(/css/i/gift_1.jpg) right 130px no-repeat; }
.gopen { background: url(/css/i/gift_2.jpg) right 130px no-repeat; }
.gshop { background: url(/css/i/gift_3.jpg) right 130px no-repeat; }
.gclient { background: url(/css/i/gift_4.jpg) right 130px no-repeat; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.content h1 {font-size: 15px; color: #d7091e; padding-bottom: 20px; width: 500px}
h3 { font-size: 130%; font-weight: bold; }
h4 { font-size: 120%; font-weight: bold; color: #800000}
.clear { clear: both; }
.empty { clear: both; height: 82px; }
#wrapper {
min-height:100%;height:auto !important;height:100%;
	margin: 0 auto;
	min-height: 100%;
	padding: 0px 10px 0px 30px;
	position: relative;
	width: 960px;
}
#inner #wrapper, #catalog #wrapper{
	min-width: 940px;
	max-width: 1200px;
	width: auto;
	padding: 0px 30px 0px 30px;
}


.act {color: #FF0000;}
.black {color: #000;}
.green {color: #36af6c;}

/* Main
---------------------------------------------------------- */
/* Header
---------------------------------------------------------- */
.header { overflow: hidden; padding-top: 36px; }
.header h5 {
	background: url(./i/logo.png) no-repeat;
	display: block;
	float: left;
	height: 64px;
	text-indent: -1999em;
	width: 152px;
}
.header h5 a{
	display: block;
	height: 64px;
	width: 152px;
}
.header #menu {
	float: left;
	margin-left: 35px;
	font-family: Verdana;
	position: relative;
	margin-top: -9px;
}
.header #menu li{ float: left; margin-right: 5px; text-align:center ;}
.header #menu li span { display:block; }
.header #menu li span span{ display:block; padding:6px 10px 6px 10px;}
.header #menu li.hover a:hover {color: #3d3d3d; text-decoration: none; }
.header #menu li.hover a:hover span {background: url(./i/m-a-l.png) 0px 2px no-repeat; }
.header #menu li.hover a:hover span span{background: url(./i/m-a-r.png) right 2px no-repeat; }
.header #menu li.hover a:hover span span span{background: none; }
.header #menu li a{
	color: #3d3d3d;

	font-size: 140%;
	text-decoration: none;
	display: block;
}
	.header #menu li ul li{
		float: left;
		margin: 0px 4px 0px 0px;
	}

	.header #menu li ul {
	display: none;
		width: 539px;
		height: 22px;
		background: url(./i/submenu.png) no-repeat;
		clear: both;
		padding-left: 7px;
		position: absolute;
		top: 24px;
		left: 0px;
	}
	.header #menu li ul.gift {
		left: 139px;
	}
.header #menu li ul:after {
		clear: both;
		display: block;
		font: 1px/0px serif;
		content: ".";
		height: 0;
		visibility: hidden;
}

 .header #menu li:hover ul,  .header #menu li.iehover ul {display: block;}
	
.header #menu li.hover li span span{ display:block; padding:1px 10px 4px 10px;}
.header #menu li.hover a span.red{ color: #ff0000; padding: 0px; display: inline;}
.header #menu li.hover li a span.red{ color: #fff; padding: 0px; display: inline;}
.header #menu li.hover li a:hover span {
	background: url(./i/sub-a-l.png) 0px 0px no-repeat; 
	color:#fff;
	display: block;
}

.header #menu li.hover li a:hover span span{
	background: url(./i/sub-a-r.png) right 0px no-repeat; 
	color:#fff;
	display:block;
	padding:1px 10px 4px 10px;
}
.header #menu li a:hover{ color: #ff0015; text-decoration: underline; }
.header #menu li li a:hover{ color: #fff; text-decoration: none; }

.header #menu li.hover-active a:hover {color: #3d3d3d; text-decoration: none;}
.header #menu li.hover-active span {background: url(./i/m-a-l.png) 0px 2px no-repeat; }
.header #menu li.hover-active span span{background: url(./i/m-a-r.png) right 2px no-repeat; }
.header #menu li.hover-active span span span{background: none; }
.header #menu li.hover-active ul{display: block; }
.header #menu li.hover-active li span {background: none;}
.header #menu li.hover-active li span span{background: none;}
.header #menu li.hover-active li span span{ display:block; padding:1px 10px 4px 10px;}
.header #menu li.hover-active a span.red{ color: #ff0000; padding: 0px; display: inline;}
.header #menu li.hover-active li a span.red{ color: #fff; padding: 0px; display: inline;}
.header #menu li.hover-active li a:hover span {
     background: url(./i/sub-a-l.png) 0px 0px no-repeat; 
     color:#fff;
     display: block;
}
.header #menu li.hover-active li a:hover span span{
     background: url(./i/sub-a-r.png) right 0px no-repeat; 
     color:#fff;
     display:block;
     padding:1px 10px 4px 10px;
}
.header #menu li.hover-active li a span.red{ color: #fff; padding: 0px; display: inline;}
.header #menu li.hover-active li a span.red{ color: #fff; padding: 0px; display: inline;}

.header #menu li.hover-active li.active a span {
     background: url(./i/sub-a-l.png) 0px 0px no-repeat; 
     color:#fff;
     display: block;
}
.header #menu li.hover-active li.active a span span{
     background: url(./i/sub-a-r.png) right 0px no-repeat; 
     color:#fff;
     display:block;
     padding:1px 10px 4px 10px; 
}

/* Container
---------------------------------------------------------- */
.container { clear: both; padding-top: 0px; }
.sidebar { float: left; width: 196px; }
.sidebar img.gift {margin: 10px 0 15px 0px;}
.sidebar a.press {display: block; width: 144px; height: 21px; background: url(./i/press.gif) top no-repeat; margin: 25px 0 0 0;  }
.sidebar a.press:hover { background: url(./i/press_act.gif) top no-repeat;  }
.sidebar .banners { margin-top: 15px; }
.sidebar .banners li{
	background: url(./i/banners-el.png) no-repeat;
	height: 113px;
	margin-bottom: 7px;
	padding-top: 5px;
	text-align: center;
	width: 157px;
}
.sidebar .login {	
	color: #3d3d3d;
	display: block;
	font-size: 130%;
	padding: 3px;
	margin-top: 25px;
	}
	.sidebar .login a {	
	color: #0072bc;
	}
.sidebar .consult { margin-top: 20px; }
.sidebar .consult strong { color: #f92949; font-size: 110%; font-weight: normal; }
.sidebar .consult .icq {
	background: url(./i/icq.gif) no-repeat;
	color: #3d3d3d;
	display: block;
	font-size: 130%;
	margin-top: 6px;
	padding: 0px 0px 0px 27px;
}
.content { float: left; width: 760px; }
.content .announcement {
	height: 46px;
	margin: 10px 0 7px 5px;
	padding-top: 10px;
	text-align: center;
	width: 674px;
	clear:both;
}
.content #bauyer {
	background: url(./i/announcement.png) no-repeat;
}
.content #clients {
	background: url(./i/announcement2.png) no-repeat;
}
.content .announcement strong, .content .announcement h1 { color: #fff; font-size: 160%; font-weight: normal; margin: 0 auto }
.content .announcement .number { color: #fff; font: 240% Georgia; }
.content .announcement .word { color: #fff; font-size: 120%; }
.content .offer {
	background: url(./i/offer.png) no-repeat;
	height: 312px;
	margin: 0 0 15px 0;
	padding-top: 4px;
	text-align: center;
	width: 683px;
}
.content .commodity {
	float: left;
	margin-top: 20px;
	overflow: hidden;
	width: 700px;
}
.content .commodity h2 {	
	font-size: 130%;
	font-weight: bold;
	color:#ed1c24;
	text-transform: uppercase;
	margin: 0 0 13px 18px;
	clear:both;
}
.content .commodity .soon {color: #1daeff;}
.content .commodity li{ float: left; margin: 0 22px 0 0; width: 116px; }
.content .commodity .new {
	color: #ff0012;
	display: block;
	font: italic bold 130% Georgia;
	height: 18px;
}
.content .commodity strong { color: #3d3d3d; font-size: 130%; font-weight: normal; }
.content .commodity .price { color: #f92949; display: block; font-size: 130%; }
.content .commodity .price span{ font-size: 130%; }
.content .commodity a.prev, .content .commodity a.next {
	display: block;
	float: left;
	height: 42px;
	margin-top: 9px;
	text-indent: -1999em;
	width: 19px;
}
.content .commodity a.prev {
	background: url(./i/arrow-l.gif) no-repeat;
	margin-right: 24px;
}
.content .commodity a.next {
	background: url(./i/arrow-r.gif) no-repeat;
	margin-left: 10px;
}
.content .commodity a.prev:hover { background: url(./i/arrow-l-a.gif) no-repeat; }
.content .commodity a.next:hover { background: url(./i/arrow-r-a.gif) no-repeat; }

#main .content .news { clear:both; padding: 0 0 0 10px; width: 670px; height: 190px; }
#main .content .news .num{ font-size: 80px; font-weight:bold;  color: #ed1c24; width: 110px;}
#main .content .news .num p { font-size: 17px; font-weight:bold; color: #ed1c24; line-height:normal; margin-top: 15px;}
#main .content .news li{ float: left; display:block; margin-right: 15px; width: 150px; }
#main .content .news li h2 { font-size: 140%; font-weight: bold; }
#main .content .news .gb {margin-left: 25px; }
#main .content .news .gb h2 { color: #1daeff; margin-bottom: 10px; }
#main .content .news li .date { color: #969696; font: italic 130% Georgia; }
#main .content .news li p { color: #555555; font-size: 120%; line-height: 20px; }
#main .content .news a, #main .content .forclient a { color: #0072bc; font-size: 12px; font-weight:normal; }
#main .content .news a.more { display: block; font-size: 120%; text-decoration: none; }

#main .content .forclient { clear:both; padding: 15px 0 0 10px; width: 670px; }
#main .content .forclient li{ float: left; display:block; margin-right: 20px; width: 300px; font-size: 12px; }
#main .content .forclient li h2, #main .content .forclient li h3 { font-size: 140%; font-weight: bold; }
#main .content .forclient li h3 { color: #0072bc }
#main .content .forclient li h2 {color: #ed1c24 ;}
#main .content .forclient li p { font-size: 12px; padding-top: 10px;   padding-bottom: 8px; }
#main .content .forclient li img { float:left; display:block; padding: 10px 5px 0 0; }
#main .content .forclient li .talk {width: 200px; display: block; float:right; margin-right: 10px; }


#timer1 {display: inline}



/* Footer
---------------------------------------------------------- */

.footer {
	background: url(./i/usb.gif) right top no-repeat;
	clear: both;
	height: 162px;
	position: relative;
	margin-top: -162px;
}
.fwords { 
	margin-bottom: 5px;
	clear:both;
	color: #000; }
.counter { 
	margin: 0 auto;
	padding: 3px 6px 6px 6px;
	heigth: 57px;
	width: 960px;
	clear:both;
	background-color: #E8E8E8; }

.footer .copy, .footer .contacts, .footer .studio {
	float: right;
	font-size: 110%;
	margin-left: 40px;
	margin-top: 55px;
	padding-bottom: 15px;
}
.footer .contacts { color: #32004b; }
.footer .contacts a{ color: #ff2039; }
.footer .green { color: #b7c322; }
.footer .green-t { color: #2b9740; }
.footer .red { color: #fe0000; }
.footer .grey { color: #b7b7b7; }
.footer .blue { color: #00bff3; }
.footer .studio { margin-right: 25px; }


/* News
---------------------------------------------------------- */
#inner .sidebar, #catalog .sidebar{
	float: left;
	margin-right: -100%;
	position: relative;
}
#inner .sidebar ul.menu, #catalog .sidebar ul.menu{
	font-size: 130%;
	overflow: hidden;
	font-family: Arial;
	margin-left: -10px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 50px;
}
#inner .sidebar ul.menu a, #catalog .sidebar ul.menu a {
	color:#464646;
	text-decoration: none;
	display: block;
	float: left;
	clear: both;
}
#inner .sidebar ul.menu li a span, #catalog .sidebar ul.menu li a span{
	display: block;
	padding: 2px 10px 3px 10px;
}
#inner .sidebar ul.menu .active a, #catalog .sidebar ul.menu a:hover {background: url(./i/side-m-l.png) left 0px no-repeat; color:#fff;}
#inner .sidebar ul.menu .active a span, #catalog .sidebar ul.menu a:hover span{background: url(./i/side-m-r.png) right 0px no-repeat;}

#inner .content, #catalog .content {
	float: left;
	width: 100%;
}
#inner .cont, #catalog .cont {
	margin-left: 196px;
}

#inner .news-ul { width:65%; display: table;  float: left;}
#inner .news-ul li{margin-bottom: 30px;}
#inner .news-ul li h2 { font-size: 140%; font-weight: bold; margin-bottom: 3px;}
#inner .news-ul li .date { color: #969696; font: italic 130% Georgia; }
#inner .news-ul li p { color: #555555; font-size: 120%; line-height: 16px; }
#inner .news-ul a { color: #0072bc; }
#inner .news-ul a.more { display: block; font-size: 120%; text-decoration: none; }
#inner .news-ul li img { padding: 10px 5px 10px 5px; }

#inner .news-ul .answer { color: #FF0000; margin: 5px 0 0 20px;}

#inner .banners {
	width: 200px;
	float: right;
	padding-left: 42px;
}

#inner .banners li{
	background: url(./i/banners-el.png) no-repeat;
	height: 118px;
	margin-bottom: 4px;
	padding-top: 5px;
	text-align: center;
	width: 157px;
}

#inner .navigation { }
#inner .navigation .one, #catalog .navigation .one {float: left; color:#464646; font-size: 130%; margin: 20px 20px 0px 0px;}
#inner .navigation a.left-arrow, #inner .navigation a.right-arrow, #catalog .navigation a.left-arrow, #catalog .navigation a.right-arrow {
	display: block;
	float: left;
	height: 42px;
	margin-top: 9px;
	text-indent: -1999em;
	width: 19px;
}
#inner .navigation a.left-arrow, #catalog .navigation a.left-arrow {
	background: url(./i/arrow-l.gif) no-repeat;
}
#inner .navigation a.right-arrow, #catalog .navigation a.right-arrow  {
	background: url(./i/arrow-r.gif) no-repeat;
}
#inner .navigation a.left-arrow:hover, #catalog .navigation a.left-arrow:hover { background: url(./i/arrow-l-a.gif) no-repeat; }
#inner .navigation a.right-arrow:hover, #catalog .navigation a.right-arrow:hover { background: url(./i/arrow-r-a.gif) no-repeat; }
#inner .navigation ul, #catalog .navigation ul{
	float:left;
	margin: 22px 10px 0px 10px;
}
#inner .navigation ul li, #catalog .navigation ul li{
	display: inline;
	font-size: 130%;
}
#inner .navigation ul li a, #catalog .navigation ul li a {
	color:#3d3d3d;
	text-decoration: none;
}
#inner .navigation ul li.active a, #inner .navigation ul li a:hover, #catalog .navigation ul li.active a, #catalog .navigation ul li a:hover {
	color:#ff0000;
	text-decoration: underline;
}
#inner .lfloat {float:left; margin-right: 10px; }

#inner table td {color: #555555; font-size: 120%; }

#inner table.conf {border-collapse:collapse}
#inner table.conf td {color: #555555; height: 20px; font-size: 120%; border-top: 1px solid #888; padding: 10px 0 10px 0; vertical-align: top; }
#inner table.conf p {color: #555555;  font-size: 110%; line-height: 16px;}
#inner table.conf td img {padding: 0px; vertical-align: top; }


/* Catalog
---------------------------------------------------------- */
#catalog .catalog {width:90%;display: table;}
#catalog .catalog table, #inner .people table {width: 100%;}
#catalog .catalog table td{padding-bottom: 30px; width: 180px; }
#catalog .catalog .new, #inner .new {
	display: block;
	height: 18px;
	font-family: Georgia;
	font-style: italic;
	font-size: 130%;
	font-weight: bold;
	color:#ff0012;
}
#catalog .catalog strong, #inner .people strong {
	display: block;
	font-size: 130%;
	font-weight: bold;
	font-family: "Arial";
	margin-top: 5px;
	width: 120px;
	line-height: 14px;
}
#catalog .catalog .art{
	display: block;
	font-size: 130%;
	font-style: italic;
	color:#898989;
}
#catalog .catalog .material, #catalog .catalog .size{
	display: block;
	color:#898989;
	width: 120px;
	line-height: 10px;
}
#catalog .catalog .cost{
	display: block;
	font-size: 150%;
	font-weight: bold;
	color:#fff;
	background: url(./i/side-m-l.png) left 5px no-repeat;
	float: left;
	clear: both; 
}
#catalog .catalog .cost span {
	background: url(./i/side-m-r.png) right 5px no-repeat;
	padding: 5px 8px 5px 8px;
	display: block;
}
#catalog .filter {
	position: relative;
	margin-top: 40px;
	margin-bottom: 50px;	
}

#catalog .types { 
width: 170px;
margin-bottom: 15px;
}
#catalog .types ul {padding-top: 5px;}
#catalog .types ul a {color:#000; text-decoration: none; padding: 3px 0px 4px 5px; display: block; line-height: 12px;}
#catalog .types ul .active a {background-color: #ff1538; color:#fff;}
#catalog .types ul .active a:hover {background-color: #4898de; color:#fff;}
#catalog .types ul a:hover {background-color: #e7e7e7;}
#catalog .types ul li {color:#000; text-decoration: none; font-size: 120%;}


#catalog .collections {
background: url(./i/collections-top.png) left 21px no-repeat;
width: 131px;
margin-bottom: 15px;
}
#catalog .collections ul{
background: url(./i/collections-bottom.png) left bottom no-repeat;
margin-top: 10px;
padding-bottom: 10px;
font-size: 130%;

}

#catalog .collections h2, #catalog .types h2 {
	font-size: 130%;
	font-weight: bold;
	color:#ed1c24;
	text-transform: uppercase;
	margin-left: 18px;
}

#catalog .collections ul a {color:#000; text-decoration: none; padding: 2px 0px 2px 18px; display: block;}
#catalog .collections ul .active a {background: url(./i/collections-a.png) 8px 2px no-repeat; color:#fff;}
#catalog .collections ul .active a:hover {background: url(./i/collections-a.png) 8px 2px no-repeat; color:#fff;}
#catalog .collections ul a:hover {background: url(./i/collections-h.png) 8px 2px no-repeat;}
#catalog .collections ul li {color:#000; text-decoration: none;}

#pic {
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 10px;
	width: 85px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index: 5;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	display: block;
	height: 70px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 85px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 300px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 500px;
}


/* Team
---------------------------------------------------------- */
#inner .banners {
	width: 162px;
	float: right;
	padding-left: 80px;
}
#inner .people {width:70%;display: table; float: left;}
#inner .people td {padding-bottom:30px;}
#inner .people .who {
	display: block;
	font-style: italic;
	color:#969696;
	font-size: 130%;
	font-family: Georgia;
	width: 150px;
	margin-top: 10px;
}
#inner .people p, #inner .shops p, {
	display: block;
	color:#555555;
	font-size: 120%;
	width: 150px;
}
.textfield { font-size: 12px; color: #555; width:65%;}
.textfield p {
	color: #555;
	font-size: 12px;
    padding-bottom: 5px;
	line-height:normal;
}
.textfield .block { display:block; height: 100px; }
.textfield .block img { float: left; margin-right: 15px }

.textfield .phototext {width: 100%; }
.textfield .phototext li { display: inline-block;  width: 62%;  }
.textfield .phototext .photo {float:left; width: 230px;}

.resizable-textarea {
        width: 95%;
    }
    .resizable-textarea .grippie {
        height: 9px;
        background: #EEEEEE url("/pic/grippie.gif") no-repeat center 2px;
        border: 1px solid #DDDDDD;
        border-top-width: 0;
        cursor: s-resize;
        overflow: hidden;
    }

div.mytext p {
	margin-bottom: 15px;
	text-align: justify;
}

div.mytext h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

div.mytext h2 {
	font-size: 12px;
	color: #FF0000;
}

div.mytext h3 {
	font-size: 12px;
	color: #808080;
}