/* Base CSS style for PowePHP */
html,body{
font-family: Arial, Verdana;
font-size: 9pt;
background: #fff;
}

body{
background: url(/skin/img/project/content_bg.gif) left bottom repeat-x #a3520b;
}

body.clear{
background: none;
}

/* base classes */
.clr{ clear: both; display: block; font-size: 1px}
.i-clr{display:block; width: 100%; height: 1px; clear: right; font-size: 1px}
.h {display: none}
.imggray {filter: gray;}
.imgcolor {filter: none;}
.pointer{cursor: pointer}

.flt-left {float: left; display: inline}
.flt-rght {float: right; display: inline}

.centerd{text-align: center;}

.blck{
width: auto;
display: block;
float: none;
clear: both;
}

/* text style */
.u {text-decoration: underline !important}
.no-u {text-decoration: none !important}
.b {font-weight: bold}

/* margin and padding styles and blocking*/
.m {margin: 5px}
.m10 {margin: 10px}
.mh5 {margin: 5px 0 !important}
.mh10 {margin: 10px 0 !important}
.mh20 {margin: 20px 0 !important}
.mw3 {margin: 0 3px !important}
.mw5 {margin: 0 5px !important}
.h3 {margin: 3px 0 !important}
.h5 {margin: 5px 0 !important}
.h10 {margin: 10px 0 !important}
.mt20 {margin: 0 !important; margin-top: 20px}
.b10 {margin-bottom: 10px}
.b30 {margin-bottom: 30px}

.l24{line-height:24px;}

.i0{border: none; margin: 0; display: block;}

.adv468{display: block; width: 468px; margin: 5px auto}
.adv730{display: block; width: 730px; margin: 0 auto}


/* colors */
.grey{
color: #7a7a7a;
}

/* forms */
.text {
padding: 3px 3px 4px 3px;
font-size: 8pt;
border: 1px solid #3e5d90;
background: #fff;
}

.button {
padding: 1px 6px 2px;
font-size: 8pt;
color: #fff;
background: #f99c1c;
border: 1px solid #fff;
}


/* font-size */
.fsize-1px{
font-size: 1px;
}

.fsize-2px{
font-size: 2px;
}

.fsize-3px{
font-size: 3px;
}

.fsize-4px{
font-size: 4px;
}

.fsize-5px{
font-size: 5px;
}

.fsize-6px{
font-size: 6px;
}

.fsize-7px{
font-size: 7px;
}

.fsize-8px{
font-size: 8px;
}

.fsize-9px{
font-size: 9px;
}

.fsize-10px{
font-size: 10px;
}

.fsize-11px{
font-size: 11px;
}

.fsize-12px{
font-size: 12px;
}

.fsize-13px{
font-size: 13px;
}

.fsize-14px{
font-size: 14px;
}

.fsize-15px{
font-size: 15px;
}

.fsize-16px{
font-size: 16px;
}

.fsize-17px{
font-size: 17px;
}

.fsize-18px{
font-size: 18px;
}

.fsize-19px{
font-size: 19px;
}

.fsize-20px{
font-size: 20px;
}

/* opacity */
.img-op-100 {filter: none; -moz-opacity:1.0; opacity: 1.0}
.img-op-70 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7}
.img-op-60 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6} 
.img-op-50 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5} 
.img-op-0 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity:0; opacity: 0} 


/* links */
a,
a:link,
a:visited,
a:hover,
a:active{
color: #663300;
text-decoration: none;
}

a:hover{
color: #996633;
text-decoration: underline;
}

a.w,
a.w:link,
a.w:visited,
a.w:hover,
a.w:active{
color: #fff;
text-decoration: none;
}

a.w:hover{
color: #fff;
text-decoration: underline;
}

h3{
display: block;
margin-bottom: 4px;
font: italic bold 13pt/12pt Arial;
color: #330000;
}

h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active{
color: #330000;
}

h4{
display: block;
font: italic bold 13pt/12pt Arial;
color: #663300;
}

h5{
display: inline;
padding-right: 5px;
font: italic bold 13pt/12pt Arial;
color: #fff;
}

