body{margin:0px;text-align:center;font-family:trebuchet ms,arial,sans-serif;font-size:0.9em;background:#e5f7ff;}
#bg_zahlavi{height:250px;width:100%;background:url("../img/bg_zahlavi.gif") left top repeat-x;position:absolute;left:0px;top:0px;}
#zahlavi{width:860px;height:35px;position:relative;margin:auto;text-align:left;padding:10px 20px 0px 20px;font-size:0.8em;z-index:3;}
  #logo{position:absolute;left:327px;top:8px;}
  #kosik{float:right;text-align:right;background:url("../img/kosik.gif") left top no-repeat;padding:5px 0px 5px 40px;}
    #bublina{width:193px;height:115px;position:absolute;right:0px;top:32px;background:url("../img/kosikBublina.gif") left top no-repeat;displaY:none;}
      #bublina p{margin:30px 15px 10px 10px;text-align:center;font-weight:normal;font-size:1.5em;color:#ffffff;}
/*menu*/
#menu{height:23px;background:url("../img/bg_menu.gif") left top repeat-x;position:relative;font-family:arial;font-size:0.8em;z-index:2;}
#menuList{position:relative;width:900px;margin:auto;text-align:left;}
#levaCast{position:absolute;left:0px;list-style:none;margin:0px;padding:0px;}
#pravaCast{position:absolute;right:0px;list-style:none;margin:0px;padding:0px;}
#menuList li{float:left;position:relative;}
#menuList a{color:#ffffff;font-weight:bold;display:block;padding:3px 10px 4px 10px;text-decoration:none;margin-top:1px}
#menuList a:hover{color:#ff6a00;text-decoration:underline;background:#ffe9c4;}

/*hlavni obsah*/
#okno{width:900px;position:relative;margin:auto;background:#ffffff;}
#navigaceKontakt{height:55px;text-align:center;background:#ffffff;position:relative;font-size:0.9em;margin-bottom:20px;}
  #navigace{text-align:left;position:absolute;left:25px;bottom:0px;}
  #kontakt{text-align:right;position:absolute;right:20px;bottom:0px;}
#zapati{margin:auto;background:url("../img/bg_zapati.gif") left top repeat-x;text-align:left;font-size:0.8em;padding:5px;clear:both;}
  #zapati a{color:#000000;font-weight:bold;}
  #zapati a:hover{text-decoration:none;}
#levySloupec{width:210px;margin-left:20px;float:left;text-align:left;font-size:0.9em;padding:0px;}
  #modry{background:#e5f7ff;margin:0px;padding:1px;}
  #modry p{margin:5px 20px 5px 25px;padding:0px;}
#telo{width:630px;padding:0px 20px 0px 20px;float:left;}
#velkeTelo{padding:20px;}

/*shopFlow*/
#shopFlow{position:relative;width:100%;height:75px;margin-bottom:30px;}
.krok1{background:url("../img/shopFlow1.gif") center top no-repeat;}
.krok2{background:url("../img/shopFlow2.gif") center top no-repeat;}
.krok3{background:url("../img/shopFlow3.gif") center top no-repeat;}
#shopFlow h1,#shopFlow div{color:#ffffff;background:none;font-size:1.5em;font-weight:bold;padding:0px;margin:0px;}
#shopFlow a{color:#ffffff;}

#krok1{position:absolute;left:100px;top:25px;}
  #krok1 a{display:none;}
#krok2{position:absolute;left:375px;top:25px;}
  #krok2 span{display:none;}
#krok3{position:absolute;left:650px;top:25px;}
  #krok3 a{display:none;}
#krok2Obsah{display:none;}

/*produktovy box*/
.box{width:190px;height:280px;margin:18px 18px 0px 0px;border:1px solid #86d6f7;float:left;position:relative;}
.box p{margin:2px;font-size:0.8em;padding:0px;}
.box div{position:absolute;left:0px;bottom:0px;background:url("../img/bg_zapati.gif") left top repeat-x;height:23px;width:115px;text-align:left;color:#ff8800;font-size:0.7em;}
.box div span{font-size:1.6em;font-weight:bold;padding-left:5px;}
.akcniZbozi{border-color:#F74931;}
.noveZbozi{border-color:#9FD87A;}

/*semantika*/
h1{padding:2px 20px 2px 20px;background:#e5f7ff;float:right;font-size:1.6em;margin:0px;text-align:right;}
h2{font-size:1.3em;margin:5px;color:#ff8800;}
h2 span{font-size:0.7em;font-weight:normal;color:#666666;}
#modry h2{color:#00aff0;}
h3{padding:2px 20px 2px 20px;background:#e5f7ff;float:right;font-size:1em;margin:0px;}
h4{color:#ff8800;text-align:left;font-size:1.2em;margin:5px 5px 5px 0px;}
h4 span{font-size:0.7em;font-weight:normal;color:#666666;}
.box h4{margin:0px 0px 5px 0px;font-size:1em;color:#ffffff;background:#00aff0;padding:2px;text-align:center;}
.akcniZbozi h4{background:#F74931;}
.noveZbozi h4{background:#9FD87A;}
p{margin:5px;padding:5px;}

/*odkazy*/
a{text-decoration:underline;color:#ff8800;}
a:hover{text-decoration:none;}
h2 a{color:#00aff0;text-decoration:none;}
h2 a:hover{text-decoration:underline;}
h4 a{color:#ffffff;text-decoration:none;}
h4 span a{color:#ff8800;}
h4 a:hover{text-decoration:underline;}
a img{border:0px;}
td a{text-decoration:none;color:#00aff0;}
td a:hover{text-decoration:underline;}

/*seznamy*/
ul{list-style-image:url("../img/puntik4.gif"); }
dl{margin-left:10px;}
dt{font-weight:bold;margin-top:10px;}

/*tabulka*/
table{position:relative;width:100%;font-size:0.9em;border-bottom:1px solid #e5f7ff;}
thead{background:url("../img/bg_thead.gif") left top repeat-x;color:#ffffff;}
th{padding:7px;}
td{padding:5px;vertical-align:top;}
.sudy{background:#e5f7ff;}
.ctvrtiny td,.ctvrtiny th{width:25%;}

/*formular*/
input,textarea{border:1px solid #00aff0;font-family:trebuchet ms,arial,sans-serif;font-size:1em;width:150px;}
.button{width:auto;background:#00aff0;color:#ffffff;font-weight:bold;border:0px;border:1px solid #00aff0;font-size:11px;padding:2px;cursor:pointer;}
form p{padding:0px;}
#zahlavi .button{position:relative;z-index:2;}
#kontaktForm input,#kontaktForm textarea,#reklamaceForm input,#reklamaceForm textarea{width:200px;}
#kontaktForm .button,#reklamaceForm .button,#reklamaceForm .auto{width:auto;}
.svetly{background:#86d6f7;border:1px solid #86d6f7;}
.box .button{position:absolute;right:0px;bottom:0px;width:75px;height:23px;}
.noBorder{border:0px;}

/*male bloky*/
.linka{background:#ffffff;margin:0px;margin-top:10px;border-bottom:2px solid #e5f7ff;}
p.clear{margin:0px;padding:0px;}
a.produktNahled{position:relative;display:block;width:110px;height:110px;float:left;border:1px solid #e5f7ff;margin:5px;}
a:hover{border-color:#00aff0;}
#seznamCelkem{font-size:1.5em;color:#ff8800;}
.modryBlok{background:#e5f7ff;}
.modryText{color:#00aff0;}
#menici{display:block;position:relative;margin:10px;padding:0px;}
#mapka{position:absolute;left:0px;top:0px;}

/*zarovnani a formatovani textu*/
.lefted{float:left;}
.left{text-align:left;}
.righted{float:right;}
.right{text-align:right;}
.center{text-align:center;}
.rightMargin{margin-right:10px;}
.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}
.pulka{position:relative;width:50%;}
.tretina{position:relative;width:33%;}
.dvetretiny{position:relative;width:67%;}
.auto{width:auto;}
.mini{width:20px;}
.maly{width:50px;}
.big{font-size:1.5em;}
.zeleny{color:#76C750;}
.oranzovy{color:#ff8800;}