body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 12px; text-align: center; height: 100%;
 }
/*background: url(../img/bg_homepage.jpg) no-repeat center top;*/

ul, li {margin: 0; padding: 0; }

a {text-decoration: underline; color: #00662a;}


a:hover {text-decoration: none;}
input {padding: 0; margin: 0 ;}
form {margin: 0; padding: 0; }
.cleaner {clear: both; height: 1px; overflow: hidden; }
  
#container {width: 920px; margin: 0 auto; text-align: left; border: 1x solid red;}


/*.motiv {height: 261px; background: url(/img/motiv_index.jpg) no-repeat left bottom; margin: 0 0 10px 0;}                */
.motiv {height: 261px; background: url(/img/adler-hp-header-image.jpg?r=2011) no-repeat left bottom; margin: 0 0 10px 0; position:relative; z-index: 10; position: relative;} 

.motiv2 {height: 261px; background: url(/img/motiv_index_stuha_v2.jpg) no-repeat left bottom; margin: 0 0 10px 0; position:relative;}     
.motiv_koblihy {height: 261px; background: url(/img/adler-motiv-index-pl.jpg?r=2011) no-repeat left bottom; margin: 0 0 10px 0; position:relative; z-index: 10;} 
.motiv_koblihy h1 {color: #00963E; font-size: 24px; font-weight: normal; margin: 0; padding: 0; padding-left: 15px; border-left: 5px solid #00963E; margin: 30px 0 0 16px; }


.stexty {position: relative; top: 0; left: 0; z-index: -100; padding: 0 15px 15px 15px; width: 890px; height: 100px; overflow: hidden; font-size: 10px; margin-top: -120px;}
.stexty p {margin: 0; }
 .stexty h2 {margin: 0; font-size: 12px; }
 
img.logo {position: absolute; top: 50px; left: 5px;}
.motiv h1 {color: #fff; font-size: 24px; width: 230px; font-weight: normal; margin: 0; padding: 0; padding-left: 15px; border-left: 5px solid #fff; position: absolute; top: 50px; right: 27px;}
.motiv h1 sup {font-size:14px;}

.h_menu {color: #00963E; margin: -10px 0 0 0; z-index: 2; position: relative;}
.h_menu a {margin: 0 5px; }

 #flash {position:absolute; bottom:0; right: 200px; z-index: 5;}

.levy {float: left; width: 404px; height: 236px; _margin: 0 1px 0 0; }
.anketa {width: 404px; height: 123px; background: url(/img/levy_spodni.gif) no-repeat left top; padding: 10px 0 10px 0;}
a.eshop {display: block; float: right; margin: 0 0 1px 0; width: 201px; text-decoration: none; height: 111px; background: url(/img/eshop.jpg) no-repeat left top;}
a.eshop:hover {background: url(/img/eshop_hover.jpg) no-repeat left top;}
span.textik {display: block; border-left: 5px solid #00963E; padding: 0 0 0 10px; font-size: 17px; color: #454545; margin: 10px 0 0 15px; font-weight: bold;}
a.eshop:hover span.textik {border-left: 5px solid #fff; color: #fff;}

.login {float: left; background: url(/img/prihlaseni.gif) no-repeat left top; width: 201px; height: 111px;}
.login .nadpisek {display: block; border-left: 5px solid #00963E; padding: 0 0 0 10px; font-size: 17px; color: #454545; margin: 10px 0 0 15px; font-weight: bold;}
.login table  {margin: 10px 0 0 15px; }
.login table td {font-size: 10px; padding: 0; }
.login table td input {border: 0; color: #454545;}
.login table td input.jmeno {width: 170px; color: #454545;}
.login table td input.heslo {width: 144px; margin: 0 2px 0 0;}
.login table td input.ok {width: 25px; background: url(/img/ok.gif) no-repeat left top;}
.login table td a {color: #000;}

.login table.prihlasen  {margin: 5px 0 0 10px;}
.login table.prihlasen td {font-size: 12px; padding: 5px 0 0 0;}

.otazka {margin: 0px 0 0 15px; padding: 0 0 0 10px; font-size: 13px; border-left: 5px solid #00963E; overflow: hidden; height: 16px;}
table.anketka {width: 380px; margin: 7px 11px; _margin: 5px 11px;}
table.anketka  td{font-size: 11px;}
table.anketka td .procenta {background-color: #fff; height: 4px; line-height: 4px;}
table.anketka td .hodnota {background-color: #00963E;}
.odpoved { width: 330px; height: 15px; overflow: hidden;}
.pravy {width: 514px; _width: 512px; height: 236px; background: url(/img/pravy.gif) no-repeat left top; float: right; }
 .akce_nad {margin: 5px 0 0 5px; _margin: 5px 0 0 2px; float: left; width: 320px; height: 225px; background-color: #fff; position:relative;} 
.akce {height: 225px; &height: 225px; overflow: hidden; position: absolute; left:0; top:0;}
.akce span.nadpis {display: block; padding: 0 0 0 10px; border-left: 5px solid #00963E; margin: 10px 0 0 10px; margin: 8px 0 0 10px;}
.akce  p { margin: 5px 0 0 0; }
.akce ul, .akce ol {margin: 0px 0 0 35px; font-size: 11px;}
 .akce ul li, .akce ol li {padding: 5px 0 0 0px; }
.pravy .p_menu {float: right; margin: 5px 4px 0 0; _margin: 5px 4px 0 0; }
.pravy .p_menu a {display: block; width: 160px; _width: 180px; height: 36px;  line-height: 35px; background: url(/img/tlacitko.gif) no-repeat left top; margin: 0 0 2px 0; _margin: 0 0 2px 3px; padding: 0 0 0 20px; position: relative;}
.pravy .p_menu a:hover {background: url(/img/tlacitko_hover.gif) no-repeat left top; color: #fff;}
 .pravy .p_menu a img {text-decoration: none; position: absolute; z-index: 600; right: 10px; top: 8px;}

p.text {color: #6A6A6A; padding: 0; margin: 5px 0; }


.listicka {background: url(/img/listicka.gif) repeat-y left top; height: 12px;}
#nadpaticka {text-align: center; margin: 0 auto; width: 920px; }
#paticka {position: relative; color: #00963E; padding: 15px 0 0 95px; font-size: 0.9em; text-align: left;}
.ctverec {position: absolute; top: 12px; left: 0; _left: -95px; width: 80px; height: 50px; background-color: #00963E; }

.loga {float: right; height: 57px; line-height: 57px; vertical-align: middle; }
.loga img { vertical-align: middle;}

table.linka { float:left; font-size: 13px; margin: 10px 10px 0 0;}
table.linka td {height: 5px; padding:0 0 0 5px; vertical-align: top;  line-height: 13px; color: #678501; font-weight: bold;}
table.linka td small {font-size: 11px;}
table.linka td small.sedy {font-size: 9px; color: #b0b0b0;}

.hledani {float: left; width: 555px; margin: 1px 0 0 15px;  height: 21px; }
.hledani input.hledany {border: 1px solid #ccc; width: 185px;  height: 20px; line-height: 20px; padding: 1px 0 0px 0; vertical-align: top; color: #454545;}
.hledani input.ok {background: url(/img/ok.gif) no-repeat left top; width: 25px; height: 21px; border:0; &margin: 2px 0 0 0;}

table.formularik input.radio {margin: 2px 0 0 0;}
table.formularik td {font-size: 12px;}

#hlavicka {height: 35px; background-color: #E6E6E6; }
#s_menu {float: right; height: 35px; color: #000; position: relative; z-index: 50;}
#s_menu br, #s_menu .cleaner {display: none;}
#s_menu strong {float: left; display: block; padding: 7px 5px; margin: 0 5px 0 0; }
#s_menu img{border: 1px solid #ADADAD; padding: 1px; }

.trh {float: left;  padding: 7px 0px 7px 15px;}
.jazyk {float: left;  padding: 7px 15px 7px 5px; margin: 0 0px 0 0;}
.vlajky {overflow: hidden; height: 15px; position: absolute;top: 15px; left: 70px; z-index: 100; position: absolute; }
.vlajky2 {overflow: hidden; height: 15px; position: absolute; top: 15px; right: 0; }
.vlajky:hover, .vlajky2:hover {overflow: visible; height: 200px;}
.vlajky img, .vlajky2 img  {margin: 0 0 5px 0;}

.menuv {padding: 0; margin: 0; float: left; z-index: 2; } 
.trh span {display: block; float: left;}
.jazyk span {display: block; float: left;}

.menuvs {padding: 0; margin: 0; float: left; } 
.menuv a, .menuvs a {display: block; width: 100%;} 
.menuv ul, .menuv li, .menuvs ul, .menuvs li { list-style-type: none; margin: 0; } 
ul.uroven11 li.polozka11 { float: left; position: relative; font-weight: bold; height: 16px !important; line-height: 50px; padding: 0 .5em; _width: 1px; /* IE */ } 
ul.uroven22 { position: absolute; line-height: 100%; left: 0; top: 16px; background-color: #E6E6E6; border: 1px solid #ccc; visibility: hidden; padding: .3em .5em;} 
ul.uroven22 img { border: solid #368 1px; margin: 0 0 5px 0; } 
/* ul.uroven11 li.polozka11 {behavior:url(hovermenu.htc);} */
ul.uroven11 li.polozka11hover ul.uroven22, ul.uroven11 li.polozka11:hover ul.uroven22 { visibility: visible; }

#produktoveMenu {margin: 5px 0; text-align: left; }
#produktoveMenu a {float: left; cursor: pointer; margin: 0 1px 1px 0; color: #00963E; text-decoration: none; line-height: 25px; text-transform: uppercase;}
#produktoveMenu a:hover {color: #fff;}
#produktoveMenu a span.konec {background: url(../img/tlacitko_leve_konec.gif) no-repeat center bottom; height: 25px; width: 6px; display: block; float: left;}
#produktoveMenu a:hover span.konec {background: url(../img/tlacitko_prave_hover_konec.gif) no-repeat left bottom;}
#produktoveMenu a span.text {background: url(../img/tlacitko_leve.gif) repeat-x left bottom; display: block; float: left; height: 25px; padding: 0 7px; white-space: pre;}
#produktoveMenu a:hover span.text {background: url(../img/tlacitko_prave_hover.gif) repeat-x left bottom; color: #fff;}


body.black .h_menu {color: #636563; margin: -7px 0 0 0;}
body.black a{color:#6B6D6B}
body.black #paticka {position: relative; color: #636563; padding: 15px 0 0 95px; font-size: 0.9em; text-align: left;}
body.black .ctverec {position: absolute; top: 12px; left: 0; _left: -95px; width: 80px; height: 50px; background-color: #A5A2A5; }
body.black .motiv h1 {color: #fff; font-size: 24px; font-weight: normal; margin: 0; padding: 0; padding-left: 15px; border-left: 5px solid #fff; margin: 30px 0 0 16px; }
body.black a.eshop {display: block; float: right; margin: 0 0 1px 0; width: 201px; text-decoration: none; height: 111px; background: url(/img/eshop_black.jpg) no-repeat left top;}
body.black a.eshop:hover {background: url(/img/eshop_hover_black.gif) no-repeat left top;}
body.black .login .nadpisek {display: block; border-left: 5px solid #636563; padding: 0 0 0 10px; font-size: 17px; color: #454545; margin: 10px 0 0 15px; }
body.black .akce span.nadpis {display: block; padding: 0 0 0 10px; border-left: 5px solid #636563; margin: 10px 0 0 10px; margin: 8px 0 0 10px;}
body.black span.textik {display: block; border-left: 5px solid #636563; padding: 0 0 0 10px; font-size: 17px; color: #454545; margin: 10px 0 0 15px;}
body.black .motiv {height: 261px; background: url(/img/motiv_index_black.jpg) no-repeat left bottom; margin: 0 0 10px 0;}
body.black table.linka td {height: 5px; padding:0 0 0 5px; vertical-align: top;  line-height: 13px; color: #636563; font-weight: bold;}
body.black .pravy .p_menu a {display: block; width: 160px; _width: 180px; height: 36px;  line-height: 35px; background: url(/img/tlacitko_black.gif) no-repeat left top; margin: 0 0 2px 0; _margin: 0 0 2px 3px; padding: 0 0 0 20px;}
body.black .pravy .p_menu a:hover {background: url(/img/tlacitko_hover_black.gif) no-repeat left top; color: #fff;}
body.black table.anketka td .hodnota {background-color: #6B6D6B;}
body.black .otazka {margin: 0px 0 0 15px; padding: 0 0 0 10px; font-size: 13px; border-left: 5px solid #636563; overflow: hidden; height: 16px;}

                 
body.stuha .motiv {height: 261px; background: url(/img/motiv_index_stuha.jpg) no-repeat left bottom; margin: 0 0 10px 0;}

.adra {width: 404px; height: 123px; background: url(/img/adra.jpg) no-repeat left top; padding: 10px 0 10px 0; position: relative;}
.adra span {display: block; font-family: Arial; color: #fff; font-size: 15px;}
.adra strong {font-size: 21px;}
.adra_prispevky {position: absolute; left: 17px; top: 70px;}
.adra_vybrano {position: absolute; left: 115px; top: 64px;  }

  
.adra {width: 404px; height: 123px; background: url(/img/adra.jpg) no-repeat left top; padding: 10px 0 10px 0; position: relative;}
.adra span {display: block; font-family: Arial; color: #fff; font-size: 15px;}
.adra strong {font-size: 21px;}
.adra_prispevky {position: absolute; left: 17px; top: 70px;}
.adra_vybrano {position: absolute; left: 115px; top: 64px;  }