* {margin: 0; padding: 0;}

body {background: #fff; font-family: Trebuchet MS, tahoma, sans-serif; font-size: 62.5%; color: #2a2a2a;}
html>body {font-size: 10px;}
a, img {border: none;}

.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clear {clear: both; display: block; height: 0;	line-height: 0;}

/*main page*/
#main_page {width: 935px; margin: 0 auto; padding: 0; background: url(../images/bg_body.gif) 0 0 no-repeat;}
#main_page a, a:visited {color: #1f1f1f; text-decoration: none;}
#main_page a:hover {color: #cd0100; text-decoration: none;}
#main_page:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}

#contact_info {float: left; display: inline; width: 405px; overflow: hidden;}
#contact_info .logo {margin: 0px 0 20px 0px;}
#contact_info p {font-size: 14px; font-weight: bold; margin-left: 55px;}
#contact_info p strong {display: block; padding: 0px 0 0 30px; background: url(../images/bg_h1.gif) 0 3px no-repeat;}
#contact_info p span {vertical-align: middle; background: url(../images/bg_email.gif) 0 20px no-repeat; height: 70px; display: block; margin-top: 6px;}
#contact_info p img {vertical-align: middle; padding-top: 2px;}
#contact_info p em {display: block; font-style: normal; background: url(../images/telefon.gif) 60px 4px no-repeat; color: #000;}

#contact_info form {padding-left: 45px; padding-top: 5px; margin-left: 50px; margin-top: 20px; display: block; background: url(../images/contact.gif) 0 20px no-repeat;}
#contact_info form label {display: block; color: #000; font-size: 11px; padding: 0; font-size: 14px; font-weight: bold; padding-left: 47px; margin-bottom: 3px; margin-top: 10px;}
#contact_info form label.label_1 {background: url(../images/bg_label_1.gif) 0 3px no-repeat;}
#contact_info form label.label_2 {background: url(../images/bg_label_2.gif) 0 3px no-repeat; margin-top: 10px;}
#contact_info form label.label_3 {background: url(../images/bg_label_3.gif) 0 3px no-repeat; margin-top: 10px;}
#contact_info form label.label_4 {background: url(../images/bg_label_4.gif) 0 3px no-repeat; margin-top: 10px;}
#contact_info form label.label_5 {background: url(../images/bg_label_5.gif) 0 3px no-repeat; margin-top: 10px;}
#contact_info form input {display: block; width: 253px; height: 18px; border: solid 1px #c7b7b7;}
#contact_info form textarea {width: 253px; height: 158px; border: solid 1px #c7b7b7;}
#contact_info form div input {border: none; height: auto;}

#contact_info form div.submit {display: block; clear: both; margin: 5px 60px 0 0; text-align: right;}
#contact_info form div.submit input {width: auto; height: auto; border: none; float: right; background: url(../images/btn_trimite.gif) right 0 no-repeat; color: #fff; width: 107px; height: 55px; overflow: hidden; text-indent: -200px; cursor: pointer;}
#contact_info form div.submit:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}

#contact_info form span {display: block; font-size: 11px; margin-bottom: 2px;}
.failure {font-size: 0px; font-weight: bold; color: Red; width: 260px;}
.success {font-size: 0px; font-weight: bold; color: black; width: 260px;}
.failure span, .success span {font-size: 14px;} 
#contact_info form .captcha {height: 30px; clear: both; display: block;}
#contact_info form .captcha img {display: inline; float: left;}
#contact_info form .captcha input {width: 130px; height: 28px; font-size: 23px; display: inline; border: solid 1px #c7b7b7; float: left; text-align: center;}
#contact_info form .captcha:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
#contact_info form .captcha b {float: left; display: inline; font-size: 20px; line-height: 30px; margin: 0 5px;}

#contact_info form em {font-size: 11px; font-style: normal; margin-bottom: 2px;}


#content {float: left; display: inline; width: 495px; padding-left: 35px;}
	#menu {font-size: 30px; color: #000; margin-top: 80px; padding-left: 15px; height: 40px; background: url(../images/portofoliu.gif) 100% 5px no-repeat; margin-right: 30px;}
	#menu a {color: #3d3d3d; margin: 0 10px;}
	#menu a:hover, #menu a.selected {color: #a4a4a4; margin: 0 10px;}
	#content .container {display: block; clear: both; margin: 25px 0; width: 495px;}
	#content .container div {float:left; display: inline; width: 121px; height: 195px; padding: 25px 50px; margin-right: 20px; background: url(../images/bg_item.gif) 0 0 no-repeat;}
	#content .container div h2 {font-size: 17px; font-weight: bold; padding-bottom: 5px;}
	#content .container div h2.title {font-size: 13px; line-height: 23px;}
	#content .container div h2.title_2 {font-size: 12px; line-height: 23px;}
	#content .container div h2 a {color: #2A2A2A; text-decoration: none;}
	#content .container div h2 a:hover {color: #bd9276; text-decoration: none;}
	#content .container div img {border: solid 1px #fff;}
	#content .container div p {font-size: 12px; color: #c40000; font-weight: bold; text-align: right;}