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

*   CSS file by Farma Media

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

* {padding: 0; margin: 0;}

/* klase za clearanje */
	
.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%;
}

.clear
	{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
	}
	
body 
	{
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	border: 0px; 
	text-align: center; 
	background: #000000 url("../images/bkg.gif") repeat-x top left;
	font: 62.5%/1.8 Arial, Helvetica, sans-serif; 
	}
	

#site
	{
	width: 996px;
	margin: auto;
	padding: 31px 0px 30px 0px;
	text-align: left;
	}

#head
	{
	width: 996px;
	height: 162px;
	padding: 47px 0px 0px 0px;
	background: url("../images/head.jpg") no-repeat top left;
	}
	
#head2
	{
	width: 996px;
	height: 162px;
	padding: 47px 0px 0px 0px;
	background: url("../images/head2.jpg") no-repeat top left;
	}		
	
#head3
	{
	width: 996px;
	height: 162px;
	padding: 47px 0px 0px 0px;
	background: url("../images/head3.jpg") no-repeat top left;
	}		
	
#heade
	{
	width: 996px;
	height: 162px;
	padding: 47px 0px 0px 0px;
	background: url("../images/heade.jpg") no-repeat top left;
	}
	
#head2e
	{
	width: 996px;
	height: 162px;
	padding: 47px 0px 0px 0px;
	background: url("../images/head2e.jpg") no-repeat top left;
	}			
	
#logo
	{
	display: block;
	width: 314px;
	height: 140px;
	margin:  0px 0px 0px 305px;
	text-decoration: none;
	}	
	
#topCont
	{
	width: 996px;
	height: 44px;
	background: url("../images/top_cont.gif") no-repeat top left;
	}	
	
#midCont
	{
	width: 996px;
	background: url("../images/mid_cont.gif") repeat-y top left;
	}	
	
#topMidCont
	{
	background: url("../images/mid_top_cont.gif") no-repeat top left;
	padding: 0px 0px 0px 37px;
	}	
		
#botCont
	{
	width: 996px;
	height: 250px;
	background: url("../images/bot_cont.jpg") no-repeat top left;
	}	
	
#colLt
	{
	width: 203px;
	float: left;
	}	
	
#colMd
	{
	width: 536px;
	float: left;
	}		
	
#colRt
	{
	width: 205px;
	float: left;
	}
	
#glMen
	{
	width: 183px;
	background: url("../images/men_mid.gif") repeat-y top left;
	}
	
#topMen
	{
	width: 183px;
	height: 25px;
	background: url("../images/top_men.gif") no-repeat top left;
	}	
	
#botMen
	{
	width: 183px;
	height: 24px;
	background: url("../images/bot_men.gif") no-repeat top left;
	}		
	
.glMen
	{
	display: block;
	width: 159px;
	height: 19px;
	background: url("../images/gl_men_it.gif") no-repeat top left;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #1f1f1f;
	text-decoration: none;
	padding: 3px 0px 0px 13px;
	margin:  0px 0px 8px 5px;
	}	
	
.subMen
	{
	display: block;
	width: 149px;
	margin: 0px 0px 0px 14px;
	padding: 7px 0px 7px 5px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	text-decoration: none;
	border-top: 1px solid #847516;
	}
	
.subMen:hover, .subMenF:hover, .subMenZ:hover
	{
	color: #ffde00;
	}
	
.subMenAkt
	{
	display: block;
	width: 149px;
	margin: 0px 0px 0px 14px;
	padding: 7px 0px 7px 5px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #ffde00;
	text-decoration: none;
	border-top: 1px solid #847516;
	}	
	
.subMenF
	{
	display: block;
	width: 149px;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 7px 5px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	text-decoration: none;
	}		
	
.subMenFAkt
	{
	display: block;
	width: 149px;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 7px 5px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #ffde00;
	text-decoration: none;
	}			
	
.subMenZ
	{
	display: block;
	width: 149px;
	margin: 0px 0px 0px 14px;
	padding: 7px 0px 7px 5px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	text-decoration: none;
	border-top: 1px solid #847516;
	border-bottom: 1px solid #847516;
	}
	
.subMenZAkt
	{
	display: block;
	width: 149px;
	margin: 0px 0px 0px 14px;
	padding: 7px 0px 7px 5px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #ffde00;
	text-decoration: none;
	border-top: 1px solid #847516;
	border-bottom: 1px solid #847516;
	}	
	
