BODY {margin:0; padding:0; overflow:none;text-align:center;}
* { font-family: "Trebuchet MS",Verdana,Sans-Serif;color:#828282;
}
html, body {
		height:100%;
		}

#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-325px; /* half of container's height */
		float:left;
		}

/*#center {width:800px; height:600px; position:absolute; top:50%; left:50%; margin:-300px auto auto -400px; border:1px solid black; text-align:center; background: url('../img/main_bg2.png') 0 0  repeat-y;}
*/

#center { 	margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:650px;
		width:800px;
		clear:left;
}

/*#center { position: absolute; top: 50%; width: 100%; height: 635px; margin-top:-305px;overflow:none; min-width:800px; min-height:635px;}
*/
#main2   {  position: absolute; padding: 0;  text-align: left; width: 800px; height:635px; 
 }
#main { position: absolute; margin:0px;  background-color: #fff;height:602px; text-align:center; }


ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	} 

a { font-weight:bold; color:#acacac;text-decoration:none;  }



.foot { font-size:0.7em}

H1, strong{ color:#828282;    }


#left {position:absolute; top:162px;left:0px; width:190px;  /*background:#ddeeee;*/ z-index:13; height:440px; }


#content {position:absolute; left:191px; top:162px; height:440px;width:609px;  overflow:hidden;
     }

     
     
#key_visual { position:absolute; left:70px; top:110px; ; border:1px solid white; background:#fff;  z-index:10;}     
     
     
#text-content { 	font-size: 0.8em; margin:0; margin-top:20px; padding:0 15px;   text-align:left;   color:#000;   } 
#text-content p { /*text-indent:40px; */ color:#000;}



div#menu-top { position:static;left:0px; top:0px; height:40px;background:#fff; width:100%; z-index:10; }
div#menu-top li {   float:left; text-align:center;display:block; line-height:16px; }  
div#menu-top li a:link ,div#menu-top li a:visited {  text-decoration:none;  display:block; height:30px; width:160px; background-color:#FFFFFF;padding-top:3px; padding-bottom:5px; border-top:1px solid #fff }  

li.menu1 {  background-color:#dcdcdc }
li.menu2 {  background-color:#dcb4b4 }
li.menu3 {  background-color:#b4b4dc  }
li.menu4 {  background-color:#b4dcb4 }
li.menu5 {  background-color:#dcdcb4 }
li.menu6 {  background-color:#dcdcb4 }

div#menu-top li.menu1 a:hover {  background-color:#dcdcdc; border-top:1px solid #fff; color:#000; }
div#menu-top li.menu2 a:hover {  background-color:#dcb4b4; border-top:1px solid #fff; color:#000;}
div#menu-top li.menu3 a:hover {  background-color:#b4b4dc; border-top:1px solid #fff; color:#000;  }
div#menu-top li.menu4 a:hover {  background-color:#b4dcb4; border-top:1px solid #fff; color:#000; }
div#menu-top li.menu5 a:hover {  background-color:#dcdcb4; border-top:1px solid #fff; color:#000; }
div#menu-top li.menu6 a:hover {  background-color:#dcdcb4 ; border-top:1px solid #fff; color:#000;}



div#menugal li {   float:left; text-align:center;display:block; line-height:16px; }  
div#menugal li a:link, div#menugal li a:visited { color:#fff;  text-decoration:none;  display:block; height:20px; width:189px; background-color:#dcdcdc;padding-top:5px;border-bottom:2px solid #fff;}  

div#menugal li a:hover {  color:#000; background-color:#ccc; }

#head{ position:absolute; left:0px; top:40px; height:120px; background:#dcdcdc; border-bottom:2px solid #fff; width:100%;}
#head img {margin-left:50px;margin-top:10px; float:left; }

.head-text { margin:0px;   }

.head-text H1{ font: 80%/1.6 "Trebuchet MS",Verdana, "Geneva CE", lucida, sans-serif; ;line-height:100%;font-size:200%;    margin: 0em;  padding: 0px; padding-top:15px;padding-left:0px;    color: #fff;   }
.head-text p {clear:both;font: 80%/1.6 "Trebuchet MS",Verdana, "Geneva CE", lucida, sans-serif; ;line-height:100%;font-size:100%;  font-weight:bold; color: #fff; margin:0;text-align:right; padding-right:50px;}



#heading{position:absolute; left:0px; top:288px; height:36px; width:234px;background:#334444;z-index:1 }



.block {margin:0px;padding:8px;	font-size: 0.8em;}
.block ul {list-style:none; }
.block ul li {background: url(../img/arroe.gif) no-repeat scroll left top; padding-left:10px;padding-bottom:5px; z-index:10;}     
.block a { text-decoration:none; color:#000; }  
.block a:hover { text-decoration:underline; }  
.block H3 {     margin:0;   	font-size: 1.2em;  	border:0px;     }   
.block p { text-indent:40px; }
  


.right {text-align:right;}


.text ul {	margin: 1em 1em; font-size: 1em;		}
.text li {		padding: 0 0 0 40px;		margin-bottom: 1.2em;
		    background: url(../img/point_new.gif) left top no-repeat ;
	     font-size: 1em;	
	       }
.text sup { font-size: 0.7em;  }
.inner ul {		list-style-type: none;	}
.inner li { background: url(../img/arroe.gif) no-repeat scroll left top;  line-height:14px;padding-left:10px;padding-bottom:3px; z-index:10;margin-left:60px;    	}


h3 {		font-size: 1.2em; color:#828282;  
		border-bottom: 1px solid #828282;
		padding-bottom: .6em;
		margin: 2em 0 .6em 0;
		clear: both;
	}
H4 	{		font-size: 0.95em; color:#adadad;  
		border-bottom: 1px solid #adadad;
		padding-bottom: .3em;
		margin: 2em 0 .5em 0;
		clear: both;
	}
	
hr {  	clear: both;  color:#ffffff; height:0px;  }	
#copyleft {position:absolute;bottom:0px; font-size: 0.65em; margin:0px;  font-weight:bold;width:800px}	




form {  margin: 0;  padding: 0;  min-width: 300px;  max-width: 400px;  width: 400px; }
form fieldset {  border-color: #000;  border-width: 1px;  border-style: solid;  padding: 10px;       margin: 0;}
form fieldset legend {	font-size:1.1em;   font-weight:bold;    }
form label { 	display: block;  	float: left; 	width: 100px; 	padding: 0; 	margin: 5px 0 0; 	text-align: right; }
form fieldset label:first-letter { 	text-decoration:underline;    }
.nofirst  {	color:white;}
form input, form textarea { 	width:auto; margin:5px 0 0 10px; font-size:12px; }
form input#reset {	margin-left:0px;}
textarea { overflow: auto; }
form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}
form .required{font-weight:bold;} 

form br {
	clear:left; 
}

.newwindow { background-image:url(../img/new-window.gif); background-repeat:no-repeat; background-position: right center; padding-right:10px;}




/* GALLERY*/
ul#gallery {margin:0px 0px 0px 40px;   
       #margin:0px 0 0px -40px; 
       _margin:0px 0px 0px 15px; 
       ~margin:0px 0px 0px 25px; 
     list-style:none; }
/*     
ul#gallery li#first { border-top:1px solid #ccc; }
ul#gallery li { clear:both; width:100px; position:relative; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { left:100px; }
ul#gallery li a { display:block; width:100px; padding:15px 0; color:#000; text-decoration:none; border-bottom:1px solid #ccc; }
ul#gallery li a:hover { background-color:#fafafa; } */



ul#gallery ul { list-style:none; margin:0px;margin-top:10px; width:120px;z-index:4;   }
ul#gallery ul li { display:inline; text-align:left; clear:none; position:static; z-index:4; } 
ul#gallery ul li a { margin:2px; padding:0px; position:relative; float:left;  text-align:center;
   display:table-cell;   vertical-align:middle; width:30px; height:30px; border:0px; background-color:#fff;overflow:hidden
   _font-family:monospace;
    _font-size:24px;
    _line-height:100%
   }
ul#gallery ul li a:hover { z-index:2; background-color:#f0f0f0; }
ul#gallery ul li a img {  border:0px;  margin:auto;vertical-align:middle; }

ul#gallery ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img {  z-index:2000; }



	
li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 213px;
	
	width:190px;
	}
		
li:hover ul , li.over ul { display: block;  }  /* The magic */

li ul li { width:200px;     }

div#ponuka p { font-size:11px;padding:2px 10px; font-style:italic;}
table#ponuka {font-size:11px;text-align:left;border:1px solid #666;margin:10px; border-collapse:collapse; }
table#ponuka th, table#ponuka td { border:1px solid #666;margin:10px; padding:2px 5px}

table#ponuka td span {font-style:italic;text-decoration:underline}

table#ponuka th { font-size:13px; color:#000;background-color:#dcb4b4;}
