* {
margin: 0;
padding: 0;
}

body {
background-color: black;
background-image: url(/images/frontend/background_mazda3.jpg);
text-shadow: #000 0 0;
}

p {
font: 9pt Arial, sans serif;
color: #fffefe;
}

a {
font: 9pt Arial, sans serif;
//color: #fbc298;
color:blue;
}

#catalog_node {
	text-decoration: none;	
	color:black;
}

#catalog_node a {
	text-decoration: none;	
	color:black;
}

h2 {
font: 14pt Arial, sans-serif;
color: #f2f2f2;
}

img {
border: 0;
}

a:active, a:focus, img { outline: 0; }

#clear {
clear: both;
}

#container {
position: relative;
margin: 0;
left: 50%;
margin-left: -455px;
width: 940px;
padding-top: 65px;
z-index: 1;
}

#bg_top {
position: absolute;
z-index: 0;
background: url(/images/frontend/bg_top.jpg) top left no-repeat;
width: 1292px;
height: 602px;
margin-left: -646px;
left: 50%;
z-index:1;
}

#bg_bottom {
position: absolute;
z-index: 0;
background: url(/images/frontend/bg_bottom.jpg) top left no-repeat;
width: 1331px;
height: 1017px;
margin-left: -676px;
left: 50%;
margin-top: -820px;
}

#content {
width: 940px;
height: auto;
background-color: #d2ccb8;
position: relative;
z-index: 3;
}

#logo {
width: 885px;
height: 90px;
background: url(/images/frontend/logo.gif) bottom left no-repeat;
padding-top: 8px;
margin-left: 20px;
position: relative;
text-align: right;
}

#logo span {
display: none;
}

#logo img {
margin-right: 20px;
margin-top: 10px;
}

#logo p {
color: #58534a;
font: 9pt Arial, sans serif;
margin-right: 20px;
margin-top: 15px;
}

#top_nav {
position: relative;
margin-top: 10px;
width: 100%;
height: 29px;
background: url(/images/frontend/top_nav_bg.jpg) top left repeat-x;
}

#top_nav ul {
padding-top: 6px;
margin-left: 26px;
display: block;
position: absolute;
}

#top_nav li {
display: block;
float: left;
list-style: none;
padding-right: 25px;
}

#top_nav a {
font: bold 9pt Arial, sans serif;
color: white;
text-decoration: none;
}

#search {
width: 230px;
height: 20px;
border: 0;
padding-left: 3px;
padding-top: 2px;
color: #888071;
font: 8pt Arial, sans serif;
background: url(/images/frontend/search_bg.jpg) top right no-repeat;
margin-left: 654px;
margin-top: 5px;
position: absolute;
}

#stripe_inputs {
position: relative;
width: 579px;
height: 17px;
background: #36332e;
margin-left: 0;
padding-left: 2px;
padding-top: 2px;
vertical-align: middle;
background: url(/images/frontend/stripe_inputs_bg.jpg) top left repeat-x;

}

#cat_select {
width: 215px;
height: 20px;
border: 0;
padding-left: 3px;
padding-top: 3px;
color: #888071;
font: 8pt Arial, sans serif;
background-color: #36332e;
margin-left: 0px;
margin-top: -1px;
position: relative;
float: left;
}

#cat_select, x:-moz-any-link {
height: 18px;
padding-top: 0;
}

#search_cat {
width: 354px;
height: 20px;
border: 0;
padding-left: 4px;
padding-top: 3px;
color: #888071;
font: 8pt Arial, sans serif;
background: url(/images/frontend/search_bg.jpg) top right no-repeat;margin-left: 3px;
margin-top: -1px;
position: relative;
z-index: 5;
}

#pager p {
	color:red;
}

#pager a {
	color:black;
}



html:first-child #search_cat {
padding-top: 0px;
}

*:first-child+html #search_cat {
height: 19px;
margin-top: -2px;
}

html:first-child #search {
padding-top: 0px;
}