/* top layout */
div#main-layout{
width: 980px;
margin: 0 auto;
border-left: 1px solid #864309;
border-right: 1px solid #864309;
background: url(/skin/img/project/content_bg.gif) left bottom repeat-x #a3520b;
}

div#top-layout{
position: relative;
height: 403px;
background: url(/skin/img/project/top_bg.jpg) left top no-repeat;
}

.logo {
width: 133px;
height: 52px;
margin: 90px 0 0 238px;
}

form span{
float: left;
margin-left: 2px;
border: 1px solid #9e9e9e;
}


/* loader */
.loader{
position: relative;
text-align: center;
}


.loader-abs{
position: absolute;
z-index: 100000;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 1px;
}


	.loader-abs div{
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5; -moz-opacity:50%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
	background: #fff;
	}
	
	.loader-abs .ldr {
	position: absolute;
	z-index: 2000;
	top: 50%;
	left: 50%;
	margin: -11px 0 0 -63px;
	padding: 0px;
	}
	
	.loader-abs img {
	/*width: 200px;
	height: 157px;	*/
	}

/* main layout */
div#layout{
margin: 0 auto;
padding-top: 28px;

}

.left-col {
float: left;
display: inline;
width: 270px;
height: 100%;
padding: 0 35px 0 60px;
}

.right-col {
float: left;
display: inline;
width: 550px;
min-height: 420px;
height: auto;
padding: 0 25px 0 40px;
background: url(/skin/img/project/lcol_bg.png) left top repeat-y;
}

div#footer{
height: 170px;
padding: 20px 0;
}

div#footer p.links{
float: left;
width: 318px;
padding: 80px 0 7px 62px;
}

div#footer p.links a{
float :left;
height: 25px;
display: block;
padding-right: 37px;
line-height: 17pt;
color: #663300;
text-decoration: underline;
background: url(/skin/img/project/bmnu_links.png) right center no-repeat;
}

div#footer p.phones{
float: left;
width: 600px;
text-align: right;
font-style: italic;
font-weight: bold;
color: #663300;
}

div#footer p.phones img{
float: left;
padding-top: 5px;
}

div#footer p.phones span{
float: left;
width: 435px;
padding: 63px 0 0 30px;
}

div#footer p.phones span img{
display: inline;
float :left;
}

div#footer a{
color: #968585;
}

div#footer p.copyright{
float: left;
padding-left: 60px;
}

div#footer ul{
float: right;
padding-right: 26px;
}

div#footer li{
float: left;
padding-left: 30px;
background: url(/skin/img/project/bmnu_bg.png) 12px center no-repeat;
}

div#footer li.f{
background: none;
}

div#footer ul a:link,
div#footer ul a:visited,
div#footer ul a:hover,
div#footer ul a:active{
color: #996633;
}

div#footer ul a:active,
div#footer ul a:hover{
color: #330000;
}

/* main menu */
ul.menu{
position: absolute;
top: 370px;
left: 85px;
display: block;
}

ul.menu li{
float: left;
height: 22px;
margin-right: 35px;
text-align: center;
}

ul.menu li.act,
ul.menu li:hover,
ul.menu li.jshover{
background: url(/skin/img/project/mmnu_item_act_bg.png) right top no-repeat;
}

ul.menu li.l{
background: url(/skin/img/project/mmnu_item_bg_lft.png) right top no-repeat;
}

ul.menu li.r{
background: url(/skin/img/project/mmnu_item_bg_rght.png) right top no-repeat;
}

ul.menu li.l.act,
ul.menu li.l:hover,
ul.menu li.r.jshover{
background: url(/skin/img/project/mmnu_item_act_bg_lft.png) right top no-repeat;
}

ul.menu li.r.act,
ul.menu li.r:hover,
ul.menu li.r.jshover{
background: url(/skin/img/project/mmnu_item_act_bg_rght.png) right top no-repeat;
}

ul.menu li h2{
font-weight: bold;
}

ul.menu li a{
display: block;
height: 29px;
}

