*{margin:0 auto;padding:0;background:none;width:auto;height:auto;font-family:Arial;font-size:11px;font-weight:normal;color:#FFFFFF;line-height:18px}
body{background:#93A5C4 url(images/back.jpg) repeat-x top left}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
a:focus{outline:none}
ul{list-style:none}
hr{ margin-bottom:2px}
h3{font-size:12px;line-height:16px;color:#000000;text-align:center}
h4, p{font-size:11px;line-height:15px;text-align:left}
h5{margin-left:4px;font-size:10px;color:#000000;line-height:12px;text-align:left}
header,nav,img,footer,#info-area,#kafsh,#shpeze,.vogel,.madhe,.menua,.menub,.info-segment,.lart,.mes,.panel{display:block}
header{width:990px;background-image:-moz-radial-gradient(center 39px 45deg, circle farthest-corner, #888888 80px, #555555 460px);background-image:-webkit-gradient(radial, 50% 39, 45, 50% 80, 460, from(#888888), to(#555555));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#888888)}
nav,footer{margin-top:3px;margin-bottom:2px;margin-right:auto; margin-left:auto;float:left;width:990px}
#container{margin-bottom:3px;padding-top:1px;padding-bottom:3px;width:990px;overflow:hidden;border-right:1px solid #cccccc;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc}
/* header */
#header{width:980px;height:78px}
#header h1{text-align:center}
#header h1 a{font-size:48px;font-weight:bold;color:#eeeeee;line-height:70px;letter-spacing:1px;text-shadow:2px 2px 3px #000000}
#header h1 a:hover{color:#cccccc;text-shadow:1px 1px 1px #000000}
#header img{padding-top:2px;width:74px;height:74px;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#header img:hover{border:none}
/* images */
img{border:1px solid #fff000;box-shadow:0 3px 5px #333333;-moz-box-shadow:0 3px 5px #333333;-webkit-box-shadow:0 3px 5px #333333;-o-box-shadow:0 3px 5px #333333}
img:hover{border:1px solid #777777;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
/*foto vogel*/
.vogel{width:984px}
.vogel img{margin:0 4px;float:left;width:154px;height:87px}
/*--------------------------------------------- njejte fund -----------------------------------------------------*/
/*foto madhe*/
.madhe,.madhep{width:988px}
.madhe img,.madhep img{margin:0 6px;float:left;width:233px}
.madhe img{height:140px}
.madhep img{height:100px}
/*--------------------------------------------- menua, menub ----------------------------------------------------*/
.menua,.menub{height:18px}
.menua{width:984px}
.menub{width:988px}
.menua a, .menub a{display:block;font-weight:bold;line-height:18px;text-align:center;letter-spacing:1px}
.menua a:hover, .menub a:hover{display:block;color:#cccccc}
.menua li, .menub li{float:left;border:1px solid #cccccc;box-shadow:0 2px 4px #333333;-moz-box-shadow:0 2px 4px #333333;-webkit-box-shadow:0 2px 4px #333333;-o-box-shadow:0 2px 4px #333333;background-image:-moz-radial-gradient(center 10px 45deg, circle farthest-corner, #777777 10px, #444444 100px);background-image:-webkit-gradient(radial, 50% 10, 10, 50% 10, 100, from(#777777), to(#444444));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#888888);background-color:#555555}
.menua li{margin:0 4px;width:154px}
.menub li{margin:0 6px;width:233px}
.menua li:hover, .menub li:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;filter:none;background:#444444}
/*--------------------------------------------- njejte fillim -----------------------------------------------------*/
/*lart, mes*/
.lart, .mes{width:974px;font-weight:bold;color:#000000;line-height:18px;text-align:center;letter-spacing:1px;border:1px solid #cccccc;box-shadow:0 2px 4px #333333;-moz-box-shadow:0 2px 4px #333333;-webkit-box-shadow:0 2px 4px #333333;-o-box-shadow:0 2px 4px #333333;background-image:-moz-radial-gradient(center 10px 45deg, circle farthest-corner, #999999 100px, #666666 490px);background-image:-webkit-gradient(radial, 50% 10, 10, 50% 100, 490, from(#999999), to(#666666));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#888888);background-color:#777777}
.lart a, .mes a{padding:0px 6px}
.lart a:hover, .lart a .current, .mes a:hover, .mes a .current{text-decoration:underline}
/*info: kontaktoni, mobilje me porosi, kopshti zoologjik, restorani*/
#info-area{width:988px}
.info-segment{margin:0 6px;float:left;padding:2px;width:229px;border:1px solid #cccccc;;box-shadow:0 2px 4px #333333;-moz-box-shadow:0 2px 4px #333333;-webkit-box-shadow:0 2px 4px #333333;-o-box-shadow:0 2px 4px #333333;background-image:-moz-radial-gradient(center 27px 45deg, circle farthest-corner, #888888 40px, #444444 200px);background-image:-webkit-gradient(radial, 50% 27, 45, 50% 80, 200, from(#888888), to(#444444));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#888888);background-color:#888888}
/*----------- panel ----------*/
.panel{padding:5px;position:absolute;top:-130px;left:-372px;width:388px;height:288px;border:1px solid #cccccc;border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-box-shadow:4px 4px 6px #444444;-webkit-box-shadow:4px 4px 6px #444444;box-shadow:4px 4px 6px #444444;background:#444444 url(images/lidhja-pz1.jpg) no-repeat}
.panel:hover{cursor:pointer;top:0px;left:0px;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out}
/*panel right, left*/
.right {padding-left:4px;float:right;width:160px;height:26px;border:1px solid #ffffff;background-color:#ff0000;opacity:.50}
.right a, .right a:visited{float:left;font:bold 10px Arial;line-height:12px;letter-spacing:1px}
.right a:hover, .left a:hover{color:#000000}
.left {margin-bottom:4px;padding-left:4px;float:right;width:378px;height:20px;border:1px solid #ffffff;background-color:#0000ff;opacity:.65}
.left a, .left a:visited{float:left;font:bold 12px Arial;line-height:20px}
/*--------------------------------------------- njejte fund -----------------------------------------------------*/
/*--- kafsh, shpeze fotomeny ---*/
#kafsh, #shpeze{margin-top:23px;position:relative;width:984px}
#kafsh li, #shpeze li{padding:0 4px;float:left}
#kafsh a, #shpeze a{float:left;background:url(images/kopshti.jpg) no-repeat;width:154px;height:80px;position:relative;display:block;border:1px solid #fff000;box-shadow:0 3px 5px #333333;-moz-box-shadow:0 3px 5px #333333;-webkit-box-shadow:0 3px 5px #333333;-o-box-shadow:0 3px 5px #333333}
#kafsh a:hover, #shpeze a:hover{border:1px solid #777777;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
#kafsh a span, #shpeze a span{position:absolute;float:left;display:block;left:-1px;top:-23px;width:154px;vertical-align:middle;cursor:pointer;font-size:12px;line-height:16px;text-align:center;border:1px solid #cccccc;box-shadow:0 2px 4px #333333;-moz-box-shadow:0 2px 4px #333333;-webkit-box-shadow:0 2px 4px #333333;-o-box-shadow:0 2px 4px #333333;background-image:-moz-radial-gradient(center 10px 45deg, circle farthest-corner, #888888 10px, #555555 100px);background-image:-webkit-gradient(radial, 50% 10, 10, 50% 10, 100, from(#888888), to(#555555));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#888888);background-color:#666666}
#kafsh a:hover span, #shpeze a:hover span{color:#cccccc;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;filter:none;background:#444444}
/*--- kafsh fotomeny ---*/
#kafsh .maca{background-position:0 0}
#kafsh .dreni {background-position:-154px 0}
#kafsh .ariu{background-position:-308px 0}
#kafsh .qeni{background-position:-462px 0}
#kafsh .lepuri{background-position:-616px 0}
#kafsh .shpeze{background-position:-770px 0}
/*--- shpeze fotomeny ---*/
#shpeze .papagaj{background-position:0 -80px}
#shpeze .palloja{background-position:-154px -80px}
#shpeze .mjellma{background-position:-308px -80px}
#shpeze .shota{background-position:-462px -80px}
#shpeze .lejleku{background-position:-616px -80px}
#shpeze .shqiponja{background-position:-770px -80px}
