@import "colorbox.css";
@import "reset.css";
@import "default.css";

body { background:#009CDF url(../images/bg1.jpg) no-repeat fixed 50% 0 }

fieldset, input, textarea {-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px; }
/* ===== HEADER ===== */
#header  { clear:both; padding:15px 0;}
#header h1 { float:left; margin:0}
#header h1 a span{ display:none}
#header ul { display:block; float:right; margin:25px 0 0 0; padding:0; list-style:none;}
#header ul li { display:block;float:left; background:url(../images/menu-border.gif) no-repeat top right; padding-right:1px; }
#header ul li.first a{
	-moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius:5px 0 0 5px;
	}
#header ul li.last { padding-right:0; background:none}	
#header ul li.last a{
	-moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius:0 5px 5px 0;
	}	
#header ul li a{ display:inline-block; padding:12px 8px 0 12px; background: url(../images/menu.gif); height:26px;font-family: 'DINNextLTProMedium'; font-size:13px; font-weight:normal; color:#074c91; letter-spacing:-1px;}
#jezik { position:absolute; top:10px; margin-left:850px; }
#jezik a { color:#FFF; font-size:9px; letter-spacing:1px}
#jezik a:hover { text-decoration:underline }

#slogan { display:block; float:left; color:#FFD500;font-family: 'DINNextLTProMedium'; font-size:32px; padding-top:10px; padding-right:10px;}

