.body {  
background: #000000 url(images/ground.jpg) top left;
margin-top:0;
font: 75%/1 Arial, Helvetica, sans-serif;
color: #333333;
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: repeat-x;
 } 
 

 
html,
body {
padding: 0;
margin: 0;
}



a { text-decoration: none;}
a:hover { text-decoration: underline; }
a,
a:visited { color: #222222; }
a:hover,
a:hover:visited { color: #222222; }
 
.meniu {
overflow: hidden;
-moz-outline: none;
outline: none;
border: none;
}
 .input {
background-color: #e4e4e4;  
scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #8C98AD;
	scrollbar-highlight-color: #222222;
	scrollbar-track-color: #80818a;
	scrollbar-face-color: #595a64;
	scrollbar-arrow-color: #333333;
border-bottom: #000000 1px solid; 
border-left: #000000 1px solid; 
border-right: #000000 1px solid; 
border-top: #0000001px solid; 	
color: #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;


}

.Panel {
margin: 0px;
padding: 0px;
}
.Taburi {
background-color: #811814;
color:#fff;
font-size: 0.917em;
padding: 0.5em 8px;
margin: 0 0 1px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-align: left;
}
.continut {
overflow: hidden;
margin: 0px;
padding: 0 0 0 8px;
}
.continut ul { margin-top: 8px;  }
.continut p { margin-bottom: 0; }
.continut .call-action { 
text-align: right;
font-size: 0.917em;
font-weight: bold;
 }
.menubott { 

padding: 5 5 5 5px;
text-align: left;

}
.menubott2 { 
width:795px;
text-align: left;
float: left;
background-color:000000;
}

br.clear-both,
div.clear-both,
br.clear-left,
div.clear-left {
font: 1px/1px monospace;
display: block;
}
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
_height: 1em;
min-height: 1px;

}


.compact>* { float: left; }

dl.compact>dd { margin-left: 0; }
ul.compact li,
ol.compact li,
dl.compact dd,
div.compact p { 
_display: inline;
_float: left;
}
dl.compact * dd ol.compact * li,
ul.compact * li,
div.compact * p { 
_display: block;
_float: none;
}
dl.compact dd { _margin-left: 0; }
div.compact p { 
_margin-right: 1ex;
_margin-bottom: 0;
_padding: 0;
}
h3.compact span,
h4.compact span {
_float: left;
_margin-right: 1ex;
}
h3.compact span span,
h4.compact span span {
_float: none;
_margin-right: 0;
}


ul,
ol,
dl {
word-spacing: -2ex;
letter-spacing: -2ex;
line-height: 0;
}
dt,
dd,
li {
word-spacing: normal;
letter-spacing: normal;
line-height: 1.25;
 font-size: 1em; 
padding-bottom: 0.5em;
}

li p { margin-bottom: 0.5em; }
dt,
dd { line-height: 1.5em; }
dt {
font-weight: bold;
margin-bottom: 1em;
margin-top: 0.5em;
}
dl,
dd { margin-bottom: 1.5em; }
dd { margin-left: 16px; }

.lista {
text-align: left;
list-style: none;
margin: 0 0 1em;
padding-left: 8;
}
.lista>* {
margin: 1px 1.5ex 1px 0;
line-height: 1.333em;
}
.lista>li,
.lista>dt { padding: 2px 0; }
.lista>dd { padding-left: 1.25ex; }
.lista li,
.lista dt { _padding: 0.15em 0 0.2em;  }
.lista dd { _padding-left: 1.25ex;  }
.lista li,
.lista dt,
.lista dd {
_margin: 1px 1.5ex 1px 0;
_line-height: 1.35em; 
}
ul.lista li { _list-style-position: outside;  }



.d-dropdown>li {
position: relative;
top: 0;
left: 0;
z-index: 2;
}
.d-dropdown li {
list-style-type: none;
_position: relative; /*IE sub7*/
_top: 0; /*IE sub7*/
_left: 0; /*IE sub7*/
}
.d-dropdown li li { _position: static; }
.d-dropdown .dropdown-pane {
position: absolute;
top: 16px;
left: 0;
z-index: 2;
display: none;
margin-top: 0;
}
.d-dropdown li.hover .dropdown-pane,
.d-dropdown li.focus .dropdown-pane { 
display: block;
}
.d-dropdown>li:hover .dropdown-pane { display: block; }
.d-dropdown .dropdown-tab { 
display: block; 
_display: inline;
_zoom: 1;
}

.d-dropdown .dropdown-pane>* {
margin: 0;
}
.d-dropdown .dropdown-pane dt,
.d-dropdown .dropdown-pane dd,
.d-dropdown .dropdown-pane li {
_margin: 0;
}
.d-dropdown .dropdown-pane a {
margin: 0 1px;
-moz-outline: none;
}
.d-dropdown .dropdown-tab { 
min-height: 16px;
_height: 16px;
}


pre strong, blockcode strong {
font-weight: normal;
background-color: #F9F9B7;
}



div[id="layoutLogic"] {
clear: both;
min-height: 1em;
}
body div,
body form {	_height: 1em; }
body * div { _height: auto; }
img { border: 0; }


p {
font-size: 1.083em;
line-height: 1.462;
margin-top: 0;
padding-bottom: 1px;
margin-bottom: 1.2em;
}
h4 img,
p img {	vertical-align: middle; }
h1,
h2 { font-weight: normal; }

h2,
h3,
h4,
h5 { line-height: 1.31; }
h3 { 
font-size: 0.917em;
line-height: 1.455;
}
h4 {
font-size: 1.083em;
line-height: 1.31;
} 
h5 { font-size: 1em; }
h2 {
margin-top: 0;
margin-bottom: 0.5em;
font-size: 1.667em;
}
h4 { color: #111; }
h4,
h5 {
margin-top: 0;
margin-bottom: 0;
}
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }


.editable a {
background-color: #def;
padding: 2px;
margin-right: 3px;
}


.nav-up {
position: relative;
top: 0;
left: 0;
height: 25px;
background-repeat: no-repeat;
background-position: top right;
}

.border { border: 1px solid; }
img.border { border-color: #999; }
img.frame {
border-color: #424242;
outline-color: #CCC;
}




.new {
color: #aa2222;
font-weight: bold;
font-size: .917em;
display: inline-block;
display: -moz-inline-box;
_display: inline;
_height: 1em;
position: relative;
top: -.5ex;
}


.button {
vertical-align: middle;
zoom: 100%;
padding-left:5px;
padding-right:5px;
}


.button {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
background: url(images/buttonbg.jpg) repeat-x;
border: 1px solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
box-shadow: 0 1px 2px #AAA;
_width/**/:1px;
_white-space: nowrap;
overflow: visible; 
cursor: pointer;
_cursor: hand;
vertical-align: middle;
zoom: 1;
}



#general {
width: 998px;
position: relative;
}
#general2 {
width: 793px;
position: relative;

}

