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 {
    display: none;
    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: 393px;
    top: 11px;
    left: 104px;
    color: #FFFFFF;
    font-size: 24px;
    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 {
    display: none;
    width: 892px;
    margin: 0px auto 0px auto;
}

#menu {
    display: none;
    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: url('/images/menu-bg.jpg') top left repeat-x;
}

#mainMenu li {
    float: left;
}

#mainMenu li a {
    display: block;
    height: 37px;
    position: relative;
    font-size: 14px;
    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;
}

#home { width: 72px;}
#bike { width: 66px;}
#inline { width: 84px;}
#sportovni-klub { width: 153px;}
#team { width: 66px;}
#kontakt { width: 99px;}
#partneri { width: 105px;}
#shop { width: 86px;}
#snowboard { width: 130px;}

#home span { width: 72px; background: url('/images/menu-1.jpg') no-repeat; }
#bike span { width: 66px; background: url('/images/menu-2.jpg') no-repeat; }
#inline span { width: 84px; background: url('/images/menu-3.jpg') no-repeat; }
#sportovni-klub span { width: 153px; background: url('/images/menu-4.jpg') no-repeat; }
#team span { width: 66px; background: url('/images/menu-5.jpg') no-repeat; }
#kontakt span { width: 99px; background: url('/images/menu-6.jpg') no-repeat; }
#partneri span { width: 105px; background: url('/images/menu-9.jpg') no-repeat; }
#shop span { width: 86px; background: url('/images/menu-7.jpg') no-repeat; }
#snowboard span { width: 130px; background: url('/images/menu-8.jpg') no-repeat; }

#home:hover span, #home span.active { background: url('/images/menu-1o.jpg') no-repeat; }
#bike:hover span, #bike span.active { background: url('/images/menu-2o.jpg') no-repeat; }
#inline:hover span, #inline span.active { background: url('/images/menu-3o.jpg') no-repeat; }
#sportovni-klub:hover span, #sportovni-klub span.active { background: url('/images/menu-4o.jpg') no-repeat; }
#team:hover span, #team span.active { background: url('/images/menu-5o.jpg') no-repeat; }
#kontakt:hover span, #kontakt span.active { background: url('/images/menu-6o.jpg') no-repeat; }
#partneri:hover span, #partneri span.active { background: url('/images/menu-9o.jpg') no-repeat; }
#shop:hover span, #eshop span.active { background: url('/images/menu-7o.jpg') no-repeat; }
#snowboard:hover span, #snowboard span.active { background: url('/images/menu-8o.jpg') no-repeat; }

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

#left {
    display: none;
    width: 229px;
    height: auto;
    float: left;
    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;
    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 {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 {background: #FF7E13 url('/images/submenu-it2.png') 48px 7px no-repeat;}

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

#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 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;}

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

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

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

.product {
    width: 266px; 
    _width: 270px; 
    min-height: 136px; 
    _height: 140px; 
    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: 280px;
    float: right;
    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 {
    display: none;
    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 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;}
.print {display: none;}