a     {color: #ff8122; font-size: 85%; font-weight: bold; text-decoration: none; 
      border-width: 0px 0px 1px 0px; border-style: dotted; }

.blok {text-align: justify; line-height: 140%; margin: 10px 20px 15px 20px;}

body {margin: 0px; font-family: arial,sans-serif; color: #FFFFFF; 
    /*  background-image: url("images/body_bg.gif"); background-repeat: repeat-x; 
      background-position: 0% 100%; background-color: #3d6796; */ background-color: #eeeeee; } 


.email  {margin: 0px 0px 0px 20px; padding: 0px 0px 0px 30px; background-image: url("images/mail.gif"); 
           background-position: 0% 4px; background-repeat: no-repeat;
           font-size: 70%; border-style: none;}


h1 {background-color: #19324e; color: #3D6897; font-size: 22pt;
           margin: 0px; padding: 12px 0px 13px 20px; }
           
h1.h2 { color: #ff8122; font-size: 90%; margin: 0px; padding: 10px 0px 10px 10px;
      background-color: #1b4067; }

h2  {color: #ff8122; font-size: 90%; margin: 0px; padding: 10px 0px 10px 10px;
      background-color: #1b4067;}
      
h2.h1 {background-color: #19324e; color: #3D6897; font-size: 22pt;
           margin: 0px; padding: 12px 0px 13px 20px; }

h3  {color: #ff8122; font-size: 80%; font-weight: bold;  margin: 0px; padding: 4px 0px 4px 15px;
      background-color: #21456c;}

.h2a      {background-color: #ed751b; 
           border-style: solid; border-width: 0px 0px 3px 0px; border-color: #ac4a00;
           background-image: url("images/h1a.gif"); background-repeat: repeat-y;}
           
.h2b      {background-color: #1a3a5c;
           border-style: solid; border-width: 0px 0px 3px 0px; border-color: #19324e;
           background-image: url("images/h1b.gif"); background-repeat: repeat-y;}

#hlavni   {background-color: #1A3A5C;  background-image: url("images/bg.gif"); 
           background-repeat: repeat-y; width: 1000px; margin: auto; padding: 0px;
           border-width: 0px; border-spacing: 0px;}

#hlavni td  {margin: 0px; padding: 0px; border-spacing: 0px; text-align: left; }

.link_out {color: #EEEEEE; font-size: 85%; font-weight: bold;}

#logo   {
    height: 203px; 
    width: 296px;  
    background-image: url("images/logo_podklad.jpg"); 
    float: left;}
         

#menuarea {width: 250px; float: left;}

#menuarea a:hover {text-decoration: underline;}

#menuarea h2  {background-color: #ed751b; color: #ffffff; border-style: solid;
              padding: 2px 0px 2px 10px;
              border-width: 1px 0px 1px 0px; border-color: #ffffff; font-size: 80%;}
              
#menuarea h1.h2  {background-color: #ed751b; color: #ffffff; border-style: solid;
              padding: 2px 0px 2px 10px;
              border-width: 1px 0px 1px 0px; border-color: #ffffff; font-size: 80%;}

#menuarea ul {list-style-image: url("images/sipka2.gif"); margin: 0px; padding: 0px 0px 0px 25px;}

#menuarea li {margin: 12px 0px 0px 0px; padding: 0px 10px 12px 0px;}

#menuarea_prod ul {list-style-image: url("images/sipka1.gif"); margin: 0px; padding: 0px 0px 0px 25px;}

#menuarea_prod li {color: #FFFFFF; font-family: arial,sans-serif; font-size: 90%; 
          border-style: solid; border-width: 0px 0px 1px 0px; border-color: #0B2139;
          margin: 5px 0px 0px 0px; padding: 0px 10px 6px 0px;
          }

.menuitem {color: #FFFFFF; font-family: arial,sans-serif; font-size: 90%; 
          border-style: solid; border-width: 0px 0px 1px 0px; border-color: #0B2139;
          margin: 0px 0px 0px 0px; padding: 10px 0px 10px 30px;}

.menuitem a {color: #FFFFFF; text-decoration: none; border-style: none; 
             font-size: 90%; font-weight: normal;}

.novinky      {font-size: 80%;}

.novinky .datum  {font-size: 90%;}


#obsah  {text-align: left; width: 750px; float: left; position: relative !important; top: -53px !important;}

#obsah h2 {font-size: 100%; }

#obsah ol {font-size: 80%;}

ol      {font-size: 80%;}

p       {margin: 10px 20px 10px 20px; font-size: 80%;}

.profil   {line-height: 150%; padding: 0px 0px 10px 0px; text-align: justify; }

.prod_bazen     {color: #FFFFFF; text-decoration: none; height: 100px;
                 margin: 10px 0px 10px 0px; padding: 20px 10px 10px 20px;
                 display: block; width: 300px; text-align: center;
                 border-style: none; 
                 background-image: url("images/bazenovka.gif"); 
                 background-repeat: no-repeat;}

.prod_bazen:hover {color: #DDDDDD;}

.prod_bazenarea ul {margin: 10px; padding: 0px;}
.prod_bazenarea li {margin: 0px; padding: 0px; list-style: none;}

.prod_bazeninfo     {color: #FFFFFF; 
                     background-image: url("images/info.gif"); 
                     text-decoration: none;
                     border-style: none;
                     display: block;
                     margin: 4px 0px 4px 0px;
                     padding: 4px 0px 4px 25px;
                     background-position: 0% 3px;
                     background-repeat: no-repeat;}

.prod_bezplist   {font-size: 70%; font-weight: bold; color: #F6F0EC;
                  padding: 0px 0px 0px 20px; text-decoration: none;
                  border-style: none;
                  background-image: url("images/pdf.gif"); display: block; margin: 0px 0px 7px 10px;
                  background-repeat: no-repeat; background-position: 0% 50%;}

.prod_content   {font-size: 80%; width: 80%; margin: 0px 0px 4px 5px;}

.prod img {margin: 5px;}

.prod_img {text-align: center; }

.prod_link  {display: block; color: #eeeeee; margin: 4px 0px 4px 10px; font-size: 70%;
            border-style: none;
            margin: 4px 0px 4px 10px;
            padding: 4px 0px 4px 19px;
            background-position: 0% 4px;
            background-image: url("images/link.gif"); 
            background-repeat: no-repeat;}

.prod_list   {color: #EEEEEE; border-style: none; font-weight: normal; }

.prod_list:hover  {text-decoration: underline;}

.prod  {margin: 20px; width: 660px; }



.prod th     {background-color: #000000; color: #FFFFFF; font-size: 80%;} 



.prod h2    {font-size: 85%; margin: 0px; padding: 6px 0px 6px 4px; 
             color: #ffffff; text-decoration: underline; }

.prod h3    {font-size: 80%; margin: 2px 0px 0px 10px; padding: 0px; color: #ffffff;}

.prod p     {margin: 5px 10px 10px 10px; padding: 0px; }

.reset    {clear:both;}


           
#shade-bg   {
    width: 1040px; 
    background-image: url("images/shade-bg.png"); 
    background-repeat: repeat-y; 
    margin: auto;
    
}



#slogan     {color: #eeeeee; font-size: 10pt; padding: 2px 0px 0px 10px;}

.td_center  {vertical-align: middle; text-align: center;}

.telefon  {padding: 0px 0px 0px 30px; background-image: url("images/tel.gif"); 
           background-position: 0% 4px; background-repeat: no-repeat;}

#top_area {margin: 20px 0px 0px 0px; }

#top    {
    background-image: url("images/top1.jpg"); 
    background-repeat: repeat-x; 
    background-color: #19324e;        
    min-height: 203px;
    width: 1000px;
    margin: 0px 20px 0px 20px;
}

#top-animace   {height: 150px; width: 450px; background-image: url("images/top2.jpg");  
         background-position: 100% 100%; background-repeat: no-repeat;
         float: right;}

tr     {vertical-align: top; text-align: center;}

.tr1    {background-color: #E97016; color: #FFFFFF;}
.tr1 h2 {background-color: #E97016;}
.tr1 h3 {background-color: #E97016;}

.tr2    {background-color: #D55B00; color: #FFFFFF;}
.tr2 h2 {background-color: #D55B00;}
.tr2 h3 {background-color: #D55B00;}

.tr3 h2 {background-color: #000000; color: #ffffff;}

ul.uvod      {font-size: 80%;}

#uvod h2.h1 {background-color: #19324e; color: #3D6897; font-size: 22pt;
           margin: 0px; padding: 12px 0px 13px 20px; background: transparent; border: 0; }

#uvod h2  {background-color: #1a3a5c;
           border-style: solid; border-width: 0px 0px 3px 0px; border-color: #19324e;
           background-image: url("images/h1b.gif"); background-repeat: repeat-y;
           color: #FFFFFF; margin: 0px; padding: 2px 0px 2px 20px; }

#uvod h3  {color: #ffffff; background-color: transparent;}

#uvod img {float: left; padding: 10px 10px 10px 20px;}

#zapati {clear: both; 
         min-height: 40px;  
         background-color: #19324E; 
         margin: 0px ;
         padding: 10px;
}

.zvyraz {font-size: 100%; font-weight: bold; color: #ffffff; 
         font-style: italic; text-decoration: underline;}

iframe#fb-box { margin: 0px; padding: 0px 0px 0px 25px;}