/*------------------------------------------------------------------------------------------------
Author Name: Hrvoje Mesec
Web Page: www.igraonica-medvjedic-winnie.hr
Date of Creation: 23.1.2009.
Date of Last Update:
------------------------------------------------------------------------------------------------*/


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

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

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

body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:100%; color:#004dac; background:#55a9ff;}

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
------------------------------------------------------------------------------------------------*/

div#stranica {min-height:100%; height: auto !important; height:100%; margin: 0 auto -106px; width:100%;}

div#pozadina_1 {background:url(images/pozadina_1_gore.jpg) repeat-y top center; height:150px; width:100%; margin-left: auto; margin-right: auto;}
div#pozadina_2 {background:url(images/pozadina_2_koso.jpg) no-repeat top center; height:122px; width:100%; margin-left: auto; margin-right: auto;}
div#pozadina_3 {background:url(images/pozadina_3_blijedo.jpg) repeat-y top center; min-height:400px; height:100%;  width:100%; margin-left: auto; margin-right: auto;}
div#pozadina_4 {background:url(images/pozadina_4_dno.jpg) no-repeat top center; height:106px; width:100%; margin-left: auto; margin-right: auto; position:relative;}

/*------------------------------------------------------------------------------------------------
#4 Header Styles
------------------------------------------------------------------------------------------------*/

div#torta {background:url(images/torta.png) no-repeat; width:125px; height:160px; left:50%; top:35px; margin-left:-490px; position:absolute;}
div#medo {background:url(images/medo.png) no-repeat; width:175px; height:185px; left:50%; top:20px; margin-left:320px; position:absolute;}

div#praznina1 {margin-left:auto; margin-right:auto; width:740px; height:45px;}
div#izbornik {margin-left:auto; margin-right:auto; width:740px; height:60px; z-index:1; display:block;}
div#izbornik img {border:none; display:inline-block; margin:0px;}

div#izbornik_1 {background:url(images/izbornik.png) no-repeat 0px 0px; width:145px; height:60px; display:inline-block; z-index:100;}
div#izbornik_1:hover {background:url(images/izbornik.png) no-repeat 0px -60px; width:145px; height:60px; display:inline-block;}
div#izbornik_2 {background:url(images/izbornik.png) no-repeat -145px 0px; width:165px; height:60px; display:inline-block; z-index:100;}
div#izbornik_2:hover {background:url(images/izbornik.png) no-repeat -145px -60px; width:165px; height:60px; display:inline-block;}
div#izbornik_3 {background:url(images/izbornik.png) no-repeat -310px 0px; width:135px; height:60px; display:inline-block; z-index:100;}
div#izbornik_3:hover {background:url(images/izbornik.png) no-repeat -310px -60px; width:135px; height:60px; display:inline-block;}
div#izbornik_4 {background:url(images/izbornik.png) no-repeat -445px 0px; width:125px; height:60px; display:inline-block; z-index:100;}
div#izbornik_4:hover {background:url(images/izbornik.png) no-repeat -445px -60px; width:125px; height:60px; display:inline-block;}
div#izbornik_5 {background:url(images/izbornik.png) no-repeat -570px 0px; width:150px; height:60px; display:inline-block; z-index:100;}
div#izbornik_5:hover {background:url(images/izbornik.png) no-repeat -570px -60px; width:150px; height:60px; display:inline-block;}

div#pojas {margin-left:auto; margin-right:auto; width:1020px; height:auto;}
div#pojas img {display:inline;}
div#pojas a img {border:solid 1px #fcff00;}

div#sadrzaj {margin-left:auto; margin-right:auto; width:950px; height:auto;}
div#sadrzaj h1 {text-align:center;}

div#galerije img {margin:20px 0px 0px 35px;}

div#map_canvas {margin-left:auto; margin-right:auto; width:800px; height:auto; margin-top:20px; border: solid 2px #0065e2;}

div#video {display:inline-block; margin:20px 0px 0px 47px; float:left;}

div#praznina h3 {color:#0065e2;}
div#praznina h3 a {color:#9d9b00;}
div#praznina h3 a:hover {color:#0065e2; background:color:#9d9b00; display:inline-block; background:#fcff00;}

/*------------------------------------------------------------------------------------------------
#5 Body Styles
------------------------------------------------------------------------------------------------*/

div#sadrzaj p a, div#sadrzaj h1 a, div#sadrzaj h2 a, div#sadrzaj h3 a {color:#9d9b00;}
div#sadrzaj p a:hover, div#sadrzaj h1 a:hover, div#sadrzaj h2 a:hover, div#sadrzaj h3 a:hover {color:#0065e2; background:color:#9d9b00; display:inline-block; background:#fcff00;}
div a {text-decoration:none; border:none;}
div a:hover, div a:active {text-decoration:none; border:none;}
p {font-size:100%; font-weight:900; line-height:130%; color:#0065e2;}
h1 {font-size:190%; font-weight:900; padding:30px 0px; text-decoration:underline;}
h2 {font-size:160%; font-weight:900; padding-top:30px;}
h3 {font-size:140%; font-weight:900; padding-top:20px;}
small {font-size:80%; color:#0065e2;}
img {border: solid 2px #0065e2; display:inline-block; margin:20px 0px 0px 45px;}
a img {border: solid 5px #9d9b00;}
a:hover img, a:active img {border: solid 5px #fcff00;}
b {color:#0065e2;}

/*------------------------------------------------------------------------------------------------
#6 Footer Styles
------------------------------------------------------------------------------------------------*/

div#poklon {background:url(images/gore_poklon.png) no-repeat; width:125px; height:130px; left:50%; margin-left:-480px; margin-top:-30px; position:absolute;}
div#baloni {background:url(images/gore_baloni.png) no-repeat; width:75px; height:165px; left:50%; margin-left:410px; margin-top:-90px; position:absolute;}
div#druzba {background:url(images/gore_druzba.png) no-repeat; width:250px; height:223px; left:50%; margin-left:-140px; margin-top:-250px; position:absolute;}

div#praznina {margin-left:auto; margin-right:auto; width:570px; height:60px;}

div#kramponi {margin-left:auto; margin-right:auto; width:570px; height:40px; z-index:1; display:block;}
div#dno_1 {background:url(images/dno_izbornik.png) no-repeat 0px 0px; width:110px; height:40px; display:inline-block; z-index:100;}
div#dno_1:hover {background:url(images/dno_izbornik.png) no-repeat 0px -40px; width:110px; height:40px;}
div#dno_2 {background:url(images/dno_izbornik.png) no-repeat -110px 0px; width:120px; height:40px; display:inline-block; z-index:100;}
div#dno_2:hover {background:url(images/dno_izbornik.png) no-repeat -110px -40px; width:120px; height:40px;}
div#dno_3 {background:url(images/dno_izbornik.png) no-repeat -230px 0px; width:110px; height:40px; display:inline-block; z-index:100;}
div#dno_3:hover {background:url(images/dno_izbornik.png) no-repeat -230px -40px; width:110px; height:40px;}
div#dno_4 {background:url(images/dno_izbornik.png) no-repeat -340px 0px; width:100px; height:40px; display:inline-block; z-index:100;}
div#dno_4:hover {background:url(images/dno_izbornik.png) no-repeat -340px -40px; width:100px; height:40px;}
div#dno_5 {background:url(images/dno_izbornik.png) no-repeat -430px 0px; width:110px; height:40px; display:inline-block; z-index:100;}
div#dno_5:hover {background:url(images/dno_izbornik.png) no-repeat -430px -40px; width:110px; height:40px;}

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