*{
padding: 0px;
margin: 0px;
}

body
{
background: #282F35 url('body-back.jpg') repeat-x 0px 0px;
font-size: 11px;
font-family: "Verdana" ,helvetica, sans-serif;
color: #000;
line-height: 18px;
}

acronym{cursor: help; color: blue; font-weight: bold;}
a, .umely_odkaz{color: #FF3300; text-decoration: underline;}
a:hover, .umely_odkaz:hover{text-decoration: none;}

p
{
margin-bottom: 14px;
text-align: justify;
}
img{border: 0px;}


#img-container{width: 100%; height: 100%;}
#motto1{position: absolute; top: 40px; left: 10px;}
#motto2{position: absolute; top: 250px;right: 10px;}
#motto3{position: absolute; top: 400px;left: 50px;}
#motto4{position: absolute; top: 550px;left: -30px;}
#motto5{position: absolute; top: 5px;right: 0px;}
#motto6{position: absolute; top: 720px;right: 100px;}
#motto7{position: absolute; top: 210px;left: -30px;}
#motto8{position: absolute; top: 452px;right: 0px; width: 250px; overflow: hidden;}
#logo1{position: absolute; top: 690px; left: 100px;}
#logo2{position: absolute; top: 350px; right: 45px;}
#logo3{position: absolute; top: 730px; left: 620px;}

#container{
  position: relative;
  width: 770px; 
  margin: 0 auto;
  margin-top: 0px;
  background: transparent url('middle.jpg') repeat-y scroll 0px 0px;
} 

#header
{
width: 770px; height: 250px; border: 0px solid red;
background: transparent url('header-new.jpg') no-repeat scroll 0px 0px;
}

#inner
{
position: relative;
border: 0px solid white;
margin: 0px 10px 0px 10px;
background-color: transparent;

}

#header .menu
{border: 0px solid red;
position: absolute;
height: 32px;
padding: 0px;
width: 740px;
margin-top: 200px;
margin-left: 20px;
}

#header .menu {text-align: center; border: 0px solid red;}
  #header .menu a{border: 0px solid red; padding: 0px; margin: 0px 3px 0px 3px; display: block; float: left; height: 32px; background-position: top;}
  #header .menu a:hover{background-position: bottom;}
  #header .menu a img{height: 32px;}
  #header .menu a.selected_item_menu {background-position: bottom;}
#cover {display: none; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; width: 100%; height:100%; background: #ccc; filter:alpha(Opacity=50); opacity:0.5;
          -moz-opacity:0.5; -khtml-opacity:0.5; z-index: 12; }

#widecontent
{
position: relative;
padding: 0px;
}

#obal{background-color: transparent; padding: 0px 20px 0px 20px 0px; margin: 0px 10px 0px 10px; }

#widecontent h3 
{
position: relative;
font-size: 16px;
line-height: 16px;
color: #FFF;
background: transparent url('a22.gif') bottom repeat-x;
padding: 0px 0px 5px 10px;
margin: 15px 0px 10px 0px;
}

#widecontent .sloupec
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#footer
{
  position: relative; display: block;
  clear: both;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: transparent url('footer.jpg') no-repeat scroll 0px 100%;
  color: gray;
}

#footer a
{
color: gray;
}

#tab_main{}
#tab_main td{vertical-align: top;}


fieldset{background: transparent url('pozadi-fieldset.gif') no-repeat scroll 50% 0%; border: 0px solid red; margin: 0px 0px 0px 0px; padding: 0px; width: 710px; }
fieldset h5{ width: 710px; color: #FF3300; display: block; text-align: center; font-weight: bold; font-size: 14px; border: 0px solid black; padding: 3px 0px 3px 0px;}

#tab_objednavka{border: 1px solid #000; border-top: 0px; width: 680px; margin: 1px 15px 0px 15px; background-color: #EEE;}
#tab_objednavka th{text-align: right;}
#tab_objednavka td, #tab_objednavka th {vertical-align: middle; font-size: 11px; padding: 5px;}
#tab_objednavka td.border{border: 1px solid #FF3300;}
#tab_objednavka th.top{vertical-align: top;}
  #tab_objednavka td #podtabulka {text-align: left;}
    #tab_objednavka td #podtabulka td, #tab_objednavka td #podtabulka th{padding: 0px 4px 0px 4px; border: 0px solid red;}
  #tab_objednavka td h6{text-align: center; color: red; font-size: 12px;}    
#dialog_oznameni table{margin-top: 20px;}
#dialog_oznameni table th{border-bottom: 1px solid silver; background-color: #e5e5e5; padding: 5px; line-height: 120%;}
#dialog_oznameni table td{vertical-align: top; text-align: left; border-bottom: 1px solid silver; padding: 5px; line-height: 120%;}

#widecontent #katalogy{text-align: center; margin: 10px; padding-top: 10px; background-color: black; font-size: 13px;}
  #widecontent #katalogy .odsadit{width: 730px; border: 0px solid red; text-align: center; display: block; background-color: black;}
    #widecontent #katalogy .odsadit a{width: 150px; text-decoration: none; height: 150px; margin: 0px 15px 0px 15px; padding: 0px; 
    display: block; float: left; text-align: center; background-color: black;}

