@charset "utf-8";
/* CSS Document */
/* Default CSS for all browsers */

img, div, body { behavior: url(/css/iepngfix.htc);} 

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.8em;
	color:#7e7e7e;
}

div.clear {
	height: 0px;
	overflow: hidden;
	clear: both;
}

a:link, a:visited, a:active {
	color:#036;
	text-decoration: none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	outline:none;
}


/* --------------------------- */

#header_linija {
	width: 100%;
	height:53px;
	background-color:#036;
	background-image:url(/images/bg_header_linija.gif);
	background-repeat:repeat-x;
}

#header_linija .navigacija {
	width:960px;
	margin: 0 auto;
}

#container {
	width:960px;
	margin: 0 auto;
}

#header_linija .navigacija ul{
	width:700px;
	height:33px;
	margin: 20px 0 0 0;
	padding-left: 160px;
	float:left;
	text-align:left;
}

#header_linija .navigacija li {
	list-style-type:none;
	display: inline;
	height: 53px;
}

#header_linija .navigacija li a:link, #header_linija .navigacija li a:visited, #header_linija .navigacija li a:active {
	color:#FFF;
	font-size:14px;
	padding: 20px 14px 15px 14px;
}

#header_linija .navigacija li a:hover {
	background-color:#01254a;
}

#header {
	width:960px;
	height:228px;
}

#header img {
	border: 0;
}

#header_imgs {
	z-index:-200;
}

.header_imgs {
	width:780px;
	height:228px;
	position:absolute;
	background-position:160px 0px;
	background-repeat:no-repeat;
}

#header_green {float:right; width:165px; height:188px; background-color:#82c666; padding:20px; color:#FFF;}

.header_01 {
	background-image:url(/images/bg_header_01.jpg);
}

.header_02 {
	background-image:url(/images/bg_header_02.jpg);
}

.header_03 {
	background-image:url(/images/bg_header_03.jpg);
}

.header_04 {
	background-image:url(/images/bg_header_04.jpg);
}

.header_05 {
	background-image:url(/images/bg_header_05.jpg);
}

.header_06 {
	background-image:url(/images/bg_header_06.jpg);
}

.header_07 {
	background-image:url(/images/bg_header_07.jpg);
}

.fancybox img{ border: 0; }
.fancybox_3d img{ border: 0; }

#header_logo {
	width:160px;
	height:214px;
	float:left;
	padding-top:14px;
	background-color:#003366;
	text-align:center;
}

#header_jezici {
	width:108px;
	height:33px;
	padding-top:6px;
	float:right;
	margin-right:25px;
	background-image: url(/images/bg_jezici_shadow.png);
	background-position:center top;
	background-repeat: no-repeat;
	text-align:center;
}

.jezici img {border: #FFF 1px solid;}
.jezici a:hover img{border: #ccc 1px solid;}

#content {
	width:960px;
}

#content_slogan {float:left;width:800px;height:50px; background-color:#f8f8f8;border-bottom:1px solid #e3e3e3;color:#82c666;}
#content_slogan blockquote {font-size:22px; font-weight:bold; margin: 15px 0 0 40px;}
#content_citat {float:right;width:165px; color:#003366; padding: 45px 20px 0 20px; background-image:url(/images/bg_citat.gif); background-repeat:no-repeat; background-position:10px 30px;}
#content_citat blockquote {font-size:18px; line-height:1.8em;}
#content_main blockquote {font-size:18px; line-height:1.7em; margin-top:15px;}

#content_main {
	float:left;
	width:520px;
	padding: 50px 25px 40px 50px;
}

#content_main .paleta {
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#content_main p {padding: 5px 0 10px 0; text-align:left;}
#content_main.natura {background-image:url(/images/bg_natura.gif); background-repeat:no-repeat; background-position:30px 0px;}
#content_main.energetska-ucinkovitost {background-image:url(/images/img_energetska_ucinkovitost.jpg); background-repeat:no-repeat; background-position:bottom right; padding-bottom:190px;}

#content_main ul {margin:-10px 0 20px 0;}
#content_infobox {float:right;width:730px; background-image:url(/images/bg_infobox.gif); background-repeat:repeat-x; padding: 10px 20px 20px 50px;}
#content_infobox .a {float:left; width:240px; margin-right:40px;}
#content_infobox .b {float:left; width:240px; margin-right:45px;}
#content_infobox .c {float:left; width:165px;}