#left_col {
width: 365px;
position: relative;
background: #d2ccb8 url(/images/frontend/shadow_bg.jpg) top left repeat-x;
}

#right_col {
width: 575px;
position: relative;
background: #d2ccb8 url(/images/frontend/shadow_bg.jpg) top left repeat-x;
}

#project_col {
	width: 350px;
	position: relative;

}

#project_col ol {
width: 400px;
height: auto;
position: relative;
margin-left: 9px;
}

#project_col li {
display: block;
float: left;
list-style: none;
margin-right: 12px;
margin-bottom: 12px;
width: 400px;
height: auto;
text-decoration: none;
}

#print {
position: absolute;
width: 119px;
height: 17px;
margin-left: 791px;
margin-top: -17px;
background: url(/images/frontend/print.jpg) bottom right no-repeat;
z-index: 30;
}

#print a {
font: 9pt Arial, sans serif;
color: white;
text-decoration: none;
padding-left: 6px;
padding-right: 3px;
margin-top: 0px;
display: block;
}

#left_title {
position: relative;
height: 40px;
margin-left: 23px;
padding-top: 10px;
margin-bottom: 0px;
display: block;
}

#left_title span, #right_title span {
display: none;
}

.proj {
position: relative;
width: 325px;
height: auto;
margin-left: 23px;
background-color: #36332e;
margin-bottom: 30px;
z-index: 2;
}

#project_content p {
	margin-left:25px;
	margin-right:25px;
	font: 9pt Arial, sans serif;
	color: #494339;
	width: 90%;
}

.proj h3 a, .proj_last h3 a{
color: white;
text-decoration:none;
font: 9pt Arial, sans serif;
display: block;
width: 312px;
height: 22px;
background-color: #36332e;
padding-top: 5px;
padding-left: 13px;
}

.proj p, .proj_last p {
font: 9pt Arial, sans serif;
display: block;
width: 305px;
height: auto;
background-color: #36332e;
padding: 13px 10px 10px 10px;
}

.proj_last {
position: relative;
width: 325px;
height: 236px;
margin-left: 23px;
background-color: #36332e;
z-index: 2;
}



#wrap_ol {
position: relative;
height: auto;
width: 940px;

}

#wrap_ol li {
display: block;
float: left;
list-style: none;
}

#right_col ol {
width: 524px;
height: auto;
position: relative;
padding-top: 78px;
margin-left: 9px;
}

#right_col li {
display: block;
float: left;
list-style: none;
margin-right: 12px;
margin-bottom: 12px;
width: 250px;
height: 170px;
background-color: #2e2b27;
text-decoration: none;
}


#svet span, #zvuk span, #mech span, #scene span, #video span, #proj span, #exhi span, #rent span {
color: white;
padding-top: 142px;
display: block;
padding-left: 10px;
display: block;
padding-left: 30px;
}

#right_col a {
text-decoration: none;
}

#svet, #zvuk, #mech, #scene, #video, #proj, #exhi, #rent {
width: 250px;
height: 124px;
display: block;
}

#svet span {
padding-bottom: 5px;
padding-left: 50px;
}

#zvuk span {
background: url(/images/frontend/zvuk.jpg) bottom left no-repeat;
padding-bottom: 5px;
padding-left: 50px;
}

#mech span {
background: url(/images/frontend/mech.jpg) bottom left no-repeat;
padding-bottom: 7px;
padding-left: 50px;
}

#scene span {
background: url(/images/frontend/scene.jpg) bottom left no-repeat;
padding-bottom: 7px;
padding-left: 50px;
}

#video span {
background: url(/images/frontend/video.jpg) bottom left no-repeat;
padding-bottom: 7px;
padding-left: 50px;
}

#exhi span {
background: url(/images/frontend/exhi.jpg) bottom left no-repeat;
padding-bottom: 7px;
padding-left: 50px;
}

#rent span {
background: url(/images/frontend/rent.jpg) bottom left no-repeat;
padding-bottom: 7px;
padding-left: 50px;
}