.calc
	{
	display: block;
	width: 183px;
	height: 102px;
	background: url("../images/kalkulator.gif") no-repeat top left;
	margin: 24px 0px 0px 0px;
	}	
	
#midColTop
	{
	width: 517px;
	height: 29px;
	background: url("../images/mid_col_top.gif") no-repeat top left;
	}	
	
#midColMid
	{
	width: 470px;
	background: url("../images/mid_col_mid.gif") repeat-y top left;
	padding: 0px 21px 0px 26px;
	min-height: 549px;
	}	
	
*html #midColMid
	{
	height: 549px;
	}
	
#midColBot
	{
	width: 517px;
	height: 26px;
	background: url("../images/mid_col_bot.gif") no-repeat top left;
	}
	
#midColMid h1
	{
	font: italic 2.4em Arial, Helvetica, sans-serif;
	color: #ffde00;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.slikaOkvir
	{
	width: 150px;
	height: 133px;
	background: url("../images/okvir_sl.png") no-repeat bottom right;
	padding: 0px 0px 0px 1px;
	float: left;
	margin: 0px 7px 0px 0px;
	}
	
*html .slikaOkvir {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/okvir_sl.png');
}	
	
.slikaOkvir a
	{
	width: 125px;
	height: 125px;
	display: block;
	}
	
.jquery-corner {
	position: relative;
	z-index: 1;
}	
	
#midColMid p
	{
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	padding: 0px 0px 8px 0px;
	margin: 0px;
	}
	
.nazad
	{
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #ffde00;
	text-decoration: none;
	}	
	
.link
	{
	color: #ffde00;
	text-decoration: none;
	}
	
.link:hover
	{
	text-decoration: underline;
	}		
	
#midColMid ul
	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #ffde00;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	xlist-style-position:inside;
	}
	
#midColMid ul li span
	{
	color: #d5d5d5;
	}
	
#midColMid ul li.mar
	{
	margin: 0px 0px 0px 157px;
	}	
	
.izdvojeno
	{
	font: bold italic 1.2em Arial, Helvetica, sans-serif;
	color: #ffde00;
	padding: 8px 0px 16px 0px;
	display: block;
	}	
	
#cargoLink
	{
	width: 205px;
	height: 47px;
	background: url("../images/cargo_bkg.gif") no-repeat top left;
	display: block;
	margin: 4px 0px 0px 0px;
	}
	
#cargoLink:hover
	{
	width: 205px;
	height: 47px;
	background: url("../images/cargo_bkg.gif") no-repeat bottom left;
	display: block;
	margin: 4px 0px 0px 0px;
	}		
	
#cargoLinkAkt
	{
	width: 205px;
	height: 47px;
	background: url("../images/cargo_bkg.gif") no-repeat bottom left;
	display: block;
	margin: 4px 0px 0px 0px;
	}		
	
#domLink
	{
	width: 205px;
	height: 47px;
	background: url("../images/dom_bkg.gif") no-repeat top left;
	display: block;
	margin: 7px 0px 0px 0px;
	}	
	
#domLink:hover
	{
	width: 205px;
	height: 47px;
	background: url("../images/dom_bkg.gif") no-repeat bottom left;
	display: block;
	margin: 7px 0px 0px 0px;
	}		
	
#domLinkAkt
	{
	width: 205px;
	height: 47px;
	background: url("../images/dom_bkg.gif") no-repeat bottom left;
	display: block;
	margin: 7px 0px 0px 0px;
	}		
	
#kontaktBann
	{
	width: 183px;
	height: 273px;
	background: url("../images/kont_bkg.jpg") no-repeat top left;
	}	
	
.txtKonCt
	{
	font: 1.1em/1.3em Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 160px;
	padding: 64px 0px 0px 15px;
	}	
	
.txtKonCt span
	{
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #ffdc00;
	}
	
#kontaktBann ul
	{
	font: 1.0em/1.1em Arial, Helvetica, sans-serif;
	color: #bfbebe;
	margin: 0px;
	padding: 0px;
	list-style-image: url("../images/bullet.gif");
	margin: 0px 10px 0px 34px;
	}
	
#footBox1
	{
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #a3a3a3;
	width: 240px;
	float: left;
	margin: 65px 0px 0px 57px;
	padding: 0px 45px 0px 0px;
	}	
	
