/*
 * Alternativni Styl DERA
 * Autor: Jan Řezáč - Filosof
 *
 */

@import url("initial.css");

a, a:link {
  color: #ed2e38;
  text-decoration: underline;
}

a:visited {
  color: #b9242b;
}

a:hover, a:focus {
  color: #000;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  background: #fff;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #333;
  line-height: 1.7;
}

div#main {
  padding: 0;
  margin: 0 auto;
  text-align: justify;
  font-size: 0.75em;
  width: 968px;
  background: transparent url(../images/back.gif) 0 0 repeat-y;
  position: relative;
}

h2 {
  margin: 0 0 14px 0;
  font-size: 1.1em;
  padding: 0 0 0 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ed2e38;
  letter-spacing: 1px;
}

.non {
  display: none;
}

h2.botx {
  margin: 14px 0 10px;
  _margin-top: 0;
  color: #333;
}

/*========== [header] ========================================================*/          
div#header {
  padding: 0 0 0 14px;
  height: 64px;
  background: #eeeff1;
  margin: 0 6px;
  _width: 100%;
  z-index: 1;
}

h1 a, h1 span {
  position: absolute;
  top: 32px;
  display: block;
  right: 94px;
  width: 94px;
  height: 32px;
  font-size: 1em;
  overflow: hidden;
}

h1 span {
  right: auto;
  left: 0;
  top: 0;
  background: url(../images/dera.gif) 0 0 no-repeat;
}

div#lang span {
  position: absolute;
  left: -9999px;
}         

div#lang ul {
  width: 74px;
  height: 22px;
  background: url(../images/vlajky4.gif) 0 0 no-repeat;
  overflow: hidden;
  position: relative;
  top: 14px;
}

div#lang li {
  position: absolute;
  top: 0;
}

div#lang a {
  display: block;
  padding: 0;
  margin: 0;
  height: 22px;
  width: 33px;
}

li#cz {left: 0}
/* li#sk {left: 42px} */
li#en {left: 42px;width: 32px;}

li#cz a:hover, li#cz a.lang_active {background: #F0EBD7 url(../images/vlajky3.gif) 0 -23px no-repeat}
/* li#sk a:hover, li#sk a.lang_active {background: #F0EBD7 url(../images/vlajky.jpg) -42px -23px no-repeat} */
li#en a:hover, li#en a.lang_active {background: #F0EBD7 url(../images/vlajky3.gif) -42px -23px no-repeat}

div#topnav {
  margin-top: 11px;
  text-transform: uppercase;
  text-align: left;
  width: 711px;
  font-size: 0.9em;
  position: absolute;
  top: 56px;
  left: 20px;
  z-index: 1000;
}

div#topnav li {
  float: left;
  margin: 0 6px 0 0;
  padding: 0;
}

div#topnav a {
  color: #ed2e38;
  display: block;
  background: transparent url(../images/dot1.gif) 0 6px no-repeat;
  padding: 0 7px 0 14px;
}

div#topnav a:hover {
  color: #000;
}

/*========== [layout] ========================================================*/                          

div#container {
  width: 100%;
  overflow: hidden;
  _overflow: visible;
  z-index: 100;
}

div#contentleft {
  float: left;
  width: 231px;
  margin: 0 20px 0 6px;
  _margin-left: 3px;
  padding-top: 70px;
}

div#contentcenter {
  float: left;
  width: 454px;
  background: #fff;
  color: #333;
  padding-top: 160px;
}

div.photos {
  margin-left: 15px;
}

div.photos div {
  float: left;
  margin: 0 8px 8px 0;
  width: 140px;
  font-size: 0.89em;
  text-align: left;
}

div.photos a, div.photos a:link, div.photos a:visited {
  color: #333;
  outline: none;
  text-decoration: none;
}

div.photos a:hover {
  color: #ed2e38;
}

div.photos div.l {
  margin-right: 0;
}

div#contentright {
  float: right;
  text-align: left;
  width: 231px;
  margin-right: 6px;
  _margin-right: 3px;
  padding-top: 160px;
  z-index: 100;
}

hr {
  height: 1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: none;
  visibility: hidden;
  clear: both;
}

/*========== [menu] ==========================================================*/

ul#menu {
  background: #fff;
  color: #ED2E38;
  text-align: left;
}

ul#menu li {
  border-bottom: #eeeff1 1px solid;
}

ul#menu li.no {border-bottom: none;} 

ul#menu a {
  color: #ED2E38;
  text-decoration: none;
  display: block;
  padding: 3px 4px 3px 14px;
}

ul#menu a:hover {
  background: #f7f7f7;
  color: #000;
}

ul#menu ul a {padding-left: 28px}
ul#menu ul ul a {padding-left: 42px}
ul#menu ul ul ul a {padding-left: 56px}

ul#menu a.active, ul#menu a.active:hover {
  font-weight: bold;
  color: #ED2E38;
  background: #f7f7f7 url(../images/dot4.gif) 3px 9px no-repeat;
  border-bottom: 1px solid #ED2E38;
}
                    
