/*__________ AUTOR: PRKOS.HR __________*/

html, body { 
	margin: 0; 
	padding: 0; 
	background-color: #fff; 
	color: #333; 
}

body { 
	position: relative; /*zbog lang absolute*/
	width: 759px; 
	margin: 0 auto; 
	padding-top: 1px; /*zbog margin collapsing*/
	font: normal normal normal small/150% Arial, "Myriad Web", "Franklin Gothic Book", "Myriad Web Pro", "Trebuchet MS", sans-serif; 
	text-align: center; 
}


/*__________ LINKOVI OPCENITO __________*/
a { 
	color: #CE0101; 
	text-decoration: none; 
}
a:visited {	color: #900; }

a:hover, a:active {
	color: #fff; 
	background-color: #CE0101; 
}


/*__________ HEADERS __________*/
h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	line-height: 120%; 
	font-family:"Bitstream Vera Serif", "Palatino Linotype", Georgia, serif; 
	text-align: left; 
}

h1 { 
	float: left; 
	margin: 0; 
	margin-bottom: 10px; 
	padding: 0; 
	width: 545px; 
	height: 126px; 
	position: relative; 
	font-size: 200%; 
	line-height: 126px; 
	overflow: hidden; 
	text-align: center; 
}

h1 span { 
	position: absolute;
	bottom: 0; 
	right: 0; 
	width: 100%;
	height: 100%;
	background: transparent url(/images/poslovnikrug.gif) no-repeat 100% 100%; 
}

h2, h3 { 
	clear: left; 
	margin: 0;
	padding: 15px 44px 5px;
	text-align: left; 
}

h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 110%; font-weight: bold; }
h5 { font-size: 100%; font-weight: bold; margin-bottom:0;}

div#naslovna h4 { margin: 20px 0 10px; }



/*__________ NASLOVNA __________*/
div#naslovna { 
	clear: left; 
	margin: 0; 
	padding: 0 0 0 145px; 
	background: #fff url(/images/ocajiborba130.jpg) no-repeat 0px 50%; 
}



/*__________ NAVIGATION __________*/
ul#nav { 
	float: right; 
	width: 200px; 
	margin: 5px 0 15px 12px; 
	padding: 10px 0 40px; 
	border: 1px solid #CE0101; 
	text-align: left; 
	list-style: none; 
	background: #fff url(/images/zaokmali.gif) no-repeat 50% 100%; 
	z-index: 100; /*zbog podliste preko logoa*/
}

#nav li { 
	position: relative; /*zbog abs pos podliste*/
	margin: 0; 
	padding: 1px; /*potreban za ie collapsing margins izmedu a */
	z-index: 100; 
}

#nav table { 
	position: absolute; 
	padding: 0; 
	border-collapse: collapse;
	z-index: 110;
	left: 0px;
	top: 0px;
}

ul#nav ul { 
	visibility: hidden; 
	position: absolute; 
	top: 0; 
	left: -167px; 
	margin: 0; 
	padding: 0; 
	width: 200px; 
	list-style: none; 
	background-color: #fff; 
	border: 1px solid #CE0101; 
} 

ul#nav a, ul#nav a:visited { 
	display: block;
	margin: 0; 
	padding: 10px 0 10px 35px; 
	text-decoration: none; 
	text-transform: uppercase;
	font: bold 120%/100% "Palatino Linotype", Georgia, serif; 
	color: #CE0101; 
	letter-spacing: -1px; 
	background: transparent url(/images/kruzic.gif) no-repeat 20px -100px; 
}

ul#nav table a, ul#nav table a:visited { 
	font-size: 100%; /*zbog ie nested flexible fontsize*/
}

ul#nav a:hover, ul#nav a:active { 
	background-position: 20px 2px; 
}

ul#nav :hover ul, ul#nav :hover ul a { 
	visibility: visible; 
	z-index: 200; 
} 



p { 
	margin: 0.8em 0; 
	padding: 4px 0; 
	text-align: left; 
}

p img { 
	float: left; 
	margin: 0 25px 30px 0; 
}