#footBox1 span
	{
	color: #ffde00;
	}
	
#footBox1 a
	{
	color: #e3e3e3;
	text-decoration: none;
	}
	
#footBox1 a:hover
	{
	text-decoration: underline;
	}
	
#footBox2
	{
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #a3a3a3;
	width: 124px;
	float: left;
	margin: 65px 0px 0px 0px;
	padding: 0px 45px 0px 0px;
	}	
	
#footBox2 span
	{
	color: #ffde00;
	}
	
#footBox2 a
	{
	color: #e3e3e3;
	text-decoration: none;
	}
	
#footBox2 a:hover
	{
	text-decoration: underline;
	}	
	
#footBox3
	{
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #a3a3a3;
	width: 130px;
	float: left;
	margin: 65px 0px 0px 0px;
	padding: 0px 106px 0px 0px;
	}	
	
#footBox3 span
	{
	color: #ffde00;
	}
	
#footBox3 a
	{
	color: #e3e3e3;
	text-decoration: none;
	}
	
#footBox3 a:hover
	{
	text-decoration: underline;
	}
	
#footBox4
	{
	margin: 63px 0px 0px 0px;
	float: left;
	width: 240px;
	}			
	
#footBox4 a
	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #ffde00;
	text-decoration: none;
	padding: 0px 10px 0px 12px;
	margin: 0px 0px 0px 2px;
	}
	
#footBox4 span
	{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #161414;
	display: block;
	text-align: right;
	padding: 120px 26px 0px 0px;
	}
	
.nwsTop
	{
	width: 517px;
	height: 29px;
	background: url("../images/mid_col_top.gif") no-repeat top left;
	}	
	
.nwsMid
	{
	width: 470px;
	background: url("../images/mid_col_mid.gif") repeat-y top left;
	padding: 0px 21px 0px 26px;
	}	
	
.nwsMid h1
	{
	font: italic 2.4em Arial, Helvetica, sans-serif;
	color: #ffde00;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}	
	
.nwsMid p
	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	}	
	
.datum
	{
	font: bold italic 1.2em Arial, Helvetica, sans-serif;
	color: #ffde00;
	}	
	
.nwsBot
	{
	width: 517px;
	height: 12px;
	background: url("../images/mid_col_bot.gif") no-repeat bottom left;
	}	
	
.viseNw
	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #ffde00;
	text-decoration: none;
	}	
	
#arhNws
	{
	padding: 0px 0px 0px 26px;
	margin: -5px 0px 0px 0px;
	}	
	
#arhNws a
	{
	background: url("../images/str_nws.gif") no-repeat left top;
	padding: 0px 0px 0px 25px;
	font: 1.2em/1.3em Arial, Helvetica, sans-serif;
	color: #ffde00;
	text-decoration: none;
	display: block;
	margin: 15px 0px 0px 0px;
	}
	
#novScr
	{
	width: 184px;
	overflow: hidden;
	background: url("../images/nov_bkg.gif") no-repeat left top;
	padding: 30px 0px 0px 0px;
	margin: 25px 0px 20px 0px;
	position: relative;
	}	
	
#novScr a
	{
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #fbf7de;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9e9c8c;
	padding: 10px 0px 10px 17px;
	}
	
#novScr p
	{
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #fbf7de;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9e9c8c;
	padding: 10px 0px 10px 17px;
	margin: 0px;
	}	
	
#novScr a span
	{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #fbf7de;
	text-decoration: none;
	display: block;
	margin: 0px 0px 7px 0px;
	}
	
#novScre
	{
	width: 184px;
	overflow: hidden;
	background: url("../images/nov_bkg_e.gif") no-repeat left top;
	padding: 30px 0px 0px 0px;
	margin: 25px 0px 20px 0px;
	position: relative;
	}	
	
#novScre a
	{
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #fbf7de;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9e9c8c;
	padding: 10px 0px 10px 17px;
	}
	
#novScre p
	{
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #fbf7de;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9e9c8c;
	padding: 10px 0px 10px 17px;
	margin: 0px;
	}	
	
#novScre a span
	{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #fbf7de;
	text-decoration: none;
	display: block;
	margin: 0px 0px 7px 0px;
	}	
	
.none
	{
	display: none;
	}	
	
.zuto
	{
	color: #ffde00;
	}	
	
.slTxFl
	{
	float: left;
	width: 310px;
	}	
	
