/* Global Layout */
.clear{clear:both;}
a,img,input{outline:none;text-decoration:none;border:0;}
html{}
body{font:normal 1em Arial;padding:0;margin:0;background:transparent url(../images/background-pattern.jpg) top center repeat-x;}
body .portfolio{font:normal 10em Arial;padding:0;margin:0;background:#ccc url(../images/background-pattern-portfolio.jpg) top center repeat-x;}

h1{font:normal 32px Arial;color:#5F0706;padding:0;margin:0;}
#footer h1{font:normal 22px Arial;color:#5F0706;padding:0;margin:0;}
h2{font:normal 24px Arial;color:#620C0B;padding:0;margin:0;}
h2.motto{color:#fff;}
h2.stiri{font:normal 20px Arial;color:#620C0B;border-bottom:1px solid #620C0B;}
h2.consultanta-web{width:506px;height:48px;padding:22px 0 0 90px;background:transparent url('../images/headings.png');color:#fff;}
h2.web-design{width:506px;height:48px;padding:22px 0 0 90px;background:transparent url('../images/headings.png') no-repeat 0 -70px;color:#fff;}
h2.optimizare-site{width:506px;height:48px;padding:22px 0 0 90px;background:transparent url('../images/headings.png') no-repeat 0 -137px;color:#fff;}
h2.internet-marketing{width:506px;height:48px;padding:22px 0 0 90px;background:transparent url('../images/headings.png') no-repeat 0 -207px;color:#fff;}
.porto-offer h2{padding:50px 0 0 0;text-align:center;}

h3{font:normal 22px Arial;margin:0;padding:0;text-align:left;}
h3.right{font:normal 20px Arial;margin:0;padding:0;text-align:right;color:#fff;}
h3 span{color:#FF5F5F;}

#oferta-speciala{float:right;width:341px;height:100px;padding:10px 20px 0 0;}

.hr{float:left;width:950px;display:block;height:1px;background:#91090D;margin:20px 0 0 30px;}

#siteContent{width:1000px;margin:0 auto;}

#content{min-height:600px;background:transparent url('../images/box.png') no-repeat scroll 0 0;}


/*header*/
#header{float:left;width:100%;min-height:120px;}
#header #logo{width:291px;height:54px;background:url('../images/logo.png') no-repeat scroll 0 0;margin:50px 0 0 30px;float:left;}
#header #logo a{width:291px;height:54px;display:block;}
#top-menu{float:right;height:14px;margin:0 18px 0 0;padding:0;font:normal 11px Arial;}
#top-menu li{list-style:none;float:left;margin:0 3px 0 0;padding:0;}
#top-menu a{color:#fff;}

#phns{float:right;width:320px;margin:10px 20px 0 0;clear:right;}

#steps{float:left;width:952px;height:200px;background:transparent url('../images/steps.png');margin:18px 0 0 23px;}
#motto{float:left;width:540px;height:60px;margin:30px 0 30px 30px;}

#navBar{float:right;min-width:433px;height:20px;padding:0;margin:40px 5px 0 0;}
#navBar li{float:left;height:20px;padding:0;margin:0 14px 0 0;list-style:none;}
#navBar li a{color:#FF5F5F;font:normal 12px Arial;display:block;}
#navBar a:hover{color:#fff;}
#navBar a.current{display:block;font:normal 12px Arial;border-bottom:3px solid #FB0000;color:#fff;}

#r-content{float:left;width:932px;padding:34px;font:normal 12px Arial;}
#page{float:left;width:932px;padding:0 34px 0 34px;font:normal 12px Arial;}
.r-l-content{float:left;width:750px;}
.r-r-content{float:left;width:170px;padding:20px 0 0 10px;}

.r-r-r-content{width:152px;float:left;}

.r-l-l-content{float:left;width:547px;border-left:1px solid #BF9B9B;border-right:1px solid #BF9B9B;padding:14px;}
.r-l-r-content{float:left;width:170px;padding:20px 5px 0 0;}
.r-l-l-content p{font:normal 11px Verdana;line-height:20px;}
.r-l-l-content li{font:normal 11px Verdana;line-height:20px;}
.portofolio-content{float:left;width:780px;}

.r-l-content #infos{padding:0 0 0 10px;margin:20px 0 20px 0;float:left;width:644px;}
.r-l-content #infos p{margin:0;padding:5px;color:#5F0706;width:410px;float:left;}
.r-l-content #infos span{font-weight:bold;color:#5F0706;}
.r-l-content #infos a{color:#FB0000;}
.r-l-content #infos .daniel-ungureanu{border:2px solid #ccc;float:right;margin:0 15px 0 0;	}
#r-content .r-l-content .dropDown{margin:20px 0 0 0;}

.porto{padding:34px 0 0 0;}
.porto-offer{width:930px;padding:20px 0 0 0;margin:0;}
.porto-offer li{float:left;list-style:none;width:220px;padding:0;margin:0 0 0 10px;min-height:200px;}
.porto-offer li.presentation-website{background:transparent url('../images/prices250.png') no-repeat scroll 0 0;}
.porto-offer li.products-catalog{background:transparent url('../images/prices400.png') no-repeat scroll 0 0;}
.porto-offer li.online-shop{background:transparent url('../images/prices600.png') no-repeat scroll 0 0;}
.porto-offer li.custom-website{background:transparent url('../images/pricescustom.png') no-repeat scroll 0 0;}
.porto-offer li p{font:normal 12px Arial;color:#660608;margin:3px 0 3px 0;padding:0 0 0 20px;background:transparent url('../images/bullet_footer_ul.gif') no-repeat scroll 9px 8px;}


.services p{width:550px;padding:0 3px 0 3px;}


.intro{width:152px;float:left;}
.intro h2{margin:10px 0 10px 0;}
.intro p{height:120px;display:block;}
.intro a{display:block;color:#5F0706;background:transparent url('../images/bullet_footer_ul.gif') no-repeat scroll 0 8px;padding:2px 0 0 10px;}
.intro a:hover{color:#666;}

/* utilities */
.pr-box{background:transparent url('../images/assets.png');width:543px;height:73px;margin:20px auto 0 auto;}
.pr-box form{background:transparent;border:0;padding:21px 0 0 30px;}
.pr-box input{float:left;background:transparent;border:0;width:370px;height:30px;font:normal 16px Verdana;}
.pr-box .submit{float:left;background:transparent url('../images/verifica.png');border:0;width:109px;height:32px;display:block;font:normal 16px Verdana;margin:0 0 0 14px;}




/* footers */

  

#footer {float: left;font:normal 11px Arial;background:#fff url(../images/footer-b.png) repeat-x top center;width: 100%;margin:25px 0 0 0;padding:25px 0 25px 0;}
#footer .boxes_holder {width:980px;margin-right:auto;margin-left:auto;position: relative;}
#footer .box{float:left;margin: 0px;width: 215px;padding:0px 15px 0 15px;color: #999999;}
#footer .box h1{float:left;padding:0px;width:215px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color: #666666;margin:0 0 15px 0;}


#footer .box ul{margin:0px;width:215px;list-style-type:none;padding:0px;}
#footer .box ul li {margin:0px;width:215px;float:left;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;background-image:none;color:#666666;}
#footer .box ul li a {font:normal 11px Arial;color:#999999;text-decoration:none;background-position:left 6px;display:block;padding:0 10px 4px 0;background:transparent;}
#footer .box ul li a:hover {text-decoration: underline;}
#footer .box ul li a.features {color:#999999;text-decoration:none;background:transparent no-repeat left 6px;display:block;padding-left:10px;}
#footer .subfooter {float:left;width:945px;padding:15px 0 15px 15px;margin:0px;left:0px;top:100px;}
#footer .subfooter ul {margin:0px;padding:0px;}
#footer .subfooter ul li {display:inline;list-style-type:none;}
#footer .subfooter a {
	color: #CCCCCC;
	display: inline;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer .subfooter .copy {
	float: right;
	color: #CCCCCC;
	font:normal 11px Arial;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/**/
#bottom {
	width: 910px;
	font-size: 11px;
	color: #aaa;
	background-color: #161616;
	padding: 20px;
	float: left;
	margin: 0px;
}
#bottom_holder {
	margin: 0px;
	float: left;
	width: 950px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#bottom .strong {
	font-size: 15px;
	display: block;
	color: #CCCCCC;
}
#bottom div {
	margin: 0px;
	float: left;
	width: 300px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div img {
	margin-right: 4px;
	margin-top: 4px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bottom div.last {
	margin: 0px;
	float: left;
	width: 263px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#bottom div.second {
	padding-left: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 278px;
}
#ico {margin:20px 18px 0 11px;float: right;list-style-type: none;padding:0;}
#ico li {float: left;margin:0 0 0 3px;padding:0px;}
/**/
#form {
	margin: 0px;
	width: 750px;
	float: left;
	background-color:transparent;
	padding: 0px;
	position: relative;
}
#form div {
	float: left;
	width: 325px;
	position: relative;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
}
#form div label {
	height: 25px;
	width: 90px;
	display: block;
	color:#a80000;
}
#form div label.error {
	color: #a80000;
	height:19px;
	width:140px;
	position: absolute;
	top: 0px;
	right: 70px;
	text-align: right;
}
#form div.textarea {
	padding:0 0 10px 15px;
	margin: 0px;
	width: 340px;
	float: left;
	position: relative;
}
#form div.message_sent {
	background-color: #31B8DA;
	width: 890px;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
	color: #a80000;
}
#form input {
	width: 250px;
	border: 1px solid #282828;
	padding: 8px;
	font-size: 13px;
	color: #999999;
	background-color: #282828;
	float: left;
	height:15px;
}
#form textarea {
	width: 250px;
	height:100px;
	border: 1px solid #282828;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #282828;
	color: #aaaaaa;
	z-index:0;
}
#form .error {
	font:normal 11px Arial;
}
#form input:focus {
	border: 1px solid #5C5C5C;
	color: #CCCCCC;
	background-color: #5c5c5c;
}
#form textarea:focus {
	border: 1px solid #5C5C5C;
	background-color: #5C5C5C;
	color: #CCCCCC;
}
#form .submitBtn {background-color:#91090D;width:95px;color:#fff;border-top-style:none;border-right-style:none;border-bottom-style:none;
	border-left-style: none;
	display: block;
	padding: 0px;
	font-size: 16px;
	height: 35px;
}
#form .DivsubmitBtn{width:192px;margin-top:40px;float:right;}
#form .submitBtn:hover {
	background-color: #ff0000;
	color: #FFFFFF;
}
#form .submitBtn:focus {
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #91090B;
}
#form strong {font-size:24px;color:#FFFFFF;font-weight:normal;padding:0 0 5px 0;margin:0 0 10px 0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#6a6a6a;display:block;}
#form .font-11 {font:normal 11px Arial;color:#FFFFFF;display:inline;}
.contact_info {width:250px;float:left;padding-bottom:35px;margin-left:20px;}
.contact_info p {display:inline;margin:0;padding:0;}
.contact_info a {margin:0;padding:0;display:inline;background:none;}
/***************************************************
			  FORM DE CONTACT - DD
***************************************************/
.contactForm #cx{width:250px;z-index:999;}
.contactForm #cy{z-index:999;padding:0;width:250px;margin:0;line-height:30px;color:#fff;text-decoration:none;}
.contactForm #cy p{z-index:999;margin:0;width:266px;padding:0;border:1px solid #282828;height:30px;line-height:30px;background:url('../images/arrow.gif') 98% 50% #282828 no-repeat;text-indent:.5em;cursor:default;}
.contactForm #cy ul{z-index:999;position:absolute;width:266px;padding:0;list-style:none;background:#5C5C5C;border:1px solid #282828;border-top:0;border-style:solid;border-color:#282828;display:block;margin:0;clear:both;}
.contactForm #cy ul a{z-index:999;color:#ccc;display:block;width:266px;}
.contactForm #cy ul a:hover{z-index:999;text-decoration:none;background:#91090B;color:#fff}
.contactForm #cy p.hv{z-index:999;background-color:#5C5C5C;color:#ccc;}
.contactForm #cy li{z-index:999;margin:0;padding:0;text-indent:.5em}
.contactForm #cy.hd ul{z-index:999;display:none;}

/***************************************************
			  PORTFOLIU
***************************************************/
ul.portfolio-tiles {list-style-type:none;padding:0;margin:20px 0 0 0;display:block;width:780px;float:left;}
ul.portfolio-tiles li {float:left;margin:0;width:240px;padding:0 0 25px 15px;position: relative;overflow: hidden;}
ul.portfolio-tiles li img {width:220px;margin: 0px;padding:10px 0 0 10px;border:0 solid #333;}
ul.portfolio-tiles li a.item {font-size:14px;color:#aaa;text-decoration:none;padding:0px;margin:0px;background-color:#666;display:block;}
ul.portfolio-tiles li a.item:hover {text-decoration:none;margin:0px;padding:0px;cursor:pointer;color:#FFFFFF;}
ul.portfolio-tiles li strong {font:bold 14px Arial;display:block;width:205px;padding:10px 10px 5px 10px;text-decoration:none;height:35px;margin:0px;color:#fff;}