* { margin:0px; padding:0px; }
body {
	background-color:#FFFFFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#236a88;
}

.clear {
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
	 margin:0px;
	 padding:0px;
}

#wrapper {
	margin: 5px auto;
	width:988px;
	border:1px solid #ebeceb;
	border-top-width:2px;
	border-bottom-width:2px;

	background:url(../images/bgr-content.jpg) 95px  left repeat-x;
}

#footer {
	width:988px;
	padding:0px 4px;
	margin:0px auto;	

}

a {	color:#5e727d;	text-decoration:none;}
a:hover {text-decoration:none; color:#006699;}


#footer .links {
	padding-bottom:5px;
	border-bottom:2px solid #d1e6eb
}
#header {
height:95px;
	background:url(../images/bgr-header.gif) top left repeat-x #FFFFFF;
}

ul#navlist
{
	width:700px;
	float:right;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	list-style-type: none;
	padding:0px;
	margin-top: 47px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

ul#navlist li
{
	float: left;
	height: 48px;
	background:url(../images/sep-meniu.gif) top left no-repeat;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin: 0px;
}

ul#navlist li#active{
	line-height:normal;
}

#navlist a:hover, li#active a {
	color: #5A717C;
	background-color:#FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}


#navlist a
{

display: block;
color: #FFFFFF;
text-decoration: none;
padding: 5px;
margin:10px 7px 0px 7px;
}


#brand {
	margin:1px 0px 0px 14px;
	width: 193px;
	height: 94px;
	background:url(../images/logo-isobau.gif) top left no-repeat;
	float:left;
	display:inline;  /* iexpore double margin while float bug - fix */
}

#brand span { display:none; }

#content {
	padding:13px 14px;
	clear:both;
	padding-bottom:0px;
	background:url(../images/bgr-content.jpg) top left repeat-x;
	overflow:auto;
}


#left {	float:left;	width:231px;	background:none;	color:#8c8b8b;}

#right {	width:717px;	float:right;}

.menu_title{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#5495b0;
	padding:4px;
}

.meniu {
	list-style:none;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
}

.meniu li {	border-bottom:1px solid #5495b0;	padding:1px 0px; margin:0px;}

.meniu li a, .meniu li a#sel {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#8c8b8b;
	text-decoration:none;
	display:block;
	background:none;
	margin:0px; padding:5px 3px;
	line-height:1em;
}
.meniu li a:hover, .meniu li a#sel {color:#FFFFFF;	background-color:#8c8b8b;}

.submeniu {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 15px;
	text-transform: none;
}

.submeniu li {	border-bottom:1px solid #71c6ea;	padding:1px 0px; margin:0px;}

.submeniu li a, .submeniu li a#sel {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#8c8b8b;
	text-decoration:none;
	display:block;
	background:none;
	margin:0px; padding:5px 3px;
	line-height:1em;
}
.submeniu li a:hover, .submeniu li a#sel {color:#FFFFFF;	background-color:#b6b6b6;}


