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

/* -----------------------------------
	reset
-----------------------------------	*/

html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, dl, dt { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;background: transparent; }
body { line-height: 1; font: 400 .85em/1.3 Arial, sans-serif; color: #655443; background: url(../assets/bg-main.jpg) repeat-x 0 0; }
ol, ul { list-style: none; }
:focus { outline: 0; }
a { text-decoration: none; color: #2f7d3f; }
a:hover, a.current { color: #80bbd8; }
p { width: 100%; margin: 10px auto; }
h1 { width: 100%; float: left; font: 400 1.7em/1.7 "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style: italic; color: #527c91; }
h2 { height: 40px; font: 400 1.3em/1.3 "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style: italic; color: #655443; }
h2 a { color: #655443; }

/* -----------------------------------
	content
-----------------------------------	*/

#container { width: 720px; margin: 0 auto; border-right: solid 2px #e4ded3; border-bottom: solid 2px #e4ded3; border-left: solid 2px #e4ded3; background: #f6f6f3; padding: 0 20px 20px; }
#top { width: 100%; height: 83px; margin: 0 auto; padding-top: 5px; position: relative; }
a.logo-elmas img { border: none; float: left; margin-right: 25px; }
a.logo-jd img { border: none; float: right; }
.language { position: absolute; left: 115px; top: 5px; font: 700 .8em/1.2 Arial, Helvetica, sans-serif; }
#menu { width: 360px; float: left; margin: 30px 0 0; }
#menu li { float: left; margin-right: 20px; font: 700 1em/1.6 Arial, Helvetica, sans-serif; }
#menu li a { color: #527c91; display: block; }
#menu li a:hover, #menu li a.current { color: #2f7d3f; border-bottom: solid 3px #2f7d3f; }
#wrapper { width: 716px; height: 456px; margin: 0 auto; border: solid 2px #a2917b; background: url(../assets/bg-banner.jpg); }
#banner { width: 684px; height: 424px; margin: 15px 0 0 15px; border: solid 1px #bbb2a1; overflow: hidden; }
#content { width: 100%; margin: 0 auto; padding: 10px 0 25px; }
#products { width: 720px; float: left; margin: 20px 0; }
#products li { width: 170px; float: left; margin-left: 12px; display: inline; }
#products li:first-child { margin-left: 0; }
#products li a img { border: none; margin-top: 20px; width: 170px; float: left; }
.text-box { width: 460px; float: left; margin: 20px 0; }
.text-box ul { list-style-position: outside; list-style: disc; margin-left: 25px; }
.album { width: 250px; float: right; margin: 20px 0; }
.album li { float: left; display: inline; margin: 0 0 20px 20px; }
.album li a img { border: solid 1px #bbb2a1; }
.album li a:hover img { border: solid 1px #80bbd8; }
.details a, .docs a, .video a { height: 17px; float: left; margin: 25px 20px 0 0; text-indent: 23px; }
.details a { background: url(../assets/sprite.png) no-repeat 0 0; }
.docs a { background: url(../assets/sprite.png) no-repeat 0 -34px; }
.video a { background: url(../assets/sprite.png) no-repeat 0 -68px; }
.details a:hover { background-position: 0 -17px; }
.docs a:hover { background-position: 0 -51px; }
.video a:hover { background-position: 0 -85px; }
.offer a { width: 141px; height: 31px; float: left; margin: 20px 0 0 0; background: url(../assets/button-oferta.png) no-repeat 0 0; color: #e9f0cc; font: 700 .85em/2.6 Arial, Helvetica, sans-serif; text-align: center; }
.offer a:hover { background-position: 0 -31px; color: #fff; }
.btt a { width: 20px; height: 20px; float: right; clear: both; margin: 10px 0 0 0; text-indent: -9999em; background: url(../assets/bg-btt.png) no-repeat 0 0; }
.btt a:hover { background-position: 0 -20px; }
#subnav { width: 100%; margin: 0 0 25px; float: left; font: 700 1.1em/1.4 Arial, Helvetica, sans-serif; }
#subnav li { float: right; display: inline; margin-left: 20px; }
.contact-text { width: 200px; float: left; }
#map { width: 510px; height: 380px; float: right; border: solid 1px #bbb2a1; }

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

#ofertaForm { width: 100%; float: left; margin: 25px 0; font: 400 .85em/1.2 Arial, Helvetica, sans-serif; }
#ofertaForm tr, #ofertaForm td { padding: 4px; height: 32px; }
input, textarea, #select { width: 230px; padding: 4px; border: solid 1px #bbb2a1; background: #f6f6f3; }
input:focus, textarea:focus, #select { background: #fff; border: solid 1px #bbb2a1; }
select option {  }
.button { width: 141px; height: 31px; float: left; background: url(../assets/button-oferta.png) no-repeat 0 0; color: #e9f0cc; font: 700 1em/1.4 Arial, Helvetica, sans-serif; text-align: center; border: none; cursor: pointer; padding-top: 6px; }
.button:hover { background-position: 0 -31px; color: #fff; }
.ok, .error { width: 80%; margin: 0 auto; clear: both; text-align: center; font: 700 1.2em/1.4 Arial, Helvetica, sans-serif; padding: 20px; background: #fff; border: solid 1px #bbb2a1; }
.ok { color: #9c0; }
.error { color:#c03; }

/* -----------------------------------
	footer
-----------------------------------	*/

#footer { width: 760px; margin: 0 auto; padding: 20px 0; font: 400 .8em/1.2 Arial, Helvetica, sans-serif; color: #a9a392; }
#copy { width: 300px; float: left; }
#nav { width: 200px; float: right; }
#nav li { float: right; margin-left: 20px; }
#nav li a { color: #a9a392; }

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