#wrapper {width:900px; margin:0 auto}
body {background: #e5e5e5 url('../images/template/back.jpg') repeat; }


/*------------------------ header ----------------------------------------------------------------------------------------------------------------------------*/

.header {width:900px; height:53px; margin: 40px 0 30px 0; display:block}
.logo {float:left; width:199px; height:53px; }
.logo a {background:url(../images/template/sigla_newpixel.jpg) no-repeat; margin:0px 0px 20px 25px; text-indent:-9999px; display:block; border:0; width:199px;height:53px}
#meniu {float:right; padding:10px 0 0 0}
#meniu li {display:inline; font-size:18px; font-weight:bold; margin:0 0px 0 30px; float:left }
#meniu li .submeniu{color:#A5A5A5; font-size:12px; margin-top:0; font-weight:normal; text-decoration:none;}
#meniu a {color:#3E3E3E; text-decoration:none; font-weight:normal}
#meniu a:hover {color:#363636; text-decoration:none}
/*------------------------ main content ----------------------------------------------------------------------------------------------------------------------*/
.featured {width:900px; height:223px; background:#ffffff url(../images/template/background_feat.png) no-repeat;}
.featured .wrapper                { width: 860px; overflow: auto; height: 223px; margin: 0 20px;  top: 0; left: 0; }
.featured .wrapper ul             { width: 99999px; list-style: none; top: 0; left: 0;  margin: 0; }
.featured ul li                   { display: block; float: left; padding: 0; height: 223px; width: 860px; margin: 0; }
.featured .arrow                  {display: block; height: 30px; width: 20px; background:#e5e5e5 url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; }
.featured .forward                { background-position: -20px 0; float:right; margin-right:30px}
.featured .back                   { background-position: 0px 0;  float:right; margin-right:10px}
.featured .forward:hover          { background-position: -20px -30px; }
.featured .back:hover             { background-position: 0px -30px; }

.proiect_feat {margin:11px 0 0 0}
.proiect_feat img {float: right; margin: 0 0 2px 20px; border:1px solid #848587}
.proiect_feat h2 {font-size:22px; color:#6d6e71; font-weight:300; padding:20px 0 0 0}
.proiect_feat h3 {font-size:14px; color:#82b83a; font-weight:300; padding:5px 0 0 20px}
.proiect_feat p {font-size:10px; padding:20px 0 0 0}


/*  Prevents */
.featured .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.featured .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.boxuri {width:900px; margin:0 auto;}
.box_feat {width:250px; float:left ; padding:20px 25px 0 25px; font-size:12px;  }
.box_feat h2{color:#6d6e71; font-size:25px; font-weight:400; background:url(../images/template/line_bgr.png) repeat-x 0 30px; padding: 0 0 20px 0 }
.box_feat p {text-align:justify; color:#363636; text-indent:30px;}
.box_feat img {border:1px solid #848587}
.box_feat ul {text-decoration:none; }
.box_feat li {display:block; padding: 0px 0 10px 20px; background:url("../images/template/sageata.png") no-repeat scroll 0 0 transparent; font-size:16px; color:#363636}
.box_feat li a {font-size:16px; color:#363636}
.box_feat li a:hover {color:#6d6e71}
.box_feat li a:visited {color:#6d6e71}

.front-buton {float:right; margin:10px 0 0 0; }
.front-buton li {background:url("../images/template/buton.png") !important; width:120px !important; height:20px !important; padding:0; }
.front-buton li a{color:white; font-size:12px; padding-left:20px }
.front-buton li a:visited{color:white}


.cat-detalii {color:#3E3E3E; font-size:19px; line-height:1.3 ;}

.box_servicii {width:400px; float:left ; margin-top:35px; padding:0 25px 0 25px; font-size:12px;  }
.iconita {float:left; padding:5px 10px 0 0}
.box_servicii h2{color:#6d6e71; font-size:22px; font-weight:400; background:url(../images/template/line_bgr.png) repeat-x 0 30px; padding: 0 0 20px 0 }
.box_servicii p {text-align:justify; color:#363636; margin-bottom:40px}
.box_servicii p span{text-decoration:underline}

.box_porto {width:250px; height:260px; float:left ; margin:35px 25px 0px 25px; font-size:12px; position:relative }
.box_porto h2{color:#6E6D72; font-size:15px; font-weight:400;  margin-top:7px; padding-left:5px; height:35px; text-align:left}
.box_porto p {text-align:left; color:#363636; padding: 5px 0px 0px 10px}
.box_porto img {background-color:#EEEEEE; border:1px solid #DDDDDD; margin-bottom:5px; padding:4px;}
.deta {background:url("../images/template/detalii.png") no-repeat scroll 0 0 transparent; height:55px; position:absolute; right:-7px; top:3px;width:56px;}

.box_porto ul {margin-top:10px}
.box_porto li {display:inline; float:right; padding: 0px 0 15px 20px; background:url("../images/template/sageata.png") no-repeat scroll 5px 2px transparent;}
.box_porto li a {font-size:14px; color:#363636}
.box_porto li a:hover {color:#6d6e71}
.box_porto li a:visited {color:#6d6e71}

.contactst {width:550px; margin:35px 25px 0px 25px; float:left}
.contactst p{text-align:justify; color:#363636;}

/*------------------------ center  area ----------------------------------------------------------------------------------------------------------------------*/
.content {width:900px; margin:0 auto; padding:30px 0 40px 0}
.content  h1{color:#6d6e71; font-size:30px; font-weight:normal; padding: 0 0 20px 0 }


/*------------------------ left area    ----------------------------------------------------------------------------------------------------------------------*/
.detalii_stanga {width:550px; float:left ; padding:0 25px 0 0px; font-size:12px;  }
.detalii_stanga h2{color:#6d6e71; font-size:22px; font-weight:400;  padding: 0 0 20px 0 }
.detalii_stanga p {text-align:justify; color:#363636; margin-bottom:40px}
.detalii_stanga img {border:1px solid #848587; padding:4px; background-color:#EEEEEE;}

/*------------------------ right area   ----------------------------------------------------------------------------------------------------------------------*/
.detalii_dreapta {width:300px; float:left ; padding:0 0px 0 25px; font-size:12px;  }
.detalii_dreapta h3{color:#6d6e71; font-size:22px; font-weight:400; padding: 0 0 20px 0 }
.detalii_dreapta p {text-align:justify; color:#363636; margin-bottom:10px}

.navigare {margin-top:10px}
.nav {text-decoration:none}
.nav li {display:inline}

.inapoi {float:left}
.inainte {float:right}




/*------------------------  footer      ----------------------------------------------------------------------------------------------------------------------*/
.footer {width:900px; margin:0 auto; background:url(../images/template/line_bgr.png) repeat-x}
#copy {float:right; font-size:10px; margin-right:20px; color:#86898F; }


.formTable .errorMessage #formContainerError {
	font-size:11px;
	background:#FDE1E4 url(../images/template/error.png) no-repeat scroll 5px 5px;
	border:1px solid #C00000;
	color:#C00000;
	margin:0px 0 5px 5px;
	padding:4px 5px 4px 10px;
	text-align:left;
	min-height: 30px;
	
}

.caption{text-align:left; font-size:11px;color:#353434}

.label {text-align:left; font-size:11px;color:#353434}


.OkMessage {
	font-size:11px;
	background:#AFEFA4 url(../images/template/ok.png) no-repeat scroll 5px 5px;
	border:1px solid #4A8F3E;
	color:#104F05;
	margin:20px 0px 5px 5px;
	padding:4px 5px 4px 10px;
	text-align:left;
	min-height: 30px;
	font-weight:bold;
}

.btn{ margin:20px 0 0 80px; font-size:13px; background:#808080; color:#ffffff; font-weight:bold; border:0}