ul#menu ul a.active, ul#menu ul a.active:hover {
  font-weight: bold;
  background: #f7f7f7 url(../images/dot4.gif) 17px 9px no-repeat;
  color: #ED2E38;
  border-bottom: 1px dotted #ED2E38;
}
                    
ul#menu ul ul a.active, ul#menu ul ul a.active:hover {
  font-weight: bold;
  background: #ddd url(../images/dot1.gif) 31px 9px no-repeat;
  border-bottom: none;
}

ul#menu ul ul ul a.active, ul#menu ul ul ul a.active:hover {
  font-weight: bold;
  background: #ddd url(../images/dot1.gif) 45px 9px no-repeat;
  border-bottom: none;
}

ul#menu ul {
  background: #f7f7f7;
} 

ul#menu ul ul {
  background: #e0e2e3;
}  

ul#menu ul ul ul {
  background: #e0e2e3;
  border-top: 1px solid #ED2E38;
}

/*========== [news] ==========================================================*/

ul#aktuality li.a, ul#aktuality li.a ul li {
  background: #e0e2e3;
}

ul#aktuality li.b, ul#aktuality li.b ul li {
  background: #fff;
}

ul#aktuality a {
  display: block;
  color: #333;
  padding: 3px 14px;
  text-decoration: none;
  _width: 100%;
}

ul#aktuality ul a {
  padding: 3px 14px 2px 14px;
}

ul#aktuality li#akt_active a {color: #ED2E38} 
ul#aktuality a.akt_mesic {background: transparent url(../images/dot1.gif) 3px 6px no-repeat;} 
ul#aktuality ul a {padding-left: 28px}  

/*========== [footer] ========================================================*/
div#footer {
  letter-spacing: -1px;
  position: relative;
  text-transform: uppercase;
  color: #ED2E38;
  background: #eeeff1;
  font-size: 0.9em;
  padding: 14px 0 20px 14px;
  margin: 0;
  margin: 0 6px;
}

p#copy {
  text-align: right;
  padding-right: 14px;
}

p#copy a {
  text-decoration: none;
}               

/*========== [center] ========================================================*/

#contentcenter h2 {
  margin: 0 0 10px;
  background: #fff;
  font-size: 1.6em;
  color: #333;
  text-transform: none;
  font-weight: normal;
  border: 0 none;
}

#contentcenter img.left {
  margin: 0 14px 14px 14px;
  float: left;
}

#contentcenter p {
  padding: 0 14px 14px 14px;
}

#contentcenter ul p {
  padding: 0 0 14px 0;
}

#contentcenter ul {
  padding: 0 14px;
  margin: 0 0 14px 0;
  list-style-type: none;
}

#contentcenter li, div#contentright li {
  padding: 0 0 0 14px;
  background: transparent url(../images/dot2.gif) 0 8px no-repeat;
}

h3 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  color: #ED2E38;
  padding: 0 0 0 14px;
  margin: 0 0 14px 0;
}

h3 span {
  display: block;
  margin-top: 2px;
}

div#contentcenter h2, div#contentcenter div.akt1, div#contentcenter div.akt2 {
  margin-bottom: 14px;
}

#contentcenter div.akt1 p, #contentcenter div.akt2 p {
  position: relative;
  min-height: 48px;
  _height: 48px;
}

div.akt1 img {float: left}              
div.akt2 img {float: right}              

div.akt1 img, div.akt2 img {margin: 5px 14px 14px 14px;}              

div.akt1 div.vice {float: right}
div.akt2 div.vice {float: left}

div.vice {
  position: relative;
  width: 47px;
  height: 15px;
  margin: -4px 14px 0 14px;
  _margin: -4px 7px 0 7px;
  overflow: hidden;
}

div.vice span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 47px; 
  height: 15px;
  background: url(../images/vice.gif) top left no-repeat;
  _cursor: hand;
}

p.uvod {
  font-weight: bold;
}

img#aktualita_detail {
  float: left;
  margin: 2px 14px 14px 14px;
}

div.product {margin-bottom: 14px;text-align: left;}
div.product h3 {font-weight: bold;margin: 0;}
div.product img {float: left;margin: 0 0 0 14px}
div.product div {padding: 0 14px}

div.dalsi  {
  position: relative;
  width: 55px;
  float: right;
  height: 15px;
  margin: 0 14px 14px 14px;
  _margin: 0 7px 0 7px;
  overflow: hidden;
}

div.dalsi span  {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 55px; 
  height: 15px;
  background: url(../images/dalsi.gif) 0 0 no-repeat;
  _cursor: hand;
}

/*========== [right] =========================================================*/
div#contentright h2 {
  margin: 0;
}

div#hledat {
  position: absolute;
  left: 20px;
  top: 91px;
  _top: 90px;
  z-index: 100;
  width: 230px;
}

