@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-attachment: scroll;
	background-color: #094564;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	color:#444;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

img {
	border:0px none;
}

h1 {
	position:absolute;
	top:-2000px;
	margin-left:-2000px;
}
a {
	color:#165E89;
	text-decoration:underline;
	outline:0 none;
}
a:hover {
	text-decoration:none;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#165E89;
	margin-top:14px;
	margin-bottom:14px;
	
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#444;
	margin-top:15px;
	margin-bottom:10px;
}

.clear {
	clear:both;
}


#container{
	width:912px;
	margin:auto;
	top:0px;
	text-align:left;
	
}

/* HEADER */

#header {
	width:912px;
	height:224px;
	position:relative;
	top:0px;
}
#header-top-left {
	width:318px;
	height:224px;
	position:absolute;
	float:left;
	left:0px;
	top:0px;
	background:url(images/top-left5.jpg) no-repeat;
}
#header-top-left a {
	margin:50px 20px 20px 40px;
	width:265px;
	height:140px;
	display:block;
}
#header-top-right {
	width:40px;
	height:224px;
	position:absolute;
	left:872px;
	top:0px;
	background:url(images/top-right.jpg) no-repeat scroll;
}


/* NAVIGATION */



#header-top-nav {
	width:384px;
	height:54px;
	position:absolute;
	top:0px;
	left:318px;
	background:url(images/header-top-repeat.png) repeat-x scroll;
	padding-left:170px;
}
#header-top-nav li {
	float:left;
	background:url(images/topnav-crtica.png) no-repeat left scroll;

}
#header-top-nav .first {
	background:none;
}
#header-top-nav ul {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}
#header-top-nav a {
	color:#555;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	height:25px;
	margin-right:0px;
	margin-left:1px;
	padding-top:13px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
	
}
#header-top-nav a:hover {
	background:url(images/topnav-hover.png) repeat-x scroll;
	
}


#header-bottom-nav {
	width:534px;
	height:39px;
	position:absolute;
	top:185px;
	left:318px;
	background:url(images/header-bottom-repeat.jpg) repeat-x scroll;
	padding-top:4px;
	padding-left:20px;
	
}

#header-bottom-nav li {
	float:left;
	background:url(images/bottomnav-crtica.png) no-repeat left scroll;
	
}
#header-bottom-nav .first {
	background:none;
}
#header-bottom-nav ul {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}
#header-bottom-nav a {
	color:#fff;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	height:25px;
	margin-right:0px;
	margin-left:1px;
	padding-top:10px;
	padding-left:7px;
	padding-right:7px;
	text-align:center;
	text-decoration:none;
}
#header-bottom-nav a:hover {
	background:url(images/bottomnav-hover.png) repeat-x scroll;
}


#body-nav {
	width:260px;
	height:auto;
	position:relative;
	top:5px;
	left:0px;
	margin-bottom:2px;
}

#body-nav li {
	clear:both;
}
#body-nav ul {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#body-nav a {
	color:#0A4B6F;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	height:24px;
	line-height:24px;
	width:225px;
	margin:0px 0px 2px 1px;
	padding:0px 10px 0px 25px;
	text-align:left;
	text-decoration:none;
	background:#CDD7DE;
	background-image:url(images/arrow2.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:10px 10px;
}
#body-nav a:hover {
	background:#DAE1E7;
	background-image:url(images/arrow2.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:10px 10px;
	
}
#body-nav .oddlink a {
	color:#3E3D3D;
	background:#D0D0D0;
	background-image:url(images/arrow2.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:10px 10px;
}
#body-nav .oddlink a:hover {
	color:#3E3D3D;
	background:#DBDBDB;
	background-image:url(images/arrow2.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:10px 10px;
}





#arhiva-nav {
	width:534px;
	height:21px;
	position:relative;
	top:0px;
	left:248px;

	
}

#arhiva-nav li {
	float:left;
	background:url(images/nav-arhiva-crtica.jpg) no-repeat left scroll;
	
}
#arhiva-nav .first {
	background:none;
}
#arhiva-nav ul {
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#arhiva-nav a {
	color:#444;
	display:block;
	float:left;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	height:21px;
	margin-right:0px;
	margin-left:1px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	text-decoration:none;
}
#arhiva-nav a:hover {
	/*background:url(images/bottomnav-hover.jpg) repeat-x scroll;*/
	text-decoration:underline;
}


/* BODY */