/*__________ FOOTER __________*/
div#footer { 
	clear: both; 
	width: 759px; /*mora radi ie da padding nije velik*/
	margin: 20px 0 0; 
	padding: 66px 0 0; 
	background: #fff url(/images/zaok75.gif) no-repeat 100% 0%; 
	text-align: left; 
	border-top: 10px solid #fff; /*fix odmicanje ispod floated*/
}

 /* * html div#footer {background-position: 100% 10px; }ie fix zbog border na hover se pojavi bottom padding na footer*/

#footer ul { 
	float: left; 
	width: 759px; /*popravi operu 9*/
	margin: 0; 
	padding: 0; 
	background-color: #CE0101; 
	list-style: none; 
} 

#footer li { padding: 5px; }

li#copyr { float: left; width: 48%; }

li#webdev { float: right; width: 48%; text-align: right; }

#webdev a:link, #webdev a:visited { 
	color: #333; 
	text-decoration: none; 
}

#webdev a:hover { 
	color: #CE0101; 
	background-color: #333; 
}



/*__________ LANGUAGES __________*/
ul#lang { 
	float: right; 
	width: 210px; 
	height: 45px; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	text-align: right; 
}

#lang li { float: right; }

#lang a { 
	padding: 1px 1px 1px 25px; 
	margin: 0 1px; 
	font-size: 90%; 
	background-position: -150% 50%; 
	background-repeat: no-repeat; 
}

#lang a:hover, #lang a:active { 
	background-color: #CE0101; 
	background-position: 0% 50%; 
	color: #fff; 
}

a#hrv { background-image: url(/images/crosmall.gif); }

a#eng { background-image: url(/images/usasmall.gif); }


/*__________ O NAMA __________*/ 
div#onama p {margin-right: 216px; }



/*__________ SEMINARI __________*/ 
div.seminar { /*ne smije biti width da ie moze wrap oko nav*/
	margin: 20px 0; 
	padding: 17px 0 0; 
	text-align: left; 
}

div.seminar div { 
	float: left; 
	width: 360px; 
	height: 180px;  
	margin: -17px 5px 20px 0; 
	padding: 40px 16px 35px 0; 
	background: #fff url(/images/kartica.gif) no-repeat 1% 50%; 
}
p.clear { clear: both; padding: 0; margin: 0; }

.seminar table { 
	width: 334px; 
	margin-left: 20px; 
	padding: 0; 
	caption-side: top; 
	border-collapse: collapse; 
}

.seminar caption { 
	margin: 0 0 0 20px;
	padding: 16px 0 14px 55px; /*ie samo vidi padding*/
	font: normal 137%/100% Arial, "Palatino Linotype", Georgia, serif; 
}

.seminar caption.dva { 
	margin: 0 0 0 20px; 
	padding: 2px 0 10px 55px; 
}

th, td { padding: 4px 3px; }

.seminar th { 
	text-align: right; 
	font: bold 100%/100% Arial, "Palatino Linotype", Georgia, serif; 
}

td { text-align: left; } 

.seminar p { margin: 0; padding: 1.2em 0 0; }

.seminar ul { list-style-position: inside; }



/*__________ KONTAKT __________*/
p.indent { padding: 5px 44px 15px; font-size: 110%; line-height: 160%; }

form {
	width: 80%; 
	margin: 30px auto 20px; 
} 

fieldset { 
	position: relative; 
	margin: 0 auto; 
	padding: 10px 30px; 
	border: 1px solid #CE0101; 
	background-color: #FFFFCC;  
}

form p { 
	margin: 10px auto; 
	text-align: center; 
}

form p label { 
	padding-right: 5px; 
	width: 20%; 
	font-size: 110%; 
}

input, textarea, select { 
	padding: 2px 0; 
	background-color: #FBE8BA;
	border: 1px solid #CE0101; 
	font: 110%/100% Arial, "Myriad Web", "Franklin Gothic Book", "Myriad Web Pro", "Trebuchet MS", sans-serif;  
}

