@import url("navigation.css");

* 												{ margin: 0; padding: 0; }
html        									{ font: 11px Arial, Helvetica, sans-serif; color: #222222; margin: 0px; padding: 0px; }
body 											{ margin: 10px 0px; padding: 0px; background: url(../images/bg.jpg) repeat; }
a:link 											{ color: #2E5771; text-decoration: underline; }
a:visited 										{ color: #2E5771; text-decoration: underline; }
a:hover 										{ color: #2E5771; text-decoration: none; }
.clear 											{ font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; clear: both; height: 1px; width: 1px; }
.FloatLeftImg 									{ margin: 5px; padding: 1px; float: left; border: 1px solid #cccccc; background: #FFFFFF; }
legend 											{ display:none;}
fieldset 										{ border-style: none; margin: 0px; padding: 0px; }#container { width: 964px; margin: 0px auto 4px; padding: 0px; }


#topMenu 										{ display: inline; float: left; width: 964px; margin-bottom: 3px; }
#header 										{ padding: 0px; background: url(../images/header.jpg) no-repeat; height: 90px; border: 3px solid #FFFFFF; margin: 0px 0px 3px; clear: both; }

/********** logo *********/
#logo											{ margin: 0px; padding: 0px; background: url(../images/logo.jpg) no-repeat; height: 73px; width: 242px; float: left; }
#logo a 										{ text-indent: -9999px; height: 73px; width: 242px; display: block; }

/********** kontakt info *********/
#kontaktInfo 									{ margin: 0px; padding: 13px 0px 0px; list-style: url(none) none; width: 140px; display: block; float: right; height: 50px; color: #2e5771; }
#kontaktInfo ul { margin: 0px; padding: 0px; }
#kontaktInfo li { margin: 0px; padding: 0px; }

#kontaktInfo span 								{ color: #222222; }

/********** wrapper *********/
#wrapper 										{ margin: 0px; padding: 0px; border: 3px solid #FFFFFF; background: #FFFFFF; }

/********** leftcol *********/
#leftCol 										{ margin: 0px 5px 0px 0px; padding: 0px; width: 211px; display: inline; float: left; }
.shaddow 										{ background: url(../images/shaddow.jpg) no-repeat center; margin: 0px 0px 10px; padding: 0px; height: 9px; width: 211px; font-size: 0px; line-height: 0px; }

/********** newsletter *********/
#newsletter 									{ height:130px; margin:0px; padding:0px 0px 0px 6px; width:203px; background: #fdfff8 url(../images/newsletterBg.gif) no-repeat; border: 1px solid #f2f2f2; }
#newsletter fieldset 							{ border-style:none; margin:0px; padding:44px 0px 0px; }
#newsletter p 									{ margin-bottom: 7px; color: #222222; }
#newsletter label 								{ display:block; }
#SubmitButton 									{ display:inline; float:left; margin:0px; padding:0px; width:23px; }
#newsletter input.TxtField 						{ border:1px solid #cccccc; float:left; margin:0px 2px 0px 0px; padding:3px 2px 4px 5px; width:160px; display: inline; font: normal 11px/normal Arial, Helvetica, sans-serif; color: #5b5b5b; }

/********** center col *********/
#centerCol 										{ display: inline; float: left; width: 510px; }

/********** big banner *********/
.bigBanner 										{ background: #FFFFFF url(../images/bluedot.gif) repeat-x left top; padding: 4px 1px 1px; margin-bottom: 7px; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; }
.bigBanner img 									{ border-style: none; }

/********** product *********/
#product 										{ display: inline; float: left; width: 510px; margin: 0px; padding: 0px; }
.title				    						{ font: bold 12px/29px Arial, Helvetica, sans-serif; margin: 0px 0px 10px; padding: 0px 0px 0px 15px; display: block; color: #2d5d6f; text-transform: uppercase; background: #FFFFFF url(../images/izdvojeniBannerBg.gif) repeat-x; }
.productWrapperBg3 								{ background: url(../images/shaddow3.gif) no-repeat bottom; margin: 0px; padding: 0px 0px 8px; float: left; width: 510px; display: inline; }
.productWrapperBg2 								{ background: url(../images/shaddow2.gif) no-repeat bottom; margin: 0px; padding: 0px 0px 8px; float: left; width: 510px; display: inline; }
.productWrapperBg1 								{ background: url(../images/shaddow1.gif) no-repeat bottom; margin: 0px; padding: 0px 0px 8px; float: left; width: 510px; display: inline; }
.productBox 									{ margin: 0px 4px 0px 0px; padding: 2px; width: 160px; border: 1px solid #cccccc; background: #FFFFFF; display: inline; float: left; }
.green 											{ font: 11px Arial, Helvetica, sans-serif; color: #222222; text-align: center; background: #FFFFFF url(../images/green.gif) repeat-x; border-bottom: 1px solid #c0e368; margin: 0px; padding: 0px; }
.green a 										{ text-decoration: none; color: #222222; display: block; margin: 0px; padding: 8px 3px; }
.green a:visited 								{ color: #222222; text-decoration: none; }
.green a:hover 									{ color: #222222; text-decoration: underline; }
.blue 											{ font: 11px Arial, Helvetica, sans-serif; color: #222222; text-align: center; background: #FFFFFF url(../images/blue.gif) repeat-x; border-bottom: 1px solid #81b4e4; margin: 0px; padding: 0px; }
.blue a 										{ text-decoration: none; color: #222222; display: block; margin: 0px; padding: 8px 3px; }
.blue a:visited 								{ color: #222222; text-decoration: none; }
.blue a:hover 									{ color: #222222; text-decoration: underline; }
.productCenter 									{ margin: 0px; padding: 8px 0px; background: #f5f5f5; }
.productBox img 								{ border: 1px solid #cccccc; margin: 0px 0px 5px 9px; padding: 1px; background: #FFFFFF; }
.productCenter p 								{ margin-right: 5px; margin-left: 5px; }
#rightCol 										{ display: inline; margin: 0px; padding: 0px; float: right; width: 226px; }

/********** news *********/
#news 											{ margin: 0px; padding: 0px; border: 1px solid #f2f2f2; }
#news h1 										{ background: url(../images/novosti.jpg) no-repeat; margin: 0px; padding: 0px; text-indent: -9999px; height: 45px; }
.newsbox 										{ display: block; margin-bottom: 8px; background: url(../images/separator1.gif) no-repeat center bottom; padding-bottom: 5px; }
.date 											{ background:#3d6473; border:1px solid #D7D7D7; color:#FFFFFF; float:left; text-align:center; text-transform:lowercase; width:25px; font: 11px Arial, Helvetica, sans-serif; margin: 0px 0px 0px 3px; padding: 0px; }
.date span 										{ background:#FFFFFF; color:#111111; display:block; font-size:11px; padding:0pt; margin: 0px; }
#news h2 										{ margin: 0px 0px 3px; padding: 0px 0px 0px 37px; font-family: Arial, Helvetica, sans-serif; }
#news  h2 a  									{ color:#173486; display:block; margin:0px 0px 2px; padding:0px; text-decoration:none; font-size: 11px; font-weight: normal; font-variant: normal; text-transform: uppercase; }
#news  h2 a:visited								{ color:#173486; text-decoration:none; }
#news  h2 a:hover 								{ color:#173486; text-decoration:underline; }
#news p 										{ margin: 0px; padding: 0px 5px 0px 37px; }
.shaddowRightCol 								{ background: url(../images/shaddow.jpg) no-repeat center; margin: 0px 0px 10px; padding: 0px; height: 8px; width: 226px; font-size: 0px; line-height: 0px; }
.smallBanner 									{ background: #FFFFFF; padding: 1px; margin: 0px; border: 1px solid #cccccc; }
.smallBanner img 								{ border-style: none; }

/********** footer *********/
#footer 										{ background: url(../images/bgFooter.gif) repeat-x; margin: 0px auto; padding: 0px; border: 3px solid #FFFFFF; height: 25px; width: 958px; }
#footerText 									{ width: 960px; margin-right: auto; margin-left: auto; height: 25px; position: relative; }
#footerText span 								{ position: absolute; width: 187px; left: 4px; top: 6px; color: #3d6473; }
#footerText p 									{ margin-top: 17px; display: block; text-align: right; width: 100px; position: absolute; left: 852px; top: -12px; }
.pagination 									{ background:transparent url(/images/site/bg_pagination.gif) repeat-x; font-size:11px; font-weight:bold; height:22px; margin:12px 0pt; padding:4px 0pt; position:relative; width:500px; display: inline; float: left; border-top: 5px solid #E9E6E4; list-style: none; color: #828282; }
.pagination  li  								{ display:inline; margin:0pt; }
.pagination  .pagePrev  						{ bottom:10px; left:0pt; top:8px; position:absolute; font-weight: bold; font-size: 12px; width: 224px; }
.pagination  .pagePrev a       					{ background:transparent url(../images/bg_pagePrev.gif) no-repeat scroll left center; color:#61A8E6; padding-left:16px; text-decoration:none; }
.pagination  .pagePrev a:hover       			{ background:transparent url(../images/bg_pagePrev.gif) no-repeat left center; color:#61A8E6; text-decoration:underline; }
.pagination  .pageNext  						{ bottom:10px; top:8px; position:absolute; right:0pt; font-size: 12px; width: 171px; text-align: right; float: right; }
.pagination  .pageNext a    					{ background:transparent url(../images/bg_pageNext.gif) no-repeat scroll right center; color:#61A8E6; padding-right:16px; text-decoration:none; font-weight: bold; text-align: right; }
.pagination  .pageNext a:hover  				{ background:transparent url(../images/bg_pageNext.gif) no-repeat scroll right center; color:#61A8E6; text-decoration:underline; font-weight: bold; }
.pagination ul  								{ text-align:center; padding-top: 5px; }
.pagination ul  li  a  							{ font-weight: bold; font-size: 11px; padding-right: 4px; padding-left: 4px; color: #828282; }
.pagination ul  li  a:visited  					{ font-weight: bold; font-size: 11px; padding-right: 4px; padding-left: 4px; color: #828282; }

/********** breadcrumbs *********/
#breadcrumbs 									{ margin: 0px; border-top: 2px solid #61A8E6; background: #F0F7FD; }
#breadcrumbs a 									{ font-size: 10px; background: url(../images/breadcrumbs.gif) no-repeat 2px 7px; color: #2D5D6F; padding-left: 15px; margin: 0px 10px 0px 0px; padding-top: 5px; padding-bottom: 5px; display: block; float: left; }

/********** PRODUCT DETAILS *********/
.ProductDetails 								{ margin: 0px 0px 5px; padding: 0px 0px 10px; display: inline; float: left; width: 510px; background: url(../images/bg-det.gif) repeat-x bottom; }
.ProductDetails p 								{ padding: 0px; margin: 0px 5px 5px; }
.ProductDetails img 							{ float: left; border: 1px solid #cccccc; margin: 0px 5px 5px 0px; padding: 1px; background: #FFFFFF; }


/********* OL LIST *********/
#product .ProductDetails  ol  			{ font-size:11px; padding:0px; line-height: 15px; margin: 5px 0px 5px 15px; }
#product .ProductDetails  ol  li   	 	{ font-size:11px; list-style-image:none; list-style-position:outside; list-style-type:decimal; padding:2px 2px 0px; margin: 0px 0px 2px 15px; }

/********* UL LIST *********/
.ProductDetails ul 								{ line-height:15px; padding:0px; margin: 5px 0px 5px 15px; }
.ProductDetails ul  li 							{ list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0px 0px 2px; padding: 2px 2px 2px 15px; background: url(../images/icon3.gif) no-repeat 0px 7px; }

/***** H1, H2, H3, H4, H5, H6 *****/
.ProductDetails h1 								{ color:#222222; font-size:16px; font-weight:lighter; line-height:1.3em; margin:0.5em 0pt 0.5em 5pt; }
.ProductDetails h2 								{ color:#222222; font-size:14px; font-weight:lighter; line-height:1.3em; margin:0.5em 0pt 0.5em 5pt; }
.ProductDetails h3 								{ background-color:inherit; color:#222222; font-size:12px; font-weight:lighter; line-height:1.3em; margin:0.5em 0pt 0.5em 5pt; }
.ProductDetails h4 								{ background-color:inherit; color:#222222; font-size:11px; font-weight:lighter; line-height:1.3em; margin:0.5em 0pt 0.3em 5pt; }
.ProductDetails h5 								{ background-color:inherit; color:#222222; font-size:9px; font-weight:lighter; line-height:1.3em; margin:0.5em 0pt 0.3em 5pt; }
.ProductDetails h6 								{ background-color:inherit; color:#222222; font-size:8px; font-weight:lighter; line-height:1.3em; margin:0.5em 0pt 0.3em 5pt; }

/******** DOCUMENTS *******/
#documents 										{ padding: 0px 10px; display: inline; float: left; width: 490px; }
#documents ol 									{ margin: 0px 0px 10px 25px; padding: 0px; }
#documents li 									{ margin: 0px; padding: 0px; }

/******** GALERIJA ********/
.galerija 										{ margin: 0px 0px 10px; padding: 0px 10px; text-align: center; clear: both; }
.galerija img 			 						{ margin: 0px 0px 2px 2px; padding: 0px; border: 1px solid #e7e7e7; }


.contentBox 									{ margin: 0px 0px 7px; display: inline; width: 502px; float: left; background: #FFFFFF; border: 1px solid #f1f1f1; padding: 3px; }
.contentCenter 									{ margin: 3px 0px 0px; padding: 1px; background: #f5f5f5; display: inline; float: left; width: 500px; }

.contentBox p 									{ margin-top: 5px; }

/********* FORMA *********/
#mainForma 										{ display: inline; float: left; padding: 0px; width: 500px; margin: 0px; }
#mainForma p 									{ margin: 5px 5px 10px; padding: 0px; }
#mainForma fieldset 							{ margin: 0px; float: left; display: inline; padding: 0px; width: 500px; }
#mainForma label 								{ text-align: right; width: 130px; display: block; float: left; margin: 3px 0; padding: 0 5px 0 0; color: #637079; }
#mainForma br 									{ clear:left;}
#mainForma .upit-input 							{ font-size: 1em; background: #FFFFFF; border: 1px solid #CCCCCC; height: 17px; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #3A3A3A; }
#mainForma .textarea 							{ font-size: 1em; background: #FFFFFF; border: 1px solid #CCCCCC; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #3A3A3A; height: 100px; }
#mainForma textarea:focus,
#mainForma .upit-input:focus	 				{ background: #fff; border: 1px solid #2d5d6f; }
.obavezno 										{ color: #FF0000; }
.button		 									{ font-size: 11px; padding-top: 5px; display: inline; float: left; width: 500px; text-align: center; padding-bottom: 5px; margin-left: 7px; margin-top: 2px; }
.button a 										{ color: #2E3192; text-decoration: none; font-size: 12px; }
.button a:visited 								{ color: #2E3192; text-decoration: none; }
.button a:hover 									{ color: #2E3192; text-decoration: underline; }
#mainForma .poruke { padding-left: 10px; }
#mainForma .poruke  li  { padding-left: 10px; list-style: disc inside; color: #FF0000; }