#header-slika {
	width:556px;
	height:131px;
	position:relative;
	left:318px;
	top:54px;
	background:url(images/header.jpg) no-repeat scroll;
}
#body {
	width:912px;
	position:relative;
	
	top:0px;
	clear:both;
	/*top:224px;*/
	
}
#body-container {
	width:852px;
	background-color:#FFF;
	border-left:#578096 1px solid;
	border-right:#578096 1px solid;
	border-bottom:#CED9E0 1px solid;
	position:relative;
	top:0px;
	left:29px;
	
}
#body-left {
	width:29px;
	height:140px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/body-left.png) no-repeat scroll;
}
#body-right {
	width:29px;
	height:140px;
	position:absolute;
	top:0px;
	left:883px;
	background:url(images/body-right.png);
}
#body-container-top {
	width:832px;
	height:4px;
	font-size:1px;
	position:relative;
	left:10px;
	top:3px;
	background:url(images/body-top.png) repeat-y scroll;
}
#body-container-left {
	width:562px;
	height:auto;
	position:relative;
	top:4px;
	left:10px;
	float:left;
}
#body-container-right {
	width:260px;
	height:auto;
	padding-left:1px;
	border-left:#E6E6E6 1px solid;
	position:relative;
	float:right;
	top:4px;
	right:10px;
}
#body-container-footer {
	width:832px;
	height:122px;
	position:relative;
	left:10px;
	top:10px;
	border-top:#165E89 9px solid;
	border-bottom:#165E89 1px solid;
	margin-bottom:50px;
}
#body-container-footer1 {
	width:210px;
	height:121px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	background:url(images/footer1.png) repeat-x scroll;
}
#body-container-footer2 {
	width:210px;
	height:121px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	background:url(images/footer2.png) repeat-x scroll;
}
#body-container-footer3 {
	width:412px;
	height:121px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	background:url(images/footer3.png) repeat-x scroll;
}

/* BODY LEFT */

#body-left-header {
	width:562px;
	height:43px;
	position:relative;
	top:0px;
	left:0px;
	background:url(images/body-left-header.png) repeat-y scroll;
	color:#09496B;
	font-size:14px;
	font-weight:bold;
}
#body-left-header-arrow {
	margin-left:14px;
	position:absolute;
	padding-left:35px;
	background:url(images/arrow1.png) no-repeat scroll left;
}
.body-left-odd {
	border-top:#CECECE 1px solid;
	width:542px;
	padding:10px 8px 10px 8px;
	display:block;
	background:#FFF;
	position:relative;
	margin-top:1px;
}
.body-left-odd p {
	margin:0px;
}
.body-left-even {
	border-top:#CECECE 1px solid;
	outline-color:#F00;
	width:542px;
	padding:10px 8px 10px 8px;
	display:block;
	background:#F0F6FA;
	position:relative;
	margin-top:1px;
}
.body-left-even p {
	margin:0px;
}
.body-left-even-border {
	border-top:#FFF 1px solid;
	width:564px;
	position:absolute;
	top:0px;
	left:0px;
}


/* BODY RIGHT */

#body-right-head {
	height:40px;
	width:210px;
	padding-left:50px;
	position:relative;
	background:url(images/body-right-head1.jpg) repeat-x scroll;
}
h3.body-right-head-naslov {
	margin:0px;
	padding-left:15px;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	line-height:40px;
	background:url(images/arrow3.png) no-repeat scroll;
	background-position:0px 18px;
	
}
.body-right-head-naslov a {
	color:#FFF;
	text-decoration:none;
}
#body-right-head2 {
	height:40px;
	width:39px;
	position:absolute;
	left:1px;
	top:0px;
	background:url(images/body-right-head2.png) no-repeat scroll;
}
.right {
	width:260px;
	height:auto;
	position:relative;
	float:right;
	display:block;
	margin-top:1px;
	background:#EAF4FB;
}
.right1 {
	width:260px;
	height:19px;
	background:url(images/right1.jpg) repeat-x scroll;
	position:relative;;
	top:0px;
	left:0px;
}
.right-slika {
	width:260px;
	height:59px;
	position:relative;
	top:0px;
	left:0px;
}
.right-content-container {
	margin-top:1px;
	width:260px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	background:#EAF4FB;
}
.right-content-container2 {
	margin-top:1px;
	width:260px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
}
.right-naslov {
	/*width:260px;*/
	height:31px;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	/*background:url(images/right3.jpg) no-repeat bottom left;*/
	padding-left:7px;
}

.right-text {
	width:260px;
	position:relative;
	float:left;
	padding-left:7px;
	background:url(images/right3.jpg) no-repeat top left;
}
.right-naslov2 {
	height:26px;
	position:relative;
	float:left;
	top:-5px;
	left:0px;
}
.right-naslov2 a {
	text-decoration:none;
}
.right-naslov a {
	text-decoration:none;
}

