/*------------------------------------------------------------------------------------------------
Author Name: Hrvoje Mesec
Web Page: www.panaceo.hr
Date of Creation: 5.2.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: verdana, sans-serif; font-size:80%; background-color:#f4f4f4;}

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#gore {width:100%; background-color:#f4f4f4; }
div#dno {height:40px; background-color:#d9d9d9;}
div#dolje {margin-top:-20px;}

.wrapper {width: 100%; margin:auto;}
.left {width: 280px; float: left; background-color:#b9b9b9; padding-bottom:13000px; margin-bottom:-13000px; border-right:2px solid #ffffff; min-height:1000px; margin-right:25px;}
.right {width: 280px; float:right; background-color:#d9d9d9; padding-bottom:13000px; margin-bottom:-13000px; border-left:2px solid #ffffff; margin-left:25px;}
.center {background-color:#f4f4f4; padding-bottom:13000px; margin-bottom:-13000px;}
.centar {overflow:hidden;}
* html div#sredina .center {display: inline-block;}

div.holder {overflow:hidden; width:100%;}


/*------------------------------------------------------------------------------------------------
#3 Header Styles
------------------------------------------------------------------------------------------------*/
div#slika_naslovna{width:1000px; margin:auto; height:100px;}
div#s_vulkan{position:absolute; left:40px; top:1px;}
div#s_logo{position:absolute; left:50%; top:3px; margin-left:-310px;}
div#s_kamen{position:absolute; right:65px; top:1px;}

div#strafta1{width:100%; background-color:#a40a0a; height:30px; display:block; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; z-index:0; position:relative;}
div#meni_glavni {width:690px; margin-left:auto; margin-right:auto; height:30px; z-index:100; position:relative;}
div#meni_glavni ul {list-style-type:none;}
div#meni_glavni ul li {padding:8px 0px 8px 0px; display:inline-block; background-color:#a40a0a; float:left; position:relative;}
div#meni_glavni ul li h3{font-size:80%; color:#ffffff;}
div#meni_glavni ul li h3 a{text-decoration:none; color:#ffffff; padding:8px 6px 10px 6px; border-left:1px solid #ffffff;}
div#meni_glavni ul li h3 a:hover {background:url(images/strafta_izbornik.jpg) repeat-x; color:#a40a0a;}

.lbutton {margin-left:65px; z-index:1000;}
.lbutton1 {margin-top:5px; margin-left:5px; z-index:1000;}
.lbutton2 {margin-top:2px; margin-left:5px; z-index:1000;}
.lbutton3 {margin-top:2px; margin-left:5px; z-index:1000;}

