body                {margin:0;  background-image: url(images/pozadie.jpg); 
                    background-repeat: repeat-x; width:auto; 
                    margin: 0; padding: 0; text-align: center; }

 
@font-face          { font-family: Delicious; src: url('CANDARA_0.TTF'); } 
                                         
.main               {text-align: left; width:1000px; height:100%; margin-left:AUTO;	
                    margin-right:AUTO; float: none;}

a                   {outline-style:none;}

.top                {float: left; width: 1000px; height: 470px;}
.logo               {float: left; width: 395px; height: 105px; background-image: url(images/logo.jpg);}
.menu a             {text-decoration: none; float: left;  }



.uvod2              {width: 1000px; height: 700px; float: left;}

.telo_pre_paticku   {width: 666px; height: auto; float: left}

.telo1              {width: 333px; height: auto; float: left;}
.telo2              {width: 333px; height: auto; float: left;}
.telo3              {width: 333px; height: auto; float: left;}

.obr_omne           {margin-left: 10px; background-image: url(images/omne.jpg); width: 118px; height: 29px; float: left}

.obr_paticka        {margin-top: 35px; margin-left: 10px; background-image: url(images/paticka.jpg); width: 640px; height: 58px; float: left;
                    background-repeat: no-repeat;}

.texty              {font-family: Delicious, sans-serif; text-shadow: 1px 1px 1px #000; line-height: 19px; font-size: 14px; 
                    color:#7a7878; width: 313px; height: auto; float: left; margin-left:10px; margin-top:20px;}

.texty2             {font-family: Delicious, sans-serif; text-shadow: 1px 1px 0px #000; padding-top: 10px; padding-left: 
                    220px; line-height: 19px; font-size: 13px; color:#494949; height: auto; float: left; margin:10px}

.kontakt            {margin-left: 10px; background-image: url(images/kontakt.jpg); width: 160px; height: 29; float: left}

.social             {margin-left: 10px; margin-top: 40px; background-image: url(images/social.jpg); width: 127px; height: 29; float: left}

.zrucnosti          {margin-left: 10px; margin-top: 30px; background-image: url(images/zrucnosti.jpg); width: 140px; height: 29; float: left}

.rozumiem           {margin-left: 10px; background-image: url(images/rozumiem.jpg); width: 140px; height: 29; float: left}

#btn1              {width: 121px; height: 105px; display: block; background: url(images/btn1.jpg);}
#btn1:hover        {background-position: 0 -105px; }        
#btn2              {width: 121px; height: 105px; display: block; background: url(images/btn2.jpg);}
#btn2:hover        {background-position: 0 -105px; }
#btn3              {width: 121px; height: 105px; display: block; background: url(images/btn3.jpg);}
#btn3:hover        {background-position: 0 -105px; }
#btn4              {width: 121px; height: 105px; display: block; background: url(images/btn4.jpg);}
#btn4:hover        {background-position: 0 -105px; }
#btn5              {width: 121px; height: 105px; display: block; background: url(images/btn5.jpg);}
#btn5:hover        {background-position: 0 -105px; }

#btnfb             {width: 300px; height: 41px; display: block; background: url(images/followfb.jpg); float:left;}
#btnfb:hover       {background-position: 0 -41px;  }

#btntw             {width: 300px; height: 41px; display: block; background: url(images/followtw.jpg); float:left;}
#btntw:hover       {background-position: 0 -41px; }

.tw                 {float: left; width: 300px; height: 41px; background-image: url(images/follow_tw.jpg);}
.ja                 {float: left; width: 300px; height: 243px; background-image: url(images/ja.jpg);}
         
.tien1              {float: left; width: 1000px; height: 41px; background-image: url(images/tien_horny.jpg);}
.tien2              {float: left; width: 1000px; height: 41px; background-image: url(images/tien_dolny.jpg);}
.bt_left            {position:absolute; float: left; width: 25px; height: 69px; background-image: url(images/bt_1left.jpg);}
.top_cervena        {background-image: url(images/top_cervena.png); width: 480px; height: 43px; float: left; 
                    margin-left: 250;}
.bottom_cervena     {background-image: url(images/bottom_cervena.png); width: 480px; height: 43px; float: left; 
                    margin-left: 250;}
.back               {background-image: url(images/omne_back.jpg); width: 1000px; height: 585px; float: left; color: #bebebe;}
.stlp               {width: 330px; height: 500px; float: left;}
p.texty             {text-indent: 30pt; color: #bebebe; width: 280px; margin-left: 30; margin-top: 30px;
                    }
p.uvod              {color: #bebebe; width: 280px; margin-left: 30; margin-top: 30px; line-height: 18px; }
p.texty2            {height: 30px;}
#dva                {margin-left: 33px; margin-top: 75px; float: left; height: 318px;}
#tri                {margin-left: 80px; float: left;}
#styri              {margin-left: 15px; margin-top: 75px; float: left; width: 250;}
.tmavsie            {color:#777777}

ul                  {list-style-position : outside; list-style-image: url(images/odrazka.jpg);  
                    font-family: Delicious, sans-serif; text-shadow: 1px 1px 1px #000; line-height: 19px; font-size: 14px; 
                    color:#7a7878; width: 280; height: auto; float: left;  
                    margin-top:20px; margin-bottom: 30px;
                    margin-left: 27px; padding-left: 0px}
li                  {}

a#btn               {color: #0095da;}
a#btn:hover         {color: #64c3ce; text-decoration: none;}
.spodok             #4e4949{color: white; text-decoration: none; float: left; margin-top: 48px;
                    font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:	12px; 
                    text-align: center; }


  .slideshow { height: 325px; width: 1000px; float:left; display: block; }
  .slideshow img {background-color: #0f0f0f; }
  
  #nav a { background: url(off.jpg); width:12px; height:12px; }
  #nav a.activeSlide {background: url(on.jpg); }