/*

*************

Maxiprint v.2.0

20.07.2009

*************


TOC
TOC
0. fixes
1. body, html
1.1. a:focus fix
1.2. html
1.3. #center
1.4. .clear

2. #head
2.1. #headcontent
2.2. #mainnav
2.2.1. .n1
2.2.2. .n2
2.2.3. .n3
2.2.4. .n4
2.2.5. .n5

2.3. #head h1

3.1 #footer

*/


body, html, p, div, img, h1, h2, h3, table, tr, td, li, ul, ol {
	padding:0px;
	margin:0px
}
body {
	margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#424242;
}
a:focus /* fix da se ne vide obrubi oko linkova*/ {
	-moz-outline-style: none;
}
html {
	margin:0px 0px 0px 0px;
	padding:0px;
	background:url('../img/bg_body_novo.gif');
	background-position:3px;
	background-position:center top;
	background-color:#f5f5f5
}
#center {
	text-align:center;
}
.clear {
	clear:both
}


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


#head {
	background:url(../img/bg_head_novo.gif) repeat-x;
	background-position:center top;
	height:190px;
	width:100%;
	text-align:center;
	clear:both;
}
#headcontent {
	width:993px;
	height:160px;
	display:inline-block;
	margin-left:10px;
	margin-top:30px;
	position:relative;
}
#mainnav {
	float:right;
	width:715px;
	height:41px;
	margin-right:12px;
	/*background:#090;*/
	clear:both;
}
#mainnav li {
	float:left;
	list-style:none;
	text-indent:-5000px;
}
.n1 {
	width:146px;
	height:41px;
	display:block;
	background:url(../img/bg_mainnav_novo.gif);
	background-position:0px 0px;
}
.n1:hover {
	background-position:0px 41px
}
.n2 {
	width:144px;
	height:41px;
	display:block;
	background:url(../img/bg_mainnav_novo.gif);
	background-position:-146px 0px;
}
.n2:hover {
	background-position:-146px 41px
}
.n3 {
	width:150px;
	height:41px;
	display:block;
	background:url(../img/bg_mainnav_novo.gif);
	background-position:-290px 0px;
}
.n3:hover {
	background-position:-290px 41px
}
.n4 {
	width:143px;
	height:41px;
	display:block;
	background:url(../img/bg_mainnav_novo.gif);
	background-position:-440px 0px;
}
.n4:hover {
	background-position:-440px 41px
}
.n5 {
	width:132px;
	height:41px;
	display:block;
	background:url(../img/bg_mainnav_novo.gif);
	background-position:-583px 0px;
}
.n5:hover {
	background-position:-583px 41px
}
#head h1 {
	width:205px;
	height:72px;
	float:left;
	position:relative;
	display:inline-block;
	background:url('../img/h1_logo_novi.png');
	margin:38px 0px 0px 25px;
	padding:0px;
	text-indent:-3500px;
	cursor:pointer;
}
.telefon {
	float:right;
	margin-top:35px;
	margin-right:15px
}

.upute {float:left; font-size:9px; text-align:left; line-height:15px}

/* ****************************************************** */
#wrapper {
	width:999px;
	clear:both;
	display:inline-block;
	float:none;
	position:relative;
	height:auto;
	padding-bottom:0px;
	overflow:hidden;
	margin-top:-8px;
}
/* ****************************************************** */
#leftcol {
	width:257px;
	float:left;
	display:inline;
	margin-left:7px;
	/*margin-top:-42px;*/
	text-align:left;
	margin-top:8px;
	z-index:1;
    position:relative;
}
#proizvodi {
	width:240px; /*255-15*/
	display:block;
	height:auto;
	background:#ffffff;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-bottom:none;
	border-top:none;
	padding-left:15px;
	margin:-5px 0px -17px 0px;
	padding-top:10px;
	}
	
#proizvodi h3 {
	/*margin:5px 0px 5px 0px;*/
	padding:0px;
	display:block;
	width:226px;
	height:27px;
	text-indent:-3000px;
	clear:both;
	position:relative;
}
#proizvodi ul {
	margin-bottom:13px;
	margin-top:13px;
	display:block;
	position:relative;

}

#proizvodi li {
	background:url(../img/bg_lista_off.gif) no-repeat;
	background-position:0px -4px;
	display:block;
	position:relative;
	list-style:none;
	height:21px;
	/*float:left;*/
	
	margin:0px 0px;
	padding:0px 0px 0px 10px;
	overflow:hidden;
	
}

/*#proizvodi li strong {
	color:#707a82}
	
	#proizvodi li strong:hover {
	color:#bababa}*/

.currently_active {
	background:url(../img/bg_lista_on.gif) no-repeat;
	background-position:0px -4px;
	}

#proizvodi li a:link, #proizvodi li a:visited {
	color:#707a82;
	text-decoration:none
}
#proizvodi li a:hover {
	color:#bababa;
}
#proizvodi ul.lecilist li {
	width:90px;
	clear:both;
}


.bottom_round {
	position:relative;
	bottom:0px;
	left:-16px;
	z-index:3;
	}

