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

body,td,th { color: #212121; font: normal .85em/1.3em Arial, sans-serif; }
body { margin: 0; background: #a3e2fd url(../assets/bg-main.png) repeat-x center top; }
#container { width: 917px; margin: 0 auto; position: relative; }
#top { width: 100%; height: 115px; margin: 0 auto; clear: both; }
#top a img { margin: 10px 0 0; border: 0; }
ul#topnav { list-style: none; margin: 20px 0 0; padding: 0; width: 700px; float: right; }
ul#topnav li { width: 137px; height: 67px; float: right; margin-left: 8px; text-align: center; padding: 8px 3px 3px; }
ul#topnav li a, ul#topnav li a:visited { color: #fff; font: 700 1em/1.5em Arial, sans-serif; text-decoration: none; display: inline; }
ul#topnav li a:hover { color: #fff; }
ul#topnav li.button-01 { width: 137px; height: 67px; cursor: pointer; background: transparent url(../assets/bg-button-01.png) no-repeat center top; }
ul#topnav li.button-01:hover { background: transparent url(../assets/bg-button-01.png) no-repeat center -78px; color: #fff; }
#banner { width: 897px; height: 457px; background: url(../assets/bg-banner.png) no-repeat center top; padding: 10px; position: relative; }
#slogan { padding: 4px 14px; background: url(../assets/bg-slogan.png); top: 415px; left: 30px; position: absolute; font: normal 1.2em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; text-align: center; border: solid 2px #666; }
ul#products, ul#noutati, #simple-content { list-style: none; margin: 30px auto 0; padding: 0; width: 939px; display: block; font: normal .85em/1.2em Arial, sans-serif; }
#simple-content { font: normal 1.1em/1.3em Arial, sans-serif; color: #d2c1aa; padding: 0 20px; width: 919px; }
#simple-content a, #simple-content a:visited { color: #F90; text-decoration: none; border-bottom: dotted 1px #f90; }
#simple-content a:hover { color: #f00; border-bottom: dotted 1px #f00; }
#simple-content h2 { font: 700 1.4em/1.5em Arial, sans-serif; color: #ccc; margin: 15px 0; float: left; width: 100%; }
ul#products h3, ul#noutati h3 { font: 700 1.1em/1.1em Arial; height: 40px; }
ul#products p, ul#noutati p { height: 110px; width: 100%; float: left; clear: both; margin: 0; }
ul#products strong, ul#noutati strong { color: #c00; }
ul#products li, ul#noutati li { width: 180px; height: 325px; padding: 15px; float: left; margin: 0 12px 24px; display: inline; background: transparent url(../assets/bg-product-in.png) no-repeat center top; }
ul#products li a img, ul#noutati li a img { border: 0; }
#content-top { width: 917px; margin: 30px auto 0; padding: 0; clear: both; height: 24px; background: transparent url(../assets/bg-content-top.png) no-repeat center top; }
#content { width: 857px; margin: 0 auto; clear: both; background: #f3fbfe; padding: 10px 30px 20px; font: normal .9em/1.5em Arial, sans-serif; }
#content h1 { font: 500 1.5em/1.15em Arial, sans-serif; color: #000; }
#content h2 { font: 700 1.1em/1.2em Arial, sans-serif; margin: 15px 0 20px; text-decoration: underline; }
#wide { width: 100%; float: left; margin: 30px 0 0 0; clear: both; }
#wide h3 { margin: 0 0 3px 0; padding: 0; font: normal 1.1em/1.3em Arial, sans-serif; }
#wide-top { width: 100%; margin: 0 auto; clear: both; }
ul#caracteristici { list-style: none; width: 100%; color: #093; padding: 20px 0 0; margin: 0 0 20px 0; float: left; font: normal .9em/1.3em Arial, sans-serif; }
ul#caracteristici h3 { font: 700 1em/1.2em Arial, sans-serif; margin: 0; }
.p-gen { margin: 3px 0 20px 0; padding: 0; }
ul#caracteristici li { width: 178px; display: inline; float: left; border-left: dotted 1px #093; padding: 0 20px 0; }
ul#caracteristici li:first-child { border-left: none; padding-left: 0; }
#content-bottom { width: 917px; margin: 0 auto 24px; background: transparent url(../assets/bg-content-bottom.png) no-repeat center top; clear: both; height: 24px; padding: 0; }
#image-box { width: 320px; float: left; margin: 0; padding: 0; }
#image-box a img, #image-box a:visited img, ul#image-box-resize a img, ul#image-box-resize a:visited img, ul#videos a img, ul#videos a:visited img, ul#videos-00 a img, ul#videos-00 a:visited img { border: 1px solid #efefef; }
#image-box a:hover img, ul#image-box-resize a:hover img, ul#videos a:hover img, ul#videos-00 a:hover img { border: 1px solid #e2e2e2; }
ul#image-box-resize { list-style: none; margin: 20px auto 0; padding: 0; width: 100%; }
ul#image-box-resize li { float: left; margin: 0 5px 8px; display: inline; }
ul#videos { border-left: dotted 1px #999; width: 140px; float: right; list-style: none; margin: 0 0 30px 30px; padding: 0 0 20px 30px; }
ul#videos li { float: left; margin: 0 0 10px 0; display: inline; }
ul#videos-00 { width: 100%; clear: both; margin: 0; float: left; list-style: none; padding: 0; } 
ul#videos-00 li { float: left; margin: 0 20px 20px 0; display: inline; }
#right { width: 500px; float: right; padding: 0; margin: 0 0 0 30px; display: block; }
.more { width: 120px; text-align: right; float: right; margin-top: 16px; }
.more img a { border: 0; }
#footer { width: 100%; height: 455px; float: left; padding: 45px 0 20px; display: block; background: #2b2b2b url(../assets/bg-footer.jpg) repeat-x center top; }
.badge { width: 917px; height: 1px; margin: 0 auto; position: relative; clear: both; }
.absolute-badge { position: absolute; left: 0; top: -21px; z-index: 0; }
#bottom { width: 100%; clear: both; padding: 0 0 20px 0; margin: 0 auto; background: #2b2b2b; position: relative; }
#bottom-wrap { width: 917px; margin: 0 auto; padding: 0; font: normal .85em/1.3em Arial, sans-serif; }
#copy { width: 100%; float: left; margin: 32px 0 0; color: #635a4e; }
#copy a, #copy a:visited { color: #635a4e; text-decoration: none; }
#copy a:hover { color: #999; }
.sw { background: transparent url(../assets/sw.png) no-repeat left top; margin-left: 5px; width: 240px; padding-left: 18px; }
#backtotop { width: 917px; margin: 0 auto; height: 17px; position: relative; }
.btt { text-indent: -9999px; background: transparent url(../assets/bg-btt.png) no-repeat center top; position: absolute; right: -10px; width: 20px; height: 17px; cursor: pointer; z-index: 3; top: -190px; }
.btt:hover { background: transparent url(../assets/bg-btt.png) no-repeat center -17px; }
ul#submenu { list-style: none; width: 100%; float: left; clear: both; padding: 0; font-size: .85em; margin: 0; }
ul#submenu li { float: left; display: block; width: 218px; margin-right: 10px; }
ul#submenu li a, ul#submenu li a:visited { border-bottom: 1px dotted #635a4e; display: block; padding: 5px 10px; color: #635a4e; text-decoration: none; }
ul#submenu li a:hover { color: #ccc; background: #333; border-bottom: 1px dotted #635a4e; padding: 5px 10px; }
ul#submenu li.contact a, ul#submenu li.contact a:visited { color: #c00; }
ul#submenu li.contact a:hover { color: #f00; }
.table { font: normal 1.1em/1.3em Arial, sans-serif; border: 1px solid #bbe8c1; margin: 20px auto 10px; width: 100%; clear: both; float: left; display: table; }
.table-01 { font: normal 1.1em/1.2em Arial, sans-serif; border: none; }
.table-01 td, .table-01 tr { border: 0; background: #ecfbee; padding: 0; }
#error40x { width: 100%; float: left; }
#error40x h1 { font: 700 2.9em/2em Arial, sans-serif; color: #069; letter-spacing: -0.08em; margin: 0; }
#error40x h2 { font: 400 1.3em/1.1em Arial, sans-serif; text-decoration: none; }
#site-map { list-style: none; margin: 0 0 30px; padding: 0; width: 100%; float: left; font: normal 1.1em/1.3em Arial, sans-serif; }
#site-map li { float: left; clear: both; display: block; border-bottom: dashed 1px #069; }
#site-map li a, #site-map li a:visited { color: #069; text-decoration: none; padding: 4px; width: 340px; display: block; }
#site-map li a:hover { color: #09c; background: #fff; padding: 4px; width: 340px; }
#social { position: absolute; left: 200px; top: 45px; z-index: 1; width: 105px; height: 26px; }
#social a img, #social a:visited img, #social a:hover img { border: 0; }

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

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height: 1%; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
.clear { clear: both; }