@import"reset.css";@import"pro_pages_style.css";@import"grid.css";@import"forms.css";@import"prettyPhoto.css";@import"jquery.snippet.min.css";
@import"../skin/blue.monday/jplayer.blue.monday.css";@import url(http://fonts.googleapis.com/css?family=Arimo:700,400);@import"../css/smoothness/jquery-ui-1.8.17.custom.css";
@import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);

body{
	background:#e2e2e2 url(../images/bg-body2.jpg) 50% 0 repeat;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#777777;
	position:relative;
	min-width:980px;
}
html,body{height:100%;}
p{}
.p2 {margin-bottom:8px;}
.p3{ padding-bottom:20px;}
a {
	text-decoration:none;
	color:#7F7F7F;
}

/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1,2em;color:#303030;font-weight:normal; font-family: 'Oswald', sans-serif; text-transform:uppercase; }
h1{font-size:34px;}
h2{font-size:20px; padding-bottom:10px; padding-top:3px}
h3{font-size:18px; padding-bottom:10px; padding-top:3px}
h4{font-size:16px;}  
h5{font-size:14px;}
h6{font-size:12px;}
/* Global Structure---------------------------------------- */
.main {background:url(../images/main.jpg) 0 0 repeat; width:100%;}
.bg-main{ width:100%;background:#fff url(../images/bg-body.jpg)  50% 0 repeat;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{overflow:hidden;position:relative;}
.extra-wrap{
	overflow:hidden;
	display:block;
	color:#7F7F7F}
.extra-wrap:hover{color:#000;}
.extra-wrap a:hover{color:#000}

.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#000;}
.wrapper-large{overflow:hidden;position:relative; height:80px;}
.wrapper-eco{
	overflow:hidden;
	position:relative;
	width:320px
}


/*kopija*/
a.button {background: url(../images/btn.jpg) 0 0 repeat-x #ededed; display:inline-block; vertical-align:top; border-bottom:#d2d2d2 1px solid; font-size:10px; line-height:12px; color:#1e2327; text-shadow:#eeeeee 1px 1px 1px; padding:17px 23px 17px 23px; border-radius:5px; text-transform:uppercase; margin-top:37px;}
a.button:hover {background: #4F700C; color:#fff;  text-shadow:none;}
a.button-1 {background: url(../images/btn-1.jpg) 0 0 repeat-x #e6e6e6; display:inline-block; vertical-align:top; border-bottom:#cfcfcf 1px solid; font-size:12px; line-height:15px; color:#1e2327; text-shadow:#eeeeee 1px 1px 1px; padding:25px 13px 25px 13px; border-radius:5px; text-transform:uppercase;}
a.button-1:hover {background:#4F700C; color:#fff;  text-shadow:none;}

a.link {color:#777777; }
a.link:hover {color:#6f9e10;}
a.link-1 {color:#292929; line-height:15px; font-size:11px; text-transform:uppercase; display:inline-block; background:url(../images/link-1.png) right 5px no-repeat; padding-right:10px;}
a.link-1:hover {color:6f9e10;}
a.link-2 {color:#777777; font-weight: bold;}
a.link-2:hover {color:#6f9e10;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding-left: 30px; font-size:13px; color:#83868a; line-height:22px; background:url(../images/marker-1.png) 0 0px no-repeat; margin-top:11px; }
ul.list-1 li:first-child {margin-top:0;}
ul.list-1 li a { color:#777777;}
ul.list-1 li a:hover {color:#6f9e10;}



/*********************************header*************************************/
header{
	position:relative;
	z-index:99;
	padding:22px 0 1px 0;
	width:100%;
	background:url(../images/main-bg.jpg) 0 0 repeat-x;
}
header h1{ padding-bottom:20px;}
header h1 a{ display:block; background: url(../images/logo-doors.png) 0 0 no-repeat;width:900px; height:80px; text-indent:-5000px;}


nav {position:relative; z-index:101; display:block; border-top:#cacaca 1px solid; border-left:#cacaca 1px solid; border-right:#f6f6f6 1px solid; border-bottom:#f6f6f6 1px solid; background:url(../images/nav2.jpg) 0 0 repeat; border-radius:5px; margin:14px 0 0px 0; }



nav.main-menu{
	width:950px;
	margin:0 auto;
	background:url(../images/nav2.jpg) 0 0 repeat;
	border-top:#cacaca 1px solid;
	border-left:#cacaca 1px solid;
	border-right:#f6f6f6 1px solid;
	border-bottom:#f6f6f6 1px solid;
	z-index:101;
	display:block;
	position:relative;
}
/* menu */
.sf-menu {display:inline-block;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left; }
.sf-menu a {text-decoration:none;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}

ul.sf-menu>li { text-align:center; display:inline-block; width:157px; border-right:#adadad 1px solid; border-left:#fff 1px solid;}
ul.sf-menu>li.first-li {border-left:none !important;width:156px; border-radius:5px 0 0px 5px;}
ul.sf-menu>li.last-li {border-right:none !important;width:156px; border-radius:0 5px 5px 0;}
ul.sf-menu>li>a {font-family: 'Oswald', sans-serif; font-size:16px; line-height:20px; color:#1a1a1a; text-shadow:#fff 1px 1px 1px; display:block; position:relative; padding:25px 0px 28px 0px;}
ul.sf-menu>li>a>span {
	position:absolute;
	right:18px;
	top:33px;
	width:5px;
	height:4px;
	display:inline-block;
	background:url(../images/li-span.gif) 0 0 no-repeat;
}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover { background:url(../images/li-act.png) 0 0 repeat; border-right:#5f870c 1px solid;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {color:#fff; text-shadow:#4F700C 1px 1px 1px; }
ul.sf-menu>li.current>a>span, ul.sf-menu>li.sfHover>a>span, ul.sf-menu>li>a:hover>span {background-position: 0 bottom;}

.sf-menu>li>ul { width:200px; background: url(../images/ul-1.gif) 0 0 repeat; left:15px; top:73px; padding:15px 0px 15px 0px; border-radius:5px;}
.sf-menu>li>ul>li {display:block; width:150px;  line-height:12px; text-align:left; padding:10px 7px 12px 27px;} 
.sf-menu>li>ul>li>a { color:#fff; font-size:11px; line-height:12px; display:inline-block;}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{ }
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {color:#90cd12;
}

.sf-menu>li li>ul {width:180px; background: #9a9a9a; left:140px !important; top:-4px !important; padding:7px 0px 5px 0px; border-radius:5px;}
.sf-menu>li li>ul>li {display:block; width:170px; line-height:12px;  text-align:left;padding:9px 12px 10px 12px;}
.sf-menu>li li>ul>li>a { color:#fff !important; font-size:11px; line-height:12px; display:inline-block; }
.sf-menu>li li>ul>li:hover, ul.sf-menu>li li>ul>li.sfHover{}
.sf-menu>li li>ul>li>a:hover, ul.sf-menu>li li>ul>li.sfHover a {color:#232323 !important;}

/* slider */
.pad-slider{
	padding:5px 0 0 0;
}
.main-slider{
	width:950px;
	height:470px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
.main-slider .pagination{ position:absolute; z-index:99; bottom:26px; left:20px;}
	.main-slider .pagination li{ display:block; float:left; margin-right:3px;}
	.main-slider .pagination li a{ display:block; background:url(../images/slider-pagination.png) -17px 0 no-repeat; width:14px; height:14px;}
	.main-slider .pagination li.current a,.main-slider .pagination li a:hover{background:url(../images/slider-pagination.png) 0 0 no-repeat;}
.slider-banner{
	width:950px;
	height:69px;
	background:url(../images/bg-slider-banner.png) 0 0 repeat;
	bottom:0;
	left:0px;
	z-index:90 !important;
	position:absolute;
	text-transform:none;
	font:20px Arial, Helvetica, sans-serif;
	color:#151515;
	letter-spacing:-1px;
}
	.slider-banner span{ display:block;text-align:right;  padding:21px 30px 0 0;}
	
/********************** Content ************************/
section{position:relative; z-index:1; padding:30px 0;}
section.padsection{ padding:0 0 20px 0;}
section.padsection2{ padding:11px 0 49px 0;}
section.padsection3{ padding:11px 0 34px 0;}
section.padsection4{ padding:11px 0 56px 0;}
section.padsection5{ padding:11px 0 29px 0;}
section.padsection6{ padding:11px 0 52px 0;}
section.padsection7{ padding:15px 0 15px 0;}

.services{ width:178px; height:210px; background:url(../images/bg-body2.jpg) 0 0 repeat;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; margin:5px 9px 5px 5px; float:left;}
.services.first{margin:5px 9px 5px 0px;}
.services.last{margin:5px 0px 5px 8px;}
	.services a{ display:block; padding:30px 0 0 0; height:100%; position:relative;}
	.services a span{ display:block; font-family:'Arimo', sans-serif; font-weight:400;line-height:1.3em;color:#e4e0dd;font-size:24px; padding:7px 0 0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; text-align:center;}
	.services a span strong{ display:block; margin-top:-11px; font-weight:normal;}
	.services a em{ margin-left:48px; display:inline-block; position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.services a img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.services a img.image-hover{ position:absolute; top:0; left:0; opacity:0;}
		.services a:hover,.services:hover a{ text-decoration:none;}
		.services:hover a span{color:#fff;}
	.services:hover a img{ opacity:0;}
	.services:hover a img.image-hover{ opacity:1;}
.partners{ position:relative; overflow: hidden; margin-top:-1px;}
	.partners li{ float:left; margin:0 60px 0 0px;}
	.partners li a{ display:block;}
	.partners li a img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.partners li a:hover img{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);}
.list-1{ padding:5px 0 24px;}
.list-1.padlist{ padding-bottom:9px;}
.list-1.padlist2{ padding-bottom:30px;}
	.list-1 li{ background: url(../images/marker.png) 0 10px no-repeat; padding:4px 0 0 15px;}
	.list-1 li a{ color:#949494;}
.list-2{}
.list-2 li{ background:url(../images/marker2.png) 0 17px no-repeat; padding:13px 0 11px 41px; font-size:13px;}
	.list-2 li a{ color:#949494;}
	.list-2 li a strong{ display:block; color:#000;}
	.list-2 li a:hover{ text-decoration:none;}
	.list-2 li a:hover strong{ text-decoration:underline;}
.banner1{ display:block; background:url(../images/4page_img2.jpg) 0 0 no-repeat; width:271px; height:164px;}
.banner2{ display:block; background:url(../images/4page_img3.jpg) 0 0 no-repeat; width:271px; height:164px;}
.banner3{ display:block; background:url(../images/5page_img4.jpg) 0 0 no-repeat; width:276px; height:194px; margin-top:7px;}
.pdf-link{ display:block; background:url(../images/pdf-image.png) 0 0 no-repeat; color:#000; height:51px; padding:2px 0 0 65px; margin:13px 0 0 0;}
	.pdf-link span{ display:block;color:#000; text-decoration:underline;}
	.pdf-link:hover, .pdf-link:hover span{ text-decoration:none;}
.products{ padding-bottom:30px;}
	.products div{ padding-top:15px;}
	.products p{ padding-bottom:14px;}
.map{ width:470px; height:297px;}
	.map iframe{width:470px; height:297px;}
.contacts{
	font-style:normal;
}
	.contacts span{
	display:inline-block;
	width:170px;
}
	.contacts a{ text-decoration:underline;}
	.contacts a:hover{ color:#6f9e10;}
	.contacts em{ font-style:normal;}
.und{ text-decoration:underline;}
	.und:hover{ text-decoration:none;}
.lineH{
	background:url(../images/lineH.png) 0 0 repeat;
	height:5px;
	width:100%;
}
/* buttons */
.buttonr{ display:inline-block; background:#000 url(../images/bg-body2.jpg) 0 0 repeat; text-transform:uppercase; font:11px/15px Arial, Helvetica, sans-serif; color:#fff; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; padding:7px 15px 6px;}
	.buttonr:hover{ background:#e4e0dd; color:#000; text-decoration:none;}
	
/******************** Slogan ******************/	
	.slogan {
	background:url(../images/title-separator.png) no-repeat center top;
	border-bottom:#cbcbcb 1px solid;
	overflow:hidden;
	margin:5px 0 0 0;
	padding:21px 0 22px 6px;
}
.slogan .button-1 {float:right;}
.slogan h5 {margin:4px 0 6px 0;}
.slogan>div {overflow:hidden;}
	
/******************** Footer ******************/
footer{padding:25px 0 40px; color:#989898;}
.footer a{text-decoration:none}
.footer a:hover{ color:#6f9e10}
footer p{ padding-bottom:9px;}
footer h4{ padding:17px 0 10px 0;}
.privacy{ color:#fff;}
.privacy span{ display:inline-block; margin:0 9px;}
.privacy a{ text-decoration:underline;color:#fff;}
.privacy a:hover{ text-decoration:none;}
.footer-logo{ padding-bottom:19px;}
	.footer-logo a{
	display:block;
	background:url(../images/logo-doors-footer.png) 0 0 no-repeat;
	width:126px;
	height:45px;
	text-indent:-5000px;
}
.footer-list li a{color:#adadad;}
.tooltips{ position:relative; overflow:hidden;}
	.tooltips li{ float:left; padding:0px 70px 7px 0;}
	.tooltips li a{color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.tooltips li a:hover{ text-decoration:none; color:#adadad;}
	.tooltips li a img{ margin:3px 9px 0 0;}
footer h4{ color:#fff;}
/* padding */
.padline6{ padding:30px 0 56px;}
.padline{
	padding:5px 0 5px;
	/* [disabled]border-bottom: #cbcbcb 1px solid; */
	border-top: #cbcbcb 1px solid;
}
.padline1{padding:0 0 20px;}
.padline4{ padding:34px 0 54px;}
.padline5{ padding:46px 0 58px;}
.padline2{ padding:60px 0 52px;}
.padline3{ padding:60px 0 54px;}
.padbottop{ padding:10px 0 10px;}
.pad{ padding:15px 0 14px 0;}
.padbot{ padding-bottom:26px;}
.padtop{ padding-top:26px;}
.padtop2{ padding-top:10px;}
.padright{ padding-right:12px;}
.padrightleft{ padding:0 12px 0 12px;}
.padrightbot{ padding-right:13px; padding-bottom:13px}
.padleft{ padding-left:18px;}
.padbot3{ padding-bottom:24px;}
.padbot2{ padding-bottom:14px;}
.padpros{
	padding:10px 0px 10px 60px;
}
.p2 {margin-bottom:0px;}
.imgindent{
	float:left;
	min-width:71px;
	margin:3px 18px 0 0;
}
.imgindent2{ float:left;margin:13px 13px 0 0;}
.imgindent3{ float:left;margin:6px 19px 0 0;}
.imgindent4{ float:left;margin:6px 20px 15px 0;}
.imgindent5{ float:left;margin:0 0px 5px 0;}
.imgindent6{ float:left;margin:0 12px 0 0;}
.indent-bot {
	padding-bottom: 5px;
	color: #949494;
}

.img-indent{float:left;margin:0 20px 0px 0}

.padtitle22{ padding-bottom:6px !important;}
.padtitle2{ padding-bottom:7px !important;}
.padtitle{ padding-bottom:11px !important;}
.padtitle4{ padding-bottom:9px !important;}
.padtitle3{ padding-bottom:13px !important;}

.box-3 {
	padding:2px;
	background:#fff;
	border:1px solid #e0e1e1;
	text-align:center;
}
	.box-3 .padding {
	background:#f8f8f8;
	}
	.box-3 .title1 {
	display:block;
	height:60px;
	overflow:hidden;
	font-family:Oswald;
	font-size:18px;
	line-height:35px;
	text-transform:uppercase;
	color:#626262;
	background:#CBCBCB;
	margin-bottom:8px;
	}
		.box-3 .title1 strong {
	display:block;
	font-weight:normal;
	margin-top:-10px;
	font-size: 14px;
	letter-spacing: 1px;
		}
	
.box-3:hover {
	color:#eaeaea;
	background:#c3c3c3;
}


.box-z {
	padding:2px;
	background:#fff;
	border:1px solid #e0e1e1;
	text-align:center;
}
	.box-z .padding {
	background:#f8f8f8;
	}
	.box-z .title1 {
	display:block;
	height:30px;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	text-transform:uppercase;
	color:#626262;
	background:#CBCBCB;
	margin-bottom:8px;
	letter-spacing: -1px;
	}
		.box-z .title1 strong {
	display:block;
	font-weight:normal;
	margin-top:-20px;
		}
	
.box-z:hover {
	color:#eaeaea;
	background:#c3c3c3;
}


.box-5 {
	overflow:hidden;
	margin-top:0px;
}
.box-5 div {
	float:left;
	width:145px;
	margin-right:10px;
	margin-left: 5px;
}
.box-5 div .text-1 {
	margin :5px 0 22px 0;
	font-weight: normal;
	color: #666;
}
.box-5 div .link-1 {margin-top:8px;}


.box-5z {
	overflow:hidden;
	margin-top:0px;
}
.box-5z div {
	float:left;
	width:145px;
	margin-right:10px;
	margin-left: 5px;
}
.box-5z div .text-1 {
	margin :5px 0 20px 0;
	font-weight: bold;
	color: #666;
}
.box-5z div .link-1 {margin-top:8px;}

.box-6 {
	overflow:hidden;
	margin-top:0px;
}
.box-6 div {
	float:left;
	width:220px;
	margin-right:10px;
	margin-left: 5px;
}
.box-6 div .text-1 {
	margin :5px 0 22px 0;
	font-weight: normal;
	color: #666;
}
.box-6 div .link-1 {margin-top:8px;}

/**to top**/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:70px;
	overflow:hidden;
	width:60px;
	height:60px;
	border:none;
	text-indent:-999px;
	z-index:999;
	background:url(../images/totop.png) no-repeat 0 0;
}
#toTop:hover {
	outline:none;
	background-position: 0 bottom;
}
.border-horiz {
  background: url(../images/border-horiz.gif) repeat-x 0 0;
  height: 2px;
  margin: 16px 0 0;
}

.font2 {font-size:.96em;}