/* ===== CONTENT ===== */
#container {}
.box { background:#FFF; padding:15px; margin-bottom:15px}
#display { margin-bottom:15px; width:675px; height:287px; overflow:hidden; position:relative;}
#display .displaytitle { display:none;position:absolute; bottom:0; font-size:26px; background:#F02103; color:#FFF; width:100%; height:60px; padding:10px;}
#display .displaytitle h2 {color:#FFF; letter-spacing:-3px; margin:10px;}

/* Tabs */
#tabnav { margin-top:-46px; margin-left:-15px; margin-bottom:5px; display:block}
h3.tabtitle { display:block; float:left;padding:8px 15px;  border:0; background:#FFF; margin-right:1px; font-size:14px; text-transform:uppercase; font-weight:bold;  opacity:0.8}
h3.tabtitle.active { border-bottom:1px solid #FFF; opacity:1}
h3.tabtitle.active a { color:#006AB9}
h3.tabtitle a { color:#333; }
div.tabcontent { display:block; clear:both;  }

/* Tables */
#content table
{
	background: #fff;
	border-collapse: collapse;
	text-align: left;
	font-size:11px;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
	
	-moz-box-shadow: 0px 0px 7px #CCC;
	-webkit-box-shadow: 0 0 7px #CCC;
	box-shadow: 0 0 7px #CCC;
}
#content table th
{
	background: #FFF url('../images/gradhead.png') repeat-x left bottom;	
	font-size: 11px;
	font-weight: bold;
	color: #444;
	padding: 15px 8px 10px 8px;
	border-bottom: 2px solid #CCC;
	text-align:left;
	

}
#content table td
{	
	border-bottom: 1px solid #ccc;
	border-right: 0 none;
	color: #666;
	padding: 10px 8px;
}
#content table p { margin:0; padding:0}


/* List */
.list,
.list ul { padding:0; margin:0}
.list li { list-style:none}
.list li img.left {padding:5px;background:#FFF; border:1px solid #EFEFEF; 
	-moz-box-shadow: 0px 0px 7px #CCC;
	-webkit-box-shadow: 0 0 7px #CCC;
	box-shadow: 0 0 7px #CCC;}
.list li a { color:#555}
.list li { border:1px solid #FFF; padding:10px 10px 5px 10px; margin-bottom:5px; background:#eaf0f5;}
.list li.active,
.list li:hover  { border:1px solid #eaf0f5; background:#FFF;
	-moz-box-shadow: 0px 0px 7px #CCC;
	-webkit-box-shadow: 0 0 7px #CCC;
	box-shadow: 0 0 7px #CCC;}
.list li h4 { }
.list li p { font-size:0.9em;  margin:10px 0 0 0; line-height:1.1em;}	
.text { padding-bottom:15px;}
.text, .text p { font-size:12px !important; line-height:1.4em}

.hlist ul {padding:0; margin:0; list-style:none;}


h2 {font-family: 'DINNextLTProMedium';}
h3 {font-family: 'DINNextLTProBold';}
h4 {font-family: 'DINNextLTProMedium';}
h5 {font-family: 'DINNextLTProMedium'; color:#1F85FF;}
.clear { clear:both; }

/* Fotogalerija */
.fotogalerija img {padding:5px;background:#FFF; border:1px solid #EFEFEF; 
	-moz-box-shadow: 0px 0px 7px #CCC;
	-webkit-box-shadow: 0 0 7px #777;
	box-shadow: 0 0 7px #777; margin:5px}
	


/* Contacts */
#contacts { font-size:0.9em;}
#contacts h4 { margin-bottom:0.7em}
#contacts div.c66 { background:#FFF; background:rgba(255,255,255,0.9); height:120px; }
#contacts div.c66 div { padding:15px 15px 0 15px; float:left; font-size:0.9em }
#contacts div.c33 {background:#FFF; background:rgba(255,255,255,0.6); height:120px; width:31%}
#contacts div.c33 div { padding:15px}

#nletter { padding:10px 0 0 0; margin:0}
#nletter input { border:1px solid #99D1EE; background:#FFF; repeat-x; font-size:11px; font-weight:bold; padding:3px; margin-top:10px; color:#00528F ; width:130px; margin:0; float:left}
#nletter button.btn  { background:url(../images/koverta.png); border:0 none;height:38px; width:38px; text-align:center; color:#FFF; margin:-8px 0 0 -5px; float:left;  }

/* NAVIGATION */
#navigation {}
#navigation p { margin-bottom:15px;}
.border { border:1px solid #82bde2; margin-bottom:15px}
.nav { background:url(../images/nav-bg.gif) repeat-y; padding:5px; border:1px solid #82bde2; margin-bottom:15px;}
.nav h3 { background:url(../images/nav-title.gif); height:31px; margin-bottom:10px;font-family: 'DINNextLTProBold'; padding:10px 0 0 15px; color:#695107; font-size:18px;}
.nav ul { padding:0; margin:0; list-style:none;}
.nav ul li { margin-bottom:5px}
.nav ul li a{ display:block;background-image:url(../images/nav-link.gif); background-position:0 0; height:27px; padding:13px 0 0 15px;  font-family: 'DINNextLTProMedium'; font-size:16px; color:#00528f; font-weight:normal;}
.nav ul li a:hover{background-position: 0 40px;}

/* ticker */
div.ticker { display:block;height:110px;  margin-bottom:15px; background:url(../images/nav-bg.gif) repeat-y; border:1px solid #82bde2;}
div.ticker div { padding:10px; background:#F62D01; margin:5px; width:228px; height:80px}
div.ticker h4 { border-bottom:1px solid #FFF; padding-bottom:10px; margin-bottom:10px;}
div.ticker,
div.ticker a { color:#FFF }


/* anketa */
#anketa {  padding:10px;
  background: #E6F5FB;
    border: 1px solid #82BDE2;
    margin-bottom: 15px;
  }
#anketa h4 { font-weight: normal;}
#anketa p { padding:0; margin:5px}
#anketa input {  }
#anketa label {  padding-left:0px;}
#anketa .glasaj { border:0 none; margin-top:10px; background:#014FA4; color:#FFF; font-size:10px; font-weight:bold; padding:5px 10px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; text-shadow: 0px -1px 1px #666}


/* ==============
   Layout
   ============== */
div#container{width:950px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 0 0 275px}
div#navigation{float:left;width:260px;margin-left:-950px}
div#footer{clear:left;width:100%}