/*------------------------------------------------------------------------------------------------
Author Name: Hrvoje Mesec
Web Page: www.plankton.hr
Date of Creation: 15.6.2010.
Date of Last Update:
------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
#1 General Styles, Whole Document
------------------------------------------------------------------------------------------------*/

* { padding: 0; margin: 0; border: 0; }

html, body {height: 1200px; width: 100%;}

body {font-family: helvetica, verdana, arial, sans-serif; font-size:100%; background-color:#b7deef;}

html {overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical;}

/*------------------------------------------------------------------------------------------------
#2 Main Areas; Container= div#stranica, Header= div#gore, Body= div#sredina, Footer= div#dolje
------------------------------------------------------------------------------------------------*/


.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; width:100%; background:url(images/pozadina_glavna.jpg) repeat left top;}
.footer, .push {height: 40px; clear: both;}



/*------------------------------------------------------------------------------------------------
#3 Header Styles
------------------------------------------------------------------------------------------------*/

.zaglavlje {height: 90px; clear: both; width:100%; background-color:#7fa7be;}

.vijuga {position:absolute; left:850px; top:0px; height:1200px; width:100%; background:url(images/vijuga.png) repeat-y left top; color:#7fa7be;}

.bijela_crta {height: 28px; clear: both; width:100%; background-color:#fff; border-top:2px solid #ee891a;  border-bottom:2px solid #ee891a;}
.menu_horizontalni {margin-left:250px; padding-top:5px;}
.menu_horizontalni h3 {margin-left:10px; display:inline-block; color:#002950; font-size:100%; font-weight:bold; font-family: arial, sans-serif;}
.menu_horizontalni h3 a {color:#002950; text-decoration:none; padding: 9px 10px 6px 10px; }
.menu_horizontalni h3 a:hover {color:#fff; text-decoration:none; background:url(images/pozadina_gornjeg_menija.jpg) repeat-x left top;}

.jezik {position:absolute; left:780px; top:5px;}
.jezik p {font-size:80%;}
.jezik img {width:30px; height:20px; float:left; margin-right:10px; margin-top:3px;}
.jezik a img {border:solid 2px #fff;}
.jezik a:hover img {border:solid 2px #1a3872;}



/*------------------------------------------------------------------------------------------------
#3.1 Button Styles
------------------------------------------------------------------------------------------------*/
a.lbutton{display:block; float:left; font-weight:bold; font-size:100%; font-family: arial, sans-serif; color:#fff; text-decoration:none; background:url(images/gumb.png) no-repeat left top; height:27px; width:122px; margin-bottom:3px;}
a.lbutton span{display:block; float:left; background:url(images/gumb.png) no-repeat right top; height:27px; cursor:pointer; width:122px;}
a.lbutton span h2{padding-left:10px; padding-top:3px; font-size:100%;}
a.lbutton:hover{background-position:0px bottom; color:#2b4d60;}
a.lbutton:hover span{background-position:right bottom;}


/*------------------------------------------------------------------------------------------------
#4 Body Styles
------------------------------------------------------------------------------------------------*/

div#side-a {float:left; width:250px; height:100%;}
div#side-b { margin:0; float:left; width:580px; height:1% /* Holly hack for Peekaboo Bug */ }
div#ovaj {overflow:hidden; height:100%;}

.lijevi_menu {margin-left:20px; margin-top:30px; width:230px; height:400px;}
.blok {margin-left:20px; margin-bottom:250px;}
.blok h2 {color:#002950; font-size:100%;}
.blok p {color:#002950; font-size:80%;}
.blok p a {color:#fff; text-decoration:none;}
.blok p a:hover {color:#1a3872; text-decoration:none;}
.najava_slika {width:196px; height:108px; display:block; margin-top:5px; margin-bottom:10px;}
a img {border:solid 4px #fff; width:196px; height:108px; display:block;}
a:hover img {border:solid 4px #1a3872;}

.tekst {margin-left:20px; margin-top:30px;}
.tekst h1 {margin-bottom:20px; color:#002950; font-size:120%;}
.tekst p {margin-bottom:10px; color:#002950; font-size:90%;}
.tekst p a {margin-bottom:10px; color:#fff; font-size:90%;}
.tekst p a:hover {margin-bottom:10px; color:#002950; font-size:90%;}

.slike a {margin-right:10px; margin-top:10px; float:left; display:inline-block;}
.slike img {height:160px; width:auto;}

.slike_galerija a{margin-right:10px; margin-top:10px; float:left; display:inline-block;}
.slike_galerija img {height:100px; width:auto;}
.slike_galerija p {color:#002950; font-size:90%;}
.slike_galerija p a {color:#fff; font-size:90%; text-decoration:none;}
.slike_galerija p a:hover {color:#002950; font-size:90%;}


/*------------------------------------------------------------------------------------------------
#4.1 Special each page different
------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
#5 Footer Styles
------------------------------------------------------------------------------------------------*/

.logo {margin-left:10px; top:0px; display:inline-block;}
.logo h4 {margin-left:120px; margin-top:-10px; display:inline;}
.logo h4 {color:#fff; font-size:60%; font-weight:normal; text-align:center;}
.logo h4 a {color:#fff; text-decoration:none;}
.logo h4 a:hover {color:#1a3872;}

/* The End--------------------------------------------------------------------------------------*/