html {font-size: 100%;}

body {
    font-family: tahoma, arial, lucida, sans-serif;
    font-size: 0.75em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #2A3436;
    background: #FFFFFF url('/images/body-bg.png') center top repeat-y;
}

h2 {
    border: 1px solid #000000;
    background: #3D7D00 url('/images/h2-bg.png') left top repeat-x;
    min-height: 20px;
    font-size: 1em;
    line-height: 1.5em;
    margin: 10px 0px 5px 0px;
    color: #FFFFFF; 
}

h3 {
    font-size: 1em;
    color: #FF7000;
    margin: 6px 10px 0px 0px;
    text-align: right;
    
}

table {font-size: 1em;}

form {margin: 0px;}

input, textarea {
    border: 1px solid #070A06;
    background: #E9ECEE url('/images/input-bg.png') left top repeat-x;
    font-family: tahoma, arial, lucida, sans-serif;
}

a {
    text-decoration: underline;
    color: #FF0000;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {
    text-align: left;
}

ul li a{text-decoration: none;}

ul li a:hover{text-decoration: underline;}

fieldset {border: 0px; clear: left; float: left;}


#top {
    width: 892px;
    height: 41px;
    margin: 0px auto 0px auto;
    background: url('/images/top.jpg') top left no-repeat;
    position: relative;
}

#top form {
    padding: 0px; 
    position: absolute; 
    top: 6px; 
    left: 375px;
}

#top form #inp {
    float: left; 
    height: 20px; 
    width: 150px; 
    padding-top: 2px; 
    border: 0px; 
    background: url('/images/search-inp-bg.png') left top repeat-x;
}

h1#logo {
    margin: 0px; 
    padding: 0px;
    float: left;
}

h1#logo a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 193px;
    top: 11px;
    left: 104px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1#logo span {
    width: 193px;
    height: 69px;
    background: url('/images/logo-fanatix.png') top left no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
}

#head {
    width: 892px;
    margin: 0px auto 0px auto;
}

#menu {
    width: 892px;
    height: 37px;
    margin: 0px auto 0px auto;
    clear: both;
}

#mainMenu {
    margin: 0px;
    padding: 0px;
    height: 37px;
    width: 780px;
    float: left;
    list-style-type: none;
    background: #4C9103 url('/images/menu-bg.jpg') top left repeat-x;
}

#mainMenu li {
    float: left;
}

#mainMenu li a {
    display: block;
    height: 37px;
    position: relative;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
    float: left;
    display: inline;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


#mainMenu li a span {
    height: 37px;
    display: block;
    margin: 0px;
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: hand;
    background-position: 0px 0px;
}

#home { width: 57px;}
#bike { width: 49px;}
#inline { width: 63px;}
#sportovni-klub { width: 97px;}
#team { width: 55px;}
#kontakt { width: 77px;}
#partneri { width: 82px;}
#shop { width: 54px;}
#florbal { width: 77px;}
#snowboard { width: 99px;}
#velkoobchod { width: 117px;}

#home span { width: 57px; background: url('/images/menu-1.jpg') no-repeat; }
#bike span { width: 49px; background: url('/images/menu-2.jpg') no-repeat; }
#inline span { width: 63px; background: url('/images/menu-3.jpg') no-repeat; }
#sportovni-klub span { width: 97px; background: url('/images/menu-4.jpg') no-repeat; }
#team span { width: 55px; background: url('/images/menu-5.jpg') no-repeat; }
#kontakt span { width: 77px; background: url('/images/menu-6.jpg') no-repeat; }
#partneri span { width: 82px; background: url('/images/menu-8.jpg') no-repeat; }
#shop span { width: 64px; background: url('/images/menu-7.jpg') no-repeat; }
#florbal span { width: 77px; background: url('/images/menu-9.jpg') no-repeat; }
#snowboard span { width: 99px; background: url('/images/menu-10.jpg') no-repeat; }
#velkoobchod span { width: 117px; background: url('/images/menu-11.jpg') no-repeat; }

#home:hover span, #home span.active { background-position: 0px -37px; }
#bike:hover span, #bike span.active { background-position: 0px -37px; }
#inline:hover span, #inline span.active { background-position: 0px -37px; }
#sportovni-klub:hover span, #sportovni-klub span.active { background-position: 0px -37px; }
#team:hover span, #team span.active { background-position: 0px -37px; }
#kontakt:hover span, #kontakt span.active { background-position: 0px -37px; }
#partneri:hover span, #partneri span.active { background-position: 0px -37px; }
#shop:hover span, #shop span.active { background-position: 0px -37px; }
#florbal:hover span, #florbal span.active { background-position: 0px -37px; }
#snowboard:hover span, #snowboard span.active { background-position: 0px -37px; }
#velkoobchod:hover span, #velkoobchod span.active { background-position: 0px -37px; }

