* {padding:0;margin:0;}

html {
    /* overflow: -moz-scrollbars-vertical; */
	/* overflow-y: scroll; */
	height: 101%;
}

body {
	background: #222;
	background: #1f1f1f url(../img/background.jpg) no-repeat 50% 0;
	font-family: Tahoma,Verdana,Arial, /*Cambria,*/ sans-serif;
	color: #5b5b5b;
	line-height: 150%;
	letter-spacing: 0.6px;
	word-spacing: 3px;
	}
	
img {border: none;}	
	
.left-float {float:left;}
div#window {width:540px;position:absolute;/*border:1px solid gray;*/font-size: 1px;top:80px; left:398px; z-index:0;}
div#top {width:540px;height:6px;background:transparent url(../img/top.png) no-repeat;/*border:1px solid red;*/}
div#left-of-handler {width:22px;height:22px;background:transparent url(../img/left-of-handler.png) no-repeat;/*border:1px solid yellow;*/}
div#handler {width:497px;height:22px;background:url(../img/handler.jpg) no-repeat;}
div#right-of-handler {width:21px;height:22px;background:transparent url(../img/right-of-handler.png) no-repeat;}
div#left-menu {width:9px;height:43px;background:transparent url(../img/left-transparency.png) no-repeat;}
div#menu {width:522px;height:43px;background:url(../img/menu.jpg) no-repeat;}
div#right-menu {width:9px;height:43px;background:transparent url(../img/right-transparency.png) no-repeat;}
div#left {width:9px;background:url(../img/left.png) repeat-y scroll 0px 0pt; height:100%;}
div#content {width:522px;background:#252525;font-size:12px;}
div#right {width:9px;background:url(../img/right.png) repeat-y;}
div#bottom {width:540px;height:8px;background:transparent url(../img/bottom.png) no-repeat;}
div#nadir {height:120px; text-indent: -9999px;}

		
div#menu ul {
	width: 522px;
	overflow:auto;
	clear:both;
	}
	
div#menu ul li {
	list-style: none;
	float: left;
	}
	
div#menu ul li a {
	display: block;
	height: 43px;
	width: 100px;
	float: left;
	}
	
div#menu ul li a#despre_noi {
	width: 128px;
	}
	
div#menu ul li a#despre_noi:hover {
	background: url(../img/menu-hover.jpg) no-repeat 0 0;
}
	
div#menu ul li a#informatii {
	width: 122px;
	}
	
div#menu ul li a#informatii:hover {
	background: url(../img/menu-hover.jpg) no-repeat -128px 0;
	}
	
div#menu ul li a#servicii_tehnice {
	width: 153px;
	}
	
div#menu ul li a#servicii_tehnice:hover {
	background: url(../img/menu-hover.jpg) no-repeat -250px 0;
	}
	
div#menu ul li a#contact:hover {
	background: url(../img/menu-hover.jpg) no-repeat -403px 0;
	}
	
.ir {
	text-indent: -9999em;
	outline: none;
	background: url(../img/spread-bg-hover.jpg) no-repeat 0 -100px;
	}
	
div#content div.data_a {
	padding: 0 20px;
	}
	
div#content div.data_a ul {
	list-style: none;
	}
	
div#content div.data_a ul  li {
	background: url(../img/bullet.gif) no-repeat;
	padding-left: 25px;
	margin-left: -25px;
	}
	
div#content div.data_a p, div#content div.data_a ul, div#content div.data_a dl{
	margin: 0.5em 0 1.5em;
	}
	
div#content div.data_a a {
	color: #cbde43;
	text-decoration: overline;
	margin: 0 0 0.5em;
	display: block;
	font-weight: normal;
	}
	
div#content div.data_a a:hover, div#content div.data_a a:visited {
	text-decoration: underline;
	color: #6e6e6e;
	}
	
div#content div.data_a dd {
	}
	
h2, h3, h4, h5 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.4em;
	padding: 0.5em 0 ;
	color: #807f7f;
	letter-spacing: 0px;
	font-weight: normal;
	}
	
h2 {
	font-size: 1.4em;
	}
	
h4 {
	font-size: 1.2em;
	}
	
body div#panoptic-div {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	}
	