ul.menu li a.act,
ul.menu li a:hover{

background: url(/skin/img/project/mnu_act_bg.png) left bottom repeat-x;
}



/* left menu */
ul#left-mnu{
display: block;
}

ul#left-mnu li{
display: block;
clear: both;
margin-bottom: 34px;
line-height: 140%;
color: #fff;
}

ul#left-mnu li img{
float: left;
width: 72px;
}

ul#left-mnu li h3{
display: block;
margin-bottom: 5px;
font-weight: normal;
font-size: 14pt;
font-style: italic;
color: #330000;
}

ul#left-mnu li h3 a:link,
ul#left-mnu li h3 a:visited,
ul#left-mnu li h3 a:hover,
ul#left-mnu li h3 a:active{
color: #330000;
text-decoration: none;
}

ul#left-mnu li h3 a:hover{
text-decoration: underline;
}

ul#left-mnu li div{
margin: 20px 65px;
}

/* vidi bageta menu */
ul#vidi-mnu{
display: block;
}

ul#vidi-mnu li{
display: block;
margin-bottom: 34px;
padding-left: 30px;
font: italic bold 13pt/12pt Arial;
color: #fff;
background: url(/skin/img/project/vidi_mnu_bg.png) left center no-repeat;
}

ul#vidi-mnu li a:link,
ul#vidi-mnu li a:visited,
ul#vidi-mnu li a:hover,
ul#vidi-mnu li a:active{
text-decoration: none;
color: #fff;
}

ul#vidi-mnu li a.act,
ul#vidi-mnu li a:hover{
color: #330000;
}

ul#vidi-mnu li a:hover{
text-decoration: underline;
}


/* content */

h1{
display: block;
margin: 5px 0 20px 0;
font: italic bold 13pt/12pt Arial;
color: #330000;
}

div.content {
margin-bottom: 50px;
padding-right: 30px; 
line-height: 150%;
color: #fff;
}

div.content p{
padding-bottom: 5px; 
line-height: 150%;
}

p.more{
display: block;
margin: 7px 0;
}

p.more a,
p.more a:link,
p.more a:visited,
p.more a:hover,
p.more a:active{
text-decoration: underline;
color: #663300;
}


/* clips and news */
.links h4{
color: #fff;
}

div.clip{
padding-right: 10px;
}

ul.news{
display: block;
clear: both;
}

ul.news li{
display: block;
padding: 0 0 13px 0;
line-height: 150%;
/*background: url(/skin/img/project/new_ico.png) left 4px no-repeat;*/
}

ul.news li.last{
padding-bottom: 0;
}

ul.news li small{
float: left;
width: 80px;
font-size: 8pt;
color: #373e51;
}

ul.news li p{
margin-left: 80px;
color: #000;
}

ul.news li p a.l1{
float: left;
width: 20%;
}

ul.news li p a.l2{
float: left;
width: 80%;
}

ul.news li p a.l1,
ul.news li p a.l1:link,
ul.news li p a.l1:hover,
ul.news li p a.l1:active{
color: #000;
}

ul.news li p a.l1:visited{
color: #a7a7a7;
}

ul.news li p a.l2,
ul.news li p a.l2:link,
ul.news li p a.l2:hover,
ul.news li p a.l2:active{
color: #000;
}

ul.news li p a.l2:visited{
color: #a7a7a7;
}

ul#news-sort{
display: block;
clear: both;
margin-bottom: 20px;
}

ul#news-sort li{
float: left;
margin-right: 20px;
padding-left: 12px;
background: url(/skin/img/project/vac_pass.png) 2px center no-repeat;
}

ul#news-sort li a:link,
ul#news-sort li a:visited,
ul#news-sort li a:hover,
ul#news-sort li a:active{
color: #373e51;
}

ul#news-sort li.act{
background: url(/skin/img/project/vac_act.png) left center no-repeat;
}

ul#news-sort li.act a:link,
ul#news-sort li.act a:visited,
ul#news-sort li.act a:hover,
ul#news-sort li.act a:active{
color: #f69619;
}

