html, body {font-size: 100%;
            font-family: Verdana, sans-serif;
            color: #000;
            background: #F0ECD7;
            text-align: center;
            padding: 14px 0;
            margin: 0;}
            
div#main {padding: 0;
          margin: 0 auto;
          background: #F0ECD7;
          text-align: justify;
          font-size: 0.7em;
          width: 770px;}
          
h2 {margin: 0;
    padding: 2px 0 2px 14px;
    background: #ED2E38;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    border-bottom: 2px solid #F0ECD7}
    
h2.botx {
  border-bottom: 1px solid #F0ECD7
}                        

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

/*************************hlavicka*****************************/          
div#header {position: relative;
            padding: 14px;}
          
h1 {padding: 0;
    margin: 0;
    position: absolute;
    top: 29px;
    left: 662px;
    _left: 648px;
    width: 94px;
    height: 32px;
    font-size: 1em;
    overflow: hidden;}
    
h1 span {display: block;
         position: absolute;
         left: 0;
         top: 0;
         z-index: 1;
         width: 94px; 
         height: 32px;
         margin: 0; 
         padding: 0;
         background: url(../images/logo.gif) top left no-repeat;
         _cursor: hand;}
         
div#lang span {position: absolute;left: -9999px}         
div#lang ul, div#lang li, div#topnav ul, ul#menu, ul#menu ul, ul#menu ul ul, ul#aktuality, ul#aktuality ul, div#contentright ul {padding: 0;margin: 0;list-style-type: none}

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

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: 17px;
            text-transform: uppercase;
            text-align: left;
            width: 536px;
            font-size: 0.9em;}
            
div#topnav li {float: left;
               margin: 0 6px 0 0;
               padding: 0;}

div#topnav a {color: #ED2E38;
              display: block;
              text-decoration: none;
              background: transparent url(../images/dot1.gif) 0 2px no-repeat;
              padding: 0 7px 0 10px;}  
              
/*************************layout*****************************/                          
    
div#container {background: transparent url(../images/pozadi.png) 14px 0 repeat-y;
               _margin-top: -17px;}

div#contentleft {float: left;
                 margin-left: 14px;
                 _margin-left: 7px;
                 width: 194px;}
                 
div#contentcenter {float: left;
                   margin-left: 14px;
                   width: 326px;
                   background: #F8F5E6;
                   color: #000;}
                                  
div#contentright {float: left;
                  margin-left: 14px;
                  width: 194px;}
                  
hr {height: 1px;
    margin: -1px 0 0 0;
    padding: 0;
    border: none;
    visibility: hidden;
    clear: both;}
    
/*************************menu*****************************/

ul#menu {background: #F8F5E6;
         color: #ED2E38;
         border-bottom: 2px solid #F0ECD7;
         margin-bottom: 0;
         text-align: left;}
             
ul#menu li {padding: 0;
            margin: 0;
            text-align: left;
            border-bottom: #ED2E38 1px solid;}
            
ul#menu li.no {border-bottom: none;} 
             
ul#menu a {color: #ED2E38;
           text-decoration: none;
           display: block;
           padding: 3px 0 3px 14px;
           _width: 194px}                  
           
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 {font-weight: bold;color: #FFF;background: #ED2E38 url(../images/dot3.gif) 3px 5px no-repeat;border-bottom: none;}                  
ul#menu ul a.active {font-weight: bold;background: #F8F5E6 url(../images/dot4.gif) 17px 5px no-repeat;color: #ED2E38;border-bottom: none;}                                   
ul#menu ul ul a.active {font-weight: bold;background: #E7E2CE url(../images/dot1.gif) 31px 5px no-repeat;border-bottom: none;}  
ul#menu ul ul ul a.active {font-weight: bold;background: #D9D2B6 url(../images/dot1.gif) 45px 5px no-repeat;border-bottom: none;}  

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

/**************************aktuality****************************/

ul#aktuality {_width: 194px;margin-bottom: 0;padding-bottom: 0;border-bottom: none;position: relative;top: 1px;}

ul#aktuality li.a, ul#aktuality li.a ul li {_width: 194px;border-bottom: 1px solid #E7E2CE;background: #E7E2CE}
ul#aktuality li.b, ul#aktuality li.b ul li {_width: 194px;border-bottom: 1px solid #F8F5E6;background: #F8F5E6}

ul#aktuality li#last-aktualita {
  border-bottom: 0;
  padding: 1px 0;
}

ul#aktuality a {display: block;
                color: #000;
                background: transparent;
                padding: 3px 14px;
                _width: 194px;
                text-decoration: none}
                
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}  

/**************************dekorace****************************/
                             
