/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:url(images/main-bg.gif) 0 0 repeat-x #fff;
	color:#5F7A77;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

a:link {
	color: #09F;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #09F;
}
a:hover {
	text-decoration: underline;
	color: #09F;
}
a:active {
	text-decoration: none;
}

/*----MAIN PANEL----*/
#mainPan{width:778px; position:relative; margin:0 auto;}

/*----TOP PANEL----*/
#topPan{width:778px; height:65px; background:url(images/topbg.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
#topPan img.logo{
	width:302px;
	height:60px;
	position:absolute;
	top:1px;
	left:92px;
}
#topPan p.caption{
	width:336px;
	background:#fff;
	color:#3CF;
	position:absolute;
	top:32px;
	left:409px;
	height: 20px;
	font-size: 15px;
	text-align: right;
}
#topcontactPan{
	width:93px;
	height:64px;
	position:absolute;
	top:0px;
	left:748px;
	padding:1px 0 0;
	background-image: url(images/topbg2.jpg);
}

#topcontactPan p.callus{width:63px; height:17px; display:block; background:#DDC40C; color:#fff; font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.tollfree{width:63px; height:20px; display:block; background:#fff; color:#A99607; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.phoneno{width:88px; height:28px; display:block; position:absolute; top:7px; left:91px; background:#fff; color:#00473E; border:1px solid #A2C1C0; font-size:11px; line-height:14px; text-align:center;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{width:686px; height:153px; background:url(images/header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 92px;}

#headerPan ul.leftmenu{width:90px;}
#headerPan ul.leftmenu li{width:90px; height:20px; border-bottom:1px dashed #AECCCA;}
#headerPan ul.leftmenu li a{width:90px; height:20px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:20px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li a:hover{
	color:#305E5C;
	line-height:20px;
	text-decoration:none;
	padding:0 0 0 15px;
	background-color: #fff;
	background-image: url(images/bullet-hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
#headerPan ul.leftmenu li.active{
	width:90px;
	height:22px;
	display:block;
	background:url(images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	font-weight: bold;
}
#headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}

#headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:250px;}
#headerPan ul.botton li{float:left; height:45px;}
#headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}

#headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}

#headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{
	width:660px;
	background:url(images/bodybg.gif) 0 0 no-repeat;
	position:relative;
	margin:0 auto;
	padding:0px 0 0 14px;
}

#preamble h3 {
	background: url(road.gif) top left no-repeat;
	}