.letci {
	background:url(../img/bg_h3_lista.gif);
	background-position: 0px 0px;
	margin-top:7px
}
.prospekti {
	background:url(../img/bg_h3_lista.gif);
	background-position: 0px -27px;

}
.vizitke {
	background:url(../img/bg_h3_lista.gif);
	background-position: 0px -54px;
}
.memorandumi {
	background:url(../img/bg_h3_lista.gif);
	background-position: 0px -81px;
}
.kuverte {
	background:url(../img/bg_h3_lista.gif);
	background-position: 0px -108px;
}

.razmak {clear:both; color:#aaa; margin-left:25px; margin-top:30px; display:block}
/* ********************** table ************************* */

table { margin-left:25px;}
thead {padding-bottom:5px;}
thead tr   {
	background:url(../img/bg_tr_th.gif);
	
	height:27px;
	margin-bottom:4px;
	}
	
thead tr th {
	height:27px;
	color:#FFF;
	vertical-align:middle;
	text-align:center
	}
tbody {
	text-align:center
	}
td {
	vertical-align:middle;
	background:none;
	text-align:center;
	padding:2px;
	color:#444;
	height:20px;
	}

/* ****************************************************** */

#rightcol {
	width:705px; /*725-10-10*/
	float:left;
	/*background-position:bottom left;*/
	padding-left:10px; /*25+10*/
	padding-bottom:10px;
	text-align:left;
	display:inline;
}
.rightcol_h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#6b7b84;
	background:url(../img/bg_h2.gif) no-repeat;
	background-position:0 7px;
	padding-left:15px;
	font-weight:normal;
	margin:10px 0px -3px 12px;
	position:relative;
	float:left;
	letter-spacing:1px;
}

.h3_dot, .h3_dot_green {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#6b7b84;
	background:url(../img/bg_h2.gif) no-repeat;
	background-position:0 4px;
	padding-left:15px;
	font-weight:normal;
	margin:12px 2px;
	float:left;
	letter-spacing:1px;
}

.h3_dot_green {
	color:#9cc138
	}

.breadspan {
	float: right;
	margin-top:7px;
	/*margin-right:10px;*/
}
#breadcrumbs {
	float:right;
	margin-top:7px;
	margin-right:-8px;
	margin-bottom:4px;
}
#breadcrumbs li {
	float: left;
	list-style:none;
	background:url(../img/img_breadcrumb_pip.gif) no-repeat;
	background-position:6px 6px;
	padding-left:20px;
}
#breadcrumbs li a {
	text-decoration:none;
	color:#000;
}
#breadcrumbs li a:hover {
	color:#999;
}
#textcontent {
	background: url(../img/bg_content.gif) repeat-y;
	width:716px; 
	display:block;
	min-height:439px;
	margin-bottom:0px;
	margin-top:0px;
	color:#6f7a82;
	padding-top:0px
	
}
#textcontentbottom {
	background: url(../img/bg_content.gif) repeat-y;
	width:716px; }


#textcontent ul {
		list-style-image:url(../img/img_breadcrumb_pip.gif);
		list-style-position:inside;
	}
	
#textcontent p a:link, #textcontent p a:visited, #textcontent ul a:link, #textcontent ul a:visited {
	color:#88af29;

	text-decoration:none;
	}	
#textcontent p a:hover, #textcontent ul a:hover {
	color:#6b7b84;
	}	

#textcontent p, #textcontent div {
	/*margin:10px*/
}
#gallery {
	clear:both;
	margin-top:10px;
	padding-top:10px;
}
#gallery a img {
	padding:3px;
	border:1px solid #d9d9d9;
	margin:10px 21px 10px 0px;
	position:relative;
}
#fastproizvodi {
	float:right;
	padding:25px 10px 7px 0px;
	margin-bottom:150px
}
#fastproizvodi li {
	list-style:none;
	
}
#fastproizvodi a {
	display:block;
	width:221px;
	height:26px;
	margin-bottom:4px;
	text-indent:-3500px;
}
.fp1 {
	background:url(../img/bg_proizvodi_desno.gif);
}
.fp2 {
	background:url(../img/bg_proizvodi_desno.gif);
	background-position:0px -26px;
}
.fp3 {
	background:url(../img/bg_proizvodi_desno.gif);
	background-position:0px -52px;
}
.fp4 {
	background:url(../img/bg_proizvodi_desno.gif);
	background-position:0px -78px;
}
.fp5 {
	background:url(../img/bg_proizvodi_desno.gif);
	background-position:0px -104px;
}
#najproizvodi {
	float: right;
	background:url(../img/bg_naj_lista_novo.gif) no-repeat;
	width:208px; /*221-13*/
	height:105px; /*144-39*/
	margin:25px -10px -20px 0px;
	padding: 39px 0px 0px 13px;
	text-align:left;
	overflow:hidden
}
#dottedbox {
	position:relative;
	display:inline-block;
	width:683px;
	background:url(../img/bg_round_dotted.gif);
	padding:32px 5px;
	margin-bottom:35px;
	margin-left:10px;
	margin-top:22px;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.gradientbox {
	background:url(../img/bg_box_gradient.gif) repeat-x;
	background-position:bottom;
	border:none;
	margin-top:0px;
	padding:3px;
	display:block;
	position:relative;
	text-align:center;
	
	
}
.obrubbox {
	border:1px solid #c5cdd2;
	/*margin:10px;*/
	padding:3px;
	position:relative;
	display:block;
	float:left;
	text-align:center;
	background:#FFF;
	width:142px;
	margin:10px -5px 10px 20px;
	
}

