body                {margin:0;  background-image: url(images/pozadie2.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;  }

.uvod               {background-image: url(images/ukazky.jpg); width: 1000px; height: 325px; float: left;}

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

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

.oddelovac          {float: left; width: 1000px; height: 10px; background-image: url(images/oddelovac.jpg); background-repeat: no-repeat;}

.paticka            {margin-top: 160px; height: auto; width: 1000px; float: left;}

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

.obr_paticka        {margin-left: 10px; background-image: url(images/paticka.jpg); width: 666px; height: 62px; 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; height: auto; float: left; margin:10px}

.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; }








.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-image: url(images/odrazka.jpg);  }
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; }

.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }