img {
	border-radius: 3px;
}

bordercolor {
	height: 5px;
	display: block;
	background-color: #d11b06;
}

logo img {
	margin: 10px 0 10px;
	max-width: 255px;
}

ul a {
	color: #525252;
}

ul a:hover {
	color: #1abc9b;
}
.tophead{
	background-color: #363636;
    background-image: linear-gradient(to bottom, #3b3b3b, #2e2e2e);
    background-repeat: repeat-x;
    border-bottom: 1px solid #000000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    color: #adadad;
    text-shadow: 0 2px 3px #000000;
	
}
#menubar {	
	margin-top: 24px;
	padding: 0;
	float: right;
	z-index: 1;
}

#menubar li {
	display: inline;
	margin-left: 7px;
	list-style: none;
	color:#a5a5a5;
	position:relative;
	font-size:14px;
}
#telefon{
	    position: absolute;
    top: 10px;
    right: 0;
    font-size: 13px;
    padding-right: 15px;
    font-style: italic;
    font-weight: bold;
	
}
#menubar li a {
    color: #d8d8d8;
    display: inline-block;
    font-size: 18px;
    padding: 5px;
    text-decoration: none;
    text-shadow: none;
	padding-left:7px;
	padding-right:7px;

}

#menubar li a:hover , #menubar li:hover {
	color: #d11b06;
}
#menubar li:hover a.first  {background: #474747 none repeat scroll 0 0; border-radius:4px 4px 0 0; }
#menubar li a.first:hover  {
	color: #d8d8d8;
	background: #474747 none repeat scroll 0 0;
   
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px 0 #3c3c3c;
}
#menubar li ul {
	margin: 35px 0px 0px 0;
	left:0;
	 padding: 10px 20px;
	border-radius: 3px;
	position: absolute;
	visibility: hidden;
	background: #474747;
	display: inline;
	z-index: 2;
	text-align: center;
	 width: 250px;
    max-width: 203px;
}

#menubar li ul li {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
}

#menubar li ul li a {	
	padding: 0px;
	margin: 0px;
	text-align: left;
	z-index: 2;
	color: #ffffff;
	display:block;
	line-height:18px;
}

#menubar li ul li a:hover {
	color: #e7e7e7;
}

bord {
	display: block;
	height: 10px;
	background-color: #ffffff;
}

#menubar li a#active {

    background: #313131 none repeat scroll 0 0;
    border: 1px solid #252525;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px 0 #3c3c3c;

}

li#active {
	color: #d11b06;
	border-bottom: 1px solid #d11b06;
}

#active1 {
	color: #ff511c;
}

lin {
	height: 1px;
	margin: 10px -15px;
	background-color: #333;
	display: block;
}

#slider , #slider img {
	border-radius: 3px;
	overflow: hidden;
	z-index: 1;
}

.slideshow-wrapper {
    min-height: 260px;
    background: #323232;
	padding:20px 0;
}

.orbit-timer {
	display: none;
}

whatwedo {
	margin-top: 50px;
	display: block;
	text-align: center;
	padding-bottom: 340px;
	border-bottom: 1px solid #e8e8e8;
}

box {
	display: block;
	margin-top: 25px;
	text-align: left;
}

box img {

	margin-bottom: 20px;
}

box h1 {
	font-size: 20px;
	color: #525252;
}

projects {
	display: block;
	margin-top: 50px;
	padding-bottom: 70px;
	text-align: center;
	border-bottom: 1px solid #e8e8e8;
}

projects h1 {
	font-size: 35px;
	margin-bottom: 50px;
	color: #1abc9b;
}

projects a:hover {
	opacity: .7;
}

clients {
	display: block;
	margin-top: 50px;
	padding-bottom: 0px;
	text-align: center;
}

clients h1 {
	font-size: 35px;
	margin-bottom: 30px;
	color: #1abc9b;
}

clients img {
	opacity: .5;
	background-color: #f6f4f6;
	border-radius: 5px;
	border: 2px solid #f6f4f6;
}

clients img:hover {
	opacity: 1;
}

footer {
	display: block;
	margin-top: 100px;
	padding: 50px 0px 0px 0px;
	border-top: 1px solid #e7e7e7;
	background: rgba(0, 0, 0, 0) linear-gradient(#434343, #434343) repeat scroll 0 0 !important;
	color:#dddddd;
}

social a {
	line-height: 35px;
}

foot {
    border-top: 1px solid #e8e7e8;
    color: #aaa;
    display: block;
    font-size: 12px;
    margin-top: 50px;
    padding: 20px 0;
    text-align: center;
    color: #aaa;
}

foot img {
	width: 5%;
	margin-top: -3px;
	opacity: .4;
}

foot img:hover {
	opacity: 1;
}

/* social icon */

.social {
	padding: 8px 14px;
	border-radius: 3px;
	background-color: #dddddd;
	transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	color: #ffffff;
}
.social:hover {
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	color: #ffffff;
}
.facebook:hover {
	background-color: #435fa8;
}
.twitter:hover {
	background-color: #39d2fe;
}
.google:hover {
	background-color: #dd4c37;
}
.pinterest:hover {
	background-color: #cb2026;
}
.dribbble:hover {
	background-color: #f472a2;
}

/* work page & single work page */

works {
	text-align: left;
	display: block;
	padding-bottom: 30px;
}

works h1 {
    background: #434343 none repeat scroll 0 0;
    color: #ddd;
    font-size: 30px;
    line-height: 20px;
    margin-top: 20px;
    padding: 14px 10px;
    text-align: left;
}

works small {
	font-size: 15px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e6e7;
	margin-bottom: 50px;
	color: #1abc9b;
	text-align: left;
}

works img:hover {
	opacity: .7;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

works p {
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}

line {
	display: block;
	height: 1px;
	margin: 10px 0px;
	background-color: #e7e5e7;
}

usernext {
	text-align: center;
	margin-top: 90px;
	padding-top: 20px;
	display: block;
	border-top: 1px solid #e7e6e7;
}

social1 {
	line-height: 35px;
	display: block;
	text-align: right;
}

works h4 {
	text-align: left;
}

works h5 {
	border-bottom: 1px dotted #e7e5e7;
	padding-bottom: 8px;
	text-align: left;
}

.clearing-featured-img img {
	margin-bottom: 20px;	
}

.clearing-featured-img img:hover {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

/* About page */

about {
	display: block;
	padding-bottom: 30px;
	text-align: center;
}

about li {
	margin-bottom: 20px;
}

about h1 {
	line-height: 20px;
	font-size: 30px;
	margin-top: 20px;
	text-align: left;
}

about small {
	font-size: 15px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e6e7;
	margin-bottom: 70px;
	color: #1abc9b;
	text-align: left;
}

about h5 {
	font-size: 25px;
	margin-top: 40px;
	text-align: center;
	line-height: 10px;
}

about small1 {
	font-size: 15px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e6e7;
	margin-bottom: 25px;
	color: #19bc9b;
	text-align: center;
}

about p {
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

/* Contact page */

contact {
	display: block;
	padding-bottom: 30px;
}

contact h1 {
	line-height: 20px;
	font-size: 30px;
	margin-top: 20px;
	text-align: left;
}

contact small {
	font-size: 15px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e6e7;
	margin-bottom: 50px;
	color: #1abc9b;
	text-align: left;
}

contact h5 {
	font-size: 15px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	border-bottom: 1px solid #e7e6e7;
}

contact small1 {
	font-size: 15px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e6e7;
	margin-bottom: 25px;
	color: #19bc9b;
	text-align: center;
}

contact p {
	font-size: 15px;
	line-height: 20px;
	text-align: left;
}

/* Elements page */

elements {
	display: block;
	padding-bottom: 30px;
}

elements h1 {
	line-height: 20px;
	font-size: 30px;
	margin-top: 20px;
	text-align: left;
}

elements small {
	font-size: 15px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e6e7;
	margin-bottom: 50px;
	color: #1abc9b;
	text-align: left;
}

elements h5 {
	font-weight: bold;
}

line1 {
	display: block;
	height: 1px;
	margin: 40px 0px;
	background-color: #e7e5e7;
}

elements .clearing-thumbs img {
	width: 200px;
}

elements .clearing-thumbs img:hover {
	opacity: .7;
}

/* Responsive */

@media only screen and (max-width: 850px) and (min-width: 768px) {
	logo img {
		width: 150px;
		padding-top: 10px;
	}
	#menubar li {
		margin-left: 20px;
	}
	whatwedo {
		padding-bottom: 400px;
	}
	.slideshow-wrapper {
		min-height: 300px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 500px) {
	logo {
		text-align: center;
		display: block;
		margin-top: -30px;
	}
	#menubar li a#active {
		border: 0px;
		padding: 5px 10px;
		border-radius: 3px;
		background-color: #1abc9b;
		color: #ffffff;
	}
	#menubar {	
		margin-top: -25px;
		margin-bottom: 20px;
		float: none;
		text-align: center;
	}
	#menubar li {
		margin: 0px 10px;
	}
	#menubar li a {
		display: block;
		text-decoration: none;
		display: inline;
		line-height: 40px;
	}
	#menubar li ul {
		margin: 40px 0px 0px -130px;
		padding: 10px 50px;
	}
	whatwedo {
		border: 0px;
	}
	projects {
		border-top: 1px solid #e8e7e8;
		padding-top: 40px;
	}
	footer {
		padding-top: 0px;
	}
	footer h4 {
		margin-top: 50px;
	}
	about li {
		margin-bottom: 30px;
	}
	.slideshow-wrapper {
		min-height: 200px;
	}
	foot img {
		width: 9%;
	}
}