body div#panoptic-div div#emblem {
	width: 170px;
	height: 170px;
	position: absolute;
	top: 15px;
	left: 80px; 
	z-index:1;
	}
	
body div#panoptic-div div#emblem a {
	width: 170px;
	height: 170px;
	display: block;
	}
	
body div#panoptic-div div#receptacle {
	width:540px;
	position: absolute;
	top:71px;
	left:400px;
	}
	
body div#panoptic-div div#receptacle div#spread {
	width: 540px;
	height: 70px;
	}

div#content {
	width: 482px;
	background: #252525;
	margin: 0 auto;
	padding: 0 20px;
	height: 1200px;
	position:relative;
}

div#p_despre_noi h2 {
	background: transparent url("../img/despre-noi-bg.jpg") no-repeat top left;
	display:block;
	text-indent: -9999px;
	width: 444px;
	height: 280px;
	margin:0;
	padding:0;
	font-size: 1px;
}

#dragBar {
	width:100%; 
	height:20px;
}

#ie-shadow {
    display: none;
    position: relative;
    overflow: hidden;
    left:0;
    top:0;
    background:#000000;
    zoom:1;
}

/* ---------------------------------------- */
/* Contact Styles *****************/
/* ---------------------------------------- */


div#contact, div#p_contact {
		overflow: hidden;
	}

div#visit_cards {
	height:330px;
	float: left;
	overflow: visible;
	width: 280px;
	position: relative;
	left:-40px;
	top:-120px;
	border:0px solid red;
}

body div#address {
	float: left;
	width: 157px;
	height: 239px;
	position: relative;
	margin-left:0px;
	background: transparent url("../img/mido-address.jpg") no-repeat -15px 0;
}


div.card {
	height:200px; 
	width:318px; 
	position: absolute; 
	margin-bottom:100px;
	/*border:1px solid red;*/
}

div.contact-info {
	background: transparent url("../img/mido_card.png");
	height:120px; 
	position: absolute; 
	top:60px;
	left: 19px;
	width: 280px;
	cursor: pointer;
	/*z-index:1;*/
}

div.contact-info h3{
	padding:11px 0 6px 26px;
	font-size:13px;
	color:#2f2f2f;
	letter-spacing: 2px;
}

div.contact-info p{
	padding:5px;
	padding-left:26px;
}

div.nice_bottom {
	width:318px;
	height:100px;
	background: transparent url("../img/mido_pocket.png") no-repeat;
	position: absolute; 
	/*border:1px solid black;*/
	top:100px;
	/*z-index:20;*/
}

/* ---------------------------------------- */

div#iso {
	position: absolute;
	top: 375px;
	left: 182px;
	}
	
div#iso ul li{
	float: left;
	list-style: none;
	height: 80px;
	width: 75px;
	}
	
div#iso ul li a {
	display: block;
	float: left;
	/* border: 1px solid white; */
	}
	
div#iso ul li a#iqnet {
	margin-top: 12px;
	height: 118px;
	width: 68px;
	background: transparent url("../img/iqnet-bg.jpg");
	-moz-opacity: 0.6;*/
	}
	
div#iso ul li a#srac {
	margin-top: 22px;
	height: 118px;
	width: 68px;
	background: transparent url("../img/srac-bg.jpg");
	-moz-opacity: 0.6;
	}
	
div#whomadewho {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 510px;
	left:910px;
	}
	
div#euromed-tooltip {
	width: 69px;
	height: 61px;
	position: absolute;
	top: 460px;
	left:940px;
	background: transparent url("../img/wmw-hover.gif");
	display: none;
}
	
div#whomadewho a {
	display: block;
	height: 50px;
	width: 50px;
	}

/* ImageBox styles */

body div#ImageBoxOverlay
{
	background-color: #252525;
	position: relative;
}
body div#ImageBoxCaption
{
	background-color: #8f8f8f;
	position:relative;
}

#ImageBoxOuterContainer
{
    position:relative;
    z-index:5;
}

body div#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #8f8f8f;
	position: relative;
	z-index:99;
}
#ImageBoxCaptionText
{
	padding-bottom: 5px;
	font-size: 13px;
	color: #252525;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

div.div_contact {float: left;width:200px;}