.right-text2 {
	width:260px;
	position:relative;
	float:left;
	background:url(images/right32.jpg) no-repeat top left;
}
.right-text p {
	margin:10px 15px 10px 0px;
}
.right-text2 p {
	margin:3px 15px 10px 0px;
}
.right-naslovh3 {
	font-size:12px;
	color:#0A4B6F;
	font-weight:bold;
	background:#B8D5E9;
	padding:3px 6px 3px 6px;
	margin:7px 0px 0px 0px;
	display:block;
	/*-moz-border-radius: 5px 5px;*/
	/*-webkit-border-radius: 5px;*/


}
#right-bottom {
	width:263px;
	height:14px;
	position:relative;
	margin-top:6px;
	float:left;
	left:-2px;
	display:block;
	top:1px;
	background:url(images/right4.png) repeat-x scroll;
}


/* FOOTER */

.footer-razmak {
	width:0px;
	height:94px;
	border-left:#FFFFFF 1px solid;
	border-right:#DED9D9 1px solid;
	position:absolute;
	float:right;
	right:0px;
	top:18px;
}
.footer-pdf {
	padding:10px 10px 10px 10px;
	text-align:center;
}
.footer-pdf-text {
	margin-left:auto;
	margin-right:auto;
	width:100px;
	text-align:left;
	padding-left:50px;
}
.footer-pdf-slika {
	position:absolute;
	top:57px;
	left:30px;

}
.footer-pdf-text a {
	text-decoration:none;
	color:#444;	
}
p.margin {
	margin-top:10px;
	margin-bottom:10px;
}
#footer-cjenik {
	margin:auto;
	width:360px;
	height:24px;
	text-align:center;
	line-height:24px;
	background:url(images/footer-cijenik.jpg) repeat-x scroll;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	position:absolute;
	top:23px;
	left:26px;
	display:block;
}
.footer-cijenik-odd {
	margin:auto;
	width:360px;
	height:24px;
	text-align:left;
	line-height:24px;
	background:#D0D0D0;
	font-size:12px;
	color:#165E89;
	position:absolute;
	left:26px;
	top:50px;
	display:block;
}
.footer-cijenik-even {
	margin:auto;
	width:360px;
	height:24px;
	text-align:left;
	line-height:24px;
	background:#CDD7DE;
	font-size:12px;
	color:#165E89;
	position:absolute;
	left:26px;
	top:77px;
	display:block;
}
.cijenik-left {
	left:10px;
	position:absolute;
	display:inline;
	float:left;
}
.cijenik-right {
	left:200px;
	position:absolute;
	display:inline;
	float:left;
}
#footer-futuro {
	position:absolute;
	width:70px;
	height:20px;
	top:134px;
	left:343px;
	float:right;
	z-index:10;
}

/* POČETNA */

/*BODY 1*/

#body1 {
	width:832px;
	height:200px;
	/*background:#CF0;*/
	position:relative;
	left:10px;
	top:4px;
}
#body1-left {
	width:414px;
	float:left;
	display:inline;
	/*height:180px;*/
}
#body1-left-top {
	width:414px;
	height:26px;
	border-bottom:#CECECE 1px solid;
	line-height:26px;
	position:relative;
	display:block;
	top:0px;
	left:0px;
}
#body1-left-top2 {
	width:540px;
	height:26px;
	border-bottom:#CECECE 1px solid;
	line-height:26px;
	position:relative;
	display:block;
	top:0px;
	left:0px;
}
#body1-left-top h3 {
	color:#09496B;
	font-size:12px;
	font-weight:normal;
	display:inline;
	margin-left:1px;
}
#body1-left-top2 h3 {
	color:#09496B;
	font-size:12px;
	font-weight:normal;
	display:inline;
	margin-left:1px;
}
.datum {
	color:#AAAB15;
	padding-left:15px;
}


