/* Stylesheet: ekovermes Modified On 2012-11-13 22:18:30 */
/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background: url(/uploads/images/top-bg.jpg) top center no-repeat white; text-align:center;background-attachment: fixed; }

img {vertical-align:top;}
a img { border:0;}


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8175em; line-height:1.154em; color:#082401;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#80bd10;  font-weight:bold;}
a:hover{text-decoration:none;}
p {padding-top:14px; text-align: left;}
.container2 p {padding-top:14px; text-align: justify;}
#kontakt-pravy p {text-align: left}
h1{   margin:20px 0 0 0; font-size:2.15em; }
h1 a{ color:#ffffff;  text-decoration:none; padding:0 12px 0 0; display:inline-block; margin:-6px 0 0 0;}
h1 span{ display:block; font-size:0.15em; letter-spacing:normal; word-spacing:2px; line-height:1em; text-transform:uppercase; margin:-8px 0 0 20px;}
h2 {font-size: 1.25em; margin: 0px; color: #004F00}
/*strong { display:block; padding-bottom:15px;}*/
h3 {font-size:100%; color: #80bd10;}
h4 {font-size:100%; color: #004F00; font-weight: normal}
cite{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:-5px 15px 0 0; float:left; position:relative;}
.phone{ float:right; padding-right:85px;}
.phone2{ float:right; padding-right:250px;}
.space1{ margin-left:50px;}
.space2{ margin-left:23px;}
.padding1{ padding-top:26px;}
.padding2{ padding-top:16px;}
.margin1{ margin-top:10px !important;}

/* ============================= header ====================== */
#header .top{ width:100%; overflow:hidden; height:180px;}
#header .menu{ float:right; padding-top:60px;}
#header .menu li{ float:left; padding-left:1px; list-style:none;}
#header .menu a{ display:inline-block; font-size:0.923em; text-transform:uppercase; color:#ffffff; text-decoration:none; background:url(/uploads/images/menu-item-tail.gif) top repeat-x;cursor:pointer; }
#header .menu a span{ width:109px; text-align:center;  display:inline-block; padding:23px 0 24px 0;}
#header .menu .first a span{ background:url(/uploads/images/menu-first-item-left-bg.gif) left top no-repeat;}
#header .menu .last a span{ background:url(/uploads/images/menu-last-item-right-bg.gif) right top no-repeat;}

#header .menu a:hover, #header .menu .active{ background:url(/uploads/images/menu-item-tail-act.gif) top repeat-x; color:#1a3100;}
#header .menu .first a:hover span, #header .menu .first .active span{ background:url(/uploads/images/menu-first-item-left-bg-act.gif) left top no-repeat;}
#header .menu .last a:hover span, #header .menu .last .active span{ background:url(/uploads/images/menu-last-item-right-bg-act.gif) right top no-repeat;}
#logo {padding-top: 16px;}

/* ============================= content ====================== */
#content .left-top{ background:url(/uploads/images/content-corner-left-top.gif) top left no-repeat;}
#content .right-top{ background:url(/uploads/images/content-corner-right-top.gif) top right no-repeat;}
#content .left-bot{ background:url(/uploads/images/content-corner-left-bot.gif) bottom left no-repeat; width:100%;}
#content .right-bot{ background:url(/uploads/images/content-corner-right-bot.gif) bottom right no-repeat; padding:10px;}
#content .bg1{ background:#ffffff; margin:-10px 0; padding:10px 0;}
#content .bg2{ background:#ffffff; margin:0 -10px; padding:0 10px;}
#content .indent{ padding:0 0 37px 0;}
#content .indent2{ padding:10px 10px 0 9px;}

#content .box{ background:url(/uploads/images/box-tail.gif) top repeat-x #eaf9d1; line-height:1.385em;}
#content .box .left-top{ background:url(/uploads/images/box-corner-left-top.gif) left top no-repeat;}
#content .box .right-top{ background:url(/uploads/images/box-corner-right-top.gif) right top no-repeat;}
#content .box .left-bot{ background:url(/uploads/images/box-corner-left-bot.gif) left bottom no-repeat;}
#content .box .right-bot{ background:url(/uploads/images/box-corner-right-bot.gif) right bottom no-repeat; padding:0;}
#content .box .indent{ padding:0 10px 0 23px; }
#content .box .indent1{ padding:25px 0 41px 0; text-align:center;}


.box .title{ padding-bottom:10px;}
.link{ display:inline-block; margin-top:24px; font-size:0.923em;}
.line1{ background:url(/uploads/images/box-line.gif) repeat-y 206px 0; width:100%;}
.line2{ background:url(/uploads/images/box-line.gif) repeat-y 436px 0; width:100%;}
.line3{ background:url(/uploads/images/box-line.gif) repeat-y 666px 0; width:100%;}

.title1{ border-bottom:solid 2px #e1e5d4; margin-bottom:20px;}
.unline{ background:url(/uploads/images/unline.gif) bottom repeat-x; padding-bottom:47px; margin-bottom:20px;}

.list li{ background:url(/uploads/images/list-marker.gif) no-repeat 0 2px; padding:0 0 10px 20px;}
.list .last{ padding-bottom:0;}
.list a{ font-weight:bold; color:#082401; text-decoration:none;}
.list a:hover{ color:#80bd10;}
.list a .currentpage {color:#80bd10;}

/* ============================= footer ====================== */
#footer{color:#ffffff;}
#footer a{ font-weight:normal; color:#ffffff; text-decoration:none;}
#footer a:hover{ color:#000000;}
#footer .menu{ width:100%; overflow:hidden;}
#footer .menu ul{ padding:26px 0 0 3px;}
#footer .menu li{ float:left; padding-left:15px; list-style:none;}
#footer .menu a{ font-size:1.308em; display:inline-block; margin-right:15px;}
#footer .text{ font-size:0.923em; padding:7px 0 0 16px; float: left}

#webkozar {text-align: right; font-size:0.923em; padding:7px 0 0 16px; text-decoration: underline}

/* ============================= forms ============================= */
#ContactForm label{ display:block; height:30px;}
#ContactForm input{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px;}
#ContactForm textarea{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px; height:190px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 0 0 40px;}

.sezvyr li {line-height: 1.5em; text-align: left}
.sezvyr a {text-decoration: none; color: #004F00}
.sezvyr a:hover {color: #082401}
.vyrobky { border:solid 2px #e1e5d4; margin: 4px 0px 14px 0px; padding: 4px; min-height: 233px}
.bezmarginubold {margin: 0px; padding: 0px; font-weight: bold; }
.bezmarginu {margin: 0px; padding: 0px; text-align: left}
.popisek {margin: 0px; padding: 0px; font-weight: bold; color: #004f00}
.vyrobraz {text-align: center; float: left; width: 168px}  
.vyrtext {margin-left: 178px;}
.vyrtext ul {margin-left: 14px}
#stazeni {background: url(/uploads/images/kolaz.jpg) right top no-repeat}
.flags {text-align: right; padding-right: 10px; }

#kontakt-levy {width: 334px; float: left}
#kontakt-pravy {margin-left: 424px;}
.osobkontakt-leve  {width: 25px;float: left; min-height: 34px}
.osobkontakt-prave  {margin-left: 30px;}
.prodejna {text-align: center}
.prodejna p {text-align: center}
.prodejna img{text-align: center}

#stazeni-reference {background: url(/uploads/images/.jpg) right top no-repeat}
#reference {text-align: center; margin-top: 10px}
#reference p {text-align: center}
#reference img{text-align: center; margin-top: 5px}
.reference-levy {text-align: center; width: 334px; float: left}
.reference-pravy {margin-left: 344px}

#novinky {text-align: center; margin-top: 10px}
#novinky h2 {color: #80BD10}
#tinymce {text-align: left !important}



/* ============================= původní layout.css ===========================*/
#main { width:940px; margin:0 auto; text-align:left;}

#header {height:200px;}

#footer { height:118px;}

.column-1, .column-2, .column-3, .column-4, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%}

/* ============================= page1 ===========================*/
#page1 #header{ height:400px;}
#page1 .row-1 .column-1{ width:180px;}
#page1 .row-1 .column-2{ width:180px;}
#page1 .row-1 .column-3{ width:180px;}
#page1 .row-1 .column-4{ width:180px;}

#page1 .row-2 .column-1{ width:210px;}
#page1 .row-2 .column-2{ width:206px;}
#page1 .row-2 .column-3{ width:439px;}

/* ============================= page2 ===========================*/
#page2 .row-1 .column-1{ width:435px;}
#page2 .row-1 .column-2{ width:209px;}
#page2 .row-1 .column-3{ width:210px;}

#page2 .row-2 .column-1{ width:440px;}
#page2 .row-2 .column-2{ width:438px;}

/* ============================= page3 ===========================*/
#page3 .column-1{ width:434px;}
#page3 .column-2{ width:211px;}
#page3 .column-3{ width:209px;}

/* ============================= page4 ===========================*/
#page4 .row-1 .column-1{ width:180px;}
#page4 .row-1 .column-2{ width:180px;}
#page4 .row-1 .column-3{ width:180px;}
#page4 .row-1 .column-4{ width:180px;}

#page4 .row-2 .column-1{ width:434px;}
#page4 .row-2 .column-2{ width:211px;}
#page4 .row-2 .column-3{ width:209px;}

/* ============================= page5 ===========================*/
#page5 .column-1{ width:209px;}
#page5 .column-2{ width:668px;}

/* ============================= page6 ===========================*/
#page6 .column-1{ width:438px;}
#page6 .column-2{ width:438px;}

 /********** contact form **********/
#contactform { margin-top:5px; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:0px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:280px; border:1px solid #e8e8e8; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8;}
#contactform textarea { width:280px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#f8f8f8; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 200px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}