/* BEGIN CSS RENDERING */


body {
    margin: 0;
	padding: 0 0 20px 0;
	background: url(images/bg.jpg) repeat-x;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
   outline: none;
   color: #000000;
   text-decoration: none;
}

a:hover {
   color: #000000;
   border-bottom: 1px dotted #000000;
}

p {
   text-align: justify;
   padding: 0 0 15px 0;
}

h1 {
   font-size:  15px;
   	border-bottom: 1px #A47E11 dotted;
}

h2 {
    width: 300px;
    font-size: 13px;
	border-bottom: 1px #A47E11 dotted;
}

h3 {
    font-size: 13px;
	width: 483px;
	background: url(images/h3.jpg) no-repeat;
	padding: 5px 5px 5px 15px;
	color: #fff;
	margin-bottom: 0px;
	
}

h4 {
    padding: 12px 0 0 0; margin: 0 0 10px 0;
    font-size: 13px;
	border-bottom: 1px #A47E11 dotted;
}

table { border: 1px dotted #666666; border-style: dotted; } 

td { border: 1px dotted #666666; border-style: dotted; } 

tr { border: 1px dotted #666666; border-style: dotted; } 

.list {
    margin: 0;
	background: url(images/ul.jpg) no-repeat top;
	width: 483px;
}

.list ul { 
margin: 0;
padding: 10px 0 20px 40px;
color: #AD8618;
 }
 
.list ul li {
   padding-bottom: 3px;
}


#header {
    width: 705px;
	padding: 30px 28px 0 29px;
	margin: 0 auto 0 auto;
	background: url(images/header.jpg) no-repeat;
}

#headerbg {
    width: 700px;
	height: 200px;
	background: url(images/header4bg.jpg) no-repeat;
}

#logo {
    width: 200px;
	height: 81px;
	margin: 0 0 0 28px;
}

#content {
    width: 709px;
	background: url(images/content.jpg) repeat-y;
	margin: 0 auto 0 auto;
	padding: 0 10px 10px 11px
}

#parteneri {
    width: 130px;
	height: 120px;
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #ccc;
}


#main {
	padding: 0px 25px 0px 25px;
	margin: 10px 0 0 0;
	text-align: justify;
	float: left;
}

#left { 
    width: 360px;
	float: left;
}

.desprenoi h1 { border: 0; text-decoration: none; }
.desprenoi h1 a { line-height: 0; font-size: 0; text-indent: -9999px; border: 0; text-decoration: none; display: block; width: 350px; height: 80px; background: url(images/desprenoi.jpg) no-repeat; }
.desprenoi h1 a:hover { background: url(images/desprenoi.jpg) bottom no-repeat; border: 0; text-decoration: none; }

.oferta h1 { border: 0; text-decoration: none; }
.oferta h1 a { line-height: 0; font-size: 0; text-indent: -9999px; border: 0; text-decoration: none; display: block; width: 350px; height: 80px; background: url(images/oferta.jpg) no-repeat; }
.oferta h1 a:hover { background: url(images/oferta.jpg) bottom no-repeat; border: 0; text-decoration: none; }

.parteneri h1 { border: 0; text-decoration: none; }
.parteneri h1 a { line-height: 0; font-size: 0; text-indent: -9999px; border: 0; text-decoration: none; display: block; width: 350px; height: 80px; background: url(images/parteneri.jpg) no-repeat; }
.parteneri h1 a:hover { background: url(images/parteneri.jpg) bottom no-repeat; border: 0; text-decoration: none; }

.contact h1 { border: 0; text-decoration: none; }
.contact h1 a { line-height: 0; font-size: 0; text-indent: -9999px; border: 0; text-decoration: none; display: block; width: 350px; height: 80px; background: url(images/contact.jpg) no-repeat; }
.contact h1 a:hover { background: url(images/contact.jpg) bottom no-repeat; border: 0; text-decoration: none; }

#right { 
    width: 270px;
	float: left;
	padding: 0 0 0 20px;
}

.small { font-size: 11px; padding: 0 0 5px 0; }
.text { font-size: 12px; font-style: italic; padding: 0 0 5px 0; margin-bottom: 10px; border-bottom: 1px #A47E11 dotted; }


#sidebar {
    width: 135px;
	float: left;
}

#formular {
    float: left;
	padding: 10px 0 0 0;
}

#footer {
    width: 762px;
	margin: 0 auto 0 auto;
	
	background: url(images/footer.jpg) no-repeat;
}

#footer p {
    margin: 0;
    padding: 30px 0 20px 0;
    text-align: center;
	font-size: 10px;
	color: #666666;
}

.clear, .clear a, .clear a:hover {
clear: both; text-align: center; text-decoration: none; border: none;
}

