@CHARSET "UTF-8";

html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #EEE;
}

body {
	padding: 0;
	margin: 0 auto;
	width: 994px;
	height: 100%;
	font: 12px Arial;
	background: #FFF;
	color:#222222;
}

* html body {
	height: 100%;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}
table {
	border:0px; 
	border-collapse:collapse;
	width:100%;
}
.fleft {
	float: left; 	
}

.fright {
	float: right;
}

.cleft{
	clear: left;
}

.cright{
	clear: right;
}
img.fleft {
	padding: 0 15px 15px 0;
}

img.fright {
	padding: 0 0 15px 15px;
}


a {
	text-decoration: none;
}

a:HOVER {
	text-decoration: underline;
}

#header {
	width: 100%;
	height: 188px;
	background: url("/img/header_bg.gif") top left no-repeat #FFF;
	position: relative;
}

#logo {
	position: absolute;
	top: 80px;
	left: 26px;
}

#top-begun {
	position: absolute;
	top: 50px;
	left: 470px;
	height: 86px;
	width: 510px;
}

#menu_top {
	position: absolute;
	top: 6px;
	left: 480px;
	line-height: 18px;
}

#menu_top li {
	float: left;
	list-style: none;
}

#menu_top a {
	color: #4e7aa7;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#content {
	padding: 0;
	overflow: hidden;
	width: 100%;
	background-color: #FFF;
}

/********** БЛОКИ *************************************************************/
* html #main {
	margin-left: 125px;
}

#main {
	width: 744px;
	margin-left: 250px;
	float: left;
}

#main h1 {
	color: #3E4853;
	font-size: 16px;
	text-transform: uppercase;
}

#main a {
	color: #0084E9;
	font-weight: bold;
	text-decoration: underline;
}
#main a:HOVER {
	color: #f60;
	font-weight: bold;
}

h2,
h2 a {
	color: #007A97;
	font-size: 14px;
	padding: 20px 10px 0 10px;
	clear: left;
}

h3 {
	color: #D41B1B;
	clear: left;
}
#main div {
	margin: 10px;
	border-bottom: 2px solid #eee;
}

.actions {
	margin: 0 25px;
}

.actions h2 {
	color: #FFF;
	background: #36C none repeat scroll 0 0;
	font-size:1.6em;
	font-weight:bold;
	margin: 0;
	padding: 0 10px;
}

.actions h3 {
	font-size:1.1em;
	font-weight:bold;
	margin: 10px 0 0 0;
	padding: 0;
}

.actions p{
	margin: 0;
	color:#222;
}

#section {
	width: 250px;
	margin-left: -994px;
	float: left;
	color: #f93;
	font-size: 12px;
}

#section a {
	color: #036;
	text-decoration: none;
}

#section a:HOVER {
	color: #036;
	text-decoration: underline;
}

#section ul {
	padding: 0;
	margin: 0;
}

#section li {
	list-style: none;
}

#section h2 {
	color: #f02b2b;
	font-size: 14px;
}

#section h3 {
	color: #f02b2b;
	font-size: 12px;
}

#section div {
	margin: 10px 20px;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

/*#section .sub2{
	float: left;
	width: 44%;
	padding: 0 2%;
	margin-left: -100%;
	border-right: 2px solid #eee;
}
* html #section .sub1{
	margin-left: 25%;
}	
#section .sub1{
	float: left;
	margin-left: 50%;
	width: 44%;
	padding: 0 2%;
	border-right: 2px solid #eee;
}*/
#footer {
	position: relative;
	background: url("/img/footer_bg.gif") bottom left no-repeat #FFF;
	width: 100%;
	height: 211px;
	clear: left;
}

#creater {
	position: absolute;
	top: 190px;
	left: 660px;
}

#creater,#creater a {
	color: white;
}

#copyright {
	position: absolute;
	top: 195px;
	left: 824px;
	color: #003;
	font-weight: bold;
}

#contact {
	position: absolute;
	top: 92px;
	left: 840px;
	color: #fff;
	font-weight: bold;
}

#contact dt {
	float: left;
}

#meta {
	width: 480px;
	height: 130px;
	position: absolute;
	top: 25px;
	left: 40px;
	text-align: justify;
	color: #2f5882;
	font-weight: bolder;
}

#meta strong {
	color: #f63;
}

#clicks {
	position: absolute;
	top: 175px;
	left: 20px;
}

/***************** Новости *************************/
.date,
#newsblock dt {
	color: #000000;
	font-weight: bold;
}

#newsblock dd {
	text-align: justify;
}

#newsblock h3 {
	font-size: 100%;
	font-weight: bold;
	color: #e90e0e;
}

#newsblock h3,#newsblock p {
	padding: 0;
	margin: 0;
}

/********************* НОВИНКИ ***********************/
#novelty {
	width: 704px;
	overflow: hidden;
	padding-bottom: 50px;
}

#novelty ul {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: -44px 0 -43px;
}

#novelty li {
	float: left;
	list-style: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 43px 20px 43px 0;
	margin-bottom: -1px;
}

#novelty li img {
	display: block;
	width: 120px;
	height: 90px;
	border: 1px solid #eee;
	/*background: #EDE1CE;*/
	padding: 13px;
}

/*--------------------------------------*/
#novelty a,#novelty a:HOVER {
	text-decoration: none;
	color: #fff;
}

#novelty span {
	position: absolute;
	width: 184px;
}

#novelty span em {
	position: absolute;
	z-index: 100;
	font: normal 11px Tahoma;
	line-height: 13px;
	border: 1px solid #D8C8BA;
	background-color: #0084ea;
	top: -1px;
	width: 120px;
	padding: 3px 13px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; /* IE, Chrome*/
	text-align: center;
	-o-text-overflow: ellipsis; /* Opera */
	-moz-binding: url('/js/text-overflow.xml#ellipsis'); /* for Firefox */
}