/*------------------------------------------------------------------------------------------------
#3.1 Button Styles
------------------------------------------------------------------------------------------------*/
a.lbutton{display:block; float:left; font-weight:bold; font-size:85%; font-family:Verdana, sans-serif; color:#fff; text-decoration:none; background:url(images/buttnbg.png) no-repeat left top; height:20px; width:110px; text-align:center;}
a.lbutton span{display:block; float:left; background:url(images/buttnbg.png) no-repeat right top; height:20px; line-height: 20px; padding-left:5px; padding-right:20px; margin-left:15px; cursor:pointer; width:110px;}
a.lbutton:hover{background-position:0px bottom; color:#a40a0a;}
a.lbutton:hover span{background-position:right bottom;}

.1 { display:block;}
a.lbutton1{display:block; float:left; font-size:85%; font-family:Verdana, sans-serif; color:#fff; text-decoration:none; background:url(images/buttnbg_lijevo_1.png) no-repeat left top; height:20px; width:205px;}
a.lbutton1 span{display:block; float:left; background:url(images/buttnbg_lijevo_1.png) no-repeat right top; height:20px; line-height: 20px; padding-right:20px; margin-left:15px; cursor:pointer; width:205px;}
a.lbutton1:hover{background-position:0px bottom; color:#a40a0a;}
a.lbutton1:hover span{background-position:right bottom;}

a.lbutton2{display:block; float:left; font-size:85%; font-family:Verdana, sans-serif; color:#fff; text-decoration:none; background:url(images/buttnbg_lijevo_2.png) no-repeat left top; height:20px; width:205px;}
a.lbutton2 span{display:block; float:left; background:url(images/buttnbg_lijevo_2.png) no-repeat right top; height:20px; line-height: 20px; padding-right:20px; margin-left:15px; cursor:pointer; width:205px;}
a.lbutton2:hover{background-position:0px bottom; color:#a40a0a;}
a.lbutton2:hover span{background-position:right bottom;}

a.lbutton3{display:block; float:left; font-size:85%; font-family:Verdana, sans-serif; color:#fff; text-decoration:none; background:url(images/buttnbg_lijevo_3.png) no-repeat left top; height:20px; width:205px;}
a.lbutton3 span{display:block; float:left; background:url(images/buttnbg_lijevo_3.png) no-repeat right top; height:20px; line-height: 20px; padding-right:20px; margin-left:15px; cursor:pointer; width:205px;}
a.lbutton3:hover{background-position:0px bottom; color:#a40a0a;}
a.lbutton3:hover span{background-position:right bottom;}

/*------------------------------------------------------------------------------------------------
#4 Body Styles
------------------------------------------------------------------------------------------------*/
div#carousel{background-color:#; width:600px; height:400px; border:none; position:absolute; left:-185px; top:-100px;}
div#carousel img{width:100%;border:none;}

div#glavni_tekst{margin-right:15px; height:auto;}
div#glavni_tekst_naslov{height:15px; display:block;}
div#glavni_tekst_naslov h2{padding:10px 10px; color:#000000; font-size:85%;}
div#glavni_tekst_naslov h3{color:#000000; font-size:85%;}
div#glavni_tekst_sadrzaj {padding-top:10px;}
div#glavni_tekst_sadrzaj p{padding-top:10px; color:#000000; font-size:85%; text-align:justify;}
div#glavni_tekst_sadrzaj p a{color:#a40a0a; text-decoration:none;}
div#glavni_tekst_sadrzaj p a:hover{color:#000000;}
div#glavni_tekst_sadrzaj b{color:#000000; font-weight:normal;}
h3.toggler {cursor:pointer;}

div#sporedni_tekst{width:250px; height:auto;}
div#sporedni_tekst_naslov{height:15px; display:block;}
div#sporedni_tekst_naslov h3{padding-top:10px; color:#632423; font-size:75%; text-align:center;}
div#sporedni_tekst_sadrzaj {padding:10px 5px 10px 5px;}
div#sporedni_tekst_sadrzaj p{color:#632423; font-size:75%; text-align:center; font-weight:900;}
div#sporedni_tekst_sto{width:230px; margin:auto; height:auto; border:2px solid #d4b41e; background-color:#b9b9b9;}

div#slika_dno{float:left; padding-top:5px;}
div#slika_lijevo{float:left; padding-top:10px; width:150px;}

.height_1 {height:10px;}
.height_2 {height:20px;}
.height_3 {height:30px;}
div#d_100posto {margin-left:65px;}
div#d_anti {margin-left:55px;}
div#d_resetka {margin-left:80px;}
div#d_razmjena {height:135px; width:230px;}
div#d_razmjena_tekst h3 {height:15px; display:block;}
div#d_razmjena_tekst h3 {color:#707070; font-size:85%; text-align:center;}

/*------------------------------------------------------------------------------------------------
#4.1 Special each page different
------------------------------------------------------------------------------------------------*/
.pp img {border:none; width:75px; height:auto; padding:10px 11px 20px 11px; padding-bottom:60px;}
.pp a img{}
.pp a:hover img{background-color:#b9b9b9; padding-bottom:60px;}
.pp {float:left; position:relative;}

.pt {position:absolute; top:130px; text-align:center; padding:5px; left:0px;}
.pt p {color:#000000; text-align:center; z-index:100;}
.pt a p{color:#000000; text-decoration:none;}
.pt a:hover p{color:#a40a0a;}

div#slike_zeolit {width:350px; height:auto; margin:auto; padding:20px 0px 20px 0px; position:relative;}
div#slike_zeolit img{width:350px; height:auto; margin:auto; border:2px solid #d4b41e;}
div#slike_zeolit_tekst {display:block; text-align:center; margin-top:-5px;}
div#slike_zeolit_tekst p {color:#000000; text-align:center; font-style: italic}

div#slike_kocka2 {width:380px; height:auto; margin:auto; position:relative;}
div#slike_zeolit_1 {width:170px; height:auto; margin:auto; padding:20px 0px 20px 15px; position:relative; float:left;}
div#slike_zeolit_1 img{width:180px; height:auto; margin:auto; border:2px solid #d4b41e;}
div#slike_zeolit_tekst {display:block; text-align:center; margin-top:-5px;}
div#slike_zeolit_tekst p {color:#000000; text-align:center; font-style: italic}
div#slike_zeolit_tekst_manji p {color:#000000; text-align:center; font-style: italic; font-size:80%;}

div#glavni_tekst_sadrzaj ul {margin-left:50px; list-style-type:disc; padding-left:20px;}
div#glavni_tekst_sadrzaj ul li {color:#000000; font-size:85%;}

div#uvlaka {margin-top:5px;  padding-bottom:10px;}
div#uvlaka p {text-align:left; padding-top:0px;}
div#uvlaka b {font-weight:900;}
div#uvlaka ul {list-style-type:disc;}
div#uvlaka ul li {margin-left:-30px;}

div#cijena {margin-top:0px;}
div#cijena p {text-align:left; padding-top:0px; float:left;}

.slika_p {float:right; padding-left:10px;}

div#text_align {text-align:left;}
div#text_align p {text-align:left;}

div#sitemap h4 {padding-top:15px; color:#000000; font-size:100%;}
div#sitemap h4 a {text-decoration:none; color:#a40a0a;}
div#sitemap h4 a:hover {text-decoration:none; color:#000000;}
div#sitemap h5 {padding-top:5px; padding-left:5px; color:#000000; font-size:100%;}
div#sitemap h5 a {text-decoration:none; color:#a40a0a;}
div#sitemap h5 a:hover {text-decoration:none; color:#000000;}
div#sitemap h6 {padding-top:2px; padding-left:15px; color:#000000; font-size:100%;}
div#sitemap h6 a {text-decoration:none; color:#a40a0a;}
div#sitemap h6 a:hover {text-decoration:none; color:#000000;}
div#sitemap b {width:15px; float:left; color:#f4f4f4;}

.izjave {display:block;padding-top:20px; height:160px;}
.izjave img {display:block; border:2px solid #d4b41e; height:110px;}

div#boswelia b {font-weight:900;}

div#mejl input, div#mejl textarea {border:1px solid #b9b9b9;}

div#ref_lista {z-index:10;}
div#ref_lista ul {list-style-type:decimal;}
div#ref_lista ul li {padding:8px 10px 0px 0px;}
div#ref_lista a {text-decoration:none; color:#a40a0a;}
div#ref_lista a:hover {color:#000000;}

div#sitemap ul {list-style-type:none;}
div#sitemap ul li {margin-left:270px; font-size:100%;}

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


.marginbottom {margin:auto; background:url(images/fajla.png) no-repeat; width:120px; height:20px; z-index:100; margin-top:1px;}
.marginbottom p {color:#a40a0a; text-align:center; font-weight:900;}
.marginbottom p a {color:#000000; font-size:85%;}
.marginbottom p a:hover {color:#fff; color:#d9d9d9; background-color:#a40a0a;}
div#vertical_slide {background-color:#a40a0a; width:100%; padding:10px;}

div#vertical_slide h2{color:#fff; font-size:100%; font-weight:bold; text-align:center;}
div#vertical_slide h3{color:#fff; font-size:90%; font-weight:bold;}
div#vertical_slide h3 a{color:#fff; font-size:85%; font-weight:bold;}
div#vertical_slide h3 a:hover{color:#a40a0a; font-size:85%; font-weight:bold; background-color:#d9d9d9;}
div#vertical_slide h4 {color:#a40a0a; line-height:8px;}
div#vertical_slide p{color:#fff;}
div#vertical_slide p a{color:#fff; font-size:85%;}
div#vertical_slide p a:hover{color:#a40a0a; font-size:85%; background-color:#d9d9d9;}

div#dno p{color:#a40a0a; font-size:85%; text-align:center; padding-top:5px;}
div#dno p a{color:#000000;}
div#dno p a:hover{color:#d9d9d9; background-color:#a40a0a;}



div#commentboxdnon {background-color:#a40a0a; width:100%; padding:10px;}
div#commentboxdnon h2{color:#fff; font-size:100%; font-weight:bold; text-align:center;}
div#commentboxdnon h3{color:#fff; font-size:90%; font-weight:bold;}
div#commentboxdnon h3 a{color:#fff; font-size:85%; font-weight:bold;}
div#commentboxdnon h3 a:hover{color:#a40a0a; font-size:85%; font-weight:bold; background-color:#d9d9d9;}
div#commentboxdnon h4 {color:#a40a0a; line-height:8px;}
div#commentboxdnonp{color:#fff;}
div#commentboxdnon p a{color:#fff; font-size:85%;}
div#commentboxdnon p a:hover{color:#a40a0a; font-size:85%; background-color:#d9d9d9;}
div#dnon {margin:auto; background:url(images/fajla.png) no-repeat; width:120px; height:20px; z-index:100; margin-top:1px;}
div#dnon p {color:#a40a0a; text-align:center; font-weight:900;}
div#dnon p a {color:#000000; font-size:85%;}
div#dnon p a:hover {color:#fff; color:#d9d9d9; background-color:#a40a0a;}


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