.gradientbox_small {
	background:url(../img/bg_box_gradient_mali.gif) repeat-x;
	background-position:bottom;
	border:none;
	margin-top:0px;
	padding:3px;
	display:block;
	position:relative;
	text-align:center;
	
	}

.gradientbox span {
	position:relative
	}





.link_box {

	text-align:left;
	float:left;
	margin-bottom:7px;
	background:	url(../img/img_breadcrumb_pip.gif) no-repeat;
	background-position:0px 7px;
	padding-left:8px;
	position:relative;
	line-height:18px
	
	}

.next {
	float:right;
	text-decoration:none;
	color:#999999;
	font-weight:bold;
	margin-right:15px;
	margin-bottom:10px;
}

.prev {
	float:left;
	text-decoration:none;
	color:#999999;
	font-weight:bold;
	margin-left:15px;
	margin-bottom:10px;
}

#najproizvodi li {
	list-style:none;
	background:url(../img/bg_li_najlista.gif) no-repeat;
	background-position:0px 5px;
	padding-left: 8px;
	padding-bottom:4px;
	line-height:normal;
	
}
#najproizvodi li a:link, #najproizvodi li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#najproizvodi li a:hover {
	color:#558800;
}
.fboks1 {
	width:172px;
	float:right;
	text-align:left;
}
.fboks1 img {
	float:left;
	border:none;
}
.fboks1 ul {
	margin:20px 0px 0px 15px;
}
.fboks1 li {
	list-style:none;
}
.fboks1 li a:hover {
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

#form_city {

	display:none;

}

form {	
	clear:both;
	display:block;
	position:relative;
	
	margin:15px;
	
	}
label{
	width:95px;
	height:18px; /*22-4*/
	display:block;
	float:left;
	clear:left;
	margin-bottom:5px;
	padding-top:4px;
	text-align:left;
	position:relative
	}
	
textarea {
	border:1px solid #c1c9cf;
	width:272px;
	height:60px;
	float:left;
	margin-bottom:5px;
	position:relative;
	clear:right;
	background:#FFF
	}	
	
input {
	border:1px solid #c1c9cf;
	width:272px;
	height:20px;
	float:left;
	margin-bottom:5px;
	position:relative;
	clear:right;
	background:#FFF
	}
	
.submit {
	
	width:120px;
	height:22px;
	margin-top:12px;
	font-size:9px;
	background:#fff;
	padding-bottom:3px;
	
	cursor:pointer;
	position:relative;
	display:inline;
	}

.gramatura {
		background:url(../img/bg_gramaturainfo.gif) no-repeat;
		background-position:center;
		text-align:center;
		min-width:131px;
		color:#fff;
		padding-top:2px;
		height:16px;/*18-3*/
		/*margin:0px 10px 8px 10px;*/
		margin-bottom:10px;
		display:block;
		/*width:110px; 150-20-20*/
		text-decoration:none;
		position:relative;
	}
	

	
.gradientbox a:link, .gradientbox a:visited {
		color:#6f7a82;
		text-decoration:none;
		

	}	
	

	
.gradientbox a:hover	{
		color:#333;
		text-decoration:none
	}	

.zatrazi {
	margin:0px 20px;
	font-size:11px;
	clear:both;
	display:block
	}

.popis {float:left; margin:0px; border-collapse:collapse; border:1px solid #BBC3C7; background:url(../img/bg_box_gradient_mali.gif) repeat-x; background-position:bottom center; border:2px solid #fff;}

table.popis tr td {border-right: 1px dotted #BBC3C7; height:20px; }

table.popis tr th {border-right: 1px dotted #BBC3C7; height:26px; background:url(../img/bg_tr_th_specifikacije.gif) repeat-x; padding-bottom:5px; background-position:bottom center; border-bottom:1px solid #BBC3C7;}





/* ****************************************************** */


#footer {
	clear:both;
	text-align:center;
	height:74px;
	width:100%;
	background:url(../img/bg_footer_novo.gif);
	background-position: center top;
	/*position:relative;*/
	margin:0px;
	padding:0px;
	
}
#footerwrap {
	width:1003px;
	height:63px;
	margin:0px;
	padding:0px;
	position:relative;
	display:block;

}

.btt {
	
	background:url(../img/img_backtotop.gif) no-repeat;
	display:block;
	width:89px;
	height:9px;
	text-indent:-5000px;
	margin-top:20px;
	float:right;
	position:relative;
	/*top:10px;
	right:10px;*/


}