div#footer {background: #F0ECD7;letter-spacing: -1px;position: relative;text-transform: uppercase;color: #ED2E38;font-size: 0.8em;padding: 14px 0 0 0;margin: 0;}
p#last_mod {width: 194px;position: absolute;left: 14px;top: 10px;_top: 0;margin: 0;padding: 0}
p#copy {width: 194px;position: absolute;top: 0;right: 14px;text-align: right}               

/**************************prostredni sloupec****************************/

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

#contentcenter p {padding: 0 14px 14px 14px;margin: 0;line-height: 1.6;}

#contentcenter li p {padding: 0px;margin: 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;margin: 0;line-height: 1.6;background: transparent url(../images/dot2.gif) 0 7px no-repeat;}

h3 {font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    color: #ED2E38;
    padding: 0 0 0 14px;
    margin: 0 0 10px 0;}
    
h3 span {display: block;
         margin-top: 2px;}    
    
div#contentcenter h2 {margin-bottom: 14px;}
    
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: 0 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;
               margin: 0; 
               padding: 0;
               background: url(../images/vice.gif) top left no-repeat;
               _cursor: hand;}

#contentcenter a, #contentcenter a:link, #contentcenter a:visited, #contentcenter a:hover, #contentright a.ractive, #contentright a.ractive:link, #contentright a.ractive:visited, #contentright a.ractive:hover {color: #ED2E38;text-decoration: underline}

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;
                 margin: 0; 
                 padding: 0;
                 background: url(../images/dalsi.gif) top left no-repeat;
                 _cursor: hand;}

/**************************pravy sloupec****************************/

div#hledat {background: #F8F5E6;padding: 14px;position: relative}
div#hledat input {font-size: 0.89em;_font-size: 1em;margin: 0;width: 120px}

div#hledat input#search {position: absolute;
                         top: 15px;
                         right: 14px; 
                         width: auto;
                         border: 1px outset;
                         background: #F0ECD7;
                         color: #000;}
                         
form {margin: 0 0 2px 0}
                   
div#contentright ul {margin-bottom: 2px;
                     padding-bottom: 12px;
                     color: #000;}   
                     
div#contentright li {margin: 0 0 0 4px}                                    
                     
ul#akcni_nabidka, ul#akce {background: #E7E2CE;border-bottom: 2px solid #F0ECD7}
ul#novinky, ul#recall {background: #F8F5E6;}                     

#contentright a, #contentright a:link, #contentright a:visited, #contentright a:hover {color: #000;text-decoration: none}

#contentright img.obr {border-top: 2px solid #F0ECD7;}

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

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

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

#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 7px no-repeat;
}

/**********************tabulky**********************************/

table {width: 298px;
       border: 0;
       padding: 0;
       margin: 0 14px 14px 14px;
       font-size: 1em;
       border-collapse: collapse;
       text-align: left;}
    
td {margin: 0;
    border: none;
    padding: 0.7em 0 0.8em 14px;
    border-bottom: 1px solid #E7E2CE;
    vertical-align: top}
    
td.none {border-bottom: none}    

tr:hover {background-color: #FFF;
          margin: 0;
          padding: 0;
          border: none}    
    
th {font-weight: bold;
    text-align: left;
    border: none;
    margin: 0;
    padding: 0.7em 0 0.7em 14px;
    border-top: 1px solid #E7E2CE;
    border-bottom: 1px solid #E7E2CE;
    background: #E7E2CE}
    
/*************************formulare*******************************/

#contentcenter form {margin: 0;padding: 0;}

#contentcenter fieldset {display: block;
        	margin: 0 14px 14px 14px;
        	border: none;}
        	                 
#contentcenter input, #contentcenter textarea {position: relative;
              	 top: -1.4em;
              	 left: 133px;
              	 display: block;
                 width: 142px;}
    	           
#contentcenter input.submit {clear: both;
	            top: 0;
              _left: 7em}

#contentcenter label {clear: both;
                  	  float: left;
                  	  display: block;
                  	  width: 130px;
                  	  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: -1px 4px 0 0;
                                     clear: both;
                                     float: left;
                                     width: auto}
                      
#contentcenter fieldset.radio legend {float: left;
                                    	font-weight: bold;
                                    	color: #000;
                                      margin: 0 0 14px 4px}
                                     
input.submit {clear: both;
	            top: 0;
              _left: 92px;
              width: auto;
              border: 1px outset;
              background: #F0ECD7;
              color: #000;
              margin-bottom: 4px}

#contentcenter fieldset input.submit {left: 0;width: auto;}
                      
div.error {color: #ED2E38;
           text-transform: uppercase;
           padding: 7px;
           font-weight: bold;
           margin: 0 14px 14px 14px;
           background: #FFF;
           text-align: left;}               

span#default {
  display: none;
}

div#footer a, div#footer a:link, div#footer a:visited {
  color: #ED2E38;
}