.linklist{margin: 10px; padding-top: 10px; background-color: black; font-size: 13px; text-align: center;}
.linklist a{width: 150px; display: block; overflow: hidden; float: left; text-decoration: none;}
.linklist a.selected{color: white; text-decoration: underline;}

a.over{background-position: 0% 0%; background-repeat: no-repeat;}
a.over:hover{background-position: 100% 0%;}

#button_ma-oznameni {margin: 5px 0px 10px 5px;}
#button_ma-oznameni a.over_oznameni{background-image: url('button-ma-oznameni.jpg'); background-position: 0% 0%; background-repeat: no-repeat; width: 160px; height: 50px; overflow: hidden; display: block; }
#button_ma-oznameni a.over_oznameni:hover{background-position: 100% 0%;}

#Obrazky{height: 100px; clear: both; width: 450px; display: block;}
#drobky{padding: 5px;}

#prev_next{color: white;}

.celkova_cena{font-weight: bold; color: red;}
.selected{background-position: 100% 0%;}

.odsazeni{padding: 5px 15px 5px 15px; }

.linklist-m
{
list-style: none;
}

ul.linklist-m li{
font-size: 13px; font-weight: bold;
padding: 15px;
line-height: 18px;
margin: 5px 0px 0px 0px;}

ul.linklist-m li a{color: black;}
ul.linklist-m li a:hover{color: #FF3300; text-decoration: none;}
ul.linklist-m li a.selected{color: #FF3300;}

ul.ul_objednavka{text-align: center; padding-left: 15px;}


input, .textarea{font-size: 12px; color: black; padding: 1px; font-family: "trebuchet ms", helvetica, sans-serif; vertical-align: middle;}

img.floatleft
{
float: left;
margin: 0px 14px 3px 0px;
}

.middle{vertical-align: middle;}
.img_oznameni{text-align: left; width: 150px;}

.sloupec
{
position: relative;
width: 180px;
float: left;
background: white;
margin: 0px;
}

.pravy_sloupec
{
position: relative;
width: 490px;
float: right;
background: white;
}

.detail_produkt_box{background: url('detail-back.jpg') top repeat-x;}
.detail_produkt_box table{width: 100%;}
.detail_produkt_box td, .detail_produkt_box th{text-align: left; padding: 5px;}

.obrazky{ text-align: center; width: 100%; height: 110px;}

.boxik{width: 450px;  padding: 0px 0px 0px 0px; margin: 10px 0px 20px 0px;  background: transparent url('back-box-mid.jpg') repeat-y 0px 0px; border: 0px solid red;}
.boxik h5{width: 450px;  border: 0px solid green; text-align: center; height: 35px; line-height: 35px; padding: 0px; margin: 0px; background: transparent url('back-box-top.jpg') no-repeat 0px 0px;}
.boxik .body{width: 450px; text-align: center; border: 0px solid gray; padding: 0px; margin: 0px;}
  .boxik .body p{padding: 0px 30px 0px 30px; text-align: center;}
.boxik .bottom{width: 450px; height: 30px; text-align: right; border: 0px solid gray; padding: 0px; margin: 0px; background: transparent url('back-box-bottom.jpg') no-repeat 0px 100%;}
  .boxik .bottom p{padding: 0px 30px 0px 30px; text-align: right;}

.boxik_barvy{width: 180px; height: 150px; float: left; padding: 0px 0px 0px 0px; margin: 20px 40px 20px 40px; background: transparent url('back-box-barvy.jpg') no-repeat 0px 0px; border: 0px solid red;}
  .boxik_barvy h5{width: 180; border: 0px solid green; text-align: center; height: 30px; line-height: 30px; padding: 0px; margin: 0px;}
  .boxik_barvy p{padding: 0px 10px 0px 10px; text-align: center;}

.info_big{font-size: 120%; font-weight: bold; text-align: center;}
.center{ text-align: center;}
.box-oznameni{float: left; border: 0px solid red; margin: 0px; padding: 10px 20px 10px 20px;}
.box-oznameni .inner{height: 180px; width: 200px; border: 0px solid red; background: transparent url(pozadi-boxC.jpg) no-repeat 0px 0px;}
.box-oznameni .newback{background: transparent url(pozadi-boxC-p.jpg) no-repeat 0px 0px;}
.box-oznameni .inner .nazev{position: absolute; margin-top: 5px; width: 200px; border: 0px solid red; }
.box-oznameni .inner .prize{position: absolute; margin-top: 135px; width: 200px; border: 0px solid red;}
.box-oznameni .inner .spodek{position: absolute; margin-top: 153px; width: 188px; border: 0px solid red;}
.box-oznameni .inner .obrazek{padding: 29px; border: 0px solid red;}


.skryvany{display: none;}
.cena{color: black; font-weight: bold;}
.pamatuj{display: block; text-align: left; background: white url(pamatuji-mid.jpg) repeat-y 0px 0px;} 
  .pamatuj div{padding: 10px 10px 5px 15px;}
  .pamatuj span{display: block;}
  
.dialog {display: none; background: white; padding: 5px; border: 5px solid #FC8760; text-align: center; line-height: 120%; }
.dialog a strong{color: black; text-decoration: none;}

.umely_odkaz{cursor:pointer;}
.alert{font-size: 12px; color: red; background-color: #EEE; border: 1px solid red; padding: 5px;}
.potvrzeni{font-size: 12px; color: #FF3300;}
.center{text-align: center;}
.gray{color: gray;}