html, body {
	height: 100%;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial;
	font-size: 12px;
	color:#330000;
	background-color: #C8D7A8;
}
body {
margin: 0 0 0 0;
	text-align: center;
	width: 1256px;	
}
#leftggg{
	width: 160px;
	height: 100%;
	float: left;
	margin:0 0px 0 10px;
	
}
#rightggg{
width: 160px;
	height: 100%;
	right: 20px;
	float: right;
	margin:0 10px 0 0px;

}

#outer {
	width: 897px;
	height: 100%;
	margin: 0px auto 0px auto;
	
}
#header {
	position: relative;
	width: 897px;
	height: 160px;
	background-image: url("../images/elista.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top: 0px;
}
#header-en {
	position: relative;
	top: 0;
	width: 897px;
	height: 160px;
 	background-image: url("../images/elista_en.jpg"); 
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}
#tabs {
	position: relative;
	top: 0;
	width: 897px;
	height: 40px;
 	background-image: url("../images/tabs.jpg"); 
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#buttons{
	position: relative;
	top: 0;
	width: 897px;
	height: 40px;
	background-image: url("../images/butons.jpg");
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 2;
	
}
#fonall {
	background-image: url(../images/cial.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 897px;
	height: 529px;
	position: relative;
	z-index:1;
}
#fon {
	position: relative;
	top: 0px;
	height: 539px;
	background-image: url(../images/fon.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0px;
	width:897px;
	z-index: 1;	
}
#fon2e {
	position: relative;
	top: 0px;
	height: 320px;
	background-image: url(../images/fon2.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0px;
	width:897px;
	clear:none;
}
#fon3e {
	position: relative;
	top: 0px;
	height: 320px;
	background-image: url(../images/fon3.jpg);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0px;
	width:897px;
	clear:none;
}
#fotterr {
	position: relative;
	width: 897px;
	height: 58px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(../images/trewa.jpg);
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-style: italic;
	font-weight: bolder;
	text-align: justify;
	display: inline-table;
	clear: none;		
}
.links {
	font-family: Arial; font-size: 12px; color: #000000;
}
#player{
	width: 160px;
	height: 100%;
	float: left;
	margin: 0 0px 0 100px;
	
}
#novini{
position: relative; color:#FFFFFF; top: 2px; float: left; width: 266px; height: 16px; padding: 0 0 0 0; margin: 0 0 0 0;
}
#novini a{
font-family: Arial; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bolder; 
}
#novini a:hover {
	color: #CC0033; font-weight: normal; font-weight: bolder;
}
#novini p {
	font-family: Arial; font-size: 13px; line-height: 15px; font-weight: normal; color: #000000; margin: 0 7px 0 0px;
	padding: 0 0 0 0; text-align: right;	
}
#langmenue {
	position: relative; top: 2px; float: right; width: 166px; height: 16px; padding: 0 0 0 0; margin: 0 0 0 0;
}

#langmenue p {
	font-family: Arial; font-size: 13px; color: #000000; font-weight: normal; line-height: 15px; margin: 0 7px 0 0px;
	padding: 0 0 0 0; text-align: right;
}

#langmenue a {
	font-family: Arial; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold; 
}

#langmenue a:hover {
	color: #CC0033;	font-weight: normal; font-weight: bolder;
}

#langmenue .divider {
	margin-right: 1px; margin-left: 1px;
}

.welcome{
	font-family: Arial; font-size: 18px; color: #003366; font-style: italic; font-weight: bolder; line-height: 20px;
	text-align: left; margin-right: 20px; margin-left: 20px;
}
.welcome1{
	font-family: Arial;	font-size: 18px; color: #003366; font-style: italic; font-weight: bolder;	
}
.welcome2 {
	font-family: Arial; font-size: 14px; color: #333333; font-style: normal; line-height: 20px; font-weight: bold;	
	text-align: center; margin-left: 10px;
}
.hudojnici {
	font: 12px Arial; color: #333333; margin: 0px; padding: 20px; float: left; width: 285px; text-align: left;
}
.pleneri{
position:relative; margin:0px 10px 0 px 10 px
}
.kartini {
	width: 612px; float:right; position: absolute; top: 50px; height: auto; left: 280px; margin-right: 20px;
	margin-left: 20px;
}
.style2 {
	font-family: Tahoma; color: #000033; font-size: 13px; 
}
.galeria{
	font-family: Arial; font-size: 12px; color: #333333; margin-left: 70px; font-style: normal; font-weight: normal;
	padding-right: 30px;
}
.thumb1 {
	font-family: Arial; font-size: 14px; color: #0033FF; position: absolute; left:500px; top:20px;
}
.thumb2 {
	font-family: Arial; font-size: 14px; color: #0033FF; position: absolute; left:500px; top:1100px;
}
a:link {
	text-decoration: none; color: #0033FF;
}
a:visited {
	text-decoration: none; color: #0033ff;
}
a:hover {
	text-decoration: none; color: #0033ff;
}
a:active {
	text-decoration: none; color: #0033ff;
}
.ul { 
    list-style: circle; 
}
.text{
	font-family: Arial; font-size: 12px; color: #333333; font-style: normal; float: left; text-align: left;
	margin-right: 20px; margin-left: 240px; width: 600px; 
}
.text1{
	font-family: Arial; font-size: 12px; color: #333333; font-style: normal; float: left; text-align: left;
	margin-right: 20px; margin-left:  70px; width: 797px;
}
.text_n{
	font-family: Arial; font-size: 12px; color: #CC0066; font-style: normal; float: left; text-align: left;
	margin-right: 20px; margin-left: 240px; width: 600px;
}
.paragraf {
	font-family: Arial; font-size: 14px; color: #003366; font-style: normal; line-height: 20px; font-weight: bold;	
    text-align: left; margin-left: 70px; float: left;	
}
.paragraf_left {
	font-family: Arial; font-size: 14px; color: #003366; font-style: normal; line-height: 20px; font-weight: bold;	
    text-align: left; margin-left: 70px; margin-right: 20px;
}

.paragraf_right {
	font-family: Arial; font-size: 14px; color: #FF9966; font-style: normal; line-height: 20px; font-weight: bold;	
    text-align: justify; margin-left: 370px; margin-right: 20px;
}
.paragraf_right_1 {
	font-family: Arial; font-size: 14px; color: #FF9966; font-style: normal; line-height: 20px; font-weight: bold;	
    text-align: justify; margin-left: 570px; margin-right: 20px;
}
.paragraf_right_de {
	font-family: Arial; font-size: 14px; color: #FF9966; font-style: normal; line-height: 20px; font-weight: bold;	
    text-align: justify; margin-left: 300px; margin-right: 20px;
}
.paragraf_right_1_de {
	font-family: Arial; font-size: 14px; color: #FF9966; font-style: normal; line-height: 20px; font-weight: bold;	
    text-align: justify; margin-left: 450px; margin-right: 20px;
}

.fotterr_text {
	font-family: Arial; font-size: 12px; color: #000000; width: 420px; font-style: normal; line-height: 20px;
	float: left; margin-left: 5px;	
}

.fotterr_right {
	font-family: Arial; font-size: 12px; color: #000000; font-style: normal; line-height: 20px; float: right;
	margin-right: 5px;
}

#nost {
	width: 870px;
	height: auto;
	position:relative;
	margin-left: 15px;
	margin-right:15px;
	font-family: Arial; font-size: 12px; font-style: normal; line-height: 20px;
}