/* #BCD75F - zelena */
/* #0094D8 - tamno plava */
/* #8DD7F7 - srednja plava */
/* #D3EEFB- svijetlo plava */
/* #FFDC00 - žuta */
/* #FBAE17 - narancasta */
/* #EC1C24 - crvena */

/* #505050 - siva */

/* #A3C346 - zelena footer */
/* #0094D8 - tamno plava */
/* #8DD7F7 - srednja plava */
/* #D4EFFB- svijetlo plava bck */
/* #FFDC00 - žuta */
/* #FBAE17 - narancasta */
/* #EC1C24 - crvena */

* {margin:0; padding:0;}
body {margin:0px auto 0px auto; background: #A3C346; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0094D8;}
p {font-size:14px; color:#333333; line-height:20px; padding-bottom:20px;}
p.small {font-size:12px; color:#333333; line-height:16px; padding-bottom:0px;}
p.white {color:#FFFFFF;}
p.bluestrong {font-size:15px; color:#0094D8; line-height:20px; padding-bottom:3px; font-weight:bold}
p.pad1 {font-size:12px; color:#333333; line-height:16px; padding-top:10px; padding-bottom:0px;}
p.title {font-size:12px; color:#333333; line-height:16px; font-weight:bold; border-bottom:1px solid #333333; margin-bottom:15px; margin-top:0; padding-bottom:5px;}
p.titlefirst {font-size:12px; color:#333333; line-height:16px; font-weight:bold; border-bottom:1px solid #333333; margin-bottom:15px; padding-bottom:5px;}
h1, h1 a {font-size:22px; color:#0094D8; line-height:26px; padding-bottom:15px;}
	h1 a { text-decoration:none; }
	h1 a:hover { text-decoration:underline; }
h2 {font-size:18px; color:#0094D8; line-height:24px; padding-bottom:13px;}
h3 {font-size:16px; color:#333333; line-height:22px; padding-bottom:11px;}
h4 {font-size:16px; color:#0094D8; line-height:22px; padding-bottom:11px;}

/*intro*/
#colorwrap {width:100%; height:auto; position:relative; margin:auto; background: url(/media/bck.jpg) repeat-x #D4EFFB;}
#introwrapper {width:610px; height:auto; position:relative; margin:0px auto 0px auto; background: url(/media/intro-bck.jpg) no-repeat top center; overflow:hidden;}
#introtop {width:550px; height:100px; position:relative; padding:20px 30px 0px 30px; margin:auto; float:left;}
#introflashwrap {width:550px; height:350px; position:relative; padding:25px 30px 10px 30px; margin:auto; float:left;}
#introflash {width:550px; height:350px; position:relative; margin:auto; float:left;}

#ulaz {width:550px; height:50px; position:relative; padding:20px 30px 10px 30px; margin:auto; float:left; text-align:center;}
#ulaztxt {font-size:12px; color:#FFFFFF; line-height:12px; padding:10px 0px 0px 0px; text-align:center;}

#introfooterwrap {width:100%; height:100%; position:relative; margin:auto; background: url(/media/footer-bck.jpg) repeat-x top #A3C346;}
#introfooter {width:980px; height:100px; position:relative; margin:0px auto 0px auto; background: url(/media/footer.jpg) no-repeat top center;}
#footertxt {padding:80px 0px 0px 0px; text-align:center;}
p.footertxt {font-size:12px; color:#FFFFFF; line-height:18px; padding:0px 0px 0px 0px; text-align:center;}

a.linkfooter:link, a.linkfooter:visited, a.linkfooter:active {font-size:12px; color:#FFFFFF; line-height:18px; text-decoration:underline;}
a.linkfooter:hover {font-size:12px; color:#D4EFFB; line-height:18px; text-decoration:none;}

/*naslovna*/
#tophome {width:100%; height:auto; position:relative; margin:auto; background: #0095D9;}
#tophomewrap {width:905px; height:18px; position:relative; margin:0px auto 0px auto; padding:10px 20px 0px 20px; text-align:right;}
#wrapper {width:920px; height:auto; position:relative; margin:0px auto 0px auto; overflow:hidden;}
#header, #contentwrap {width:920; height:auto; position:relative; float:left;}
#logo {width:250px; height:220px; position:relative; float:left;}
#flash {width:650px; height:220px; position:relative; float:right; background: url(/media/flash.jpg) no-repeat top;}
#leftcolumn{width:250px; height:auto; position:relative; float:left; margin:0px;}
#rightcolumn {width:650px; height:auto; position:relative; float:right; padding:0px; background: url(/media/middle.jpg) repeat-y;}
#rightcolumn-middle {width:570px; height:auto; position:relative; float:right; padding:40px 40px 30px 40px; background: url(/media/wrap.jpg) no-repeat top;}
#rightcolumn-bottom {width:590px; height:10px; position:relative; float:right; padding:0px 30px 30px 30px; background: url(/media/bottom.jpg) no-repeat top;}

/* accordion*/
.applemenu {width:248px; border:1px solid #FFFFFF; height:auto; margin:5px 0px 10px 0px; }
.applemenu div.silverheader a {background: url(/media/black.gif) repeat-x center left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; display: block; position: relative; width: auto; padding: 0px 10px 0px 10px; text-decoration: none; height:34px; line-height:34px; border-bottom: 1px solid #FFFFFF;}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active {color:#FFFFFF;}
.applemenu div.selected a, .applemenu div.silverheader a:hover {background-image: url(/media/red.gif); color: #FFFFFF;}
.applemenu div.submenu {background-color: #FFFFFF; height:140px; padding:10px;}

/* slike */
.slikafl {float:left; margin-right:10px;}
.slikafr {float:right; margin-left:10px;}
.slikafr2 {float:right; margin-left:10px; margin-bottom:5px;}
.slika {border:2px solid #BCD75F}

/*linkovi*/
a, a:visited, a:active {font-size:12px; color:#0094D8; line-height:16px; text-decoration:underline; font-weight:bold;}
a:hover {font-size:12px; color:#FBAE17; line-height:16px; text-decoration:underline; font-weight:bold;}

/*liste*/
ul.opis {list-style-type:square; padding:0px 0px 30px 30px; margin:0px; font-size:14px; color:#333333; line-height:20px; padding-bottom:20px;}
ul.opis li {}
ul.opis li a:link, ul.opis li a:visited, ul.opis li a:active {}
ul.opis li a:hover {}

/*Simple gallery*/
/*Make sure your page contains a valid doctype at the top*/
#simplegallery {position: relative; visibility: hidden;}
#simplegallery .gallerydesctext {text-align: left; padding: 2px 5px;}

table, td{color:#D3EEFB; font-size:12px; color:#333333; line-height:16px; }
table {width:100%;border-collapse:collapse;margin:0em 0;}
th, td{text-align:left;padding:8px;border-bottom:1px solid #fff;}
th{background:#0094D8 url(/media/black.gif) repeat-x; color:#fff; font-size:12px;}
td{background:#EEF8FD;}


/* #BCD75F - zelena */
/* #0094D8 - tamno plava */
/* #8DD7F7 - srednja plava */
/* #D3EEFB- svijetlo plava */
/* #FFDC00 - žuta */
/* #FBAE17 - narancasta */
/* #EC1C24 - crvena */
/* tablecloth styles */

tr.even td{background:#DBF0FB;}
tr.odd td{background:#EEF8FD;}

/* th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{} */


/* use this if you want to apply different styleing to empty table cells
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}*/

/* ---obrazac--- */
#form {width:530px; height:auto; background:#FFDC00 url(/media/kontakt2.jpg) no-repeat 140px 100px; padding:20px; position:relative; float:left;}
p.obrazac {font-size:12px; color:#474747; line-height:18px; font-weight:bold; padding-bottom:5px; padding-top:12px;}
.obrazacbox{ border:1px solid #474747; padding:6px 6px 6px 6px; font-size:12px; color:#474747; line-height:15px; background-color:#FDFDFD}
.obrazacsend{ border:1px solid #FDFDFD; padding:6px 16px 6px 16px; font-size:12px; font-weight:bold; color:#FDFDFD; line-height:16px; cursor:pointer; margin-top:10px; background-color:#D8251B}

.upisnica { background:url(/media/upisnica.jpg) top right no-repeat; display:block; }
	.upisnica a { margin:0; display:inline-block; padding:3px; }