/* CSS Document - stivuitoare.ro */

body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #989494; }
body { background: transparent url(../assets-stivuitoare/bg_main.jpg); margin: 0; }
h1 { font-size: 37px; color: #333; letter-spacing: -0.1em; margin-top: -5px; }
h2 { font-size: 24px; color: #666; letter-spacing: -0.1em; margin-bottom: 15px; }
h3 { font-size: 22px; color: #333; }
h4 { font-size: 18px; color: #333; }
h5 { font-size: 12px; color: #333; }
a { color: #cc0000; }
a :link, a:visited, a:hover, a:active { color: #cc0000; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #cc0000; text-decoration: none; }
a:link { text-decoration: none; }
#container { width: 936px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#top { width: 900px; margin-bottom: 10px; clear: both; float: left; }
#stivuitoare { height: 26px; width: 128px; position: absolute; z-index: 0; margin-left: 282px; margin-top: 80px; }
#label { float: left; height: 120px; width: 230px; position: absolute; z-index: 1; margin-top: 10px; margin-left: 30px; }
#elmas { height: 50px; width: 105px; position: absolute; z-index: 2; margin-top: 7px; margin-left: 800px; }
#main { width: 900px; float: left; border-left: solid 18px #fff; border-right: solid 18px #fff; border-top: solid 15px #fff; background-color: #fff; position: relative; }
#main_content { float: left; width: 900px; padding-top: 20px; padding-bottom: 40px; position: relative; }
#lang { float: right; width: 60px; font: 700 1.4em/1.5em Arial, sans-serif; position: absolute; top: 5px; right: 10px; text-align: right; }
#lang a:link, #lang a:visited, #lang a:hover, #lang a:active { color: #c00; text-decoration: none; }
#lang a:hover { color: #323232; }
#banner { background-color: #be001c; float: left; height: 448px; width: 900px; }
#menu { width: 323px; padding-top: 5px; text-align: left; font-family: "Arial Black"; font-size: 20px; color: #fbb5b3; letter-spacing: -0.1em; line-height: 1em; float: left; position: relative; }
#menu ul { margin-left: -30px; list-style: none; }
* html #menu ul { margin-left: 10px; } 
#menu li { height: 18px; margin-bottom: 4px; }
* html #menu li { height: 18px; margin-top: -6px; }
#menu ul li a, #menu ul li a:link, #menu ul li a:active, #menu ul li a:visited, #menu ul li a:hover { color: #fff; text-decoration: none; }
#menu ul li a:hover { color: #fbb5b3; }
#menu ul li.baterii-current a, .baterii-current a:visited { color: #fbb5b3; }
#menu ul li.baterii-current a:hover { color: #fff; }
#search { width: 185px; padding-top: 5px; position: absolute; left: 15px; top: 390px; height: 25px; z-index: 3; }
*html #search { margin-top: -10px; }
.searchForm { height: 15px; width: 120px; background-color: #fff; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding-left: 5px; 	margin-bottom: 3px; letter-spacing: normal; }
#submenu { float: left; height: 30px; width: 100%; text-align: right; font-size: 15px; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; 	margin-bottom: 23px; margin-top: -18px; padding-bottom: 5px; }
#submenu a:link, #submenu a:visited, #submenu a:hover, #submenu a:active { color: #666; text-decoration: none; }
#submenu a:hover { color: #333; text-decoration: none; background-color: #f4f4f4; }
#banner_img { float: right; height: 448px; width: 577px; }
#bottom00 { float: left; height: 127px; width: 900px; background-color: #cc0000; border-right-width: 18px; border-left-width: 18px; border-right-style: solid; border-left-style: solid; border-right-color: #fff; border-left-color: #fff; background-image: url(../assets-stivuitoare/white.gif); background-repeat: repeat-x; background-position: top; }
#bottom01 {	background-image: url(../assets-stivuitoare/bg_bottom.png); background-repeat: no-repeat; background-position: top; float: left; height: 70px; width: 911px; padding-top: 40px; padding-left: 25px; color: #666; }
#favorite { float: left; height: 31px; width: 900px; font-family: "Arial Black"; font-size: 27px; color: #cc0000; letter-spacing: -0.1em; margin-bottom: 15px; clear: both; }
#favorite ul { list-style: none; }
#favorite ul li { float: left; position: relative; font-size: 27px; margin-top: -27px; width: 340px; }
* html #favorite ul li { margin-bottom: -8px; margin-top: 0px; }
#favorite ul li a { display: block; }
#favorite ul li a:link, #favorite ul li a:visited, #favorite ul li a:hover, #favorite ul li a:active { color: #cc0000; text-decoration: none; }
#favorite ul li a:hover { color: #cc0000; text-decoration: overline; }
#add a { text-align: right; float: right; width: 140px; padding-right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #989494; font-weight: bold; 	margin-top: 7px; background-image: url(../assets-stivuitoare/star.jpg); background-repeat: no-repeat; background-position: left; height: 20px; letter-spacing: -0.1em; }
#sitemap { float: left; height: 50px; width: 356px; padding-right: 5px; padding-left: 3px; }
#sitemap ul { list-style: none; }
#sitemap ul li { float: left; width: 100px; margin-right: 4px; }
#sitemap a:link, #sitemap a:visited, #sitemap a:hover, #sitemap a:active { color: #fff; }
#sitemap a:hover { color: #fff; text-decoration: underline; }
#links { float: right; height: 25px; width: 515px; margin-top: 25px; font-size: 20px; color: #fff; text-align: right; padding-right: 20px; letter-spacing: -0.05em; }
#links a:link, #links a:visited, #links a:hover, #links a:active { color: #fff; }
#links a:hover { color: #fff; text-decoration: underline; }
.box01 { float: left; width: 100%; margin-bottom: 14px; padding-bottom: 8px; font-size: 14px; }
.left { float: left; width: 350px; padding-right: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #f4f4f4; font-size: 14px; }
.left strong, .left-news strong { font-weight: bold; color: #cc0000; }

.left-news { float: left; width: 600px; padding-right: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #f4f4f4; font-size: 14px; }

.right { float: left; width: 500px; margin-left: 20px; text-align: right; }
.right-news { float: right; width: 250px; margin-left: 20px; text-align: right; }
ul.album { list-style: none; padding: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0px; }
ul.album li { float: left; padding: 0; margin: 5px;	}
ul.album li a img { border: 5px solid #e4e4e4; }
ul.album li a:hover img { border: 5px solid #ff3300; }

#title01 { text-align: center; float: right; height: 20px; width: 490px; font-size: 18px; color: #999; font-family: "Arial Black"; letter-spacing: -0.05em; }
#pages { float: right; height: 15px; width: 300px; text-align: right; font-size: 14px; color: #333; background-color: #f4f4f4; padding: 8px; font-weight: bold; }
#felicitare { text-align: center; position: absolute; visibility: hidden; margin-top: 150px; }
.top_page { float: right; height: 15px; width: 100%; background-image: url(../assets-stivuitoare/top.gif); background-repeat: no-repeat; background-position: 860px; text-align: right; }
#promotie { float: left; height: 98px; width: 571px; background: #f4f4f4 url(../assets-stivuitoare/promotie.gif) no-repeat center center; margin: 15px 0 0 15px; }
#promotie-01 { position: absolute; z-index: 10; color: #fff; font: normal 1.4em/1.4em Arial, Helvetica, sans-serif; width: 300px; padding: 15px; background: url(../assets-stivuitoare/opacity.png); margin: 350px 0 0 312px; }
#logo-linde { float: left; margin-right: 3px; }
#logo-linde a img, #logo-elmas a img { border: 0; }
#logo-elmas { width: 227px; height: 144px;	float: left; }
#center-top { width: 338px; height: 144px; float: left; background: transparent url(../assets-stivuitoare/bg-center-top.jpg) no-repeat 0 0; position: relative; margin-right: 3px; }
#top-nav { position: absolute; top: 114px; list-style: none; width: 334px; }
#top-nav li { float: left; display: block; margin-right: 12px; }
#top-nav li a, #top-nav li a:visited { color: #68615a; text-decoration: none; display: block; background: transparent url(../assets-stivuitoare/arrow.png) no-repeat 0 4px; text-indent: 18px; }
#top-nav li a:hover { color: #c00; background: transparent url(../assets-stivuitoare/arrow.png) no-repeat 0 -11px; }

.youtube { position: absolute; left: 304px; top: 109px; z-index: 5; }
.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; }

.cerere-oferta { width: 130px; height: 26px; float: left; margin: 20px 0 0; background: #c00; font: normal 1.1em/1.5em Arial, sans-serif; display: block; text-decoration: none; padding: 2px 8px 0; color: #fff; text-align: center; }
.cerere-oferta:hover { background: #f00; cursor: pointer; display: block; color: #fff; }
.cerere-oferta-2 { width: 130px; height: 26px; float: left; margin: 0; background: #c00; font: normal 1.1em/1.5em Arial, sans-serif; display: block; text-decoration: none; padding: 2px 8px 0; color: #fff; text-align: center; }
.cerere-oferta-2:hover { background: #f00; cursor: pointer; display: block; color: #fff; }
#pdf-services a img { width: 314px; height: 80px; position: absolute; right: 20px; top: 22px; border: none; }

#advertising { position: absolute; right: 70px; top: 0; z-index: 9999; }

#hoppecke { float: left; width: 100%; list-style: none; margin: 0px; padding: 7px 0 30px 0; }
* html #hoppecke ul { list-style: none; }
#hoppecke li { float: left; height: 140px; width: 250px; background-color: #f4f4f4; margin-right: 15px; margin-bottom: 23px; padding: 10px; border: 4px solid #efefef; }
#hoppecke li a img { float: right; }
#hoppecke li h1 { width: 180px; float: left; height: 27px; font-size: 18px; color: #000; letter-spacing: -0.05em; margin-top: -10px; }
.baterii-text { float: left; width: 160px; text-align: justify; margin-top: 10px; }
.baterii-text a, .baterii-text a:visited { color: #212121; }
.baterii-text a:hover { color: #c00; }
.docs { width: 90%; float: left; border-top: solid 1px #dadada; padding: 15px 11px 11px 0; font-size: 11px; list-style: none; }
.docs li { width: 100%; float: left; }
.docs li a, .docs li a:visited { padding: 4px 7px; display: block; background: #fff; color: #069; border-bottom: dotted 1px #dadada; }
.docs li a:hover { padding: 4px 7px; background: #f4f4f4; color: #212121; border-bottom: dotted 1px #dadada; }


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

.buton-servicii { float: left; clear: both; font: 700 14px/1.1 Arial, Helvetica, sans-serif; text-align: center; margin: 10px 0; }
a.buton-servicii, a:visited.buton-servicii { float: left; display: block; background: #c00; color: #fff; text-decoration: none; padding: 10px 15px; }
a:hover.buton-servicii { background: #f00; 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; }