/* fancy menu */


 	#fancymenu {
 text-align: center;
 position: relative;
 height: 25px !important;
 height: 29px;
 width: 696px;
background: url('images/menu.jpg') no-repeat top;
 padding: 2px 2px 3px 2px;
 overflow: hidden;
 margin: 0 0 0 2px;
}
	
.
#fancymenu ul {
 padding: 0 -20px;
 margin: 0;
}
  
 /* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li {
 float: left;
 list-style: none;
 margin-top: -7px !important;
 margin-top: 0px;
 text-align: center;
 vertical-align: middle;
 
 }
  
#fancymenu ul li a {
 /*text-indent: -500em;*/
 z-index: 10;
 display: block;
 float: left;
 height: 20px !important;
 height: 29px;
 position: relative;
 overflow: hidden;
border-bottom: none;
 vertical-align: middle;
 outline: none;
}
.menuItem {
  padding: 0 17px;
 /* width: 75px;*/
}
.menuItem a {
/* width: 75px;*/
 padding-top:2px !important;
 padding-top: 8px;
 }
  

  #fancymenu li.background {
 background: url('menu/bg_menu_right.png') no-repeat top right !important;
 background: url('menu/bg_menu_right.gif') no-repeat top right;
 z-index: 8;
 height: 25px !important;
 height: 29px;
 position: absolute;
 visibility: hidden;
 margin-top:-10px !important;
 margin-top: 0;
 }
  
 #fancymenu .background .left {
 background: url('menu/bg_menu.png') no-repeat top left !important;
 background: url('menu/bg_menu.gif') no-repeat top left;
 height: 25px !important;
 height: 29px;
 margin-right: 7px; /* 7px is the width of the rounded shape */
 margin-top: 0px;
 }

#nav {
    font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:8pt;
   color:#000;
   font-weight:700;
   padding-bottom:10px;
   text-decoration:none;
   margin-left: auto;
   margin-right: auto;
   padding-left: 0;
}

#nav a {
   color:#fff;
   text-decoration:none;
}

#nav a:active {
   color:#fff;
}

#nav a:hover {
   color:#fff;
   font-size:8pt;
   padding-bottom:2px;
}



#gallery {position:relative; width:483px; margin:20px auto 0 auto; padding:10px 10px 0 10px; border:0px solid #fff; background:#CCA332 url(images/gallerytop.jpg) no-repeat top;}
#images { height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:469px; height:275px; padding:5px;  background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:479px; height:100px; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:130px; width:479px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin: 0 5px 0 0; cursor:pointer; padding: 0;}
#thumbs ol li, li, ol { margin: 0; padding: 0; }
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:275px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

#bottom {background:#CCA332 url(images/gallerybottom.jpg) no-repeat; height: 18px; width: 503px; margin: 0 auto;}


/*-----------------------------------------*/
/* Subsection Tabs
--------------------*/

#tabs ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #AFAEAE;
	height:20px;
	clear:both;
	font-size: 11px;
	font-weight: bold;
}

#tabs ul.subsection_tabs li.tab {
	float:left;
	margin-right:5px;
	text-align:center;
}

#tabs ul.subsection_tabs li.tab a {
	display:block;
	height:17px;
	padding:3px 0 0 0;
	background-color:#fff;
	color:#3b3b3b;
	width: 82px;
}

#tabs ul.subsection_tabs li.tab a:hover { color:#3b3b3b; }
#tabs ul.subsection_tabs li.tab a.active { color: #FFFFFF; background: url(images/tab.jpg) no-repeat; }
#tabs ul.subsection_tabs li.source_code { float:right; }


#topentries ul { margin: 15px 0 0 5px; padding: 0 0 0 0; }
#topentries li { list-style-type: none; padding: 0 0 7px 12px; color: #565555; background: url(images/dot.jpg) no-repeat; }
#topentries li a { color: #000000; width: 215px; padding-right: 30px; display: block; }
#topentries li a:hover { color: #000000; background: url(images/arrow.jpg) right no-repeat; }

#latest ul { margin: 15px 0 0 5px; padding: 0 0 0 0; }
#latest li { list-style-type: none; padding: 0 0 7px 12px; color: #565555; background: url(images/dot.jpg) no-repeat; }
#latest li a { color: #000000; width: 215px; padding-right: 30px; display: block; }
#latest li a:hover { color: #000000; background: url(images/arrow.jpg) right no-repeat; }

#categories ul { margin: 15px 0 0 5px; padding: 0 0 0 0; }
#categories li { list-style-type: none; padding: 0 0 7px 12px; color: #565555; background: url(images/dot.jpg) no-repeat; }
#categories li a { color: #000000; width: 215px; padding-right: 30px; display: block; }
#categories li a:hover { color: #000000; background: url(images/arrow.jpg) right no-repeat; }