#novelty a:hover span em {
	white-space: normal;
	-moz-binding: url('/js/text-overflow.xml#none');
}

#novelty a:hover {
	white-space: normal;
}  /* for IE6 hover effect*/
	/********** Меню **************************************************************/
#menu_main {
	width: 200px;
	padding: 0 18px;
	/*border-left: 2px solid #eee;*/ /*border-right: 2px solid #eee;*/
}

ul #menu_main {
	padding: 0 0 10px 0;
	margin: 0;
	border-bottom: 2px solid #eee;
}

#menu_main li {
	list-style: none;
	color: #f93;
	background: transparent url(/img/dotted.gif) repeat-x scroll center bottom;
}

#menu_main li a {
	color: #006EB8;
	background: transparent url(/img/darr.gif) no-repeat scroll left 5px !important;
	display:block;
	font-size:1.1em;
	margin-bottom:7px !important;
	padding:0 5px 7px 15px !important;
}

/*** */
#online li {
	color: #2f5882;
	line-height: 16px;
	vertical-align: middle;
	list-style: none;
}

/******************************************************************************/
#price a,#price a:HOVER {
	color: #6699cc;
}
#main table,	
table .content {
	width: 100%;
}

#main table,
#main table tr,
#main table th,
#main table td {
	border: solid 1px gray;
}

#main dt{
	font-weight: bold;

}
.content tr img {
	float: left;
	padding: 0 15px 15px 0;
}

.content tr {
	clear: left;
	vertical-align: top;
	padding-bottom: 25px;
	width: 100%;
	height: 100%;
}

.content td {
	border: 1px solid #EEEEEE;
	vertical-align: top;
}

.content {
	font-size: 12px;
}

td.center {
	text-align: center;
}
a.pdf {
	background: url(/img/file-red.gif) no-repeat;
	padding-left: 16px;
}
a.zip {
	background: url(/img/file-ora.gif) no-repeat;
	padding-left: 16px;
}
a.psd {
	background: url(/img/file-blu.gif) no-repeat;
	padding-left: 16px;
}
a.external {
	background: url(/img/window.jpg) no-repeat;
	padding-left: 16px;
}
a.mailto {
	background: url(/img/mail.ico) no-repeat;
	padding-left: 16px;
}
.mailto {
	background: url(/img/mail.ico) no-repeat;
	padding-left: 16px;
}

.phone {
	background: url(/img/phone.ico) no-repeat;
	padding-left: 16px;
}

/******************************************************************************/
table.table {
	font-size: 12px;
}
	
table.table tr.even td{
	background-color:#F7F7F7;
}
table.table th {
	background-color:#F0F0F0;
	font-weight:bold;
}
table.table td {
	vertical-align:top;
}
table.table th, td {
	border:1px solid #DDDDDD;
	padding:0.33em 0.67em;
	vertical-align:top;
}

/******************************************************************************/
.submenu {
	float: right;
	width: 200px;
	background-color: #EEE;
}

/******************************************************************************/
.fixed a, .rubber a{
            color:#333;
            text-decoration:none;  
        }
        .green, .green a,
        .black, .black a,
        .red,   .red a {
            color:#fff !important;
        }
        
        .fixed .button {
            cursor:pointer;
            font-size:1.3em;
            font-weight:900;
            display:block;
            height:70px;
            width:320px;
            line-height:70px;
            text-align:center;
            text-shadow: #333 0px -1px 0px;
            background-image:url('images/buttons.png');
            background-repeat:no-repeat;
        }
        
        .fixed .button.green { background-position:0 0 }
        .fixed .button.green:hover { background-position:0 -350px }        
        .fixed .button.white { background-position:0 -70px }
        .fixed .button.white:hover { background-position:0 -420px }        
        .fixed .button.black { background-position:0 -140px }
        .fixed .button.black:hover { background-position:0 -490px }        
        .fixed .button.orange { background-position:0 -210px }
        .fixed .button.orange:hover { background-position:0 -560px }
        .fixed .button.red { background-position:0 -280px }
        .fixed .button.red:hover { background-position:0 -630px }
        
        .rubber, .rubber .button {
            width:80%;
            list-style:none;
            padding:0;
            margin:10px 0;
        }
        .rubber .button {
            position:relative;
            cursor:pointer;
            border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            -webkit-border-radius: 10px;
            padding-right:20px !important;
        }
        .rubber .button a, .rubber .button input, .rubber .button em{
            background-color:transparent;
            background-image:url('images/button.png');
            background-repeat:no-repeat;
        }
        .rubber .button a, .rubber .button input{
            outline:none;
            color:#333;
            font-size:18px;
            font-weight:500;
            text-indent:20px;
            text-align:center;
            text-shadow: #333 0px -1px 0px;   
            height:52px;
            line-height:52px;
            cursor:pointer;
            border:0;
            width:100%;
            display:block;
            background-position:0 0;
            
        }
        .rubber .button em{
            display:block;         
            position:absolute;
            background-position:100% 0;
            width:20px;
            height:52px;
            top:0px;
            right:0px;
        }
        .rubber .button.green { background-color:#009e0f }
        .rubber .button.green:hover{ background-color:#068612 }
        .rubber .button.white{ background-color:#f0f0f0 }
        .rubber .button.white:hover{ background-color:#c0c0c0 }
        .rubber .button.black{ background-color:#000 }
        .rubber .button.black:hover{ background-color:#333 }
        .rubber .button.orange{ background-color:#ff7800 }
        .rubber .button.orange:hover{ background-color:#c60 }
        .rubber .button.red{ background-color:#f00 }
        .rubber .button.red:hover{ background-color:#c00 }	

@import url("style.ie.css");