@media only screen and (max-width: 499px) {
	logo {
		text-align: center;
		display: block;
		margin-top: -30px;
	}
	#menubar li a#active {
		border: 0px;
		padding: 5px 10px;
		border-radius: 3px;
		background-color: #1abc9b;
		color: #ffffff;
	}
	#menubar {	
		margin-top: -35px;
		margin-bottom: 20px;
		float: none;
		text-align: center;
	}
	#menubar li {
		margin: 0px 7px;
	}
	#menubar li a {
		display: block;
		text-decoration: none;
		display: inline;
		line-height: 40px;
	}
	#menubar li ul {
		margin: 40px 0px 0px -115px;
		padding: 10px 30px;
	}
	whatwedo {
		border: 0px;
		margin: 0px;
	}
	box {
		text-align: center;
	}
	box img {
		display: inline;
		width: 30px;
		margin-right: 10px;
		margin-bottom: 9px;
	}
	box h1 {
		display: inline;
	}
	projects {
		border-top: 1px solid #e8e7e8;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	clients {
		margin-top: 20px;
	}
	footer {
		padding-top: 0px;
		margin-top: 30px;
		text-align: center;
	}
	footer h4 {
		margin-top: 30px;
	}
	foot {
		text-align: center;
		margin-top: 10px;
	}
	foot img {
		width: 13%;
	}
	about li {
		margin-bottom: 30px;
	}
	#slider .orbit-caption , .orbit-prev , .orbit-next {
		display: none;
	}
	.slideshow-wrapper {
		min-height: 100px;
	}
	social1 {
		margin-top: 15px;
	}
	works small {
		margin-bottom: 40px;
	}
	usernext {
		margin-top: 0px;
		padding-top: 40px;
	}
	lin {
		height: 1px;
		margin: 0px -30px;
	}
	elements .clearing-thumbs img {
		width: 150px;
	}
}