div#hledat input {
  font-size: 0.89em;
  margin: 0;
  width: 176px;
  border: 1px solid #e0e2e3;
  padding: 2px 3px 3px;
  _height: 22px;
  _width: 185px;
}

div#main div#hledat input#search {
  position: absolute;
  top: 1px;
  padding: 1px 2px; 
  right: 14px;
  width: auto;
  border: 1px outset;
  background: #e0e2e3;
  color: #000;
  cursor: pointer;
  _height: auto;
}

form {margin: 0 0 2px 0}

div#contentright ul {
  margin-bottom: 2px;
  padding-bottom: 12px;
}   

div#contentright li {
  margin: 0 0 0 4px
}                                    

ul#akcni_nabidka, ul#akce {
  background: #E7E2CE;
  border-bottom: 2px solid #eeeff1;
}

ul#novinky, ul#recall {background: #F8F5E6;}                     

div#imgRight {
  width: 705px;
  height: 120px;
  position: absolute;
  top: 90px;
  right: 6px;
  z-index: 100;
}

div.ir1 {background: url(../images/main1.jpg) 0 0 no-repeat;}
div.ir2 {background: url(../images/main2.jpg) 0 0 no-repeat;}
div.ir3 {background: url(../images/main3.jpg) 0 0 no-repeat;}
div.ir4 {background: url(../images/main4.jpg) 0 0 no-repeat;}
div.ir5 {background: url(../images/main5.jpg) 0 0 no-repeat;}
div.ir6 {background: url(../images/main6.jpg) 0 0 no-repeat;}
div.ir7 {background: url(../images/main7.jpg) 0 0 no-repeat;}
div.ir8 {background: url(../images/main8.jpg) 0 0 no-repeat;}
div.ir9 {background: url(../images/main9.jpg) 0 0 no-repeat;}

div#imgLeft {
  display: none;
}

div#imgRight img, div#imgLeft img {
  display: none;
}

#contentright ul#benefit {
  margin: 0 14px 14px;
  padding: 8px 0 0 0;
  text-align: left;
}

#contentright ul#benefit li {
  padding: 0 0 0 14px;
  background: transparent url(../images/dot1.gif) 0 7px no-repeat;
}

#contentright ul#benefit ul li {
  margin: 0 0 0 14px;
  padding: 0 0 0 14px;
  font-size: 0.9em;
  background: transparent url(../images/dot2.gif) 0 8px no-repeat;
}

ul#benefit ul {
  margin: 0;
  padding: 0;
}

/*========== [tabulky] =======================================================*/

table {
  width: 426px; 
  margin: 0 14px 14px 14px;
  border-collapse: collapse;
  text-align: left;
}

td {
  padding: 0.7em 0 0.8em 14px;
  border-bottom: 1px solid #e0e2e3;
  vertical-align: top;
}

td.none {
  border-bottom: none;
}    

th {
  font-weight: bold;
  padding: 0.7em 0 0.7em 14px;
  background: #e0e2e3;
}

/*========== [forms] =========================================================*/

#contentcenter fieldset {
  display: block;
  margin: 0 14px 14px 14px;
  border: none;
}

#contentcenter input, #contentcenter textarea {
  position: relative;
  top: -1.4em;
  left: 173px;
  display: block;
  width: 170px;
  border: 1px solid #e0e2e3;
  padding: 2px 3px 3px;
  _height: 22px;
}

#contentcenter input.submit {
  clear: both;
  top: 0;
  _left: 7em;
}

#contentcenter label {
  clear: both;
  float: left;
  display: block;
  width: 150px;
  text-align: left;
  margin-top: -1em;
  font-weight: bold;
}

#contentcenter label.first {margin-top: 1em;}

#contentcenter textarea {
  position: relative;
  top: -1.5em;
  height: 50px;
}   

#contentcenter fieldset.radio {
  margin: 1em 0 14px -1em;
  border: none;
  clear: both;
}

#contentcenter fieldset.radio label {
  display: inline;
  margin: 0 0 4px 14px;
  font-weight: bold;
  font-weight: normal;
  width: 250px;
}

#contentcenter fieldset.radio input {
  position: static;
  margin: 2px 4px 0 0;
  clear: both;
  float: left;
  border: 0 none;
  width: auto;
}

#contentcenter fieldset.radio legend {
  float: left;
  font-weight: bold;
  color: #333;
  padding: 0 0 14px 14px !important;
  _padding: 0 0 14px 4px !important;
}

input.submit {
  clear: both;
  top: 0;
  _left: 92px;
  width: auto;
  cursor: pointer;
  background: #e0e2e3;
  border: 1px outset !important;
  color: #000;
  margin-bottom: 4px;
  padding: 1px 2px;
}

#contentcenter fieldset input.submit {
  left: 0;
  width: auto;
}

div.error {
  color: #ED2E38;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 14px 14px;
  text-align: left;
}               

span#manual {
  display: none;
}