@import url("nav.css");
body 								{ padding: 0px; background-color: #ebebeb; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; }
.clear 								{ font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; clear: both; }
a 									{ color: #575757; text-decoration: underline; }
a:visited 							{ color: #575757; text-decoration: underline; }
a:hover 							{ color: #575757; text-decoration: none; }
.FloatLeftImg 						{ float: left; border: 2px solid #D6D6D6; padding: 1px; margin-right: 5px; margin-bottom: 5px; display: inline; }
.FloatRightImg 						{ float: right; border: 2px solid #D6D6D6; padding: 1px; margin-left: 5px; margin-bottom: 5px; display: inline; }
.noFloatImg 						{ border: 2px solid #D6D6D6; padding: 1px; margin-bottom: 5px; }
#content .border h1 				{ font-size: 15px; color: #575757; padding: 0px; margin-top: 0px; margin-bottom: 3px; font-weight: normal; }
#content .border h2 				{ font-size: 14px; margin-top: 0px; margin-bottom: 5px; color: #575757; font-weight: normal; }
#content .border h3 				{ font-size: 13px; margin-top: 0px; margin-bottom: 5px; color: #575757; font-weight: normal; }
#content .border h4 				{ font-size: 12px; margin-top: 0px; margin-bottom: 5px; color: #575757; font-weight: normal; }
#content .border h5 				{ font-size: 11px; margin-top: 0px; margin-bottom: 5px; color: #575757; font-weight: normal; }
#contener 							{ width: 940px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }

/****** START HEADER ******/
#Top 								{ background-image: url(../images/quality-cofee.gif); background-repeat: repeat-x; background-position: 3px 3px; height: 18px; text-indent: -9999px; }
#header 							{ height: 77px; background-color: #FFFFFF; border: 1px solid #cdcdcd; position: relative; }
#logo 								{ text-indent: -9999px; background-image: url(../images/logo.jpg); height: 58px; width: 235px; position: absolute; left: 10px; margin: 0px; padding: 0px; top: 10px; }
#logo a 							{ height: 58px; width: 235px; display: block; }
#hrv-kva  							{ position: absolute; right: 147px; width: 59px; background-image: url(../images/hrvatska-kvaliteta.jpg); display: block; height: 40px; text-indent: -9999px; top: 27px; }
#hrv-kva a 							{ display: block; height: 40px; width: 59px; }
#originally a 						{ display: block; height: 62px; width: 83px; }
#originally  						{ position: absolute; right: 68px; width: 83px; background-image: url(../images/originally.jpg); display: block; height: 62px; text-indent: -9999px; top: 6px; }
#haccp  							{ position: absolute; right: 16px; width: 45px; background-image: url(../images/haccp.jpg); display: block; height: 42px; text-indent: -9999px; top: 25px; }
#haccp a 							{ height: 42px; width: 45px; display: block; }

/****** START FLASH ******/

.flash 								{ height: 235px; width: 941px; position: relative; background: url(../images/flash.jpg) center 0px; }
.flash object 						{ position: absolute; top: 4px; left: 4px; z-index:1; }
.bannerGroup 						{ margin: 2px 0px 0px; padding: 0px 0px 0px 2px; }
.bannerGroup img 					{ border: 1px solid #CDCDCD; background: #FFFFFF; padding: 1px; margin-top: 1px; }


/****** START CONTENT ******/

#content 							{ border: 1px solid #cdcdcd; padding: 0px; background: #F7F7F7; margin: 3px 0px 5px; display: inline; float: left; width: 940px; }
#content-index 						{ border: 1px solid #cdcdcd; padding: 0px; background: #EAEAEA url(../images/bg_content.gif) repeat-x; margin: 3px 0px 5px; }
#content .border .naslov			{ color: #F36120; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 5px; padding: 3px; border: 1px dashed #CDCDCD; background: #Fbfbfb; text-transform: uppercase; }
.border 							{ margin-top: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border: 1px solid #FFFFFF; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#content p 							{ color: #575757; margin-bottom: 9px; margin-top: 1px; }
#content-index p 					{ color: #575757; margin-top: 5px; margin-bottom: 5px; }

/****** START FOOTER ******/

#footer-links 						{ padding: 1px; background-image: url(../images/bg_footer-links.gif); background-repeat: repeat-x; border: 1px solid #cdcdcd; height: 35px; background-color: #FFFFFF; margin: 0px; clear: both; width: 938px; }
#footer-links ul 					{ margin: 0px; padding: 0px; list-style-type: none; }
#footer-links li 					{ display: inline; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#footer-links a 					{ display: block; float: left; margin: 0px 2px 0px 10px; padding: 10px 5px 12px; }
#footer-line 						{ background-color: #e85c07; height: 4px; border: 2px solid #FFFFFF; margin-top: 5px; width: 952px; margin-right: auto; margin-left: auto; font-size: 0px; line-height: 0px; padding: 0px; margin-bottom: 0px; }
#copyright 							{ padding: 0px; width: 952px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 15px; }
#copyright p 						{ margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; float: left; }
#copyright  #web-studio  			{ float: right; }
#web-studio a 						{ color: #e07120; text-decoration: underline; }
#web-studio a:visited 				{ color: #e07120; text-decoration: underline; }
#web-studio a:hover 				{ color: #e07120; text-decoration: none; }

/****** START GALLERY ******/

#gallery-documents 					{ clear: both; }
.galerija 							{ margin: 0px; padding: 10px 0px 0px; width: 920px; display: block; float: left; }
.galerija img 						{ border: 2px solid #D6D6D6; background: #FFFFFF; padding: 1px; margin-right: 2px; }

/****** START DOCUMENTS ******/

#documents 							{ display: block; /*float: right;*/ margin: 0px; padding: 0px; text-align: right; }
#documents ul 						{ margin: 0px; padding: 10px 0px 0px; list-style: url(none) none; }
#documents  a     { background: url(../images/document.gif) no-repeat 0px 5px; padding-left: 18px; padding-top: 5px; padding-bottom: 3px; list-style: url(none) none; }
#contener #content .border #gallery-documents #documents li { list-style: url(none) none; padding: 2px; }

/********* OL LIST *********/

#content .border ol 				{ font-size:11px; padding:0px; line-height: 15px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: #575757; }
#content .border ol, ul 			{ list-style-image:none; list-style-position:outside; list-style-type:none; }
#content .border ol li 				{ font-size:11px; list-style-image:none; list-style-position:outside; list-style-type:decimal; padding:1px; margin: 0px 0px 1px 30px; }

/********* UL LIST *********/

#content .border ul 				{ line-height:15px; padding:0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: #575757; }
#content .border ul li 				{ margin: 0px 0px 1px; padding: 0px 2px 1px 6px; list-style: disc url(none) inside; }

/********* CONTENT LIST *********/
.content-item 						{ display:block; margin: 3pt 0pt 0px; padding: 0px 5px 3px; background: #FBFBFB; float: left; width: 905px; border-bottom: 1px solid #E2E2E2; }
h3.NasTit 							{ display:block; margin:0pt; padding: 2pt 3pt 3pt 1pt; font-size: 12px; text-transform: uppercase; }
.NasTit a 							{ color: #D69802; text-decoration: none; font-style: normal; line-height: normal; font-variant: normal; text-transform: uppercase; }
.NasTit a:visited 					{ color: #D69802; text-decoration: none; font-style: normal; line-height: normal; font-variant: normal; text-transform: uppercase; }
.NasTit a:hover 					{ color: #D69802; text-decoration: underline; font-style: normal; line-height: normal; font-variant: normal; }

/********* DETALJNIJE *********/
.detaljnije 						{ display:block; text-align:right; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; margin: 5pt 5pt 0pt 0pt; height: 11px; float: right; background: url(../images/arrow.jpg) no-repeat; padding-right: 0pt; padding-bottom: 5pt; padding-left: 15pt; }
.detaljnije a { color: #959595; }
.detaljnije a:visited { color: #959595; }
.detaljnije a:hover { color: #959595; }


/* +++++++++++++++++++ FORME ZA UPIT ++++++++++++++++++++++ */
.formWrapper { margin-top: 20px; background: #FBFBFB; padding: 10px; margin-bottom: 20px; border: 1px dashed #CDCDCD; }
.formCol { color: #959595; width: 440px; margin: 0px 0px 0px 5px; padding: 10px 0px 0px; float: left; display: inline; border-style: none; }
.formCol input { font: 11px/13px Verdana, Arial, Helvetica, sans-serif; width: 200px; padding: 3px 5px; background: #FEF7F1; border: 1px solid #707070; }
.formCol select { font: 11px Verdana, Arial, Helvetica, sans-serif; width: 212px; background: #FEF7F1; }
.formCol textarea { font: 11px Verdana, Arial, Helvetica, sans-serif; width: 410px; background: #FEF7F1; border: 1px solid #707070; padding: 10px; margin-left: 10px; height: 133px; }
.formCol legend { display: none; }
.formCol em { font-style: normal; color: #F36120; cursor: help; }
.formRow, .formRowSel, .formRowArea { margin-bottom: 10px; clear: both; }
.formRow label { display: block; width: 210px; float: left; text-align: right; line-height: 23px; padding-right: 5px; }
.formRowSel label { display: block; width: 210px; float: left; text-align: right; line-height: 16px; padding-right: 5px; }
.formRowArea label { display: block; margin-bottom: 5px; }
.formButtons { display: block; clear: both; border-style: none; text-align: center; padding-top: 10px; }
.formButtons input { background: #F36120 url(../images/bg-top-meni.gif) repeat-x 0px -2px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #F57D47; padding: 0px; width: 110px; height: 27px; }

/* +++++++++++++++++++ MESSAGE BOX ++++++++++++++++++++++ */
.messageBox { background: #F36120; padding: 10px; margin-bottom: 10px; border: 1px solid #CB450C; }
#content .border .messageBox ul { color: #FFFFFF; }

/* +++++++++++++++++++ CLEARFIX ++++++++++++++++++++++ */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }