@charset "utf-8";
/* CSS Document */

body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #121212; }
body { background: #f1f1ed url(../assets/bg-main2.jpg) repeat-x; margin: 0 auto; }
h1 { font-size: 1.2em; color: #121212; margin: 0 0 20px 0; padding: 0; font-weight: normal; text-transform: uppercase; }
h2 { font-size: 1em; color: #121212; margin: 0 0 -15px 0; padding: 0; }
h3 { font-size: 0.9em; font-weight: 700; margin: 0; }
h4 { font-size: 1em; font-weight: 700; 	margin: 0; }
a { text-decoration: none; }
a:link { color: #333; }
a:visited { color: #999; }
a:hover { color: #9c0; }
a:active { color: #333; }
#container { width: 970px; margin: 0 auto; padding: 0 30px 30px 30px; background: url(../assets/bg-container.png) repeat-y center; clear: both; behavior: url(script/iepngfix2.htc); display: table; }
#top { width: 100%; height: 50px; margin: 0 auto; clear: both; position: relative; }
#topnav { float: right; width: 200px; height: 18px; padding-top: 5px; text-align: right; font-size: 0.7em; color: #ccc; margin-right: 34px; }
#topnav a:link, #topnav a:visited, #topnav a:hover, #topnav a:active { color: #ccc; margin: 0 2px; }
#topnav a:hover { color: #666; }
#menu { width: 223px; height: 415px; position: absolute; margin: 0; padding: 15px 0 0 15px; background: #fff url(../assets/bg-menu.jpg) repeat-x center top; behavior: url(script/iepngfix3.htc); font-size: 1.15em; font-weight: lighter; z-index: 0; }
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #666; text-decoration: none; }
#menu a:hover { color: #9c0; }
#menu img { margin-bottom: 50px; }
#menu ul { list-style-type: none; margin: 25px 0 0 0; display: inline; }
#menu ul li { width: 190px; float: left; clear: both; padding: 6px 0 6px 10px; border-bottom: 1px solid #efefef; }
#search { width: 100%; float: left; clear: both; margin-top: 45px; height: 50px; }
#language { width: 70px; height: 20px; margin: 10px 0 0 248px; color: #ccc; font-weight: 700; position: absolute; z-index: 1; font-weight: 700; font-size: 0.9em; }
#language a:link, #language a:visited, #language a:hover, #language a:active { color: #ccc; }
#language a:hover { color: #666; }
#banner { width: 970px; height: 380px; margin: 0 auto; background: no-repeat right top; }
#banner01 { width: 732px; height: 380px; margin: 0 auto; padding: 0 0 0 238px; }
#partner { width: 86px; height: 120px; background: #fff; position: absolute; z-index: 2; margin-left: 820px; margin-top: 30px; font-size: 0.8em; padding: 0 20px; text-align: center; }
#content { margin: 25px 0 10px 0; }
#content a { text-decoration: none; }
#center { margin: 0 auto; width: 950px; }
#submenu { width: 100%; height: 20px; float: left; clear: both; padding: 0 0 20px 0; line-height: 1em; text-align: right; font-size: 0.9em; font-weight: 700; color: #ccc; }
#submenu a:link, #submenu a:visited, #submenu a:hover, #submenu a:active { color: #121212; text-decoration: none; margin: 0 4px; }
#submenu a:hover { color: #9c0; }
#left { width: 700px; float: left; }
#left ul { list-style-type: none; margin: 0; display: inline; }
#left ul li { width: 305px; height: 160px;	float: left; margin: 0 18px 40px 0; padding: 10px; border-right: 1px solid #333; }
#left ul li img { float: right; width: 87px; height: 161px; margin-left: 15px; border: 0; }
#left ul li dl { margin: 0; padding: 0; float: left; width: 200px; }
#left ul li dt { font-size: 1.2em; text-transform: uppercase; color: #121212; margin: 0 0 20px 0; padding: 0; font-weight: normal; }
#left ul li dd { margin: 0 0 2px 0; padding: 0; }
#left01 { float: left;	width: 400px; }
#right { width: 250px; float: right; padding: 0; }
#right strong { color: #121212; }
#right01 { width: 530px; float: right; padding: 20px 0 0 0; margin: 0 0 0 10px; }
#right01 ul { list-style-type: none; padding: 0; display: inline; }
#right01 ul li { float: left; margin: 10px; padding: 0; } 
#right01 ul li a img { border: 4px solid #f4f4f4; }
#right01 ul li a:hover img { border: 4px solid #9c0; }
#footer { height: 30px;	width: 970px; margin: 0 auto; padding: 35px 30px 0 30px; clear: both; background: url(../assets/bg-footer.png) no-repeat center top; behavior: url(script/iepngfix.htc); font-size: 0.8em; color: #999; }
#navbottom { width: 500px; float: right; text-align: right; color: #ccc; }
#navbottom a:link, #navbottom a:visited, #navbottom a:hover, #navbottom a:active { margin: 0 3px; color: #999; }
#navbottom a:hover { color: #666; }
.searchForm{ border: 1px solid #e2e2e2; padding-left: 5px; background: #f9f9f9; color: #ccc; }
.textbox01 { width: 210px; height: 50px; float: left; }
.detalii { width: 100%; float: left; clear: both; font-size: 0.8em; }
.detalii a:link, .detalii a:visited, .detalii a:hover, .detalii a:active { color: #9c0; padding: 0 5px; text-decoration: none; }
.detalii a:hover { background: #9c0; color: #fff; }
.btt { width: 50%; float: right; text-align: right; }
.table { font-size: 0.9em; }
.cerere-oferta { width: 110px; height: 26px; float: left; margin: 20px 0 0; background: #33a92e; font: normal 1em/1.8em Arial, sans-serif; display: block; text-decoration: none; padding: 2px 8px 0; color: #fff; text-align: center; }
.cerere-oferta:hover { background: #3cbb38; cursor: pointer; display: block; color: #fff; }

.youtube { position: absolute; right: -10px; top: -10px; z-index: 9999; }
.youtube a { background: none; }
.youtube a img, .youtube a:visited img { border: none; text-indent: -9999em; display: block; padding: 10px; }
.youtube a:hover img { background: none; }

/* -----------------------------------
	formular service
-----------------------------------	*/

.buton-servicii { float: left; clear: both; font: 700 14px/1.1 Arial, Helvetica, sans-serif; text-align: center; margin: 10px 0; text-decoration: none; }
a.buton-servicii, a:visited.buton-servicii { float: left; display: block; background: #33a92e; color: #fff; text-decoration: none; padding: 10px 15px; }
a:hover.buton-servicii { background: #3cbb38; padding: 10px 15px; }
/*
#formular-wrapper { width: 100%; float: left; clear: both; margin: 5px 0; font: 400 17px/1.3 Arial, Helvetica, sans-serif; }
#formular-wrapper strong { font: 700 17px Arial, Helvetica, sans-serif; color: #c00; }
#formular-wrapper h1 { font: 400 25px/1.6 Arial, Helvetica, sans-serif; color: #232323; margin-bottom: 15px; letter-spacing: 0; }
.table-service { width: 100%; border: solid 1px #dadada; padding: 15px; background: #fff; }
.table-service tr, .table-service td { padding: 7px; border-bottom: dotted 1px #f4f4f4; color: #565656; }
#formular-wrapper input, #formular-wrapper textarea, #formular-wrapper select { background: #f4f4f4; border: solid 1px #e0e0e0; padding: 10px; font: normal 12px/1.3 Arial, Helvetica, sans-serif; color: #777; }
#formular-wrapper input, #formular-wrapper textarea, #formular-wrapper select { width: 90%; }
#formular-wrapper input:focus, #formular-wrapper textarea:focus, #formular-wrapper select:focus { background: #ffc; }
#formular-wrapper .cod { width: 80px; float: left; }
#formular-wrapper .sec-code { width: 100%; float: left; margin: 10px 0; }
#formular-wrapper .button { width: 140px; float: left; clear: both; padding: 8px; background: #09f; color: #fff; cursor: pointer; margin-top: 20px; border: none; }
#formular-wrapper .button:hover { padding: 8px 12px; background: #990; font: #fff; }
#success, #error { width: 100%; float: left; font: 700 1.2em/1.4 Arial, Helvetica, sans-serif; margin-top: 80px; }
#success { color: #9C0; margin: 25px 0; width: 100%; float: left; }
#error { color: #c00; width: 100%; float: left; }

/* -----------------------------------
	clearfix
-----------------------------------	*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }