/* CSS Document */

body{margin:0px; padding:0px; background:url(images/main-bg1.gif) 0 0 repeat-x #ededed; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
.bodyfirst{margin:0px; padding:0px; background:url(images/main-bg1.gif) 0 0 repeat-x ; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:778px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
/*
#topPan ul.eden{width:264px; height:22px; position:absolute; top:0px; right:0px; }
#topPan ul.eden li{float:left; height:22px; font-size:12px; color:#FFFFFF; text-align:right; vertical-align:middle }
#topPan ul.eden li a{height:16px;  color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul.eden li a:hover{background:url(images/arrow1-hover2.gif);  #fe7e00; color:#FEF0B7; text-decoration:none;}

#topPan ul li.register{float:left; width:65px; height:22px;}
#topPan ul li.register a{width:65px; height:16px; display:block; background:url(images/arrow1.gif) 65px 6px no-repeat #fe7e00; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{background:url(images/arrow1-hover.gif) 65px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}
*/
#topPan ul.eden{width:264px; height:22px; position:absolute; top:0px; right:0px; }
#topPan ul.eden li{float:left; height:22px; font-size:12px; color:#FFFFFF; text-align:right; vertical-align:middle }
#topPan ul.eden li a{height:16px;  color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul.eden li a:hover{background:url(images/arrow1-hover2.gif);  #fe7e00; color:#FEF0B7; text-decoration:none;}

ul.eden0{width:840px; height:20px; position:relative; top:2px; }
ul.eden0 li{float:left; height:22px; font-size:12px; color:#FFFFFF; text-align:right; vertical-align:middle }
ul.eden0 li a{height:16px;  color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
ul.eden0 li a:hover{background:url(images/arrow1-hover2.gif);  #fe7e00; color:#FEF0B7; text-decoration:none;}


#menuPan ul li.home{width:110px; height:28px; background:#133469; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none; margin-top:1px; border-bottom:#000066 1px solid;  }

#menuPan ul li.contact a{width:100px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:100px; height:28px; background:#133469; color:#fff; border:none; text-decoration:none;}

#topPan img.logo{ position:absolute; top:64px; left:0px;}

#topPan p.callus{width:119px; height:25px; background:url(images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}
#topPan #slikicki {height:80px; width:490px;  position:absolute;  top:44px; left:290px;}


/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{width:778px; height:228px; position:relative; margin:0 auto;}
#headerleftPan{width:46px; height:228px; float:left; background:url(images/leftfolder.gif) 0 0 no-repeat;}
/*----Header Middle Panel----*/
#headermiddlePan{width:686px; height:228px; float:left;}

/*----Menu Panel----*/
#menuPan{width:686px; height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul li a{ vertical-align:middle; margin-top:1px;}
#menuPan ul li a:hover{ vertical-align:middle; margin-top:1px;}


/*----/Menu Panel----*/
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#ffffff; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}
/*---- Header Red Panel----*/
#headerleftredPanX{width:500px; height:123px; background:url(images/redpan-bg.jpg) 0 0 repeat-x ; color:#fff; position:absolute; top:32px; left:0px; padding-top:1px; margin-left:5px; }
#headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:29px; left:36px; text-transform:uppercase;}
#headerleftredPan h2 span{font-size:39px; line-height:30px;}

#headerleftredPan #flash2{font-size:20px; width:500px; height:121px; display:block; position:absolute; top:17px; left:10px; line-height:17px; text-align:center;} 
#headerleftredPan p span.largetext{font-size:24px; line-height:20px;} 

#headermiddleredPan{width:160px; height:123px; background:url(images/redpan-bg.jpg) 0 0 repeat-x ; vertical-align:middle; position:absolute; top:0px; left:508px; padding-top:1px;}
/*----Header MORE Panel----*/
#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#headermorePan a{width:39px; height:38px; display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan{width:46px; height:228px; float:left; background:url(images/rightfolder.gif) 0 0 no-repeat;}
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:686px; position:relative; margin:0 auto; background:url(images/bglogo.gif) right no-repeat;}
#bodyPanX{width:778px;  position:relative; margin:0 auto; margin-top:12px; margin-top:10px; padding-bottom:27px; }
#bodyPanX2{width:778px;  position:relative; margin:0 auto; margin-top:12px; margin-top:10px; padding-bottom:27px;}
#subbodyX{width:778px; background:url(images/petman/bgheader.gif) repeat-y;}
#bodyPan h2{width:300px; height:54px;  color:#133469; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodyPanX h2{width:600px; height:54px; padding-left:10px;  color:#133469; font:24px/52px "Trebuchet MS",Arial, Helvetica, sans-serif;}
.naslov{width:500px;  float:left; vertical-align:bottom; padding-left:10px;  color:#133469; font:24px/52px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; margin-bottom:-12px;}

#bodyPan p{padding:10px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:174px; height:22px; background:#e2e2e2; color:#000; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
#bodyPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}

/*----Body Bottom Panel----*/
#bodybottomPan{width:778px; position:relative; margin:0 auto; padding:30px 0 0 8px; margin:auto; padding:auto;}
/*----Bottom Left Panel----*/
#bottomleftPan{width:200px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin-left:30px; padding:3px;}
#bottomleftPan h2{width:250px; height:58px; background:url(images/icon1.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{width:200px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px; padding:3px}
#bottomrightPan h2{width:250px; height:58px; background:url(images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomrightPan ul{width:290px; margin:15px 0 0 50px;}
#bottomrightPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomrightPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:65px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:20px 0 0;}

#footerPan{width:700px; position:relative; margin:0 auto;}

#footerPan ul{width:590px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:220px; position:relative; margin:0 auto; color:#fff;  font-size:11px;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}

#Updated{width:100%; clear-both; margin-top:0px;  position:relative; margin:0 auto;  margin:auto; padding:5; text-align:right; color:#999999;}
/*----/FOOTER PANEL----*/

/*----START HTML PAGE----*/
.body2{margin:0px; padding:0px; background:url(images/main-bgstart.gif) 0 0 repeat-x #e2e2e2; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
.bodyfirst{background:url(images/main-bg1.gif) 0 0 repeat-x ; height:22px;}
.bodysec{background:url(images/main-bgsecond.gif) top left repeat-x #274e8a; min-height:150px; height: expression( document.body.offsetHeight - 550 + "px"); height:150px;}

.bodythird{background:url(images/mainbg3.gif) top left repeat-x #9c9c9b; height:227px; }

#headerPan2{width:840px; height:194px; position:relative; margin:0 auto;}
#topPan2 img.logo2{ position:absolute; top:64px; left:0px;}
#bodyPan2{width:840px; position:relative; margin:0 auto; background:url(images/bglogo.gif) right no-repeat;}
#topPan2{width:840px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan2 ul.eden{width:264px; height:22px; position:absolute; top:0px; right:0px; }
#topPan2 ul.eden li{float:left; height:22px; font-size:12px; color:#FFFFFF; text-align:right; vertical-align:middle }
#topPan2 ul.eden li a{height:16px;  color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan2 ul.eden li a:hover{background:url(images/arrow1-hover2.gif);  #fe7e00; color:#FEF0B7; text-decoration:none;}


/*----GALERIJA----*/
#bodyPan3{width:100%; min-height:400px; position:relative; margin:0 auto; background:url(images/bglogo.gif) right no-repeat; text-align:left; float:none;}
#bodyPan3 h2{width:300px; height:54px; background:#ededed; color:#133469; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#galerija{width:100%; height:415px; position:relative; margin:0;  background:url(images/bg_gallery2.gif) repeat-x #e0e0e0; padding-left:10px; padding-right:0px; text-align:center; clear: both;  }

#galerija_slika{ width:100%; height:100%; text-align:center;  vertical-align:bottom; padding-top:5px;}
#galerija_slika img{vertical-align:middle; text-align:center; border:0px;}
#galerija_slika3 img {float:left; margin:10px; margin-left:10px; margin-right:10px; border:1px solid #999999; }
#galerija_desno{ width:280px; height:318px; padding:auto;  float:right; position:relative; top:23px; text-align:left; margin-right:2px;  }
#galerija_dolu{width:100%; height:90px; min-height:90px;  background:url(images/bg_galerija_dolu.gif) repeat;   vertical-align:middle; padding-left:7px; padding-top:5px; text-align:center; margin-top:10px;}
#galerija_dolu img {float:left; margin:10px; margin-left:6px; margin-right:7px; }
#galerija_tekst{ padding:8px; height:50px; font-size:12px;}
#galerija_tekst2{ padding:10px; padding-left:17px; height:190px; padding-right:5px; clear:both; position:relative; vertical-align:bottom; font:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:13px;}
.tabactive{ background-color:#c2c4c6; width:130px; height:25px; float:left; vertical-align:middle; text-align:center; margin-left:2px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-weight:bold; padding-top:5px;}

.tabinactive{ background-color:#a4a6a9; width:130px; height:25px; float:left; vertical-align:middle; text-align:center; margin-left:2px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-weight:bold; padding-top:5px;}
a.kategorija {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-weight:bold; text-decoration:underline;}
a.kategorija:active, a.kategorija:visited{}
a.kategorija:hover, a.kategorija:visited:hover{text-decoration:none}


#picturePan{
	width:686px;
	text-align:center;
	position:relative;
	margin:0 auto;
}


#referenci a{font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#fb7d01;}
#referenci a:hover{  #fe7e00; color:#FEF0B7; text-decoration:none; color:#fb7d01}
#features {width: 290px; height:300px; font:13px Arial, Helvetica, sans-serif; float:left; position:relative; left:20px; background-color:#d6dfee; padding:0px; border:#fafafa 2px solid; vertical-align:bottom; clear:both;}
#features_naslov{width: 280px; height:30px; font:19px Arial, Helvetica, sans-serif bold; float:left; position:relative;  background-color:#d6dfee; padding-left:10px; background-color:#dde6f4; color:#15366c; vertical-align:middle; padding-top:10px;}
#benefits {width: 290px; min-height:400px; background:url(images/bglogo_services.gif) bottom  no-repeat; font:13px Arial, Helvetica, sans-serif; float:right;position:relative; right:20px; background-color:#d6dfee; padding:0px; border:#fafafa 2px solid; margin-bottom:10px;}

#bodyPan ul{
list-style-type:disc;
margin-left:40px;
}
#back{ float:right; text-align:right; display:inline; height:20px; vertical-align:top; }
.back2{ width:150px;  float:right; text-align:right; display:block; vertical-align:bottom;  padding-right:3px; padding-bottom:3px; }


#back a{ font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#fb7d01; height:25px; padding-bottom:10px;}
.back2 a{ font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#fb7d01; vertical-align:bottom; margin-bottom:9px; padding-bottom:3px;}

#pethome{ width:100px; height:20px; vertical-align:top;  float:right;  margin-top:13px; text-align:right;  padding-right:14px;  }
.bodyPet{ width:100%; }
.bodyPet2{ width:100%; background:url(images/bglogo3.gif) right no-repeat; }
.eventtd{ width:142px; height:128px; background:url(images/petman/bggalerija.jpg) top left no-repeat; text-align:center; vertical-align:top; padding-top:4px;}
.eventtd_golem{ width:181px; height:166px; background:url(images/petman/bggalerija_golem.jpg) top left no-repeat; text-align:center; vertical-align:middle; padding-top:4px;}
.eventtd_golem2{ width:181px; height:166px; background:none; text-align:center; vertical-align:middle; padding-top:4px;}
.eventtd_golem img{border-left:#666666 solid 1px;}
.eventtd2{ width:140px; height:125px; text-align:center; vertical-align:middle; }
.eventtd img{ float:left; margin:13px; margin-left:12px; margin-right:10px; border:1px solid #999999; }
.eventtitle{width:142px; height:40px; color:#133469; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; text-align:center; padding-right:4px; font-weight:bold; }
.eventtitle a{color:#133469; text-decoration:underline;}
#galerija_slika2 h3{color:#133469; font:20px/37px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; margin-left:5px; padding-left:24px;}

.zvukce{ width:30px; padding-left:0px;}