/* CSS Document - stivuitoare*/

#brasov { float:left; width:200px; height:115px; z-index:1; visibility: visible; }
#suceava { position:absolute; width:200px; height:115px; z-index:7; visibility: hidden; float:left; margin-left:-197px; }
#zalau { position:absolute; width:200px; height:115px; z-index:6; visibility: hidden; float:left; margin-left:-197px; }
#oradea { position:absolute; width:200px; height:115px; z-index:6; visibility: hidden; float:left; margin-left:-197px; }
#timisoara { position:absolute; width:200px; height:115px; z-index:5; visibility: hidden; float:left; margin-left:-197px; }
#tgmures { position:absolute; width:224px; height:139px; z-index:4; visibility: hidden; float:left; margin-left:-197px; }
#constanta { position:absolute; width:229px; height:115px; z-index:3; visibility: hidden; float:left; margin-left:-197px; }
#bucuresti { position:absolute; width:200px; height:115px; z-index:2; visibility: hidden; float:left; margin-left:-197px; }
.adrese { float: right; width: 250px;  margin-left: 20px; text-align: left;  font-size: 14px; color: #333; }
#contact-map { float: left; width: 600px; height: 432px; }


/* carousel css */

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 250px; /*Width of Carousel Viewer itself*/
	height: 432px; /*Height should enough to fit largest content's height*/
	float: right;
	font-size: 14px;
	color: #333;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel a img {
	border: 0;
}

/* carousel end */