#modul_container {
	width:520px;
	margin-top: 30px;
}

#home_profili img {
	float:left;
	width: 130px;
	border: none;
	margin-bottom:25px;
}

#prozori_profili div {
	float:left;
	width: 173px;
	margin-bottom: 25px;
}

#prozori_profili img {
	text-align:center;
	border: none;
}

#prozori_profili p {
	width:130px;
	padding:5px 0 5px 10px;
	margin-top:10px;
	background-color:#f8f8f8;border:1px solid #e3e3e3;
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */

}

.podaci {
	width:205px;
	padding:5px 0 5px 10px;
	background-color:#f8f8f8;border:1px solid #e3e3e3;
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */
}

.modul_right p {margin-bottom:15px;}
.podaci li {
	list-style-type:none;
}

#home_proizvodi img {
	float:left;
	width: 130px;
	border: none;
	margin:15px 0 25px 0;
}

#dodatna_oprema p, #dodatna_oprema ul {	padding:0 20px 0 120px;}
#dodatna_oprema ul {margin-top:-50px;}

#dodatna_oprema p {
	height:100px;
	background-repeat:no-repeat;
}

.modul_materijali {
	width:152px;
	float:left;
	padding:15px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-bottom: 40px;
}

.modul_info {
	width:152px;
	float:left;
	padding:15px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-bottom: 40px;
}

.modul_moduli {
	width:224px;
	float:right;
	padding:15px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-top:40px;
}

.modul_fotografija {
	width:276px;
	float:right;
	padding:0;
}

.modul_viz_prikaz {
	width:224px;
	float:right;
	padding:15px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-bottom: 40px;
}

.modul_dokumentacija {
	width:224px;
	float:right;
	padding:15px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-top: 40px;
}

.modul_wide {
	width:468px;
	padding:15px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-top: 10px;
}

.modul_proizvodi {
	width:224px;
	float:right;
	padding:15px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
}

.modul_modeli_vrata {
	width:468px;
	float:right;
	padding:15px 25px 25px 25px;
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-top: 40px;
}

.modeli_vrata_th {
	float:left;
	margin: 4px 4px 0 0;
}

.dizajn_th {
	float:left;
}

.link_pdf {
padding: 10px 0px 10px 45px;
background-image:url(/images/link_pdf.gif);
background-position:left;
background-repeat:no-repeat;
}


.link_eye {
padding: 10px 0px 10px 45px;
background-image:url(/images/link_eye.gif);
background-position:left;
background-repeat:no-repeat;
margin-top: 10px;
}

.link_word {
padding: 10px 0px 10px 45px;
background-image:url(/images/link_word.gif);
background-position:left;
background-repeat:no-repeat;
margin-top: 10px;
}

.link_jpg {
padding: 10px 0px 10px 45px;
background-image:url(/images/link_jpg.gif);
background-position:left;
background-repeat:no-repeat;
margin-top: 10px;
}

.link_link {
padding: 10px 0px 10px 45px;
background-image:url(/images/link_link.gif);
background-position:left;
background-repeat:no-repeat;
margin-top: 10px;
}

.modul_left {
	width:240px;
	float:left;
	padding:15px 15px 15px 0;
	text-align:left;
}

.modul_right {
	width:215px;
	float:right;
	padding:15px 0 15px 25px;
}

#lista {margin:15px 0 0 0;	}