#main {
    width: 892px;
    height: auto;
    margin: 0px auto 0px auto;
    background: #E3F2CB url('/images/main-bg.jpg') top left repeat-y;
}

#left {
    width: 229px;
    height: auto;
    float: left;
    display: inline;
    margin-left: 26px;
}

.subMenu {
    width: 215px;
    height: auto;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
}

.subMenu li {display: inline;}

.subMenu li a {
    width: 215px;
    min-height: 20px;
    _height: 20px;
    padding: 0px 0px 0px 0px;
    line-height: 20px;
    display: block; 
    color: #000000;
    font-weight: bold;
    font-size: 0.9em;
    background: url('/images/submenu-it.png') 10px 4px no-repeat;
}

.subMenu li a:hover, .subMenu li a.active {
    background: #FF7E13 url('/images/submenu-it.png') 10px 4px no-repeat;
    text-decoration: none;
    color: #FFFFFF;
}

.subMenu li a span {
    display: block;
    padding-left: 30px;
}

.subMenu li ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.subMenu li ul li a {background: url('/images/submenu-it2.png') 28px 7px no-repeat;}

.subMenu li ul li a:hover, .subMenu li ul li a.active {background: #FF7E13 url('/images/submenu-it2.png') 28px 7px no-repeat;}

.subMenu li ul li a span {padding-left: 44px;}

.subMenu li ul li ul li a {background: url('/images/submenu-it2.png') 48px 7px no-repeat;}

.subMenu li ul li ul li a:hover, .subMenu li ul li ul li a.active {background: #FF7E13 url('/images/submenu-it2.png') 48px 7px no-repeat;}

.subMenu li ul li ul li a span {padding-left: 64px;}

.subMenu li ul li ul li ul li a {background: url('/images/submenu-it2.png') 68px 7px no-repeat;}

.subMenu li ul li ul li ul li a:hover, .subMenu li ul li ul li ul li a.active {background: #FF7E13 url('/images/submenu-it2.png') 68px 7px no-repeat;}

.subMenu li ul li ul li ul li a span {padding-left: 84px;}

#hLogin {
    float :left;
    margin: 3px 0px 3px 8px;
    display: inline;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    font-size: 0.75em;    
}

#hLogin input {width: 80px;}

#right {
    width: 576px;
    float: left;
    margin-left: 20px;
    text-align: center;
}

#right p {font-size: 0.9em;}

#right h2 {
    text-align: center;
}

#right .whiteLine {
    width: 576px;
    background: #FFFFFF; 
    clear: left;
    float: left; 
    margin: 5px 0px 2px 0px; 
    line-height: 3px;
}

#hText {
    background: #F1F9E5; 
    clear: left;
    width: 576px;
    height: auto; 
    border-top: 1px solid #F1F9E5;
    border-bottom: 1px solid #F1F9E5;
}

#hText p {text-align: left; margin: 13px 13px 13px 13px; line-height: 1.25em; font-size: 0.9em;}

#hText h3 {text-align: left; margin-left: 15px;}

#hLeft {
    width: 280px;
    float: left;
    border: 0px solid red;
}

.productHomeBg {
    width: 272px; 
    height: auto; 
    background: #ABDC5F; 
    margin: 0px 16px 0px 0px; 
    padding: 1px 0px 1px 0px;
    float: left;
}

.productHomeImg {
    border: 1px solid #ABDC60;
    width: 111px;
    float: left; 
    margin: 7px;
    display: inline;
}

.newsHome {
    width: 266px; 
    _width: 270px; 
    height: auto; 
    border: 2px solid #FFFFFF; 
    background: #EEF8DF; 
    margin: 0px auto 0px auto;
}

.newsHome p {
    text-align: left;
    padding: 0px 5px 0px 5px;
    margin: 10px 0px 0px 0px;
}

.newsHome h3 {
    text-align: left;
    margin: 5px 0px 0px 5px;
}

.productBg {
    width: 272px; 
    height: 160px; 
    background: #ABDC5F; 
    margin: 0px auto 8px auto; 
    padding: 1px 0px 1px 0px;
    clear: left;
    display: inline;
}

.product {
    width: 266px; 
    _width: 270px; 
    min-height: 136px; 
    height: 156px;
    _height: 158px;
    border: 2px solid #FFFFFF; 
    background: #EEF8DF; 
    margin: 0px auto 0px auto;
}

.productImg {
    border: 1px solid #ABDC60;
    width: 111px;
    float: left; 
    margin: 7px;
    display: inline;
}

.product p {
    text-align: right;
    margin: 5px 5px 0px 0px;
    background: #FFFFFF;
    padding: 5px;
    width: 120px;
    float: right;
    display: inline;
    font-size: 0.75em;
    font-weight: bold;
    _width: 130px;
}

.news {
    width: 266px; 
    _width: 270px; 
    height: auto; 
    border: 2px solid #FFFFFF; 
    background: #EEF8DF; 
    margin: 0px auto 0px auto;
}