/* news list page */
.news-list{

}

/* pages */
.pages{
display: block;
margin-top: 30px;
}

.pages span{
display: inline;
float: left;
color: #fff;
padding: 0 10px;
}

.pages span a:link,
.pages span a:visited,
.pages span a:hover,
.pages span a:active{
color: #fff;
}

.pages span.act{
font-weight: bold;
}

.pages span.act a{
text-decoration: underline;
}



/* left col clips */
.clip-action{
margin-top: 5px;
}

.clip-action img{
float: left;
}

.clip-action div{
margin-left: 160px;
line-height: 150%;
color: #fff;
}

.clip-action div small{
display: block;
font: normal 16pt/13pt "Times New Roman";
color: #663300;
}

.clip-action div h2{
display: block;
margin: 10px 0;
font: normal 100%/90% Arial;
color: #330000;
}

.clip-action div h2 a:link,
.clip-action div h2 a:visited,
.clip-action div h2 a:hover,
.clip-action div h2 a:active{
color: #330000;
}

/* bageti */
.clip-bageti{
margin-bottom: 20px;
padding: 18px 0 0 0;
background: url(/skin/img/project/vidi_l_bg.png) left top no-repeat;
}

.clip-bageti div{
padding: 0 18px 18px 18px;
text-align: center;
background: url(/skin/img/project/vidi_r_bg.png) left bottom no-repeat;
}

.clip-bageti div div{
float: left;
height: auto;
width: 125px; 
padding: 0px;
text-align: left;
color: #996600;
}

.clip-bageti div div h5{
padding: 50px 0 6px;
font: italic bold 13pt/12pt Arial;
color: #663300;
}

.clip-bageti div img{
float: left;
margin: 0 17px 17px 0;
padding-left: 17px;
border-left: 1px solid #d28c2a;
}

.clip-bageti div a.to-calc{
display: inline;
clear: both;
margin-top: 10px;
text-align: center;
}

.clip-bageti div a:link,
.clip-bageti div a:visited,
.clip-bageti div a:hover,
.clip-bageti div a:active{
text-decoration: underline;
color: #663300;
}


/* techno page */
.techno-baget{
position: relative;
width: 275px;
padding-top: 18px;
margin-bottom: 12px;
background: url(/skin/img/project/techno_bg_l.png) left top no-repeat;
}

.techno-baget div{
padding: 0 10px 18px 10px;
text-align: center;
background: url(/skin/img/project/techno_bg_r.png) left bottom no-repeat;
}

.techno-baget p.hint{
position: absolute;
z-index: 1000;
top: 10%;
left: 85%;
width: 472px;
height: 186px;
}

.techno-baget p.hint img{
float: left;
width: 53px;
height: 16px;
padding-top: 18px;
}

.techno-baget p.hint span{
float: left;
width: 383px;
height: 150px;
padding: 18px;
background: url(/skin/img/project/hint_full_bg.png) left top no-repeat;
}

.techno-baget p.hint span cite{
display: block;
width: 383px;
height: 150px;
overflow: auto;
font-style: normal;
line-height: 150%;
text-align: left;
}

/* links and partners */
ul#part-buttons{
display: block;
}

ul#part-buttons li{
display: block;
margin-bottom: 18px;
}

ul#part-buttons li img,
ul#part-buttons li a{
display: block;
margin-bottom: 5px;
}

ul#part-buttons li a:link,
ul#part-buttons li a:visited,
ul#part-buttons li a:hover,
ul#part-buttons li a:active{
color: #fff;
text-decoration: none;
}

ul#part-buttons li a:hover{
text-decoration: underline;
}

.links a:link,
.links li a:visited,
.links li a:hover,
.links li a:active{
color: #fff;
}


/* partners and friends page */
ul#partners{
display: block;
}

ul#partners li{
display: block;
margin: 8px 0 25px;
line-height: 120%;
}

ul#partners li img,
ul#partners li a{
display: block;
margin-bottom: 5px;
}

