@charset "utf-8";
/* CSS Document */
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
body { background-color: #f2ecd5; background-image: url(../assets/bg-main.jpg); background-repeat: repeat-x; margin: 0; }
a:link, a:visited, a:hover, a:active { color: #333; }
a:hover { color: #f90; }
h2 { font-size: 14px; color: #000; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; letter-spacing: -0.02em; }
h3 { font-size: 17px; color: #333; letter-spacing: -0.05em; }
#container { width: 860px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-repeat: no-repeat; background-position: center bottom; padding-right: 20px; padding-left: 20px; background-color: #fff; }
#menu { width: 279px; margin-left: 20px; position: absolute; visibility: visible; z-index: 0; }
#menutop { float: left; height: 95px; width: 239px; background-color: #fff; padding-top: 10px; padding-left: 20px; padding-right: 20px; }
#logo { float: left; height: 64px; width: 87px; }
#language { float: right; height: 18px; width: 70px; text-align: right; margin-top: 40px; border-left-width: 7px; border-left-style: solid; border-left-color: #ccc; font-size: 17px; color: #ccc; font-weight: 600; letter-spacing: -0.08em; }
#language a:link, #language a:active, #language a:visited, #language a:hover { color: #ccc; text-decoration: none; }
#language a:hover { color: #333; }
#menucont { background-color: #fff; float: left; width: 239px; color: #c4c4c4; font-size: 14px; letter-spacing: -0.05em; font-weight: 600; padding: 0 20px 5px 20px; }
#menucont a:link, #menucont a:active, #menucont a:visited, #menucont a:hover { color: #c4c4c4; text-decoration: none; }
#menucont a:hover { color: #333; }
#menucont ul { list-style-type: none; margin:0; display: inline; }
#menucont ul li { float: left; clear:both; width: 100%; }
#menufoot {	background: transparent url(../assets/bg-menu.png) no-repeat; clear: both; float: left; height: 12px; width: 279px; behavior: url(script/iepngfix.htc); }
#demag { height: 85px; width: 196px; position: absolute; visibility: visible; z-index: 1; margin-left: 643px; background: transparent url(../assets/demag.png) no-repeat; padding-top: 10px; }
#demag img { behavior: url(script/iepngfix.htc); }
#safetex { height: 100px; width: 196px; position: absolute; visibility: visible; z-index: 5; margin-top: 20px; margin-left: 643px; color: #666; }
#top { width: 560px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 44px; padding-left: 300px; padding-top: 5px; color: #c1c1c1; position: relative; }
#top a:link, #top a:active, #top a:visited, #top a:hover { color: #c1c1c1; margin: 0 3px; text-decoration: none; }
#top a:hover { color: #333; }
#banner { height: 409px; width: 860px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-repeat: no-repeat; }
#banner01 { height: 409px; width: 860px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#content { width: 860px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: table; background-color: #f7f6f4; background-image: url(../assets/bg-content.jpg); background-repeat: no-repeat; 	background-position: top; padding-top: 20px; clear: both; color: #666; padding-bottom: 20px; }
#wrapper { width: 100%; margin: 0 auto; clear: both; }
#content h1 { background-image: url(../assets/bg-h1.gif); background-repeat: no-repeat; background-position: left 11px; font-family: "Arial Black", sans-serif; font-size: 21px; color: #222; letter-spacing: -0.04em; padding-left: 22px; line-height:35px; height: 40px; width: 75%; clear: both; }
#content h1.ofs { margin-left: 20px; }
#content strong { color:#000; }
#btt { float: right; height: 15px; width: 100%; margin-bottom: 15px; text-align: right; }
#right-box { float: right; width: 500px; }
#footer { height: 94px; width: 860px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-right: 20px; padding-left: 20px; background-image: url(../assets/bg-footer.gif); background-repeat: no-repeat; clear: both; }
#slogan { background-image: url(../assets/slogan.gif); background-repeat: no-repeat; height: 34px; width: 252px; position: absolute; z-index: 100; margin-left: 15px; }
#slogan_en { background-image: url(../assets/slogan_en.gif); background-repeat: no-repeat; height: 34px; width: 252px; position: absolute; visibility: visible; z-index: 3; margin-left: 600px; }
#menufooter { float: right; height: 20px; width: 500px; text-align: right; margin-top: 50px; font-size: 15px; color: #ccc; }
#menufooter a:link, #menufooter a:active, #menufooter a:visited, #menufooter a:hover { color: #ccc; text-decoration: none; }
#menufooter a:hover { color: #333; }
#copy { width: 860px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 15px; color: #999; }

.youtube { position: absolute; left: 450px; 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; }

/* ---- form ----- */

#search{ float:right; height:20px; width:195px; font-weight:400; color:#999; margin-top:360px; position: absolute; margin-left: 635px; padding: 10px; background-image: url(../assets/bg-search.png); }
.searchForm{ height:15px; width:160px; border:1px solid #fff; padding-left:5px; color:#999; font-size:11px; margin-bottom:2px; background:#fff; }
.title { float: left; height: 30px; width: 820px; padding-right: 20px; padding-left: 20px; }
.submenu { float: right; width: 820px; margin-bottom: 25px; padding-top: 5px; padding-right: 20px; padding-bottom: 10px; text-align: right; font-size: 12px; font-weight: 600; border-bottom-width: 1px; border-bottom-style: solid; 	border-bottom-color: #fc0; font-family: "Trebuchet MS"; padding-left: 20px; margin-top: 10px; }
.submenu a:link, .submenu a:active, .submenu a:visited, .submenu a:hover { color: #999; text-decoration: none; margin: 0; padding: 0 5px; }
.submenu a:hover { color: #333; background-color: #fff; padding: 0 5px; }

/* -------------- */
.box20 { float: left; width: 820px; padding-right: 20px; padding-left: 20px; margin-bottom: 20px; }
.album00 { float: right; width: 350px; margin: 0 0 15px 15px; padding: 0 0 5px 10px; }
.album00 ul { list-style-type: none; margin: 0; display: inline; }
.album00 ul li { width: 65px; height: 80px; float: left; margin-top: 0; margin-right: 10px; margin-bottom: 10px; margin-left: 0; background-color: #fff; border: 1px solid #e5e5e5; padding: 5px; text-align: center; }
.album00 ul li img { border: 1px solid #fff; }
.album00 ul li a:hover img { border: 1px solid #fc0; }
.album { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; padding-right: 0px; padding-bottom: 10px; clear: both; }
.album ul { list-style-type: none; margin: 0; display: inline; }
.album ul li { width: 65px; height: 80px; float: left; margin-top: 0; margin-right: 10px; margin-bottom: 10px; margin-left: 0; background-color: #fff; border: 1px solid #e5e5e5; padding: 5px; text-align: center; }
.album ul li img { border: 1px solid #fff; }
.album ul li a:hover img { border: 1px solid #fc0; }
.cereoferta { clear: both; float: right; height: 18px; width: 120px; margin-top: 15px; margin-bottom: 15px; font-family: "Trebuchet MS"; font-size: 12px; color: #fff; text-align: center; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; border-left-width: 5px; border-left-style: solid; border-left-color: #fc0; background-color: #121212; }
.cereoferta a:link, .cereoferta a:active, .cereoferta a:visited, .cereoferta a:hover { color: #fff; text-decoration: none; }
.cereoferta a:hover { width: 120px; color: #000; text-align: center; background-color: #fc0; text-decoration: none; padding: 0 5px; }
.pdf { float: left; height: 18px; width: 180px; margin-top: 15px; margin-bottom: 15px; font-family: "Trebuchet MS"; font-size: 12px; color: #000; text-align: center; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; border-left-width: 5px; border-left-style: solid; border-left-color: #fc0; background-color: #fff; }
.pdf a:link, .pdf a:active, .pdf a:visited, .pdf a:hover { color: #000; text-decoration: none; }
.pdf a:hover { width: 140px; color: #fff; text-align: center; background-color: #000; text-decoration: none; padding: 0 5px; }

/* -----------------------------------
	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; }