ul.sub{position: absolute; top: 0; left: 150px; z-index:10; width: 150px; visibility: hidden; padding-bottom: 1em;}
li.mainHover ul.sub{visibility: visible;}
li {behavior: url(hover.htc);}

body {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	background-image : url(img/bg0.gif);
	background-position : center;
	background-repeat : repeat-y;
}

#page {
	position: absolute;
	top: 0;
	left: 50%;
	width: 728px;
	margin-left: -364px;
}

#head {
	position: absolute;
	top: 0;
	left: 0;
	width: 728px;
	height: 139px;
	background-image : url(img/florence_header.jpg);
	background-repeat : no-repeat;
}

#theme {
	position: absolute;
	top: 0;
	left: 186px;
	width: 542px;
	height: 112px;

}

#pic {
	position: relative;
	top: -3px;
	width: 185px;
	background-color: #FFAC00;
	padding-top: 0;
	padding-bottom: 6px;
	border-bottom: 1px solid white;
}

#content {
	position: absolute;
	top: 140px;
	left: 186px;
	width: 542px;
	margin: 0;
	padding: 0;
}

/*--------- TITLES ------------ */
h1 {
	position: absolute;
	top: 90px;
	left: 14px;
	width: 156px;
	height: 40px;
	background-image : url(img/vialingualogo.gif);
	background-repeat : no-repeat;
	margin: 0;
	padding: 0;
}

h1 span {	display: none;}
h1 img {border: 0;}

h2 {
	position: relative;
	top: 0;
	left: 0;
	width: 542px;
	height: 40px;
	background-image : url(img/florence-subhead.jpg);
	background-repeat : repeat-x;
	color: white;
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
	
h2 span {
	position: relative;
	top: 0;
	left: 0;
	height: 40px;
	padding: 10px 0 0 35px;
	display: block;
}

h3 {	color: #FFA100;	margin: 1.1em 0 0.4em 0;	padding: 0;	font-size: 1.2em;}
h4 {	color: #FFA100;	margin: 1.1em 0 0.4em 0;	padding: 0;	font-size: 1em;}
h5 {	color: #FFA100;	margin: 1.1em 0 1em 0;	padding: 0;	font-size: 0.9em;}

/*-----------------TEXT AREA ------------------*/
#text {
	position: relative;
	top: 0;
	left: 17px;
	width: 506px;
	margin: 1em 0 0 0;
	padding: 0;
}

 p {
	line-height: 1.5em;
	text-indent: 1.5em;
	margin: 0 0 1em 0;
	text-align: justify;
}

#text li {
	line-height: 1.5em;
}

#noindent p  {
	line-height: 1.5em;
	margin: 0 0 1em 0;
	text-indent: 0;
	text-align: justify;
}

/*----------------- LINKS-----------------*/
a:link, a:active {	color: #FF3300;}
a:visited {	color: #B97400;}
a:hover {	color: #D78600;}

/*----------------IMAGES-------------*/
img.left {	float: left; margin: 5px 10px 0 0; border: 6px solid white;}
img.right {	float: right; margin: 5px 0 0 10px; border: 6px solid white;}
img.normal {margin: 5px 0 20px 10px; border: 6px solid white;}
img.noborders {margin: 5px 0 20px 10px; border: 0; float: left;}

/*-----------------TABLES---------------*/
.tab, .tabdates, .tablines, .tabform {	border-collapse: collapse;	width: 100%; margin-bottom: 20px;}
.tab td {	border: 1px solid gray;	text-align: center;	padding: 5px;	font-size: 0.7em;	width: 12%;}
.tab thead {	font-weight: bold}
.tabdates td {	border: 1px solid gray; font-size: 100%; text-align: center; padding: 5px;}
.tabform td {	font-size: 0.8em; text-align: left; padding: 5px;}
.tablines td {	border-bottom: 1px solid gray; padding: 5px;}
.gal {	width: 100%;}
.gal td {	text-align: center;	 vertical-align: middle;}

/*-----------------COMMENTS------------*/
.comments {
	position: relative;
	top: 0;	
	width: 185px;
	padding: 8px 5px 0 8px;
	margin: 0 0 10px 0;
	font-style : italic;
	font-size: 85%;
}

.comments p {
		width: 165px;
	    text-align: left;
		text-indent: 0;
		line-height: 1.1em;
		margin: 0 0 10px 0;
}

/* ------------ MENU ------------ */
#menu {	position: absolute;	top: 140px;	left: 0;	width: 185px;}

#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
	
#menu li {	margin: 0;	padding: 0;	 width: 100%;	background-image: url(img/button_off.gif);}
#menu li:hover {	margin: 0;	padding: 0;	 width: 100%;	background-image: url(img/button_on.gif);}
#menu ul.sub li {margin: 0;	padding: 0;	width: 100%;	height: 22px; background-image : none;}
	
#menu h4 { margin:0;	padding: 0 0 0 20px;	line-height: 25px;	color: #AA4400; font-size: 100%;	cursor : pointer; z-index: 0;  }
#menu li > h4 {margin-bottom: 0.2em;}
#menu h4 a {display: block; text-decoration: none; width: 100%; color: #AA4400;  }
#menu h4 a:hover {color: #FF3300; }
	
#menu ul.sub li { color: #AA4400; position: relative;  left: 35px;   width: 155px;  border: 1px solid white; display: block;  margin: 0 0 -3px 0; padding: 0; background-color: #fed691;  }
#menu ul.sub li a {display: block; margin: 0;  position: relative; left: 0; padding: 0 0 0 16px; text-decoration: none; color: #AA4400; background-image: url(img/menu-li.gif);	background-repeat: no-repeat;	background-position: left;	}
#menu ul.sub li a:hover { background: #fec970;  border: 1px solid #f4a460;  background-image: url(img/menu-li.gif);	background-repeat: no-repeat;	background-position: left;}
#menu ul.sub li a {	line-height: 22px;}

#menu ul.sub li a:hover {color: #FF3300;  left: 0; margin: 0; padding: 0 0 0 20px;  }

#menu ul li.main {position: relative; height: 25px; }

#menu ul li > ul.sub {width: 150px; visibility: hidden; z-index: 1;}
#menu ul li.main:hover ul.sub {visibility: visible;}


/* -------- DROBNOSTI --------*/
hr {margin: 20px 0;}

.special { color: #000000; }