ul#partners li a:link,
ul#partners li a:visited,
ul#partners li a:hover,
ul#partners li a:active{
color: #fff;
text-decoration: none;
}

ul#partners li a:hover{
text-decoration: underline;
}

.friends {
margin-top: 8px;
}

.friends a:link,
.friends li a:visited,
.friends li a:hover,
.friends li a:active{
color: #fff;
}

.friends h3{
margin-bottom: 10px;
color: #fff;
}


.friends div {
clear: both;
margin-bottom: 44px;
}

.friends div img{
float: left;
margin: 0 10px 15px 0;
padding: 4px;
border: 1px solid #fff;
}

.friends div ul{
display: block;
clear: both;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #fff;
}

.friends div ul li{
float: left;
}

.friends div ul img{ border: 0px none; }



/* content classic lists */
ul.class-list{
list-style: disc;
}

ul.class-list li{
padding-left: 15px;
list-style-position: inside;
}


/*  work page */
.techno-baget.on-work{
height: 275px;
}

.techno-baget.news{
height: 200px;
min-height: 200px;
height: auto;
}

.techno-baget.on-work div{
display: table-cell;
vertical-align:middle;
width: 255px;
height: 257px;
color: #330000;
}

.techno-baget.on-work div p{
margin: 10px 0 0 0;
padding: 0;
line-height: 100%;
}

.techno-baget.news div{
display: table-cell;
vertical-align:middle;
width: 255px;
height: 182px;
}

.work div{
height: 275px;
overflow: hidden;
margin-bottom: 30px;
}

.work-news div{
height: 200px;
overflow: hidden;
margin-bottom: 30px;
}

.work-news.full div{
height: auto;
overflow: visible;
}

.work-news small{
display: block;
margin-bottom: 10px;
font: normal 16pt/13pt "Times New Roman";
color: #663300;
}


dl{
display: block;
margin-top: 28px;
}

dl dt{
float: left;
clear: left;
width: 140px;
padding: 5px 5px 5px 0;
color: #fff;
border-bottom: 1px solid #fff;
}

dl dd{
margin-left: 145px;
width: 60px;
padding: 5px 0px;
color: #fff;
border-bottom: 1px solid #fff;
}

dl dt.l,
dl dd.l{
border-bottom: 0px none;
}


/* calculator */
#calc{
padding: 10px;
font: normal 10pt/9pt Arial;
}

#calc{
line-height: 150%;
}

#calc select,
#calc input{
font-size: 8pt;
}

#calc dl{
display: block;
margin-top: 28px;
}

#calc dl dt{
float: left;
clear: left;
width: 100px;
height: 23px;
padding: 5px 5px 5px 0;
color: #fff;
border: 0 none;
}

#calc dl dd{
display: block;
height: 23px;
margin-left: 105px;
padding: 5px 0px;
color: #fff;
border: 0 none;
}

#calc dl dt.l,
#calc dl dd.l{
border-bottom: 0px none;
}

#calc .button{
display: block;
float: none;
margin: 10px auto;
width: 90px;
}


/* counters */
.counters{
height: 1px;
width: 1px;
visibility: hidden;
overflow: hidden;
}

.info{
padding: 0 20px 20px 20px;
line-height: 150%;
color: #fff;
}

	.info .content{
	padding-right: 0;
	}

/* skidka */
.skidka-page{

}
	.skidka-page form{
	display: block;
	margin-top: 10px;
	text-align: center;
	}

		.skidka-page form input{
	
		}

.skidka{
width: 595px;
height: 411px;
}
	.skidka img{
	display: block;
	}

	.skidka span{
	position: absolute;
	z-index: 90;
	right: 35px;
	top: 21px;
	font-size: 1.1em;
	color: #937145;
	}
	
	.skidka code{
	position: absolute;
	z-index: 100;
	right: 10px;
	bottom: 10px;
	font-size: 0.9em;
	color: #975a07;
	}
	
	
/* order page */
.ttl{
margin-bottom: 15px;
}

/* gallery */
.gallery div.t-cont{
float: left;
width: 33%;
padding-bottom: 20px;
text-align: center;
}