#proj span {
background: url(/images/frontend/proj.jpg) bottom left no-repeat;

padding-left: 50px;

}


#all_proj {
position: relative;
width: 112px;
height: 16px;
background: url(/images/frontend/all_proj.jpg) bottom left no-repeat;
text-align: center;
margin-left: 236px;
margin-top: 0px;
z-index: 1;
display: block;
}

*>#all_proj {
padding-top: 12px;
}

*:first-child+html #all_proj {
padding-top: 19px;
}

*+html #all_proj {
margin-top: -3px;
}

#all_proj a {
display: block;
color: white;
text-decoration: none;
}

#proizv {

display: block;
position: relative;
width: 139px;
height: 20px;
background: url(/images/frontend/proizv.jpg) top left no-repeat;
text-align: center;
color: white;
text-decoration: none;
padding-top: 2px;
margin-left: 9px;
}


#news {
position: relative;
margin-top: 50px;
width: 325px;
margin-left: 23px;
margin-bottom: 20px;
}

#news_title {
position: relative;
width: 140px;
height: 30px;
margin-bottom: 5px;
}

#news_title span {
display: none;
}

.topic {
position: relative;
width: 309px;
height: auto;
border-top: 1px solid #36332e;
margin-top: 8px; 
padding: 6px;
padding-left: 0;
padding-right: 10px;
}

.date {
color: #36332e;
font: 8pt Arial, sans serif;
}

.name {
color: #683535;
font: bold 9pt Arial,sans serif;
text-decoration: underline;
}

.text {
margin-top: 7px;
color: #494339;
font: 9pt arial, sans serif;
}

#all_news {
position: relative;
width: 296px;
height: 16px;
background: url(/images/frontend/all_proj.jpg) top right no-repeat;
text-align: right;
z-index: 1;
border-top: 1px solid #36332e;
padding-right: 23px;
}

#all_news a {
display: block;
color: white;
text-decoration: none;
}

#footer {
position: relative;
background: #3b3732;
width: 940px;

}

*>#footer {
height: 44px;
}

#f_li {
width: 100px;
float: left;
padding-top: 5px;
padding-left: 15px;
}

#s_li {
width: 640px;
float: left;
text-align: center;
padding-top: 11px;
}

#t_li {
width: 150px;
float: left;
text-align: right;
padding-right: 10px;
padding-top: 2px;
}

#f_li p, #s_li p, #t_li p, #f_li a, #s_li a, #t_li a {
color: white;
text-decoration: none;
font: 8pt Arial, sans serif;
}

#s_li a {
padding-left: 8px;
display: inline-block;
}

html:root #t_li {
padding-top: 4px;
}

html:root #s_li {
padding-top: 7px;
}

*:first-child+html #s_li {
padding-top: 8px;
}

#copy {
position: relative;
margin-top: 20px;
width: 940px;
height: 50px;
z-index: 3;
}

#baners {
position: relative;
float: left;
height: 50px;
width: 740px;
}

#frukts {
width: 161px;
float: left;
height: 50px;
background: url(/images/frontend/frukts.png) top right no-repeat;
margin-left: 10px;
}

#baners ul {
height: 30px;
margin-left: 280px;
}

#baners li {
display: block;
float: left;
list-style: none;
height: 30px;
width: 82px;
margin-right: 10px;
}

#frukts a {
width: 100%;
height: 100%;
display: block;
}

#cat_title {
position: relative;
width: 122px;
height: 31px;
background: url(/images/frontend/cat.png) bottom left no-repeat;
margin-left: 20px;
}

#cat_title a {
display: block;
width: 122px;
height: 31px;
}

#cat_title span {
display: none;
}

#stripe {
position: relative;
width: 579px;
height: 20px;
background: #36332e;
margin-left: 0;
padding-left: 8px;
vertical-align: middle;
}



*>#stripe {
padding-top: 3px;
height: 17px;
}

