@charset "utf-8";
/* CSS Document */
html,body {margin:0;padding:0;height:100%;background:#fff;font-family:arial,sans-serif;font-size:small;color:#4f575c;}

h1, h2, h3, h4, h5 {margin:0; padding:0;color:#000;}
h1 {font-size:30px; color:#46a5d9; }
h3 {font-size:20px; color:#46a5d9;}/*24*/
h4 {font-size:18px;padding-bottom:5px; }
h5{font-size:16px;color:#71add3;font-weight:normal;text-decoration:underline;}

ul, li{list-style:none;margin:0; padding:0;}
p{font-size:12px;line-height:20px;padding:5px;margin:0}
.to-right{ float:right;}
.to-left{ float:left;}
a:link,a:visited,a:active{text-decoration:none;outline:none; font-size:12px; color:#4f575c;}
a:hover{text-decoration:underline;color:#46a5d9;}

/*Buttons*/
span.button { height:30px; padding-left:4px; background-image:url(layout/btn-left.png); background-repeat:no-repeat; background-position:0 0;display:block;}
span.button span { height:24px;padding:6px 18px 0 14px;background-image:url(layout/btn-right.png); background-repeat:no-repeat; background-position:100% 0; display:block;}
span.button:hover {background-position:0 -40px;}
span.button:hover span{background-position:100% -40px;}
	span.button span a:link,
	span.button span a:visited,
	span.button span a:active{text-transform:uppercase;font-weight:bold;color:#FFF;}
	span.button span a:hover{text-decoration:none;color:#FFF;}

/*butttons*/


#container{position:relative; margin:0 auto;width:100%;height:auto !important; height:100%;min-height:100%; }
.content-all{ width:960px; margin:0 auto;overflow:hidden; border:0px solid red;}

#header{width:100%; border-bottom:1px solid #54707c;} 
	#header .content-all{ height:105px; width:920px; padding:12px 20px 0 20px;}
	a#logo{float:left; padding-top:20px;}
	a#logo img{border:none;}
		#header-right{float:right;}
			#lang{text-align:right; height:20px; width:100%; color:#c0c0b8; }
			#lang a{padding-left:20px; background-repeat:no-repeat;  background-position:left center;color: #c0c0b8; font-size: 14px; text-decoration: none; margin:0 8px; }
			#lang #en { background-image:url(layout/en.jpg);}
			#lang #ro { background-image:url(layout/ro.jpg);}
	#main-menu{max-width:700px;}
	#main-menu .main-menu-left{background:url(layout/main-menu-left.gif) no-repeat 0 0;width:3px; height:65px; float:left;position: relative; top:-1px;}
	#main-menu .main-menu-right{background:url(layout/main-menu-right.gif) no-repeat 0 0; width:3px ;height:65px; float:right; position: relative; top:-1px;}
	#main-menu .main-menu-content{  float:left; width:auto;height:63px; border-top:1px solid #e7e9eb; border-bottom:1px solid #e7e9eb; background-color:#f6f6f6;}
		ul.main-menu{ float:right;}
		ul.main-menu li{float:left;color:#cdcfcf; line-height:32px; padding:18px 5px 10px 5px;}
		ul.main-menu li a,
		ul.main-menu li a.active{ height:29px; background-repeat:no-repeat; background-position:0 0; display:block; float:left; text-indent:-9999px; margin-right:5px;}
		ul.main-menu li a.active{background-position:0 -36px; cursor:default;}
		ul.main-menu li a:hover{background-position:0 -36px;}

			ul.main-menu li a#m-home{ background-image:url(layout/m-acasa.png);width:65px;}
			ul.main-menu li a#m-about-us{ background-image:url(layout/m-despre-noi.png);width:97px;}
			ul.main-menu li a#m-projects{ background-image:url(layout/m-proiecte.png);width:80px;}
			ul.main-menu li a#m-galerie{ background-image:url(layout/m-galerie.png);width:78px;}
			ul.main-menu li a#m-testimonials{ background-image:url(layout/m-testimonials.png);width:112px;}
			ul.main-menu li a#m-contact{ background-image:url(layout/m-contact.png);width:78px;}



#slider{ width:100%; height:225px; background:url(layout/slider-bg.jpg) repeat-x 0 0;}
	#slider .content-all{ height:225px;}
	
#after-slider{ width:100%; background:#fafafa url(layout/after-slider-bg.jpg) repeat-x  bottom left;>}
	#after-slider .content-all{ height:auto; width:920px; padding:0 20px 20px 20px;}
	#after-slider ul,
	.proiect-details ul{padding:15px 0;}
	#after-slider ul li,
	.proiect-details ul li{ padding:7px 5px; line-height:18px;}
	
#content-row {width:100%; margin-bottom:50px;}
	#content-row .content-all{ border:none; }
	#content-row .content-all .row,
	#content-row .content-all .row-details{ width:918px;padding:20px;border:1px solid #d7dddf; float:left; margin:13px 0 0 0;}
	#content-row .content-all .row-details{ width:954px; padding:2px;}
	/*START list with column*/
	#content-row .lists-item{width:228px;  float:left;}
	#content-row .lists-item h2 {background:url(layout/h2-underline.jpg) no-repeat 0 100%; padding-bottom:10px;}
	#content-row .lists-item h2 a:link,
	#content-row .lists-item h2 a:visited,
	#content-row .lists-item h2 a:active{font-size:22px;color:#313538;font-weight:normal; }
	#content-row .lists-item h2 a:hover{color:#727a80}
	
	#content-row .lists-item ul{}
	#content-row .lists-item ul li{line-height:27px;}
	#content-row .lists-item ul li a{ background-image:url(layout/li-link-img.gif); background-repeat:no-repeat; background-position:0 0; padding-left:15px;}
	#content-row .lists-item ul li a:hover{background-position:0 -15px;}
	/*END list with column*/
/*----------start proiect item with column-------------------*/
	#content-row  .proiect-item{ border:1px solid #d7dddf;width:466px; height:148px; padding:1px 2px 1px 3px; margin:10px 0;}
			.proiect-out{width:465px; height:146px;background:url(layout/proiect-out.gif) repeat-x bottom left;}
			.proiect-in{width:450px; height:116px; padding:15px 0 15px 15px;position:relative; left:0px}
				.proiect-in span{background:url(layout/proiect-img-bg.gif) no-repeat 0 0;border:1px solid #c8cbce;float:left; padding:3px;}
					.proiect-in span img{border:1px solid #fff;float:left;}
				.proiect-in .title{ float:right;background:url(layout/proiect-title-bg.png) no-repeat  bottom right; width:300px;padding:0 20px 10px 0; position: relative; right:-2px;}
					.proiect-in .title h4{ color:#313538;font-weight:normal; float:left; padding-left:5px; }
					.proiect-in .title a:link,
					.proiect-in .title a:visited,
					.proiect-in .title a:active{ color:#55b3e7;font-size:14px; float:right; line-height:25px; }
					.proiect-in .title a:hover{ color:#9e9fa0;}
				.proiect-in p{float:right; width:300px; padding:0 13px 0 15px; margin:0; }
			.proiect-bottom{border:1px solid #d7dddf; border-top:none; height:2px;position:relative; top:4px; background:#ebeeef;line-height:0; font-size:1px;}
	/*hover state*/		
	#content-row  .proiect-item:hover{ border:1px solid #bbbebf;}
			.proiect-item:hover .proiect-in{background:url(layout/proiect-in.gif) repeat-x 2px 2px;}
			.proiect-item:hover .proiect-bottom{border:1px solid #bbbebf; border-top:none;background:#ebeeef;}
/*----------end proiect item with column-------------------*/
			
/*-----------------------start-proiect-details-------------------*/
			.details-in{float:left; width:914px; padding:20px;position:relative; left:0px;background:url(layout/proiect-out.gif) repeat-x bottom left;}
				.details-in span{background:#d7dddf url(layout/proiect-details-img-bg.gif) no-repeat 0 0;border:1px solid #c8cbce;float:left; padding:3px;}
					.details-in span img{border:1px solid #fff;float:left;}
				.details-in .title{ float:left;background:url(layout/proiect-title-bg.png) repeat-x  bottom right; width:100%;padding:0 0px 10px 0; margin-bottom:15px;}
					.details-in .title h4{ color:#8e8e8e;font-weight:normal; float:left; padding-left:5px; }
					.details-in .title a:link,
					.details-in .title a:visited,
					.details-in .title a:active{ color:#cbcccd;font-size:18px; float:right;background:url(layout/link.gif) no-repeat left top; padding-left:30px; text-decoration:underline;  }
					.details-in .title a:hover{ color:#46a5d9; background-position:0 -26px;}
				.details-in  .proiect-details{float:right; width:670px;}
				.details-in  .proiect-details p{margin:0; padding:0 0 10px 0;}
			.row-details-bottom{float:left; border:1px solid #d7dddf; border-top:none; height:2px;position:relative; top:0px; left:3px; width:950px; background:#ebeeef;line-height:0; font-size:1px;}

/*----------------------- end proiect-details-------------------*/
/*----------------------- start testimonials-------------------*/
		.quote{background:url(layout/quote-top.gif) no-repeat 0 0;margin:10px 0;line-height:18.5px; clear:both;}
		.quote blockquote{background:url(layout/quote-bottom.gif) no-repeat 100% 100%;padding:0px 25px 5px 25px;margin:0;font-size:12px;text-align:justify;}
		.quote blockquote p{ padding:0;}
		.quote strong{ padding-left:25px;color:#d4894c; line-height:30px;}
/*----------------------- end testimonials-------------------*/
/*----------------------- start contact-------------------*/
		ul.addresses{float:left; width:275px; padding:20px;}
		form#frmContact{float:left; width:910px; padding:0 20px 20px 20px; }
		form#frmContact ul{ padding-top:10px;}
		form#frmContact ul li{ width:400px; float:left;padding:3px 0; }
		form#frmContact ul li.long{ width:510px; float:left; }
		form#frmContact ul li.very-long{ width:110px; padding:0 200px 0 510px; float:left; }
		form#frmContact ul li label{ width:110px; height:20px; padding-top:4px; display:block;float:left;}
		form#frmContact ul li label.with-margin{margin-top:5px;}
		
		form#frmContact ul li input, select{ border:1px solid #e2e2e2; background-color:#f5f5f5; float:left;width:235px; height:20px; padding:4px 5px 0 5px;color:#4f575c;}
		form#frmContact ul li.long input,textarea{ border:1px solid #e2e2e2; background-color:#f5f5f5; float:left;width:385px; }
		form#frmContact ul li.long textarea{ height:120px;color:#4f575c; padding:5px;}
		form#frmContact ul li #submit{width:75px; background:none; border:none;text-transform:uppercase; color:#fff; font-weight: bold; padding:0;font-size:12px; height:18px; padding-bottom:3px;}
		form#frmContact ul li #submit:hover{height:18px; padding-bottom:3px;}
		/*SELECT */
		.jlb_class {z-index:1000;position:relative; top:1px; left:0px;width:240px;height:24px; float:left; margin-top:5px;}
		
		.jlb_class a:link,
		.jlb_class a:visited,
		.jlb_class a:active,
		.jlb_class a:hover{position:absolute;left:0;width:240px;height:20px;padding:4px 0 0 5px;background:#f5f5f5 url(layout/select-arrow.gif) no-repeat 99% 50%;display:block;border:1px solid #e2e2e2; color:#4f575c;  text-decoration:none;}
		
		.jlb_class ul#dropdown {display:none;position:absolute;left:0px;top:25px;width:245px;background-color:#424242;border:1px solid #e2e2e2;border-top:none; padding-top:0; }
		.jlb_class ul#dropdown li{display:block;width:225px; font-style:normal;font-size:12px; color:#4f575c;padding:3px 10px;border-top:1px solid #e2e2e2; background-color:#f5f5f5;}
		.jlb_class ul#dropdown li:hover { display:block; padding:3px 10px; font-weight:bold; }
		.jlb_class ul#dropdown li.selected{ font-weight:bold;}
/*error message*/		
		#result{width:100%; float:left; margin-top:30px; text-align:center;font-weight:bold; font-size:12px;}
		.label-error{color:#bd3535; font-weight:bold;}
		.error{ color:#dc9090;}
		.valid{ color:#090;}
/*----------------------- end contact-------------------*/


/*footer*/
div#footer { position:relative; width:100%;height:45px;background:url(layout/footer-bg.gif) repeat-x top left; z-index:0; margin-top:-40px; }
div#footer .content-all {height:30px; padding-top:15px; font-size:12px; color:#4a4a4a;color:#a8acae; text-align:left}
	div#footer	a.school:link,
	div#footer	a.school:visited,
	div#footer	a.school:active	{color:#68696a;}
	div#footer	a.school:hover{text-decoration:underline;}
	div#footer	a.terms:link,
	div#footer	a.terms:visited,
	div#footer	a.terms:active{color:#2e7eaa; text-decoration:underline;}
	div#footer	a.terms:hover{color:#46a5d9;}
	div#footer	a#oxylus{ float:right;}
	
	
	
/*toolttip*/
.tipsy { padding:0 5px 5px 5px; font-size: 12px;}
  .tipsy-inner { text-align: center;background:url(layout/tooltip-arrow.gif) no-repeat 0 0; padding-top:6px;}
	  .tipsy-inner span{color:#838281;background:url(layout/tooltip-inner-bg.gif) repeat-x bottom left;border:1px solid #0a0b0b; border-top:none; width: 263px; display:block; text-align:left; padding:10px; line-height:19px;}
		.tipsy-north { background:url(layout/tooltip-outer-bg.png) repeat top center;}




.contactError {	background: #f8d5d5;border-top: 2px solid #d56c6c;	border-bottom: 2px solid #d56c6c;padding:10px;	color: black;margin-bottom:12px;} 
.contactError ul{ margin:0; padding-left:20px;}
.contactError ul li{list-style:disc; list-style-position:inside;}


#editSuccess {
	background: #bdefd6;
	border-bottom: 2px solid #4bfea3;
	border-top: 2px solid #4bfea3;
	padding:10px;
	color: black;
}