#lista li {
	display:block;
	padding-left:20px;
	list-style:none;
	background-image:url(/images/icon_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.lista {margin:15px 0 0 0;	}

.lista li {
	display:block;
	padding-left:20px;
	list-style:none;
	background-image:url(/images/icon_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.lista_left {margin:15px 0 0 0; width: 200px; float:left;}

.lista_left li {
	display:block;
	padding-left:20px;
	list-style:none;
	background-image:url(/images/icon_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.lista_right {margin:15px 0 0 15px; width: 200px; float:left; }

.lista_right li {
	display:block;
	padding-left:20px;
	list-style:none;
	background-image:url(/images/icon_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#gmaps {
	background-color:#f8f8f8;
	border: #e3e3e3 1px solid;
	margin-top: 15px;
	padding:25px;
	width: 468px;
}

#content_navig_box {
	width:160px;
	float:left;
	padding-bottom: 10px;
	background-color:#003366;
}

#navigacija img {
	margin:0;
	border: 0;
}

#navigacija {
	padding-top:7px;
}

#navigacija li a:link, #navigacija li a:hover, #navigacija li a:visited	
	{	
		width:145px;
		padding:2px 0px 2px 15px;
		margin:0;
		color:#b0c0d0;
		font-weight:bold;
		font-size:11px;
		float: left;
	}
	
#navigacija .current	
	{	
		color:#003366;
		background-color:#fff;
	}

#navigacija .current:link, #navigacija .current:active, #navigacija .current:visited 	
	{	
		color:#003366;
	}	
	
#navigacija .current:hover 	
	{	
		color:#b0c0d0;
	}		

#navigacija li a:hover	
	{	
		color:#b0c0d0;
		text-decoration:underline;
		background-color:#01254a;
		width:145px;
	}

#navigacija ul	
	{	
		margin-bottom:20px;
	}

#navigacija li	
	{	
		list-style-type:none;
		width:160px;
		line-height:1.7em;
	}
	
.kontakt_title p {	
		padding: 0 15px 15px 15px;
		color:#b0c0d0;
	}
	
.kontakt_title {
	padding:70px 0 0 0;
}

.certifikat {}

#footer {
	width: 100%;
	background-color:#036;
	margin-top:25px;
	background-image:url(/images/bg_footer.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	padding:0 0 20px 0;
	color:#f8f8f8;
}

.footer_nav {
	padding-top:20px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#f8f8f8;
	padding: 1px 5px;
}

#footer a:hover {
	background-color:#003;
}

.gal_box {
	width:152px;
	float:left;
	margin: 10px 30px 20px 0;
}

.gal_thumb {
	width:150px;
	height:150px;
	border: 1px solid #036;
	cursor:pointer;
	margin-bottom:10px;
}

.gal_thumb:hover {
	border: 1px solid #fff;
}

#content_main h1 {font-size: 3.5em; line-height:1.4em; font-weight: normal; margin:10px 0; color:#036;}
#content_main h2 {font-size: 22px; line-height:1.6em; font-weight: normal; margin:10px 0; color:#036;}
#navigacija h2 {color:#fff; margin: 10px 0 10px 13px; font-size: 16px; line-height:1.5em;}
.kontakt_title h2 {font-size: 16px; font-weight: bold; margin:10px 0 -10px 13px; color:#b0c0d0;}
.kontakt_title a:link, .kontakt_title a:active, .kontakt_title a:visited {color:#fff;}
.kontakt_title a:hover {text-decoration:underline; color:#ddd;}
.tel {background-image: url(/images/icon_tel.gif); background-repeat:no-repeat;height:21px;padding: 0 0 0 25px; margin-top:10px; font-size: 16px; color:#036;}
#content_infobox h3 {font-size: 16px; font-weight: bold; margin:10px 0 10px 0; color:#036;}
#content_main h3 {font-size: 16px; font-weight: bold; margin:10px 0 20px 0;}
#header_green h2 {font-size: 21px; line-height:1.1em; font-weight: bold; margin:0; color:#fff;}
h4 {font-size: 12px; font-weight: bold; margin: 0 0 15px 0;}
.img {padding:10px 0 20px 0;}

#content_main span.green {display:inline; color:#82C666; font-size:1.3em; font-weight:bold;}
#content_main h1 span.green {display:inline; color:#82C666; font-size:1.4em; font-weight:bold;}

#content_main span.blue {display:inline; color:#003366; font-size:1.4em; font-weight:bold; padding-right:5px;}
#content_main span.blue_small {display:inline; color:#003366; font-weight:bold; padding-right:5px;}

#content_main .lista strong {display:inline; color:#003366; padding-right:5px;}
.podaci strong {display:inline; color:#003366; font-size:13px;}
#prozori_profili strong {display:inline; color:#003366; font-size:13px;}
form {background-color:#f8f8f8;	border: #e3e3e3 1px solid;margin-top: 15px; padding:25px;}
label {display:block;padding:0 0 5px 0;font-size: 12px; font-weight: bold; color:#036;}
input, textarea {display:block;margin-bottom:15px;border: 1px solid #e3e3e3;padding: 5px 10px; background-color:#fff;font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 220px;color:#7e7e7e;}
input:hover, textarea:hover {border: 1px solid #ccc;}
input:focus, textarea:focus {background-color:#f8f8f8;border: 1px solid #ccc;}
.submit {color:#036;;width: 100px; margin:0;padding:5px;}
.error {color: #F00; margin: -5px 0 15px 0; text-decoration:blink;}