body { background:#e8f0f5 url(../images/bg.png) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#666}
#container { background:url(../images/container-bg.png) repeat-y}

/* ==== HEADER ==== */
#header { border-top:4px solid #FEBB0A; position:relative}
#header h1 { position:absolute; top:20px; left:20px; z-index:1000}
#header h1 a { display:block; width:121px; height:91px; text-indent:-1000px; background:url(../images/feri-logo.png) no-repeat}
#slideshow { height:320px; background:#333; margin-top:75px; overflow:hidden}

/* Izdvojeno */
#izdvojeno { height:120px; background: url(../images/izdvajamo-bg.png) no-repeat; color:#FFF; width:770px; }
#izdvojeno li { width:260px; float:left; padding-top:15px;  padding-right:10px; background:url(../images/strelica-bijela.png) no-repeat 250px 80px}
#izdvojeno li.prvi { width:235px; padding:0;}
#izdvojeno li img { float:left; margin-right:10px}
#izdvojeno h2 { font-size:11px; font-weight:bold; padding:0 0 5px 0}
#izdvojeno p { font-size:11px; }
#izdvojeno a { color:#FFF; display:block; height:80px; float:left}


/* Menu */
.menu { display:block; position:absolute; right:20px; top:40px; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px}
.menu li { float:left; }
.menu li a { color:#2a4f7d; padding:0 10px}
.menu li a:hover { color:#febb0a;}


/* ==== CONTENT ==== */
#content { padding-left:15px}
#content h3 {color:#0B6FA6; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:15px 0px; letter-spacing:-1px; border-bottom:1px solid #0B6FA6}
#content h4 {color:#74AACF; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 0;  border-bottom:1px solid #8abde0;}
#content p { line-height:18px; padding:10px 0 }
#content ul, #content ol { color:#74838F; line-height:18px; padding:15px 20px 15px 15px;  
							}
#content li { border-bottom:1px dotted #b5cee0; padding:6px 0 6px 15px; background:url(../images/bullet-arrow.gif) no-repeat 0px 6px; }

#tekst { padding-left:230px;}
#content a {color:#124071}


/* tabela */
.tabela
{
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
.tabela th
{
	font-size: 14px;
	font-weight: bold;
	color: #74AACF;
	padding: 10px 8px;
	border-bottom: 2px solid #74AACF;
}
.tabela td
{
	border-bottom:1px dotted #B5CEE0;
	color: #74838F;
	padding: 4px 8px;
}
.tabela tr:hover td
{
	color: #009;
}


/* toc */
#toc { background:url(../images/toc-bg.gif) repeat-y; padding-bottom:15px;margin-top:15px; width:220px; float:left }
#toc li { list-style-type:none; padding:0; background:none; border:none}
#toc li a { color:#124071; display:block; font-size:11px; padding:9px 25px; font-weight:bold; background:url(../images/bullet-arrow2.gif) no-repeat 8px 9px;}
#toc li a:hover, #toc li a.active { background: url(../images/podmeni-bg.gif)}

/* banerbox */
.banerbox { background:url(../images/banerbox.gif) no-repeat bottom; padding:10px 10px 20px 10px; margin:9px; font-size:11px; text-align:left}
.banerbox img { margin-left:-9px; margin-top:-10px}
.banerbox h4 { padding:10px 10px 5px 0; color:#2e527f; font-size:14px; letter-spacing:-1px}

/* rezervacija */
label { font-size:11px; line-height:24px; color:#333 }
legend { padding:0 5px; color:#0B6FA6; font-weight:bold;}
input, select, textarea { width:100%; padding:3px 0; margin-bottom:5px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px; color:#666}
input[type="checkbox"] { width:auto}
fieldset { margin-bottom:20px; margin-top:10px; padding:15px;  display:block; color:#CCC; background:#EBF0F6}
textarea { height:100px; margin-top:15px}
fieldset{position: relative;}
legend{position:absolute;top: -0.5em;left: 0.5em;}
fieldset{position: relative;margin-top:1em;padding-top:0.75em;}
button { float:right; color:#0B6FA6; font-size:11px; font-weight:bold; padding:10px 15px; margin-top:10px}


/* ==== EXTRA ==== */
#extra { background:#d3e1ed; height:580px; border-top:4px solid #FEBB0A; text-align:center}
#extra a { color:#333;}

/* ==== FOOTER ==== */
#footer { background:#124072; color:#FFF; font-size:10px;}
#footer p { padding:10px 10px 10px 10px}
#footer a { float:right; margin-right:10px; margin-top:5px;}

/* ==== LAYOUT ==== */
div#container{width:962px;margin:0 auto; padding:0 4px; position:relative; z-index:0;}
div#wrapper{width:100%; padding-bottom:15px;}
div#content{margin: 0 200px 0 0px}
div#navigation{float:left;width:230px;margin-left:-972px}
/*div#extra{ float:right;  width:200px; margin-left:-200px; position:relative; top:280px; z-index:2000}*/
div#extra{ position: absolute; top:280px; right:0; z-index:1000; width:200px}
div#footer{clear:left;width:100%}

.col { float: left; margin-right: 3%; clear: none;  }
.c66 { width: 64%; }
.c50 { width: 47%; }
.c33 { width: 29%; }
.c25 { width: 21%; }
.col.last { margin-right:0 !important;}