.posiljke
	{
	width: 460px;
	height: 160px;
	overflow: hidden;
	background: url("../images/pos_bkg.gif") no-repeat left top;
	padding: 3px 0px 0px 0px;
	}
	
.posiljke div
	{
	display: block;
	padding: 0px 0px 0px 111px;
	height: 43px;
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #ffde00;
	}
	
.posiljke span
	{
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #d5d5d5;
	}
	
.leftSrPt
	{
	width: 320px;
	float: left;
	}	
	
.rightSrPt
	{
	width: 150px;
	float: left;
	}		
	
#playa {
	height: 244px;
	background: url("../images/playa.gif") no-repeat left top;
	padding-left: 8px;
}	

/* kontakt */

#kontaktAll {
	width: 431px;
	padding-top: 10px;
	font: bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	color: #ffde00;
}

#kontaktAll form {
	margin: 0px;
	padding: 0px;
}

.inpObCje {
	border: none;
	font: 0.9em Arial, Helvetica, sans-serif;
  color: #d5d5d5;
	width: 100px;
	margin: 4px 0px 3px 0px;
	padding: 4px 0px 4px 5px;
	background: #595959;
	float: left;
}

.izra {
	background: #ffde00;
	width: 101px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: bold 1.0em Arial,  Helvetica, sans-serif; 
  color: #262626;
	padding: 4px 0px 3px 0px;
	margin: 4px 5px 0px 10px;
	float: left;
}

.izra:hover {
	background: #ffe156;
}

.inpOb {
	border: none;
	font: 0.9em Arial, Helvetica, sans-serif;
  color: #d5d5d5;
	width: 202px;
	margin: 4px 0px 3px 0px;
	padding: 4px 0px 4px 5px;
	background: #595959;
}

.inpObKm {
	border: none;
	font: 0.9em Arial, Helvetica, sans-serif;
  color: #d5d5d5;
	width: 61px;
	margin: 4px 0px 3px 0px;
	padding: 4px 0px 4px 5px;
	background: #595959;
}

.boxTxKont
	{
	width: 69px;
	float: left;
	}

.inpNob {
	border: none;
	font: 0.9em Arial, Helvetica, sans-serif;
  color: #d5d5d5;
	width: 202px;
	margin: 4px 0px 3px 0px;
	padding: 4px 0px 4px 5px;
	background: #4d4d4d;
}

.inpNob2 {
	border: none;
	font: 0.9em Arial, Helvetica, sans-serif;
  color: #d5d5d5;
	width: 50px;
	margin: 4px 0px 3px 0px;
	padding: 4px 0px 4px 5px;
	background: #4d4d4d;
}

#kontaktLeft {
	width: 220px;
	float: left;
}

#kontaktRight {
	width: 207px;
	float: left;
}

.inpObP {
	border: none;
	font: 0.9em Arial, Helvetica, sans-serif;
  color: #d5d5d5;
	width: 202px;
	height: 111px;
	background: #595959;
	margin: 4px 0px 3px 0px;
	padding: 2px 0px 2px 5px;
}

.poni {
	background: #ffde00;
	width: 101px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: bold 1.0em Arial,  Helvetica, sans-serif; 
  color: #262626;
	padding: 3px 0px 3px 0px;
	margin: 23px 5px 0px 0px;
	float: left;
}

.poni:hover {
	background: #ffe156;
}

.posa {
	background: #ffde00;
	width: 101px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: bold 1.0em Arial,  Helvetica, sans-serif; 
  color: #262626;
	padding: 3px 0px 3px 0px;
	margin: 23px 0px 0px 0px;
	float: left;
}

.posa:hover {
	background: #ffe156;
}

.txtDesnoPg
	{
	float: left;
	width: 325px;
	}
	
/*  marki  */

#marqueecontainer{
position: relative;
height: 151px; /*marquee height */
overflow: hidden;
}	

.jezik
	{
	display: block;
	font: bold 1.4em Arial,  Helvetica, sans-serif; 
  color: #ffde00;
	text-decoration: none;
	text-align: right;
	padding: 0px 19px 0px 0px;
	}
	
#oib
	{
	width: 183px;
	height: 37px;
	background: url("../images/oib_bann.gif") no-repeat left top;
	padding: 60px 0px 0px 12px;
	font: bold 1.1em Arial,  Helvetica, sans-serif; 
  color: #e3e3e3;
	}