#general3 {
width: 1200px;
position: relative;
}

#contentLayout {	
background: url(images/back2.png) 0 0 no-repeat;	
	
z-index: 4;
border-bottom: 1px solid transparent;	
_border: none;
}

#contentBody {
position: relative;
min-height: 350px;
_height: 350px;
margin:0;
float: left;
padding: 12px 12px 0 16px;	
}
#contentBody2 {
position: relative;
height: 1450px;
margin:0;
float: left;
padding: 12px 12px 0 25px;	

}




#contentBody3 {
position: relative;
min-height: 450px;
_height: 450px;
margin:0;
float: left;
	
}

.red{
text-decoration: underline;
color: #CC0000;



}



.solutii{
margin-top: 30px;
width: 250px;
_width: 250px;
float:left;
text-align: left;
margin-bottom: 0.5em;
}
.eventpic{
width: 250px;
_width: 250px;
float:left;
text-align: left;
margin-bottom: 0.5em;
}
.eventp { 
width: 455px; 
padding:4px;
float: right;
text-align: left;
_width: 455px;
height:500px;
margin-bottom: 0.5em;
background-color:#222;
 }

.articole{
width: 465px;
_width: 465px;
float:left;
text-align: left;
margin-bottom: 0.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size:12px;
}

.principal{
width: 723px;
_width: 723px;
float:left;
text-align: left;
margin-bottom: 0.5em;


}


.principalintro{
width: 723px;
_width: 723px;
float:left;
text-align: left;
margin-bottom: 0.5em;
height:900px;

}

.principala{
width: 723px;
_width: 723px;
float:left;
text-align: left;
margin-bottom: 0.5em;

}

.principal2{
width: 795px;
_width: 795px;
float:left;
text-align: left;
margin-bottom: 0.5em;
background-color:#FFFFFF;
}

.principal3{
width: 700px;
_width: 700px;
float:left;
text-align: left;
margin-bottom: 0.5em;
background-color:#FFFFFF;
}


.galerie{
width: 740px;
_width: 740px;
height:100%;
float:left;
text-align: left;
margin-bottom: 0.5em;

}


#video{

float: left;
position: relative;
top:0;
margin-bottom: 0.5em;

}

.coloanaA {
margin-bottom: 0.5em;
float: left;
width: 95%; 
_width: 95%;
text-align: left;

}

.coloanaB {
	margin-bottom: 0.5em;
	float: right;
	width: 50%;
	text-align: left;
}

.coloana { 
width: 50%; 
_width: 50%;
text-align: left; }

.black {
color: #000000;
margin-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.blacku {
color: #000000;
margin-bottom: 5px;
text-decoration:underline;
}

.grey {
color: #303030;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.grey2 {
color: #494949;
}

.white {
color: #ffffff;
font-size: 95%;
text-align: right;}
.white2 {
color: #ffffff;
line-height:1.35em;
}

.white3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size:11px;
color:#333333;

}

.subtitlu {
color: #c7c7c7;
font-size: 11px;
line-height: 1.3em;
text-align: justify;
}