/* Animation */
#eroare{color:red;display:block;font-size:12px;}
.raspuns{
	background: #f8f8f8 none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 10px;
	text-align:left;
	margin-left:40px;
}
.raspuns span{color:#aaa;font-style:italic;font-size:11px;margin:0;}
.raspuns h4{margin:0;font-size:12px;}
.clear{width:0px;height:0px;clear:both !important;}
span.data{float:right;font-style:italic;font-size:12px;}
ul.fotos li{display:inline-block;margin:5px;border:1px solid #eee;border-radius:4px;}
#emailtrimis{text-align:center;color:red;}
.orbit-prev{display:none !important;}
.orbit-next{display:none !important;}

table.contact-tabel{color:#333;text-align:left;}
table.contact-tabel td{vertical-align:top;}
table.contact-tabel td #contactus input[type="text"]{margin:5px 0 5px -10px;}
table.contact-tabel td #contactus textarea{margin-left:-10px;}
#btn-menu{display:none !important;}
p.error{margin:0;color:red;font-size:12px;font-style:italic;}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}

footer h1{color:#dddddd;}
footer h2{color:#dddddd;}
footer h3{color:#dddddd;}
footer h4{color:#dddddd;}

.boxx1{text-align:center;border:1px solid #eee;width:49%;padding-top:10px;padding-bottom:10px;text-align:left;}
.boxx1 h1 {
    background-color: #434343 !important;
    color: white !important;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
    padding-left: 10px;
    padding-top: 10px;
    text-shadow: 0 0 0 #000, 0 0 1px transparent !important;
    font-size: 24px;
    line-height: 21px;
    padding-bottom: 10px;
    text-align: left;
}
.boxx1 .button {
    margin-bottom: 0;
    padding: 10px;
    text-align: left;
    width: 100%;
    font-size: 14px;
}

.boxx1  p{margin-bottom:5px;}
.boxx1 .red{background:#f6677b !important; border:1px solid #d96d7c}
.boxx1 .red:hover{background:#d92d45 !important; border:1px solid #d96d7c}


.boxx2{text-align:center;border:1px solid #eee;width:100%;padding-top:10px;padding-bottom:10px;text-align:left;margin-top:20px;}
.boxx2 h1 {
    background-color: #434343 !important;
    color: white !important;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
    padding-left: 10px;
    padding-top: 10px;
    text-shadow: 0 0 0 #000, 0 0 1px transparent !important;
    font-size: 24px;
    line-height: 21px;
    padding-bottom: 10px;
    text-align: left;
}
.boxx2 .button {
    margin-bottom: 0;
    padding: 10px;
    text-align: left;
    width: 100%;
    font-size: 14px;
}

.boxx2  p{margin-bottom:5px;}
.boxx2 .red{background:#f6677b !important; border:1px solid #d96d7c}

ul.footerul li{list-style:none; }
ul.footerul a{color:#dddddd;}


.orbit-slide-number{display:none;}
.culoare1 h1 a{color:blue !important; font-size:16px;font-weight:bold; }
.culoare1 p{color:blue; }

.culoare2 h1 a{color:red !important;font-size:16px;font-weight:bold; }
.culoare2 p{color:red; }

.culoare3 h1 a{color:green !important; font-size:16px;font-weight:bold;}
.culoare3 p{color:green; }

footer p{color:#ddd;}

.titlubox{
	background: #707070 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
	margin-top:0;
	
}
.boxx box{border:1px solid #e0e0e0; }
.boxx h4{padding:5px;}
.boxx a.button{
	background: #009dea none repeat scroll 0 0;
    border: 1px solid #009dea;
    color: #fff;
    float: right;
    margin-top: 10px;
	margin-right:10px;
}

h1.bluecolor{background:#009dea;color:#fff;}
h1.redcolor{background:#eb4556;color:#fff;}
.redbuton{background:red !important;border:1px solid #d92d45 !important;}
.redbuton:hover {background:#d6112c !important;border:1px solid #d92d45 !important;color:#fff !important;}

div.ofertacall{border:1px dashed #333;padding:10px;line-height:20px;}
div.ofertacall a{background:#f6677b;padding:10px;display:inline-block;font-size:24px;color:#fff;border-radius:4px;}
div.ofertacall a:hover{background:#73b5dd;}
div.ofertacall span{font-style:italic;color:red;font-size:13px;}