/* lonsdaleshop.cz */

body {text-align: center; font-size: 0.7em; font-family: sans-serif; color: #464646; margin: 0; padding: 0; background: #1b2021; text-align: center;}

a {color: #006bbf}
a:hover {color: #ff9900}
a img {border: 0;}

h2 {font-size: 1.2em; padding: 0 0 0 1em; margin: 0 0 0.5em 0; font-weight: normal; height: 30px; line-height: 30px; background: url('pictures/lvicek-nadpis.png') #1b2021 right top no-repeat; border-top: 1px solid #2a2f30; border-bottom: 1px solid #717475; color: #7e7f80;}
h2 a {color: #7e7f80;}
h3 {font-size: 1.2em; padding: 0; margin: 1em 0 0.5em 0; font-weight: normal;}
h4 {font-size: 1.1em;}
input, select, textarea {font-size: 0.95em;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

#blok {width: 988px; background: #fff; margin: auto; text-align: left;}
#horni {height: 23px; background: url('img/logo-horni.png') no-repeat left bottom #1b2021;}
#logo {width: 715px; height: 87px; float: left; background: url('pictures/logo-velke.png') left bottom; margin-left: 16px;}

#info {margin-right: 16px; width: 241px; height: 35px; padding: 26px 0 26px 0; float: right; background: url('pictures/logo-bg.png') repeat-x left top;}
#infodiv {height: 35px; border-left: 1px solid #bebebe; line-height: 1.55em; padding-left: 0.7em;}
#infodiv a {color: #696969; text-decoration: none;}
#infodiv a.zaplatit {text-decoration: underline; color: #dc3377;}
#infodiv strong {color: #9ec7dd;}

#hlavni-logo {width: 722px; height: 152px; float: left; background: #1b2021; margin: 0 0 1px 16px; color: #fff; position: relative;}
#hlavni-logo h1 {margin:0; padding:0; position: absolute; top: 16px; left: 25px;  width:448px; height:55px; overflow:hidden;}
#hlavni-logo h1 span {display:block; position:absolute; left:0; top:0; z-index:1; width:448px; height:55px; margin:0; padding:0; background: url('pictures/logo-adresa.png') top left no-repeat; cursor: pointer;}

#hlavni-kategorie {position: absolute; top: 146px; left: 25px;}
#hlavni-kategorie a {display: block; float: left; margin:0; padding:0; height:45px; overflow:hidden; position: relative}
#hlavni-kategorie span {display:block; position:absolute; left:0; top:0; z-index:1; height:45px; margin:0; padding:0; cursor: pointer;}
#hlavni-kategorie a.muzi {width: 84px;}
#hlavni-kategorie a.muzi span {background: url('pictures/kategorie-muzi.png') top left no-repeat; width: 84px;}
#hlavni-kategorie a.zeny {width: 87px;}
#hlavni-kategorie a.zeny span {background: url('pictures/kategorie-zeny.png') top left no-repeat; width: 87px;}
#hlavni-kategorie a.deti {width: 73px;}
#hlavni-kategorie a.deti span {background: url('pictures/kategorie-deti.png') top left no-repeat; width: 73px;}
#hlavni-kategorie a.vsichni {width: 124px;}
#hlavni-kategorie a.vsichni span {background: url('pictures/kategorie-vsichni.png') top left no-repeat; width: 124px;}

#vyhledavani div{margin-top:50px;color:#7E7F80;}
#vyhledavani h3{color:#7E7F80;}
#vyhledavani {width: 234px; height: 152px; float: right; background: #1b2021; margin: 0 16px 1px 0; position: relative;}
#vyhledavani input {background: url('pictures/form.png') #414748 left top no-repeat; color: #a1a1a1; font-size: 0.9em; display: block; width: 155px; height: 18px; padding: 5px 3px 0 5px; float: left; margin: 0 3px 0 0; border: 0;}
#vyhledavani button.potvrd {width: 27px; height: 28px; background: url('pictures/ok-modre.png') #5fabbc; position: absolute; left: 166px; top: 34px; margin: 0; padding: 0; border: 0;}
#vyhledavani button.potvrd span {display: none;}

#hlavni-menu {background: #92342f; height: 24px; clear: both; margin: 0 16px 2px 16px; text-align: right; line-height: 24px; padding-right: 1em; color: #fff;}
#hlavni-menu a {color: #fff; text-decoration: none;}
#hlavni-menu a:hover {text-decoration: underline;}

#menu {width: 204px; float: left; border-right: 1px solid #696969; margin: 0 0 10px 16px; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
#obsah {width: 744px; float: right; margin: 0 16px 10px 7px;}

#paticka {background: #1b2021; margin: 0 10px 10px 10px; clear: both; text-align: right; color: #fff; padding: 2em 1em;}
#paticka a {color: #fff; text-decoration: none;}


#menu h3 {font-size: 1.2em; padding: 0 0 0 1em; margin: 0 0 0.5em 0; font-weight: normal; height: 30px; line-height: 30px; background: url('pictures/lvicek-nadpis.png') #1b2021 right top no-repeat; border-top: 1px solid #2a2f30; border-bottom: 1px solid #717475; color: #7e7f80; font-weight: bold;}
#menu ul {list-style-type: none; margin:0 1em; padding: 0;}
#menu ul li {font-size: 1.6em; font-weight: bold;}
#menu ul li a {text-decoration: none;}
#menu ul li a:hover {text-decoration: underline;}
#menu ul li ul {list-style-type: square; margin-left: 0 1em; padding-bottom: 0.4em;}
#menu ul li ul li {font-size: 0.7em; color: #696969}
#menu ul li ul li a {text-decoration: none;  color: #696969}
#menu ul li ul li a:hover {text-decoration: underline;  color: black}


#menu ul.velke {padding-bottom: 1em;}
#menu ul.velke li a {color: #696969}

#newsletter {margin: 1em; position: relative;}
#newsletter input {background: url('pictures/form-news.png') #fff left top; color: #a1a1a1; font-size: 0.9em; display: block; width: 125px; height: 18px; padding: 5px 3px 0 5px; float: left; margin: 0 3px 0 0; border: 0;}
#newsletter button.potvrd {width: 30px; height: 31px; background: url('pictures/ok-cervene.png') #5fabbc; position: absolute; left: 136px; top: 34px; margin: 0; padding: 0; border: 0;}
#newsletter button.potvrd span {display: none;}

input.osobni {background: url('pictures/form-news.png') #fff left top; color: #a1a1a1; font-size: 0.9em; display: block; width: 125px; height: 18px; padding: 5px 3px 0 5px; margin: 0 3px 0 0; border: 0;}

button.osobniTlacitko {display: block; width: 30px; height: 31px;  background: url('pictures/ok-cervene.png') #5fabbc; margin: 0; padding: 0; border: 0;}
button.osobniTlacitko span {display: none;}

#kontakt {margin: 1em;}

div.prihlasit {margin: 1em;}
div.logform {margin: 1em;}

#bannery img {margin-bottom: 7px;}
.cleaner{width: 100%;height: 0;visibility: hidden;clear: both;}