html {
	font-size: 100%;
	height: 100%;
	margin: 0px;
}
body
{
 font-family: Verdana;
 font-size: 11px;
 margin: 0px;
 background-image: url(../imagini/mainbg.jpg);
 background-repeat: repeat-x;
 text-align:left;
 background-color:#f0dd53;
 color:black;
}
img, div { behavior: url(iepngfix.htc) }

#main{
width:970px;
margin-left:auto;
margin-right:auto;
}
#header{
width:970px;
height:183px;
display:block;
background-image:url(../imagini/header.jpg);
background-repeat:no-repeat;
}
#meniu{
width:136px; height:31px; 
float:left;
display:block;
margin-right:4px;
text-align:center;
vertical-align:middle;
padding-top:7px;
}
a.topmenu{ 
width:136px; height:31px; 
color:#a72507; text-decoration:none; 
font-family:Verdana; font-size:13px; font-weight:bold;
background-image:url(../imagini/meniu-o.jpg);
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
display:block;
padding-top:8px;
}
a.topmenu:hover{
width:136px; height:31px; 
color:#ebce09; text-decoration:none; 
font-family:Verdana; font-size:13px; font-weight:bold;
background-image:url(../imagini/meniu.jpg);
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
display:block;
padding-top:8px;
}
a.topmenu_selected{
width:136px; height:31px; 
color:#ebce09;
text-decoration:none;
font-family:Verdana;
font-size:13px;
font-weight:bold;
background-image:url(../imagini/meniu.jpg);
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
display:block;
padding-top:8px;
}
#lang{
width:136px; height:31px; 
float:right;
display:block;
margin-right:4px;
text-align:center;
vertical-align:bottom;
padding-top:6px;
}
#gol{width:40px; height:31px; display:block; float:left;}
#gol2{width:23px; height:31px; display:block; float:left;}
#continut{ width:750px; display:block; float:left;
background-image:url(../imagini/mid.jpg);
background-repeat:repeat-y;
}
#top{height:19px; width:750px; display:block; float:left;
background-image:url(../imagini/sus.jpg);
background-repeat:no-repeat;}
#jos{height:19px; width:750px; display:block; float:left;
background-image:url(../imagini/jos.jpg);
background-repeat:no-repeat;}
#text{width:98%; margin-left:auto; margin-right:auto;}
#infobox{
height:496px; width:181px; display:block; float:right;
background-image:url(../imagini/pscinfo.jpg);
background-repeat:no-repeat;
margin-right:10px;

}
#infotitle{height:30px; padding-top:5px; color:#ebce09; font-size:13px; font-family:Verdana; font-weight:bold; text-align:center;}
#infotext{height:300px; display:block; padding:5px;}
 img {
	margin:0;
	padding:0;
	border:none;
	}
#galerie{width:700px; display:block; height:120px; margin-left:auto; background-image:url(../imagini/galbg.png); background-repeat:no-repeat; margin-right:auto;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 620px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
float:left;
vertical-align:middle;
text-align:center;
display:block;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin-top:15px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 125px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding-left:3px;
}
 .nxt{width:40px; height:120px; float:right; display:block; cursor:pointer;}
 .back{width:40px; height:120px; float:left; display:block; cursor:hand;}