body{
    text-align: center;
    font-family: Verdana, Tahoma, Arial, lucida, sans-serif;;  
    font-size: 10px;  
    background-color: #E2E2E2;  
    margin: 0px;  
}

div{

}

img{
    border: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

div.container{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div.page{
    width: 990px;
    float: left;
    display: inline;
}

div.logo{
    width: 990px;
    float: left;
    display: inline;
    height: 60px;
    background: url(../images/logoBackground.jpg);
}

div.logoInner{
    float: left;
    display: inline;
    width: 320px;
    height: 35px;
    margin-top: 18px;
    margin-left: 23px;

}

div.header{
    float: left;
    display: inline;
    width: 990px;
    height: 57px;
    background: url(../images/headerTop.jpg) no-repeat center bottom;
}

div.main{
    float: left;
    display: inline;
    width: 990px;
    background-image: url(../images/mainBackground.jpg);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    
}

div.mainInner{
    float: left;
    display: inline;
    width: 960px;
    margin-left: 14px;
}

div.leftMenu{
    float: left;
    display: inline;
    width: 183px;
    text-align: left;
    background-color: #FFFFFF;
    overflow-x: hidden;
}

div.vyhladavanie{
    float: left;
    display: inline;
    width: 183px;
    background: url(../images/vyhladavanieTop.jpg) no-repeat left top;
}

div.vyhladavanieInner{
    float: left;
    display: inline;
    margin-left: 18px;
    margin-top: 26px;
}

span.leftMenuNadpis{
    font-size: 14px;
    color: #010000;
    font-weight: bold;
}

div.space1{
    float: left;
    display: inline;
    width: 183px;
    height: 13px;
}

input.textKratky,select.textKratky{
    margin-top: 5px;
    width: 147px;
    height: 18px;
    background-color: #E9E9E9;
    border: 1px black solid;
    line-height: 18px;
    vertical-align: middle;
}

select.textKratky{
    height: 22px;
}

input.submit1{
    margin-top: 13px;
    background: url(../images/submit1Background.jpg) no-repeat left top;
    margin-left: 0px;
    width: 147px;
    height: 22px;
    border: none;
}

div.space2{
    float: left;
    display: inline;
    width: 183px;
    height: 10px;
}

ul.list1{
    list-style-image: url(../images/dot1.gif);
    list-style-position: outside;
    margin-left: 10px;
}

a.vyhladavanie{
    background: url(../images/dot1.gif) no-repeat left center;
    padding-left: 10px;
    line-height: 13px;
    color: #000000;
    text-decoration: none;
}

a.vyhladavanie:hover{
    text-decoration: underline;
}

div.katalog{
    float: left;
    display: inline;
    width: 183px;
    margin-top: 20px;
    background: url(../images/menuTop.jpg) no-repeat left top;    
}

div.katalogInner{
    float: left;
    display: inline;
    margin-left: 18px;
    margin-top: 26px;
}

div.space3{
    float: left;
    display: inline;
    width: 183px;
    height: 6px;
}

div.kategorieMenu{
    float: left;
    display: inline;
    width: 183px;
    margin-top:10px;
}


span.katalog1{
    background: url(../images/dot2.gif) no-repeat left center;
    padding-left: 10px;
    line-height: 13px;
}

span.katalog2{
    background: url(../images/dot3.gif) no-repeat left center;
    padding-left: 10px;
    line-height: 13px;
}

a.beznyOdkaz{
    color: #000000;
    text-decoration: none;
}

div.middle{
    float: left;
    display: inline;
    width: 593px;
    text-align: left;
}

div.space4{
    float: left;
    display: inline;
    width: 593px;
    height: 105px;
}

div.topMenu{
    float: left;
    display: inline;
    width: 593px;
    height: 37px;
}

span.menuItem{
    line-height: 30px;
    font-size: 12px;
    vertical-align: middle;
}

a.topMenu{
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;  
}

div.text{
    float: left;
    display: inline;
    width:593px; 
    overflow: hidden;
}

div.nadpisHlavny{
    float: left;
    display: inline;
    width: 400px;
    padding-bottom: 10px;
    margin-top: 37px;
    background: url(../images/nadpisCIara.jpg) no-repeat left bottom;
}

div.nadpisHlavnyInner{
    float: left;
    display: inline;
    margin-left: 10px;
    font-size: 24px;
    
}

div.loginMain{
    float: left;
    display: inline;
    width: 593px;
}

div.loginMainInner{
    float: left;
    display: inline;
    margin-top: 10px;
    margin-left: 12px;
}

div.mainLoginFormItem1{
    float: left;
    display: inline;
    text-align: left;
    margin-left: 10px;
    width: 500px;
    margin-top: 5px;
}

div.mena{
    float: left;
    display: inline;
    width: 183px;
    background: url(../images/menaTop.jpg) no-repeat left top;
}

div.menaInner{
    float: left;
    display: inline;
    margin-left: 18px;
    margin-top: 26px;
}

a.menaActive{
    color: #C4C4C4;
    text-decoration: none;
}

div.kosikInner{
    float: left;
    display: inline;
    margin-left: 18px;
    margin-top: 26px;
    width: 153px;
    height: 30px;
    background: url(../images/kosik.gif) no-repeat right top
}

div.cena{
    float: left;
    display: inline;
}

div.registraciaItem1{
    float: left;
    display: inline;
}

div.space5{
    float: left;
    display: inline;
    width: 550px;
    height: 10px;
}

div.registraciaNadpis{
    float: left;
    display: inline;
    width: 525px;
    height: 32px;
    background-color: #FFECDF;
    margin-left: 14px;
    margin-top: 30px;
    font-weight: bold;
}

div.registraciaNadpis2{
    float: left;
    display: inline;
    width: 525px;
    height: 32px;
    background-color: #DFFDAE;
    margin-left: 14px;
    margin-top: 30px;
    font-weight: bold;
}

div.registraciaNadpisInner{
    float: left;
    display: inline;
    margin-top: 5px;
    margin-left: 10px;
    background-color: #FFECDF;
    font-size: 14px;
    font-weight: bold;
}

div.registraciaNadpisInner2{
    float: left;
    display: inline;
    margin-top: 5px;
    margin-left: 10px;
    background-color: #DFFDAE;
    font-size: 14px;
    font-weight: bold;
}

span.povinnaPolozka{
    background: url(../images/dot1.gif) no-repeat right center;
    padding-right: 10px;
    line-height: 13px;
}

table.registracia{
    float: left;
    display: inline;
    margin-top: 20px;
    margin-left: 25px;
    width: 500px;
}

input.registracia{
    width: 246px;
    height: 19px;
    background-color: #E9E9E9;
    border: 1px black solid;
    line-height: 18px;
    vertical-align: middle;    
}

select.registracia{
    width: 246px;
    height: 19px;
    background-color: #E9E9E9;
    border: 1px black solid;
    line-height: 18px;
    vertical-align: middle;
}

input.registraciaChyba{
    width: 246px;
    height: 19px;
    background-color: #E9E9E9;
    border: 1px red solid;
    line-height: 18px;
    vertical-align: middle;    
}

textarea.registracia{
    width: 246px;
    height: 100px;
    background-color: #E9E9E9;
    border: 1px black solid;
}

textarea.registraciaChyba{
    width: 246px;
    height: 100px;
    background-color: #E9E9E9;
    border: 1px red solid;
}

span.zoznam{
    background: url(../images/dot1.gif) no-repeat left center;
    padding-left: 10px;
    line-height: 20px;
}

span.zoznamBr{
    padding-left: 10px;
    line-height: 20px;
}

div.registraciaBottom{
    float: left;
    display: inline;
    width: 525px;
    height: 100px;
    margin-top: 20px;
    text-align: center;
}

table.zoznam{
    float: left;
    display: inline;
    margin-top: 20px;
    margin-left: 25px;
    width: 500px;
    font-size: 11px;
}

table.zoznam2{
    float: left;
    display: inline;
    margin-top: 20px;
    margin-left: 25px;
    width: 500px;
    font-size: 11px;
}

table.zoznam td{
    text-align: center;
}

td.zoznamHlavickaSRamcom{
    background-color: #DEFDAF;
    border-right: 1px #63AE0D dotted;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.zoznamHlavicka{
    background-color: #DEFDAF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.zoznamBunkaSRamcom{
    border-right: 1px #FFA339 dotted;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.zoznamBunka{
    border-right: 1px #FFA339 dotted;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.katalogZoznam{
    float: left;
    display: inline;
    width: 553px;
    margin-left: 20px;
}

div.produktMain{
    float: left;
    display: inline;
    width: 553px;
    border-top: 1px #C2C2C2 dotted;
}

div.produktMainObrazok{
    float: left;
    display: inline;
    width: 140px;
    text-align: center;
    margin-top: 20px;
}

div.produktMainPravaStrana{
    float: left;
    display: inline;
    margin-top: 20px;
    width: 410px;
}

span.produktMainNadpis{
    font-size: 12px;
    font-weight: bold;
}

div.produktMainPravaStranaInner{
    float: left;
    display: inline;
    margin-top: 10px;
    width: 410px;
}

table.produktMainTabulka{
    float: left;
    display: inline;
    width: 235px;
}

table.produktMainTabulka td{
    height: 10px;
}

div.produktMainNakup{
    float: left;
    display: inline;
    margin-top: 0px;
    margin-left: 20px;
}

input.nakup{
    background: url(../images/pridatDoKosikaBackground.jpg) ;
    width: 40px;
    height: 40px;
    border: none;
    margin-left: 50px;
}

input.pocetKusov{
    width: 40px;
    height: 18px;
    background-color: #E9E9E9;
    line-height: 18px;
    vertical-align: middle;
}

div.katalogZoznamHeader{
    float: left;
    display: inline;
    border-top: 1px #C2C2C2 dotted;
    border-bottom: 1px #C2C2C2 dotted;
    width: 550px;
    height: 19px;
    line-height: 19px;
}

div.katalogZoznamHeaderInfo{
    float: left;
    display: inline;
}

div.katalogZoznamHeaderNavigacia{
    float: right;
    display: inline;
    text-align: right;
    width: 150px;
    margin-top: 2px;
    text-align: right;
}

div.katalogZoznameHeaderZoradenie{
    float: right;
    display: inline;
}

div.katalogZoznamHeaderZoradenieInner{
    float: left;
    display: inline;
}

input.vzostupne{
    background: url(../images/vzostupne.gif);
    width: 18px;
    height: 22px;
    border: none;
}


input.zostupne{
    background: url(../images/zostupne.gif);
    width: 18px;
    height: 22px;
    border: none;
}

div.navigacia{
    float: left;
    display: inline;
    height: 25px;
    
}

a.navigacia{
    color: #66C31F;
    font-size: 10px;
    background: url(../images/dot2.gif) no-repeat right center;
    padding-right: 10px;
    text-decoration: none;
}

a.navigacia:hover{
    text-decoration: underline;
}

span.navigacia{
    color: #FF6600;
    font-size: 10px;
}

div.produktDetail{
    float: left;
    display: inline;
    width: 530px;
    margin-top: 20px;
    
}

div.produktDetailInner{
    float: left;
    display: inline;
    margin-top: 10px;
    margin-left: 12px;
    border: 1px;
}

span.produktNahladNadpis{
    font-size: 14px;
    color: #000000;
}

div.produktDetailNadpis{
    float: left;
    display: inline;
    width: 550px;
    height: 30px;
    font-weight: bold;
    margin-top: 10px;
}

div.produktDetailObrazok{
    float: left;
    display: inline;
    width: 209px;
    height: 209px;
    line-height: 209px;
    text-align: center;
    border: 1px gray solid;
    overflow: hidden;
}

div.produktDetailPopis{
    float: left;
    display: inline;
    width: 300px;
}

div.produktDetailPopisInner{
    float: left;
    display: inline;
    margin-left: 20px;
}

td.produktDetailPopis1{
    width: 150px;
    font-size: 10px;
    font-weight: bold;
    height: 18px;
}

span.produktDetailPodNadpis{
    font-size: 10px;
    font-weight: bold;
}

td.produktDetailPopis2{
    width: 170px;
}

div.produktDetailAkcie{
    float: left;
    display: inline;
    width: 550px;
}


div.produktDetailCena{
    float: left;
    display: inline;
    width: 400px;
}

table.produktDetailCena{
    border-bottom: 2px gray dotted;
    font-size: 12px;
    margin-left: 12px;
    margin-top: 10px;
}

div.produktDetailNakup{
    float: left;
    display: inline;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    width: 90px;
    margin-left: 20px; 
}

div.produktDetailTlacidla{
    float: left;
    display: inline;
    width: 550px;
}

div.dvaButtony{
    float: left;
    display: inline;
    width: 540px;
    margin-left: 22px;
}

div.dvaButtonyLavy{
    float: left;
    display: inline;
}

div.dvaButtonyPravy{
    float: right;
    display: inline;
}

div.sposobDorucenia{
    float: left;
    display: inline;
    margin-left: 60px;
    margin-top: 20px;
}

div.objednavkaPoznamka{
    float: left;
    display: inline;
    width: 525px;
    margin-left: 14px;
}

div.objednavkaPoznamkaInner{
    float: left;
    display: inline;
    margin-left: 1px;
}

textarea.objednavkaPoznamka{
    width: 522px;
    height: 200px;
    background-color: #E9E9E9;
    border: 1px black solid;
    margin-top: 10px;
}

div.uvod{
    float: left;
    display: inline;
    width: 573px;
}

div.uvodInner{
    float: left;
    display: inline;
    margin-top: 10px;
    margin-left: 40px;
    font-size: 10px;
    line-height: 20px;
}

div.nadpisTypy{
    float: left;
    display: inline;
    background: url(../images/nadpisCIaraDlha.jpg) no-repeat left bottom;
    width: 520px;
    height: 35px;
    margin-left: 35px;
    margin-top: 20px;
}

div.produktNahladAkcie{
    float: left;
    display: inline;
    margin-top: 10px;
    margin-left: 20px;
    width: 150px;
}

div.produktNahladAkcieFotka{
    float: left;
    display: inline;
    width: 150px;
    text-align: center;
    height: 100px;
    overflow: hidden;
}

div.produktNahladAkcieNazov{
    float: left;
    display: inline;
    width: 150px;
    border-bottom: 2px #AEE152 solid;
    text-align: center;
    height: 20px;
    line-height: 20px;
}
div.produktNahladAkcieCena{
    float: left;
    display: inline;
    width: 150px;
    text-align: center;
    line-height: 15px;

}

div.uvodTipy{
    float: left;
    display: inline;
    width: 550px;
    margin-left: 30px;
    text-align: center;
}

span.zvyraznene{
    color: #FF6600;
    font-weight: bold;
}

h2{
    font-size: 14px;
}

h3{
    font-size: 10px;
    font-weight: bold;
}

div.footer{
    float: left;
    display: inline;
    width: 990px;
    height: 60px;
    background: url(../images/footer.jpg) no-repeat left top;
}

div.footerMenu{
    float: left;
    display: inline;
    width: 990px;
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
}

a{
    color: #000000;
    text-decoration: none;
}