.blueBox h2 {font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#0288c0;clear:left;  }
.blueBox h3 { font:bold 13px Arial, Helvetica, sans-serif; 	color:#236a88; 	margin:8px 5px 4px 0px;}
.blueBox p {	color:#236a88; margin:2px 5px 4px 0px;}
.blueBox { border:1px solid #e6f2f5; padding:10px 0px 10px 10px;margin:10px 0px 0px 0px; }

.multicolumn { width:244px; float:left; list-style:none; margin:0px; padding:0px;}
.multicolumn li {float:left; width:120px; padding:4px 0px; margin:0px;}
.multicolumn li.col2 { margin-left:2px; border-left:1px solid #666666; padding-left:10px; width:110px; } 

a.bullet, .multicolumn a { color:#FF0C0C; background:url(../images/bullet-link-red.gif)  98% center no-repeat; text-decoration:none; padding:2px 10px 2px 0px;}
a.bullet:hover, .multicolumn a:hover { text-decoration:underline;}

.boxRight {width:205px;	float:right;	margin:0px 2px 0px 5px;	background-color:#e6f2f5;	padding-bottom:5px;	display:inline;}
.boxRight p {padding:5px;}
.boxRight p a {color:#5e727d; text-decoration:none;} 
.boxRight p a:hover { text-decoration:underline; }
.boxRight h2{	background-color:#FF0C0C; color:#FFFFFF; text-transform:uppercase; font:bold 12px Arial, Helvetica, sans-serif; padding:3px;}

.alignLeft { float:left; background-color:#FFFFFF; border:1px solid #999999; padding:3px; margin:0px 5px 4px 0px; }
.alignRight { float:right; background-color:#FFFFFF; border:1px solid #999999; padding:3px; margin:0px 0px 4px 5px; }


.page {  border-top:1px solid #e7e4e4; padding:15px;} 
.page h1 { font:bold 15px Arial, Helvetica, sans-serif; color:#e90303; margin:10px 0px;} 
.page h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#236a88; margin:9px 0px}
.page h3 { font:bold 12px Arial, Helvetica, sans-serif; color:#236a88; margin:5px 0px}
.page h4 { font:normal 12px Arial, Helvetica, sans-serif; color:#236a88; margin:3px 0px}
.page p {color:#666666; margin:10px 0px 6px 0px;}
.pageStg { width:200px; margin:0px 13px 6px 0px; float:left; padding:0px;  
} 

#submeniu { margin:0px; padding:0px; list-style:none; padding-right:10px; border-right:1px solid #ddd; margin-bottom:10px;}
#submeniu li {display:inline; margin:0px; padding:0px;}

#submeniu a, #subsel{ display:block; font:11px Arial, Helvetica, sans-serif; color:#696767; text-decoration:none; padding:3px 2px; border-bottom:1px solid #ededed;}
#submeniu a:hover, #subsel {color:#4f6069; background-color:#dbe8ec; }

strong { color:#052b3a; font-weight:normal; }


.lista {	float:right;	margin:5px; list-style:circle; width:460px;}
.lista li { margin:0px 0px 10px 20px; }

.lista2 { margin:3px 5px 5px 25px;}

.dataTable {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	font-size:10px;
}

.dataTable td { border:1px solid #ededed; padding:5px; }
.dataTable strong { font-weight:bold;}

.dataTable1 {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	font-size:10px;
}

.dataTable1 td { border:1px solid #ededed; padding:3px; }

.explicatie { font-size:10px;}

h5 {
	font-size:11px;
	font-weight:bold;
}

.txt10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.poza {
background-color:#e1f2f5;
padding:10px;
width:140px;
float:left;
margin-right:10px;
text-align:center;
height:105px;
margin-bottom:10px;
}

.poza img {
border:solid 1px #71c6ea;
margin-bottom:4px;
}

.poza2 {
background-color:#e1f2f5;
padding:10px;
width:140px;
float:left;
margin-right:10px;
text-align:center;
height:145px;
margin-bottom:10px;
}

.poza2 img {
border:solid 1px #71c6ea;
margin-bottom:4px;
}



ul.portofoliu {
	margin:25px;
}
ul.portofoliu li{
	float:left;
	width:205px;
	height:25px;
	margin-right:5px;
}























.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #DDDDDD;
overflow: scroll; /*leave this value alone*/
width: 472px; /*Width of Carousel Viewer itself*/
height: 125px; /*Height should enough to fit largest content's height*/
float:left;
margin-top:20px;
background-color:#FFFFFF
}

.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: 10px; /*margin around each panel*/
width: 144px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel a img:hover {
	border:2px solid #CC0000;
}

.prev_btn, .next_btn {
	width:12px;
	height:18px;
	float:left;
	text-align:center;
	margin:10px;
	margin-top:70px;
	border:none;
	color:#FFFFFF;
}

.client {
	clear:both;
	text-align:center;
	width:700px;
}

.xtitle {
	font-size:18px;
	text-transform:uppercase;
	color:#CC0000;
	width:450px;
	display:inline;
}

.prev_client, .next_client {
	width:100px;
	font-size:10px;
	color:#006699;
	text-align:center;
}
.prev_btn {
	margin-left:90px;
}