#body1-left-text {
	width:394px;
	height:119px;
	padding:10px 10px 0px 10px;
	position:relative;
	display:block;
	top:0px;
	left:0px;
	border-bottom:#D4E6F3 1px solid;
}
#body1-left-text p {
	margin:0px 0px 10px 0px;
	
}
#body1-left-bottom {
	width:414px;
	height:29px;
	position:relative;
	display:block;
	top:0px;
	left:0px;
	margin-top:1px;
	background:url(images/body11.jpg) repeat-y scroll;
}
#body1-left-slika {
	padding:2px;
	border:#09496B 1px solid;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom:5px;
	
}
#body1-right {
	width:411px;
	height:200px;
	position:relative;
	float:right;
	right:0px;
	position:absolute;
	display:inline;
	background:url(images/body12.jpg) repeat-x scroll;
}
#body1-right1 {
	width:391px;
	height:30px;
	position:relative;
	top:10px;
	left:10px;
	display:block;
	background:url(images/body13.jpg) repeat-x scroll;
	line-height:30px;
	margin-bottom:12px;
}
.body1-right-bullet {
	position:absolute;
	top:5px;
	left:0px;
	background:url(images/arrow4.jpg) no-repeat;
}
.body1-right-span1 {
	position:relative;
	top:0px;
	left:20px;
}
.body1-right-span2 {
	position:absolute;
	left:230px;
	top:0px;
}
.body1-right-span3 {
	position:absolute;
	top:0px;
	left:330px;
}
.body1-right2 {
	width:391px;
	height:20px;
	position:relative;
	display:block;
	top:0px;
	left:10px;
	border-bottom:#E1E1E1 1px solid;
	line-height:20px;
}
.body1-right3 {
	width:391px;
	position:absolute;
	display:block;
	top:162px;
	left:10px;
}
.span-datum1 {
	position:absolute;
	left:210px;
	top:0px;
}
.span-datum2 {
	position:absolute;
	top:0px;
	left:350px;
}
.span-datum {
	position:absolute;
	top:5px;
	left:265px;
	color:#09496B;
}





#body2 {
	width:832px;
	height:218px;
	background:url(images/body21.jpg) repeat-x scroll;
	position:relative;
	left:10px;
	top:0px;
}
.body21 {
	height:178px;
	width:263px;
	position:relative;
	top:19px;
	left:10px;
	float:left;
	border-right:#C8CCCF 1px dotted;
	margin-right:10px;
}
.body21-noborder {
	height:178px;
	width:263px;
	position:relative;
	top:19px;
	left:10px;
	float:left;
	margin-right:10px;
}
.body21-slika {
	position:relative;
	top:0px;
	left:0px;
}



#body3 {
	width:832px;

	position:relative;
	left:10px;
	top:0px;
}
.body32 {
	width:280px;
	height:149px;
	position:relative;
	float:left;
	left:0px;
	top:5px;
	border:#E3E3E3 1px solid;
	padding:10px;
}
.body33 {
	width:238px;
	height:149px;
	position:relative;
	float:right;
	left:0px;
	top:5px;
	border:#E3E3E3 1px solid;
	padding:10px;
	margin-left:5px;
}
.body33 p {
	margin:5px 0px 0px 0px;
}
.body3-detaljnije {
	width:248px;
	height:20px;
	position:absolute;
	left:0px;
	top:140px;
	background:url(images/body33.jpg) no-repeat top right scroll;
	text-align:right;
	padding-top:2px;
}
.instruktori {
	margin:20px 0px 10px 10px;
}
.instruktori-slika {
	margin-right:10px;
	margin-bottom:4px;
	padding:2px;
	border:#165E89 1px solid;
	display:block;
	float:left;
}
.galerija-slika {
	margin:10px 0px 10px 18px;
	padding:2px;
	border:#165E89 1px solid;
	float:left;
}
.galerija-slika-first {
	margin:10px 0px 10px 0px;
	padding:2px;
	border:#165E89 1px solid;
	float:left;
}
.kontakt {
	width:540px;
	height:120px;
	text-align:center;
}
.kontakt-slika {
	float:left;
	margin:0px 0px 0px 120px;
	padding:2px;
	border:#165E89 1px solid;
}

.kontakt-input {
	padding:10px 0px 0px 0px;
	position:relative;
	display:block;
}
.kontakt-input p {
	margin-top:4px;
	position:absolute;
	left:300px;
	display:inline;
}


.kontakt-text {
	width:290px;
	height:20px;
	line-height:20px;
	background:#DCEDF7;
	border:#DCEDF7 1px solid;
	color:#444;
	font-size:12px;
	padding:3px 0px 0px 3px;
}
.kontakt-botun {
	background:#DCEDF7 none repeat scroll 0 0;
	border:0 none;
	color:#444;
	cursor:pointer;
	padding:10px;
}
textarea {
	width:535px;
	height:150px;
	background:#DCEDF7;
	color:#444;
	font-size:12px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	border:#DCEDF7 1px solid;
}
.error {
	border:1px #f00 solid;
}

/* PANELI */

.span-dan {
	position:absolute;
	float:right;
	left:250px;
	bottom:19px;
	text-align:center;
	font-weight:bold;
	width:110px;
	height:20px;
	/*background:#CF0;*/
	visibility:hidden;
}
#program {

}
.panel {
	position:absolute;
	visibility:hidden;
}

.show {
	visibility:visible!important;
}