/* CSS Document */
body
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size : 10px;
	color: white;
	margin: 0px;
	padding: 0px;
	background-color: #366976;
	
}
#horizon        
	{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 950px;
	margin-left: -475px;
}

#content    
	{
	margin-left: -500px;
	position: absolute;
	top: -305px;
	left: 50%;
	width: 1000px;
	height: 630px;
	}
/*-----------BORDERS-------------*/

#rcontent-left-separator
{
	position: absolute;
	height : 610px;
	width:  21px;
	left: 0px;
	background-image:url(../images/left-separator.jpg)
}
#rcontent-right-separator
{
	position: absolute;
	height : 610px;
	width:  21px;
	left: 0px;
	background-image:url(../images/right-separator.jpg)
}
#rcontent-top-separator
{
	position: absolute;
	left: 20px;
	top: 60px;
	height : 22px;
	width:  720px;
	background-image:url(../images/top-separator.jpg)
}
#rcontent-bottom-separator
{
	position: absolute;
	height : 22px;
	width:  734px;
	left: 20px;
	top: 560px;
	background-image:url(../images/bottom-separator.jpg)
}	
	
/*------------INTRO-------------------*/
#left-border
{
	position: absolute;
	width: 20px;
	height: 610px;
	left: 10%;
	color: white;
	background-image:url(../images/right-separator.jpg)
}
#right-border
{
	position: absolute;
	width: 20px;
	left: 90%;
	height: 610px;
	background-image:url(../images/left-separator.jpg)
}
#intro
{
	position: absolute;
	width: 600px;
	height: 433px;
	left: 50%;
	margin-left: -300px;
	color: white;
	align: center;
}
#language	
{
	color: #CCCCCC;
	width: 110px;
	height: 22px;
	float: right;
	font-size: 15px;
	margin-top:-20px;
}
/*------------HOME-------------------*/
#lcontent
{
	position:absolute;
	left:0px;
	border: 0px;
	width: 240px;
	height: 610px;
	margin-left:-20px;
}

#lcontent-menu
{
	position: absolute;
	top: 0px;
	left: 10px;
	height: 200px;
	width: 240px;
	font-size:15px;
	line-height:25px;
	margin-top:200px;
	text-align:center;
}
	
#rcontent
{
	position: absolute;
	top: 0px;
	left: 220px;	
	height : 610px;
	width: 730px;
}

#rcontent-top
{
	position: absolute;
	top: 35px;
	left: 40px;
	font-size: 16px;
	width: 730px;
	height: 50px;
}
#rcontent-center
{
	position: absolute;
	left: 0px;
	top: 90px;
	width: 750px;
	height: 520px;
}
.textTitle
{
	position: absolute;
	left: 50px;
	font-size:14px;
	color: #F5821F;
	text-align:left;
	top: 15px;
}
.textContent
{
	position: absolute;
	left: 50px;
	top: 60px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	line-height: 140%;
	width: 630px;
}
.data	
{
	color: #990000;
	font-weight: bold;
}
.autor	
{
	font-weight: bold;
}
.titlu	
{
	color: #990000;
	font-weight: bold;
	font-size: 24px;
}
.subtitlu	
{
	color: black;
	font-size: 14px;
}
.distributie	
{
	font-size: 10px;
}
/******************** SCROLLABLE DIV **********************/


#divContainer	
{
	position:absolute;
	left: 50px;
	top: 70px;
	width: 640px;
	height: 383px;
	float: left;
	overflow:hidden;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 140%;
}
#divContent	
{
	position: absolute;
	text-align:left;
	line-height: 150%;
	float: left;
	background-color: #366976;
	width:620px;
	padding-right: 20px;
	height:383px;
}
.floatright
{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color:#32606B
}
.floatleft
{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color:#32606B;
}

#sigla
{
	text-align:center;
	width:150px;
	height:150px;
	position:static;
	background-color:#3C7280;
	border-top: 1px solid #9A9A9A;
	border-right: 1px solid #9A9A9A;
	border-bottom: 1px solid #9A9A9A;
	border-left: 1px solid #9A9A9A;
}

#sliderDiv	
{
	position: absolute;
	top: 70px;
	left: 690px;
}

/* TABEL PROGRAM */
#mytable 
{
	width: 600px;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 20px;
}

caption 
{
	padding: 0px 0px 5px 0px;
	width: 550px;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th 
{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #5B9387;
	border-bottom: 1px solid #5B9387;
	border-top: 1px solid #5B9387;
	border-left: 1px solid #5B9387;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #468797 url(images/bg_header.jpg) no-repeat;
}

th.nobg 
{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td.alt 
{
	background: #F5FAFA;
	color: #366976;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 4px 4px 4px 4px;
}

th.spec 
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

th.specalt 
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
h2
{
	font-size:14px;
	margin-bottom: -10px;
}


/*   Photo Gallery */
#image_gallery 
{
	top:100px;
	left:40px;
	position: relative;
	overflow: hidden;
}
ul#gallery_thumbs 
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#gallery_thumbs li 
{
	background: none;
	display: inline;
}
.thumb img 
{ /* styles thumbnail previews */
	background: #366976;
	padding: 2px;
	border: 1px solid #CCC;
}
.spanHover
{
	visibility: visible;
	top: 80px; /* absolute positioning to control where previews are displayed */
	left: 0px;
	z-index: 100;
}
.thumb:hover img 
{
	background-color: transparent;
}
.thumb span 
{ /* hides large previews */
	visibility: hidden;
	position: absolute;
}
.thumb span img 
{ /* styles large previews */
	background: #366976;
	padding: 2px;
	border: 1px solid #CCC;
}
.thumb:hover span 
{ /* displays preview while hovering over thumb */
	visibility: visible;
	top: 80px; /* absolute positioning to control where previews are displayed */
	left: 0px;
	z-index: 100;
}