body {
	font-family:  Arial CE, Arial,  Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	background-image : url(img/bg.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: 112px;
	background-image : url(img/bg_head.gif);
	background-repeat : repeat-y;
}

#corintheme {
	position: absolute;
	top: 0;
	left: 186px;
	width: 542px;
	height: 112px;
	background-image : url(img/corintheme.jpg);
	background-repeat : no-repeat;
}

#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: 128px;
	left: 186px;
	width: 542px;
	margin: 0;
	padding: 0;
}

/*--------- TITLES ------------ */

h1 {
	position: absolute;
	top: 36px;
	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: 2.45em;
	background-image : url(img/bg_h2.jpg);
	background-repeat : repeat-x;
	background-color : #FFC700;
	color: white;
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
	
h2 span {
	position: relative;
	top: 0;
	left: 0;
	height: 44px;
	background-image : url(img/h2-lr.gif);
	background-repeat : no-repeat;
	padding: 12px 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;}

/*------------------ADVERTISEMENT BLOCKS-------------------*/

.ad {
	position: relative;
	width: 506px;
	background-color: #FFE384;
	color: red;
	background-image : url(img/ad-top.gif);
	background-repeat : no-repeat;
	margin-bottom: 20px;
}

.ad h3 {
	color: red;
	width: 470px;
	position: relative;
	top: 12px;
	left: 17px;	
	margin: 0 0 6px 0;
}

.ad p {
	width: 470px;
	position: relative;
	top: 12px;
	left: 17px;
	line-height: 1.2em;
	text-indent: 0;
}

.adbot {
	position: relative;
	top: 0;
	left: 0;
	width: 506px;
	height: 15px;
	background-image : url(img/ad-bot.gif);
	background-repeat : no-repeat;
	margin: 0;
	padding: 0;
	
}

/*-----------------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: 131px;	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/menuli.gif);	background-repeat : no-repeat;	background-position : bottom left;}	
#menu ul.sub li {margin: 0;	padding: 0;	width: 100%;	height: 22px; background-image : none;}

	
#menu h4 { margin:0;	padding: 0 0 0 20px;	border-bottom: 1px solid white;	line-height: 19px;	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; top: -4px; left: 35px;   width: 155px;  border: 1px solid white; display: block;  margin: 0 0 -4px 0; padding: 0; background-color: #EFD1A6; background-image : url(img/menuli.gif);	background-repeat : no-repeat;	 }
#menu ul.sub li a {display: block; margin: 0;  position: relative; left: 0; padding: 0 0 0 20px; text-decoration: none; color: #AA4400; 	}
#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:hover h4 a {color: #FF3300;}
#menu ul li.main {position: relative; height: 1,4 em; }
#menu ul li > ul.sub {width: 150px; visibility: hidden; z-index: 1;}
#menu ul li.main:hover ul.sub {visibility: visible;}
.mainorange {	background-color: #FFAC00; position: relative; top: -3px; height: 1,4em;  line-height: 19px;  margin: 0; padding: 0;}
#menu .mainorange h4 { margin:0; padding: 0 0 0 20px;	border-bottom: 1px solid white;	line-height: 22px;	color: #AA4400; font-size: 100%;	cursor : pointer; z-index: 0;}
#menu li.mainorange h4 a:link, #menu li.mainorange h4 a:active, #menu li.mainorange h4 a:visited {	color: white;}
#menu li.mainorange h4 a:hover{	color: #FF3300;}

/* -------- DROBNOSTI --------*/
	
#blueline {
	position: absolute;
	top: 112px;
	left: 0;
	width: 728px;
	height: 16px;
	background-image : url(img/bg_blueline.gif);
	background-repeat : repeat-x;
}

#bluelinelr {
	position: relative;
	top: 1px;
	left: 185px;
	width: 543px;
	height: 14px;
	background-image : url(img/blueline-lr.gif);
	background-repeat : no-repeat;
}

hr {margin: 20px 0;}