.news {
margin-bottom: 0.5em;
text-align: left;
margin-left:0;
width: 198px; 
_width: 198px;
padding-left: 4px;
float:left;
}




.newstot {
margin-bottom: 0.5em;
text-align: left;
margin-left:0;
width: 203px; 
_width: 203px;
background-image: url(images/bgn.png);
float:left;
}

.newstot2 {
margin-bottom: 0.5em;
float: right;
text-align: left;
margin-left:0;
width: 195px; 
_width: 195px;
background-image: url(images/bgn.png);

}

.top_news {
background-image: url(images/top_new.png);
width: 206px; 
_width:200px;
height: 35px; 
_height: 35px;

padding-top:2px;
}

.top_ev {
background-image: url(images/topev.png);
width: 203px; 
_width:203px;
height: 116px; 
_height:116px;
padding-left: 12px;
padding-top:7px;
font-size: 1.15em;
font-weight: bold;
color: #ffffff;
}
.top_news2 {
background-image: url(images/top_new2.png);
width: 203px; 
_width: 203px;
height: 130px; 
_height: 130px;
padding-left: 12px;
padding-top:7px;
font-size: 1.15em;
font-weight: bold;
color: #ffffff;
}

h22 { 
font-size: 1.25em;
font-weight: bold;
color: #ffffff;

}

.bott_news {
background-image: url(images/bott_new.png);
width: 205px; 
_width: 205px;
height: 9px; 
_height: 9px;
padding-left: 1px;
}
.banner {
margin-bottom: 0.5em;
float:right;
text-align: left;
margin-left:0;
width: 190px; 
_width: 190px;
margin-top:10px;


}
.right {
margin-bottom: 0.5em;
float: right;
text-align: left;
margin-left:0;
width: 203px; 
_width: 203px;
height: 690px; 
_height:690px;
vertical-align:top;
background-image: url(images/bgn.png);

}

.right4 {
margin-bottom: 0.5em;
float: right;
text-align: left;
margin-left:0;
width: 200px; 
_width:200px;
height: 680px; 
_height:680px;
padding-right: 2px;
vertical-align:top;
background-image: url(images/bgn.png);

}

.right2 {
margin-bottom: 0.5em;
float: right;
text-align: left;
margin-left:0;
width: 203px; 
_width: 203px;
height: 920px; 
_height:920px;
vertical-align:top;
background-image: url(images/bgn.png);

}


.right3 {
margin-bottom: 0.5em;
float: right;
text-align: left;
margin-left:0;
width: 203px; 
_width: 203px;
height: 2060px; 
_height:2060px;
padding-right: 2px;
vertical-align:top;
background-image: url(images/bgn.png);

}
.txtnew {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

.poza {
border:1px solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
box-shadow: 0 1px 2px #AAA;
}
.pozagros {
border:2px solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
box-shadow: 0 1px 2px #AAA;
}

.pozagros:hover {
border:2px solid;
border-color: #ffffff;
}

.portofoliu { 
width: 455px; 
padding-left:2px;
margin-top:26px;
float: right;
text-align: left;
_width: 435px;
height:619px;
margin-bottom: 0.5em;



 }
.solutie { 
width: 455px; 
padding-left:2px;
margin-top:26px;
float: right;
text-align: left;
_width: 455px;
height:1100px;
_height:1100px;
margin-bottom: 0.5em;



 }
 
.solutie3 { 
width: 455px; 
padding-left:2px;
margin-top:26px;
float: right;
text-align: left;
_width: 455px;
height:950px;
_height:950px;
margin-bottom: 0.5em;



 }
 
 

.solutie2 { 
width: 455px; 
padding-left:2px;
margin-top:26px;
float: right;
text-align: left;
_width: 455px;
height:800px;
_height:800px;
margin-bottom: 0.5em;



 }
.home #contentBody {
	width: 984px;
	_width: 985px
}

.home #contentBody2 {
	width: 764px;
	_width: 764px
}




h2 { 
font-size: 1.25em;
font-weight: bold;
color: #811814;

}




.item { 
font-size: 1em;
padding: 0 0 0 2px; 
min-height: 20px; 
_height: 20px;
display: block;
}

.lista li {
 _margin-right: 0 ; 

 }


/*meniu - imagini in pachetele de solutii......  */
.produs1 { background-image: url(images/anim_top.jpg); } 
 


/*footer - menu bottom  */

#footer {
position: relative;
top:0;
left:0;
border: 0;
margin: 0;
font-size: 0.833em;
padding: 10px 22px 10px 16px;
color:#999;
width: 795px;
_margin-bottom: -15px; 
}


#copyright { 
margin-bottom: 10;
margin-top: 10;
 }
#footer .menu {
margin: 0 0 10px;
padding: 0;
}
#footer .menu li,
#footer .menu a {
line-height: 1.3;
font-weight: bold;
}
#footer .menu a {	padding: 4px 8px; }

#footer a,
#footer a:hover,
#footer a:visited {
color: #BBB;
text-decoration: none;
}
#footer a:hover {
background-color: #111111;
color: #ddd;
}