.news h3 {
    text-align: left;
    float: left;
    margin-left: 5px;
    width: 120px;
    display: inline;
}

.news p {
    text-align: left;
    margin: 5px 5px 0px 5px;
    padding: 0px;
    width: 120px;
    float: left;
    display: inline;
    font-size: 0.75em;
    font-weight: bold;
    _width: 125px;
}

.partners {
    height: auto; 
    border: 2px solid #FFFFFF; 
    background: #EEF8DF; 
    margin: 0px auto 0px auto;
    width: 570px; 
    _width: 574px;
}

.partners img {margin: 10px;}


#hRight {
    width: 576px;
    float: left;
    border: 0px solid red;
}

.page {
    width: 572px; 
    height: auto; 
    background: #ABDC5F; 
    margin: 0px auto 8px auto; 
    padding: 1px 0px 1px 0px;
    clear: left;
    border: 0px solid red;
}

.pageIn {
    width: 566px; 
    _width: 570px; 
    height: auto; 
    border: 2px solid #FFFFFF; 
    background: #EEF8DF; 
    margin: 0px auto 0px auto;
}

.pageIn img {
    border: 1px solid #ABDC60;
    margin: 5px;
}

.pageInW {
    width: 350px;
    background: #FAFDF5;
    height: auto;
    float: left;
    margin: 5px; 
    display: inline;
    text-align: left;
}

.pageInW p {
    margin: 5px;
    display: block;
    margin: 13px 10px 13px 10px;
    padding: 0px; 
    font-size: 0.95em;
}

.pageInW h3 {text-align: left; margin-left: 10px;}

.pageInW table {
     text-align: left;
     margin: 0px 0px 0px 10px;
}

.pageInW table h3 {margin: 0px;}

#contactForm input, #contactForm textarea {
    width: 220px;
}

#bottom {
    clear: both;
    width: 892px;
    height: 34px;
    margin: 0px auto 0px auto;
    position: relative;
    background: url('/images/bottom-bg.jpg') left top no-repeat;
}

#bottom p {
    color: #000000;
    float: left;
    display: inline;
    font-weight: bold;
    font-size: 0.75em;
    margin: 10px 0px 0px 30px;
}

#bottom p a {color: #000000;}

#bottom ul {
    float: right;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    width: 430px;
    list-style-type: none;
}

#bottom ul li {float: left; display: block;}

#bottom ul li a{
    float: left;
    display: inline;
    font-size: 0.75em; 
    font-weight: bold;
    padding-left: 30px;
    margin-left: 10px;
    color: #000000;
    
}

#bottom ul li a#it1 {background: url('/images/bottom-it1.png') left top no-repeat;}
#bottom ul li a#it2 {background: url('/images/bottom-it2.png') left top no-repeat;}
#bottom ul li a#it3 {background: url('/images/bottom-it3.png') left top no-repeat;}

.cleaner {clear: both;}
.cleanerH {clear: both; height: 5px; font-size: 5px;}

.orange {color: #FF6600;}
.right {text-align: right; padding-right: 5px;}
.bold {font-weight: bold;}

#navShop {
    text-align: left;
    margin: 5px 0px 8px 0px;
    font-size: 0.9em;
    font-weight: bold;
}

#navShop a {color: #4B9200;}

.dLeft {
    float: left;
}

.dRight {
    width: 160px;
    float: right;
    margin: 5px;
    display: inline;
}

.dRight p {
    text-align: right;
    background: #FAFDF5;
    padding:8px;
    margin: 5px;
    font-size: 0.9em;
}

.dRight table {
    background: #FAFDF5;
    width: 94%;
    margin: 0px auto 0px auto;
    font-size: 0.9em;
}

.dRight table td {text-align: left; padding: 0px 10px 0px 10px;}

.dRight input {vertical-align: middle;}

.dRight strong {font-size: 1.1em; line-height: 1.5em;}

.green {color: #4B9200;}

.cart {
    width: 560px;
    position: relative;
    top: -22px;
}

.cart th {
    height: 20px;
    color: #418200;
    font-size: 0.9em;
    text-align: left;
    vertical-align: top;
}

.cart td {
    text-align: left; 
    font-weight: bold; 
    font-size: 0.8em;
}

.cart input {width: 20px; font-size: 1.3em;}

.ord {
    width: 100%; 
    text-align: left;
}

.ord input { width: 250px;}

.ord h3 {text-align: left;}

#partners {margin: 0px auto 0px auto; text-align: center;}
#partners td img {border: 0px;}

#cartLeft {
    color: #000000;
    text-align: left;
    margin: 10px 0px 0px 20px;
    font-weight: bold;
}

#cartLeft span {display: block; width: 80px; float: left;}
#cartLeft span.white {color: #FFFFFF; font-size: 0.9em;}

.sitemap {
    list-style-type: none;
    margin: 7px;
}

.sitemap li {margin-top: 3px;}