﻿body {
	background: #111;
	font: 100% Arial, Helvetica, sans-serif;
	color: #EEE;
    line-height: 1.125em;
}

h1, h2, h3, h4, h5, h6{
	font-size: 1em;
	line-height: 1.495em;
}

#wrapper{
	font-size:0.875em; 
	width: 960px;
	margin: 18px 0px 0px 18px;
/*	border-top: 2px solid #222;
	border-right: 2px solid #222;*/
	color: #EEE;
	background: #111 url(/img/profiline-bg.gif) no-repeat 20px bottom;
}

#leftcol{
	float: left;
	width: 277px;
	height: 900px;
}

#phone{
	padding: 23px;
	color: #DD0081;
	font-size: 1.2em;
	text-align: center;
	margin-top: 0px;
	font-weight: bold;
	
}
#phone a{
	color: #6D6C71;
}

#catalogue{
	padding: 23px;
}


#rightcol{
	width: 665px;
	float: right;
}

#menu{
	margin-top: 6px;
	height: 40px;
	background: #424242 url(/img/menu-gradient.gif) repeat-y right;
	text-align: left;
	overflow: hidden;
}
#menu ul{
	padding-left: 17px;
	background: url(/img/menu-left.gif) no-repeat left top;
}

#menu ul li{
	float: left;
	line-height: 40px;
	text-align: center;
}

#menu ul li a{
	color: #FFF;
	font-size:0.975em;
	text-decoration: none;
	display: block;
	line-height: 40px;
	padding: 0px 10px;
}

#menu ul li a:hover{
	background: #E50081 url(/img/menu-over-arrow.gif) no-repeat center bottom;
}

#block{
	overflow: hidden;
	background: #353535 url(/img/block-gradient.gif) repeat-y right;
}

#block div{
	background: url(/img/block-left.gif) no-repeat left;
	height: 83px;
	padding-left: 30px;
}

#block div h2{
	color: #DDD;
	font-weight: bold;
	padding-top:10px;
}
#block div p{
	font-size: 0.95em;
    line-height:1.15em;	
}

#photo{
	margin-left: 20px;
	width: 291px;
	background: #505050;
	float: right;
}

#content{
	padding: 30px;
    line-height:1.135em;	
}

#content h1{
	font-weight: normal;
	color: #E50081;
	text-decoration: underline;
}

#gallery{
	background: #E50081;
	text-align: center;
	padding: 16px;
	overflow: hidden;
}
#gallery strong{
	float: left;
}

#gallery a{
	float: left;
	border: 4px solid #E50081;
	margin: 6px;
}

#gallery a:hover{
	border: 4px solid #FFF;
}


#content img{
	border: 4px solid #111;
	margin: 4px;
}

#content img:hover{
	border: 4px solid #FFF;
}


/** KAT MENU **/

ul.kat li a{
	display: block;
	text-decoration: none;
	color: #66AF7A;
	padding: 4px;
	font-weight: bold;
	font-size: 1.4em;
}
ul.kat li a:hover{
	background: #222;
}

ul.katin{
	padding-left: 13px;
	color: #FFF;
}

ul.katin li a{
	font-size: 1em;
	color: #FFF;
}

ul.katin li a:hover{
	color: #E50081;
}

ul.katin li b{
	border-bottom: 1px dotted #EEE;
}

/** NEWS LAST 3 **/

#news{
	height: 170px;
	overflow: hidden;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 1px;
	font-size: 0.86em;	
}

#news div.news{
	width: 208px;
	float: left;
	height: 160px;
	padding: 4px;
	overflow: hidden;
	margin-left: 2px;
}

.news:hover{
	background: #282828;
}

.news a{
	color: #E50081;
	text-decoration: none;
	font-weight: bold;
}

#stat{
	text-align:center;
	opacity: 0.1;
}

#copy{
	width: 978px;
	text-align: right;
	margin-bottom: 18px;
	font-size: 0.75em;
	clear:both;
}

#copy a{
	padding: 8px;
	background: #111;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#copy a:hover{
	color: #FFF;
	background: #E50081;
}

#gallery a img{
	width: 100px;
}