input:focus, textarea:focus, select:focus { background-color: #fff; }

* html input, * html textarea, * html select { background-color: #fff; } /*ie ne kuzi focus*/

legend, input#posalji { 
	padding: 5px 10px; 
	border: 2px outset #CE0101; 
	background-color: #FFFFCC; 
	font: normal 110%/100% Arial, "Myriad Web", "Franklin Gothic Book", "Myriad Web Pro", "Trebuchet MS", sans-serif;  
}

* html legend { /*glupi ie fieldset bug*/
	margin-top: -23px;
	position: relative; 
}


/*__________ GALERIJA __________*/
.galerija { 
	clear: both; 
	position: relative; 
	width: 727px; 
	height: 410px; 
	margin: 20px auto; 
	padding: 15px; 
	border: 1px solid #CE0101; 
	background-color: #FFFFCC; 
}

.galerija .thumbs { 
	position: absolute; 
	left: 10px; 
	top: 20px; 
	width: 175px; 
}

.galerija img { border-width: 0; }/* border za alt slike*/

a.gall, a.gall:visited { 
	display: block; 
	text-decoration: none; 
	border: 1px solid #CE0101; 
	width: 75px; 
	height: 56px; 
	float: left; 
	margin: 4px; 
	z-index: 50;
}

a.gall:hover { border: 1px solid #F5C6C6; } 

.galerija a.gall:active, .galerija a.gall:focus { 
	border: 1px solid #fff; 
}

a.gall em, a.gall span { display: none; }/*nema velike slike dok ne kliknes*/

.galerija a.gall:hover span { /*opis ispod slike*/
	display: block; 
	position: absolute; 
	width: 402px; 
	height: 20px; 
	top: 390px; 
	left: 245px; 
	padding: 0px; 
	font-style: italic; 
	color: #333; 
	z-index: 100; 
	text-align: left; 
}

a.slidea { background: url(/images/dvoranazag2.jpg); }
a.slideb { background: url(/images/phoenixjohn2.jpg); }
a.slidec { background: url(/images/dvorana2.jpg); }
a.slided { background: url(/images/krk2.jpg); }
a.slidee { background: url(/images/lobicrikvenica2.jpg); }
a.slidef { background: url(/images/trij2.jpg); }



/*__________ VELIKA SLIKA __________*/
.galerija a.gall:active em, .galerija a.gall:focus em { 
	display: block; 
	position: absolute; 
	width: 500px; 
	height: 375px; 
	top: 5px; 
	left: 200px; 
	padding: 5px; 
	color: #000; 
	border: 1px solid #CE0101; 
	z-index: 50; 
}

.galerija h3 { 
	clear: both; 
	margin: 0; 
	padding-top: 150px; 
	padding-left: 310px; 
	width: 300px; 
	text-align: center; 
	font-size: 250%; 
	font-weight: normal; 
	color: #CE0101; 
}



/*__________ PREDAVACI __________*/
div.predavac {  
	position: relative; 
	min-height: 96px; 
	margin: 20px 0 30px; 
	padding: 1px; /*margin uncollapse fix*/
}

/* Hides from IE5-mac \*/
* html div.predavac {height: 1%;}
/* End hide from IE5-mac */

div.predavac img { 
	float: left; 
	padding: 3px; 
	width: 128px; 
	border: 1px solid #CE0101; 
	background-color: #FFFFCC; 
}

.predavac p { margin: 10px 0 10px 154px; } 

.predavac h4 { 
	margin: 0; 
	margin-left: 154px; 
	padding: 0; 
	line-height: 100%; 
}


/*__________ LOKACIJE  __________*/ 
ul.lokac { 
	margin: 15px 0; 
	padding: 0 44px; 
	text-align: left; 
} 

.lokac li { padding: 5px; }



/*__________ P IMG  __________*/
p.p_img, p.p_img img { 
	clear: left; 
}



/*__________ CLANCI  __________*/
div#clanci, div#clanci dl { text-align: left; } 

#clanci { width: 540px; }

#clanci dl dt { 
	margin-top: 1.2em; 
	padding: 5px 0; 
	font: bold 110%/100% Arial, "Palatino Linotype", Georgia, serif; 
}

#clanci dl dd { margin: 0; padding-left: 44px; }

#clanci dl dd.autor, span.autor { 
	padding: 3px 44px;  
	font-style: italic; 
}

#clanci ol li { margin: 0; padding: 1em 0; }