#stojeto h3 {
	height: 23px;
	background-image: url(images/stojeto.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#tretmani h3 {
	height: 23px;
	background-image: url(images/tretmani.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#posljedice h3 {
	height: 23px;
	background-image: url(images/posljedice.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#koliko h3 {
	height: 23px;
	background-image: url(images/koliko.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#dobrodosli h3 {
	height: 26px;
	background-image: url(images/dobrodosli.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#slanasoba h3 {
	height: 23px;
	background-image: url(images/slanasoba.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#haloterapija h3 {
	height: 23px;
	background-image: url(images/haloterapija.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#kontakt h3 {
	height: 23px;
	background-image: url(images/kontakt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#galerija h3 {
	height: 23px;
	background-image: url(images/galerija.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#priprema h3 {
	height: 23px;
	background-image: url(images/priprema.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

/*----Body Left Panel----*/
#leftPan{width:114px; float:left;}

#leftPan h2{width:114px; height:34px; background:#fff; color:#5F7A77; font-size:18px; line-height:34px;}

#leftPan ul{width:114px;}
#leftPan ul li{width:114px; height:24px;}
#leftPan ul li a{width:102px; height:24px; display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}
/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{
	width:678px;
	float:left;
	border-left:1px solid #C8E8E2;
	margin:10px 0 0;
	padding:3px 10px;
	text-align: justify;
	border-right: 1px solid #C8E8E2;
	background-color: #FFF;
	background-image: url(images/bodybgbott.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#rightPan p{
	padding:0 0 10px 0;
	text-align: justify;
}
#rightPan p.more{
	width:549px;
	height:10px;
	float:left;
	background:url(images/sky-color-bg.gif) 0 10px repeat-x;
	padding:0 0 10px 0;
}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}

#rightPan h2{width:96px; height:77px; float:left; display:block; background:url(images/icon3.jpg) 8px 38px no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}

#rightPan ul.services{width:137px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.services li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.services li{width:137px; height:20px;}
#rightPan ul.services li a{width:125px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.services li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#rightPan ul.servicestwo{width:137px; height:114px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5;  border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.servicestwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.servicestwo li{width:137px; height:20px;}
#rightPan ul.servicestwo li a{width:125px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.servicestwo li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

#rightPan ul.events{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li{width:305px; height:20px;}
#rightPan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{
	height:30px;
	background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0;
	color:#2F5958;
	position:relative;
	clear:both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
}
#footerPan{width:778px; position:relative; margin:0 auto;}

#footerPan ul{
	width:608px;
	height:33px;
	position:relative;
	margin:0 auto;
}
#footerPan li{
	float:left;
}
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{
	width:650px;
	margin:10px 0 0 92px;
}

#footerPan ul.templateworld{
	width:600px;
	background:#D3F0F0;
	color:#007163;
	display:block;
	font-size:10px;
	position:absolute;
	top:59px;
	left:121px;
}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;}
#footerPanhtml a{width:64px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/
#mainPan #bodyPan #rightPan #participation {
	background-image: url(images/participation.gif);
	background-repeat: no-repeat;
}

/***************************************************
 Stylever
 ***************************************************/

.buttonfixed{
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedtwit3{
background:url(img/twit3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedface3{
background:url(img/face3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedtechno3{
background:url(img/techno3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixeddigg3{
background:url(img/digg3.png) no-repeat 0 0; width:39px; height:40px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedspace3{
background:url(img/space3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixededin3{
background:url(img/edin3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedreddit3{
background:url(img/reddit3.png) no-repeat 0 0; width:39px; height:40px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedwebo3{
background:url(img/webo3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixeddeli3{
background:url(img/deli3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedstumb3{
background:url(img/stumb3.png) no-repeat 0 0; width:39px; height:39px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}
.buttonfixedasfalt3{
background:url(img/asfalt3.png) no-repeat 0 0; width:39px; height:40px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}

.buttonfixedmail3{
background:url(img/mail3.png) no-repeat 0 0; width:39px; height:40px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}

.buttonfixedasfaltblog3{
background:url(img/asfaltblog3.png) no-repeat 0 0; width:39px; height:40px;
display:block;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:5px;
}

.buttonfixed:hover, .buttonfixedtwit1:hover, .buttonfixedtwit2:hover, .buttonfixedtwit3:hover, .buttonfixedface1:hover, .buttonfixedface2:hover, .buttonfixedface3:hover, .buttonfixedtechno1:hover, .buttonfixedtechno2:hover, .buttonfixedtechno3:hover, .buttonfixeddigg1:hover, .buttonfixeddigg2:hover, .buttonfixeddigg3:hover, .buttonfixedreddit1:hover, .buttonfixedreddit2:hover, .buttonfixedreddit3:hover, .buttonfixedspace1:hover, .buttonfixedspace2:hover, .buttonfixedspace3:hover, .buttonfixededin1:hover, .buttonfixededin2:hover, .buttonfixededin3:hover, .buttonfixedwebo1:hover, .buttonfixedwebo2:hover, .buttonfixedwebo3:hover, .buttonfixeddeli1:hover, .buttonfixeddeli2:hover, .buttonfixeddeli3:hover, .buttonfixedstumb1:hover, .buttonfixedstumb2:hover, .buttonfixedstumb3:hover, .buttonfixedasfalt3:hover, .buttonfixedmail3:hover, .buttonfixedasfaltblog3:hover{
right:6px;
}