/************************************************
MESC - CSS file
Copyright (C) by martina[at]webstudio, 2oo8
************************************************/

*           									{ margin: 0; padding: 0; }
html        									{ font:62.5%/1.5 Arial, Helvetica, sans-serif; color: #100e0e; background: #fff;  height: 100%; margin: 0 0 1px;  }
body 											{  }

fieldset,
a img       									{ border: 0; }
a         										{ color: #5e1718; text-decoration: none; }
a:hover,
a:active,
a:focus     									{ text-decoration: none; }
p, li, td, th, label, legend, dd, dt   			{ font-size: 1em; }
h1, h2, h3, h4                         			{ font-weight: normal; }

input,
textarea,
select      									{ color: #100e0e; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; }
fieldset    									{ border-style:none; }
legend      									{ display:none;}

.image-floatLeft 								{ float: left; }
ul												{ list-style: inside; }
.clearer										{ height: 0; width: 0;	line-height: 0;	font-size: 0; overflow: hidden; clear: both;}

.unordered-list  								{ list-style: none; margin: 0px 0px 0px 15px; padding: 1px; }
.unordered-list li  							{ margin-bottom: 6px; color: #c00; list-style: circle inside; font-size: 1.1em; }
.linkzRight			 							{ text-align: right!important; margin: 0px 3px 0px 1px; }
.linkzRight a:hover 							{ color: #fff; background: #c00; }


.required 										{ color:#c00; }

form											{ margin:0px; }

/******************* CONTAINERS ****************/
#container										{ width:980px; margin:0px auto; font-size:1.1em; background: #fff; }
#compareContainer 								{ font-size:1.1em; }

/******************* CONTAINERS ****************/
/******************* HEADER ********************/
#header											{ height:122px; position:relative; background: url(../layout/headerBg.png) repeat-x; }

h1#mescLogo										{ background: url(../layout/mescLogo.gif) no-repeat; position: absolute; height: 48px; width: 155px; top: 56px; left: 20px;}
h1#mescLogo a									{ text-indent: -9999px; display: block; border:none; height: 48px; line-height: 1px; width: 155px; }

#languageSelect 								{ background: url(../layout/language.gif) no-repeat; height: 26px; width: 95px; position: absolute; top: 31px; right: 5px; 	text-align: center; }
#languageSelect ul 								{ list-style: none; height: 26px; float: right; }
#languageSelect ul li 							{ display: inline; line-height: 26px; float: left; }
#languageSelect ul li.selectHrvatski			{ background: url(../layout/iconHr.gif) no-repeat 10px 7px; height: 26px; width: 95px; }
#languageSelect ul li.selectEnglish				{ background: url(../layout/iconEng.gif) no-repeat 12px 7px; height: 26px; width: 95px; }
#languageSelect ul li.selectBosanski			{ background: url(../layout/iconBih.gif) no-repeat 12px 7px; height: 26px; width: 95px; }



#languageSelect ul li.selectEnglish	 a			{ padding-left: 15px;  width: 80px;}
#languageSelect ul li.selectHrvatski a			{ padding-left: 17px;  width: 78px;}
#languageSelect ul li.selectBosanski a			{ padding-left: 17px;  width: 78px;}


#languageSelect ul li.selectHrvatski a,
#languageSelect ul li.selectEnglish	 a,
#languageSelect ul li.selectBosanski a			{ display: block; height: 26px; font-weight: bold; text-transform: uppercase; }

#header .headerTxtLeft							{ position: absolute; color: #fff; font-size: 0.9em; text-transform: uppercase; left: 10px;	top: 8px; }
#header .headerTxtRight							{ position: absolute; color: #fff; font-size: 0.9em; text-transform: uppercase; right: 10px; top: 8px; }
/******************* HEADER ********************/

/******************* NAVIGATION SEARCH *********/
#navigation_search								{ background: url(../layout/navigationLine.gif) no-repeat; height: 48px; }
/******************* trazilica *****************/
.searchBox_hr,
.searchBox_en									{  height: 48px; width: 235px; float:left;	display:inline;	position:relative; margin-right: 20px;}

.searchBox_hr label,
.searchBox_en label 							{ float: left; width: 160px; padding: 21px 0 0 15px; margin: 0px; text-transform: uppercase;color: #fff; } 

.searchBox_hr .input_text,
.searchBox_en .input_text						{ width: 155px; background: transparent !important; font-size:1em; border: 0;  padding: 2px 0px; }


.searchBox_hr .input_image,
.searchBox_en .input_image						{ float: right; display: inline; margin: 18px 6px 0 0; }

.searchBox_hr									{ background: url(../layout/trazilicaBg_hr.gif) no-repeat; }
.searchBox_en									{ background: url(../layout/trazilicaBg_en.gif) no-repeat;}

/******************* trazilica *****************/
/******************* navigation ****************/
#navigation										{ height: 35px; }

#nav, #nav * 									{ list-style:none; margin:0; padding:0;}
#nav											{ height:35px;  }
#nav li 										{ float:left; padding-left:4px; margin-right:8px;}
#nav li a 										{ display:block; padding:5px 13px 5px 8px; text-decoration:none; color:#fff; font: bold 1em/24px Arial, Helvetica, sans-serif; text-transform: uppercase; } 
#nav li:hover									{ background:url(../layout/nav_li_current.gif) no-repeat left 4px; }
#nav li:hover a									{ background:url(../layout/nav_a_current.gif) no-repeat right 4px; color:#fff; }

/******************* navigation ****************/
/******************* navigationLevels **********/
#nav li ul 										{ height: auto !important; min-height: 24px; position: absolute; background: #fff; width: 180px; left: -999em; padding:0px!important; border-top: 1px solid #fff; border-right: 1px solid #fff; margin-left: -4px; z-index:40; }		
#nav li ul li 									{ line-height: 24px; margin: 0px; border-bottom: 1px solid #fff;border-left: 3px solid #fff;padding:0px!important; }
#nav li ul a 									{ color: #fff; text-decoration: none; width: 174px; display: block; margin: 0px; padding: 0px 0px 0px 3px; background: #5e1718 url(none)!important; text-align:left!important; text-indent:1px; text-transform: none; 	font-size: 1em; font-style: normal; line-height: 24px; font-weight: normal; font-variant: normal; }

#nav li ul a:hover 								{ color: #faf6eb; background: #100e0e url(none)!important; width: 174px; margin: 0px; padding: 0px 0px 0px 3px;  line-height:24px;}
#nav li ul ul 									{ /* third-and-above-level lists */margin: -24px 0 0 177px; font-size: 0.9em;}
#nav li ul ul li								{ border-left: 1px solid #fff;}
#nav li ul ul a									{ background: #5e1718 url(none)!important; color:#fff; width: 176px; }							
#nav li ul ul a:hover							{ background: #100e0e; width: 176px;}
#nav li:hover ul ul, 
#nav li.sfhover ul ul 							{ left: -999em;}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul 							{ /* lists nested under hovered list items */left: auto;}

#nav li ul:hover, 
#nav li ul.sfhover, 
#nav li ul li:hover, 
#nav li ul li.sfhover							{ background: #fff url(none); }

/******************* navigationLevels **********/
/******************* BREADCRUMBS ***************/
#breadcrumbs									{ padding: 3px 0px; margin-bottom: 2px; }
#breadcrumbs a 									{ font-size: 0.9em; }
#breadcrumbs a:hover							{ color:#C0C0C0; }
/******************* BREADCRUMBS ***************/

/******************* LAYOUT ELEMENTI ***********/
#sideContent									{ display: inline; float: left; width: 235px; background:#fff;}
#mainContent									{ display: inline; float: left; width: 502px; padding: 0px; margin: 0px 5px; background:#fff; }
#secondContent									{ display: inline; float: left; width: 233px; background:#fff; }

/******************* LAYOUT ELEMENTI ***********/
/******************* CONTENT *******************/
.filter_box_235                      			{ float: left; width: 235px; background: #810909 url(../layout/filter_top.gif) no-repeat 0 0; margin-bottom: 5px; 	display: inline; }
.filter_box_235 .box_inner               		{ float: left; width: 217px; padding: 12px 9px; background: url(../layout/filter_bottom.gif) no-repeat 0 100%; display: inline; }
.box_side_235                      				{ float: left; width: 235px; background: #fff url(../layout/middle_size_box_top.gif) no-repeat 0 0; margin-bottom: 5px; 	display: inline; }
.box_side_235 .box_inner               			{ float: left; width: 217px; padding: 9px; background: url(../layout/middle_size_box_bottom.gif) no-repeat 0 100%; display: inline; }
.box_side_233                      				{ float: left; width: 233px; background: #fff url(../layout/small_box_233_top.gif) no-repeat 0 0; margin-bottom: 5px; display: inline; }
.box_side_233 .box_inner               			{ float: left; width: 217px; padding: 8px; background: url(../layout/small_box_233_bottom.gif) no-repeat 0 100%; display: inline;}
.content_box_502                      			{ float: left; width: 502px; background: #fff url(../layout/big_box_502_top.gif) no-repeat 0 0; margin-bottom: 5px; display: inline; }
.content_box_502 .box_inner               		{ float: left; width: 486px; padding: 8px; background: url(../layout/big_box_502_bottom.gif) no-repeat 0 100%; display: inline;}

h3.highlight,
h2.highlight									{ font: 1.65em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5E1718; margin-bottom: 2px; }
/******************* filter ********************/
#filter											{ float:left; display:inline;  color: #fff;}
#filter p {
	margin-bottom: 5px;
}

#filter	h3										{ color: #fff; font-size: 1.3em; font-weight: bold; margin: 0px 0px 3px; }
#filter label              					    { position: absolute; top: -9999px; }
#filter .input_text            					{ padding: 4px 2px; border: 2px solid #fff; font-weight: normal; text-transform: none; color: #333;	width: 208px; 	margin-bottom: 3px; font-size: 1em; background: #fff; }
#filter .input_image							{ float: right; display: inline; margin: 0px 0px 0 0; }
/******************* filter ********************/

/******************* velikiBanner **************/
#velikiBanner img								{ margin: 1px 0px 2px; display:block; }


/******************* velikiBanner **************/
/******************* content *******************/
.contentBlock h3,
.galleryWrapper h3 								{ font-size: 1.2em; color: #B9080D; font-weight: bold; margin-bottom: 8px; }
.contentBlock									{ margin: 10px 0px 2px; display: inline; float: left; 	width: 486px; }
.contentBlock p									{ line-height:1.6; margin-bottom:1.3em; font-size: 1.1em; }
.contentBlock img 								{ border: none; margin: 6px 5px 10px 0px; }
.documents dl 									{ padding: 0px; }
.documents dt									{ float: left; padding: 2px 0.7em 2px 0px; font-size: 1.1em; }
.documents dd									{ margin-right: 0; margin-bottom: 5px; margin-left: 0; padding: 3px 2px 5px 0px; border-bottom: 1px solid #ccc; }

.contentBlock .news_date						{ color: #810909; display: block; margin-bottom: 5px; }

.contentGalleryHolder							{ padding-right: 7px;  padding-left: 7px; margin-bottom: 5px; }
.contentGalleryHolder img 						{ margin: 0px 3px; }
.orderInfo 										{ color: #100E0E; margin-bottom: 12px; font-size: 1.3em; }
.orderInfoCode 									{ color: #9D2A2C; border-bottom: 1px solid #DFDFDF; }
.orderInfoDone 									{ font-weight: bold; color: #9D2A2C; }
/******************* radniNalozi ***************/
.tableRadniNalozi								{ margin-bottom: 12px; width: 100%; border-top: 1px solid #D4D4D4; border-left: 1px solid #D4D4D4; }
.tableRadniNalozi td 							{ padding: 5px; border-bottom: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; }
.tableRadniNalozi th 							{ padding: 5px; vertical-align: top; width: 130px; text-align: left; border-bottom: 1px solid #D4D4D4; color: #9D2A2C; font-weight: normal; border-right: 1px solid #D4D4D4; }

/******************* radniNalozi ***************/

/******************* content *******************/
/******************* anketa ********************/
#anketa fieldset 								{ padding: 0px 0px 4px; }
#anketa .anketa_pitanje 						{ margin: 0px 0px 6px; line-height: 1.3em; font-weight: bold; color: #100e0e; font-size: 1.2em; }


#anketa .field 									{ margin: 0; float: left; }
#anketa .field label 							{ display: block; padding: 0px 0px 4px; }
#anketa .field label   							{ float: left; margin-bottom: 2px; cursor:default; width: 217px; padding-right: 0px!important; padding-left: 0px; }
#anketa .field label span        				{ float: left; width: 180px; padding-top: 2px; }
#anketa .field label .input_radio   			{ float: left; margin: 4px 8px 2px -2px; }


#anketa .anketa-btns  							{ clear: both; width: 217px; height: auto !important; height: 18px; min-height: 18px; padding-top: 5px; }

span.rezultatiBtn								{ height: 21px; float:left; }
span.rezultatiBtn 								{ width: 61px; }

span.glasajBtn_hr,
span.glasajBtn_en								{ height: 24px; display:block; text-indent: -9999px; float:right; margin-top: -3px; }
span.glasajBtn_hr a,
span.glasajBtn_en a								{ width: 58px; height:24px; display: block; }
span.glasajBtn_hr,
span.glasajBtn_en								{ width: 58px; }


span.glasajBtn_hr								{ background: url(../layout/voteBtn_hr.gif) no-repeat;}
span.glasajBtn_en								{ background: url(../layout/voteBtn_en.gif) no-repeat; }

/******************* anketa ********************/
/******************* korisniLinkovi ************/
#korisniLinkovi dl 								{ padding: 0px; }
#korisniLinkovi dt								{ padding: 1px 0.7em 1px 0px; }
#korisniLinkovi	dd								{ margin-left: 0; padding: 1px 2px 8px 0px; }
#korisniLinkovi a								{ font-weight: bold; }
/******************* korisniLinkovi ************/
/******************* newsletter ****************/

.newsletter fieldset							{ background: url(../layout/newsletterForma.gif) no-repeat; height: 30px; width: 217px; float:left;	padding-bottom: 13px; 	margin-top: 6px; }

.newsletter .newsletterLabel					{ width: 130px; padding: 6px 0 0 20px; margin: 0px; color: #fff; display: inline; float: left; } 
.newsletter .input_text							{ width: 125px; background: transparent !important; font-size:1em; border: 0;  padding: 2px 0px; }
.newsletter .input_image						{ float: right; display: inline; margin: 3px 3px 0 0; }

/******************* newsletter ****************/
/******************* banneri *******************/
.banneri										{ text-align: center; }
.banneri h3										{ position: absolute; left: -9999px; top: -9999px; }
.banneri img									{ margin-bottom: 1px; margin-top: 1px; }
/******************* banneri *******************/

/******************* newsBlock *****************/
#newsBlock .archiveLnk 							{ display: block; padding: 0px; margin: 0px; text-align: right; }
#newsBlock .archiveLnk a 						{ text-transform: uppercase; color: #bd0b12; padding: 0px; font-size: 1em; }

.novost											{ margin-bottom: 3px; padding-bottom: 4px; border-bottom: 1px solid #ccc; }
.novost a 										{ color: #AF0A12; }

.novost h3 										{ font-size: 1.1em; font-weight: bold; color: #363232; margin-bottom: 3px; }
.novostiFoooter 								{ margin-top: 3px; }
.novostiFoooter .date 							{ font-size: 0.9em;	color: #ccc; float: left; padding-top: 2px; }
.novostiFoooter .detailsLink 					{ float: right; }
/******************* newsBlock *****************/
/******************* anketaResults *************/
#anketaResults 									{ padding: 0px 0px 10px; margin: 0px; }
#anketaResults h2 								{ font-size: 1.3em; padding: 5px 0px 0px; }
#anketaResults p 								{ margin-bottom: 10px; margin-top: 10px; }
#anketaResults dl 								{ padding: 0px; }

#anketaResults dd 								{ background-color:#E9E9E9;}
#anketaResults dt 								{ font-size: 1em; padding-top: 3px; padding-bottom: 3px; margin-top: 10px;}

#anketaResults .votes 							{ color: #CACACA; font-size: 0.9em!important; }

#anketaResults .results 						{ background: #9D2A2C; font-weight: bold; color: #fff; padding: 4px 0px; font-size: 1em; }
#anketaResults .total-votes 					{ font-size: 1.3em; color: #B9080D; text-align: right; display: block;}
#anketaResults span.anketa						{ font-size: 1.1em; padding: 3px; display: block; margin: 0px 3px 5px; }
/******************* anketaResults *************/
/******************* newsletterSent ************/
.inbox											{ padding-bottom: 5px; }
span.newsletter									{ padding: 3px; margin-bottom: 5px; display: block; }
span.text-color									{ color: #B9080D; border-bottom: 1px dotted #B9080D; padding-bottom: 2px; }
/******************* newsletterSent ************/
span.contentFooterLinks 						{ display: block; margin: -15px 0px 0px; padding: 0px 0px 6px; text-align: right; clear: both; font-size: 1.2em; border-bottom: 1px solid #ccc; }
.contentFooterLinks a							{ margin-left: 10px; background: #9D2A2C; color:#fff; padding: 4px 15px; font-weight: bold; text-transform: uppercase; font-size: 0.9em; }

span.contentFooterLinks a:hover	 				{ color: #fff; background: #B9080D; }
/******************* obrazac *******************/
#mainForma fieldset		 						{ margin: 0px 0px 6px; padding: 1px 10px 5px; }
#mainForma 										{ margin: 1px 0px 0px; padding: 5px 0px 2px; }
#mainForma p 									{ padding-right: 10px; padding-left: 10px; }
#mainForma label 								{ text-align: right; width: 150px; display: block; float: left; margin: 3px 0; padding: 2px 5px 2px 0; }
#mainForma br 									{ clear:left;}

#mainForma select								{ padding: 4px 2px; border: 2px solid #D7D7D7; font-weight: normal; text-transform: none; color: #333; width: 258px; margin-bottom: 3px; font-size: 1em; background: #fff; }

#mainForma .upit-buttons 						{ clear: both; width: 120px; height: auto !important;	height: 18px; min-height: 1.8em; padding-top: 5px;margin-left: 155px;	margin-top: 2px;}
#mainForma img 									{ padding:0px; margin:0px;}
#mainForma .checkboxNewsletter					{ margin-top:7px;}
#mainForma .upit-input,
#mainForma textarea								{ padding: 4px 2px; border: 2px solid #D7D7D7; font-weight: normal; text-transform: none; color: #333; width: 250px; margin-bottom: 3px; font-size: 1em; background: #fff; }
.brojevi-input 									{ padding: 4px 2px; border: 2px solid #d7d7d7; font-weight: normal; text-transform: none; color: #333; width: 90px; margin-bottom: 3px; font-size: 1em; background: #fff; }
.brojevi-input:focus,
#mainForma textarea:focus,
#mainForma .upit-input:focus	 				{ background: #fff;  border: 2px solid #B9080D;  }

/******************* obrazac *******************/

/******************* pagination ****************/
#page 											{ padding: 4px 0px 0px; text-align: center; color: #585858;	margin: 5px 0px 0px; display: inline; float: left; width: 486px; }
p.pager 										{ line-height: 1.5em; margin-bottom: 8px; }
.pager a, 
.pager a:visited, 
.pager a:active 								{ color: #585858; padding: 2px 6px; border: 1px solid #d3d3d3; background: #fff url(none); outline: none; text-decoration: none; margin: 0px 2px; }
.pager span.break 								{ padding: 2px 6px; color: #585858; }

.pager a:hover									{ border: 1px solid #b9080d; background: #fff url(none); color: #b9080d; }
.pager span.active 								{ border: 1px solid #b9080d; background: #fff url(none); color: #585858!important; padding: 2px 6px; color: #b9080d; margin: 0px 2px; }

.pager span.countLinks a						{ color:#b9080d!important; background: #fff!important; border-style: none!important; padding: 0px 5px!important; }
.pager span.no-page								{ color:#a7a7a7!important; padding: 0px 5px!important; }
/******************* pagination ****************/

/******************* CONTENT *******************/

/******************* FOOTER ********************/

#footer                            				{ background: url(../layout/footerBg.gif) repeat-x 0 0; height: 26px; min-height:26px; clear: both;	color: #fff; padding-top: 20px; }

#footer a 										{ font-weight: bold; color: #fff; }

#footer p.copyright								{ display: inline; float: left;	margin-left: 10px; }
#footer p.izrada								{ display: inline; float: right; margin-right: 10px; }
#footer #footerLinks							{ width: 420px; margin: 0px 0px 0px 15px; float: left; }
#footer #footerLinks a							{ font-size: 1em; padding: 4px 7px;}

/******************* FOOTER ********************/