*>#stripe_inputs {
padding-top: 3px;
height: 24px;
}

*:first-child+html #stripe {
padding-top: 0;
height: 20px;
}


#left_col_cat {
width: 290px;
position: relative;
background: #d2ccb8 url(/images/frontend/shadow_bg.jpg) top left repeat-x;
}

#right_col_cat {
width: 650px;
position: relative;
background: #d2ccb8 url(/images/frontend/shadow_bg.jpg) top left repeat-x;
padding-top: 35px;
}

#stripe td a {
font: 8pt Arial,sans serif;
color: #888071;
text-decoration:none;
}

#description {
width: 560px;
}


#description h2 {
font: 18pt Arial, sans serif;
color: #2e2b27;
margin-top: 20px;
margin-bottom: 5px;
}

#description p {
color: #494339;
font: 9pt Arial, sans serif;
padding-left: 3px;
margin-bottom: 15px;
}

#cat_list {
width: 620px;
}

#cat_list li {
display: block;
float: left;
list-style: none;
width: 200px;
margin-right: 25px;
margin-bottom: 55px;
background: url(/images/frontend/pics/def.jpg) top left no-repeat;
padding-top: 75px;
}

#cat_list ul {
margin-top: 40px;
margin-bottom: 30px;
}

#cat_list h2 a {
color: #683535;
font: 14pt Arial, sans serif;
text-decoration: none;
}

#cat_list p {
text-indent: 10px;
color: #494339;
text-decoration:none;
}


#nav_list ol {
border-top: 1px solid #36332e;
width: 220px;
margin-left: 53px;
margin-top: 17px;
}

.nav_list_1 {
border-top: 1px solid #36332e;
padding-top: 10px;
padding-bottom: 10px;
display: block;
width: 220px;
color: #494339;
font: bold 9pt Arial, sans serif;
padding-left: 1px;
}

.nav_list a {
color: #494339;
font: bold 9pt Arial, sans serif;
text-decoration: none;
}

.nav_list_2 {
border: none;
padding-top: 8px;
padding-bottom: 8px;
display: block;
color: #494339;
font: 9pt Arial, sans serif;
text-decoration: none;
padding-left: 1px;
margin-left: 40px;
background: url(/images/frontend/dot.jpg) center left no-repeat;
padding-left: 8px;
}

.nav_list_2 a {
color: #494339;
font: 9pt Arial, sans serif;
text-decoration: none;
}


#llo{
z-index: 100;
}


#llo span{
width: 350px;
height: 100px;
display: block;
position: absolute;
z-index: 100;
top: -100px;
left: 0px;
cursor: pointer;
}
* > #llo span {
top: 0px;
}

#lloiso{
z-index: 100;
}


#lloiso span{
width: 160px;
height: 50px;
display: block;
position: absolute;
z-index: 100;
top: -120px;
left: 380px;
padding-top: 30px;
font-family: Arial;
font-size: 32px;
color: black;
font-style: italic;
font-weight: 550;
}
* > #lloiso span {
top: 0px;
}

#svet_cat span {
display: inline-block;
width: 32px;
height: 32px;
margin-left: -38px;
margin-right: 16px;
margin-top: -15px;
float: left;
position: relative;
margin-top: -5px;
}



#zvuk_cat span {
display: inline-block;
width: 32px;
height: 31px;
background: url(/images/frontend/zvuk_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 9px;
float: left;
margin-top: -5px;
position: relative;
}



#video_cat span {
display: inline-block;
width: 29px;
height: 32px;
background: url(/images/frontend/video_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 8px;
float: left;
margin-top: -7px;
position: relative;
}

#scene_cat span {
display: inline-block;
width: 32px;
height: 32px;
background: url(/images/frontend/scene_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 8px;
float: left;
margin-top: -7px;
position: relative;
}

#proj_cat span {
display: inline-block;
width: 30px;
height: 32px;
background: url(/images/frontend/proj_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 8px;
float: left;
position: relative;
}

#exhi_cat span {
display: inline-block;
width: 32px;
height: 26px;
background: url(/images/frontend/exhi_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 8px;
margin-top: -7px;
float: left;
position: relative;
}

#rent_cat span {
display: inline-block;
width: 30px;
height: 12px;
background: url(/images/frontend/rent_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 8px;
float: left;
margin-top: -3px;
padding-bottom: 8px;
position: relative;
}

#producer_cat span {
display: inline-block;
width: 32px;
height: 32px;
background: url(/images/frontend/producer_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 8px;
float: left;
margin-top: -7px;
position: relative;
}

#our_proj_cat span {
display: inline-block;
width: 32px;
height: 32px;
background: url(/images/frontend/our_proj_cat.jpg) bottom left no-repeat;
margin-left: -40px;
margin-right: 8px;
float: left;
margin-top: -7px;
position: relative;
}

#cat2_list {
margin-top: 5px;
margin-bottom: 20px;
}

#cat2_list li {
width: 590px;
height: auto;
position: relative;
margin-top: 20px;
display: block;
}


.cat2_icon {
align: center;
width: 100px;
height: 94px;
float: left;
}

.cat2_text {
width: 390px;
float: left;
padding-left: 20px;
padding-right: 10px;

}

.cat2_text h3 a {
color: #683535;
font: 16px Arial, sans serif;
text-decoration: underline;
}

.cat2_text h4 a {
color: #787878;
font: 13px Arial, sans serif;
text-decoration: underline;
margin-top: 3px;
margin-bottom: 5px;
}

.cat2_text p {
color: #494339;
}

.cat2_price {
padding-left: 10px;
width: 50px;
height:60px;
float: left;
padding-top: 35px;
text-align:center;
border-left: 1px solid #683535;
}

.cat2_price p {
color: #683535;
}

#cat3_left_li {
width: 480px;
}

#cat3_right_li {
width: 100px;
margin-left: 3px;
padding-left: 8px;
padding-top: 22px;
}

#cat3_right_li, x:-moz-any-link {
padding-top: 27px;
}

#cat3_left_li h2 {
color: #2e2b27;
font: 22px Arial, sans serif;
margin-top: 20px;
}

#cat3_left_li h3 a {
color: #494339;
font: 12px Arial, sans serif;
margin-top: 5px;
text-decoration:none;
}

#cat3_pic {
position: relative;
width: 440px;
height: 440px;
background: url(/images/frontend/pics/cat3_1.jpg) top left no-repeat;
margin-top: 20px;
}

#cat3_content_list {
margin-top: 35px;
width: 480px;
position: relative;
}

#cat3_content_list li {
background: url(/images/frontend/cat3_list_image.jpg) top left no-repeat;
}

#cat3_content_list p {
padding-left: 20px;
margin-top: -3px;
margin-bottom: 20px;
color: #494339;
}

#price_tab {
width: 96px;
height: 41px;
background: url(/images/frontend/price_tab.jpg) top left no-repeat;
padding-top: 3px;
}

#price_tab p span {
display: block;
color: white;
font: bold 11pt Arial, sans serif;
text-align: right;
}

#price_tab p {
text-align: right;
padding-right: 5px;
color: #d2ccb8;
font:9pt Arial, sans serif;
}

#cat3_right_li_1, #cat3_right_li_2, #cat3_right_li_3, #cat3_right_li_4 {
width: 96px;
height: 96px;
margin-top: 19px;
}

#cat3_right_li_1 {

}

#cat3_right_li_2 {

}

#cat3_right_li_3 {

}

#cat3_right_li_4 {

}

.pagecontent
{
	margin-left:25px;
	margin-right:25px;
	font: 9pt Arial, sans serif;
	//color: #494339;
	color: black;	
}

.pagecontent p
{
	color: black;
}

.pagecontent a
{
	color: darkblue;
}

#news p
{
	margin-left:25px;
	margin-right:25px;
	font: 9pt Arial, sans serif;
	color: #494339;
}