/* GLOBALS */

* {
    margin: 0;
    padding: 0;
    border: 0;
    color: black;
    font-size: 12px;
    font-family: arial, sans-serif;
    font-weight: normal;
}

body {
    background: white;
    text-align: center;
}

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

a:hover {
    color: #000000;
}

h2 {
    padding: 0 0 20px 0;
    font-size: 18px;
    font-weight: normal;
}

h3 {
    padding: 15px 0 3px 0;
    font-size: 18px;
    font-weight: normal;
}

h4 {
    font-size: 18px;
}

/* ID: INDEX */

#index {
    margin: 0px auto 30px auto;
    text-align: center;
    width: 990px;
    height: 620px;
    padding-top: 20px;
}

#index a.enter {
    color: #639cff;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    width: 90px;
    text-align: center;
    margin: 10px auto 10px auto;
}

#index a:hover {
    color: #ff1700;
}


/* ID: CONTAINER */

#container {
    margin: 0px auto 30px auto;
    text-align: left;
    width: 990px;
    height: 620px;
    padding-top: 20px;
}


/* ID: HEAD */

#head {
    float: left;
    width: 990px;
    height: 100px;
}

#head span {
    display: none;
}

#head h1 {
    float: left;
    display: block;
    width: 74px;
    height: 76px;
}

#head a.logo {
    background: url('logo-sarka.gif') no-repeat left top;
    margin: 5px 0 0 20px;
    display: block;
    width: 54px;
    height: 71px;
}


/* ID: MENU */

#menu {
    float: right;
    height: 100px;
    width: 916px;
    font-size: 10px;
}

#menu ul {
    margin: 33px 0 0 32px;
    list-style: none;
}

#menu li {
    float: left;
    text-align: center;
    width: 115px;
    /* border:1px solid blue; */
}

#menu li.lang-cz {
    float: left;
    width: 38px;
    text-align: right;
}

#menu li.lang-en {
    float: left;
    width: 20px;
    text-align: right;
}

#menu a {
    color: #639cff;
    text-transform: uppercase;
    font-size: 10px;
}

#menu a:hover {
    color: #ff1700;
}

#menu a.menu-active {
    color: #ff1700;
}

/* ID: CONTENT */

#content {
    float: left;
    width: 990px;
    height: 500px;
}

.contbg-home { background: url('bg-home-1.jpg') no-repeat left top; }
.contbg-sarka { background: url('bg-sarka.jpg') no-repeat left top; }
.contbg-uspechy { background: url('bg-uspechy.gif') no-repeat left top; }
.contbg-fotogalerie { background: url('bg-fotogalerie.jpg') no-repeat left top; }
.contbg-novinky { background: url('bg-novinky.jpg') no-repeat left top; }
.contbg-sponzori { background: url('bg-sponzori.jpg') no-repeat left top; }
.contbg-kontakt { background: url('bg-kontakt.jpg') no-repeat left top; }
.contbg-obchod { background: url('bg-obchod.gif') no-repeat left top; }
.contbg-obchodnew { background: url('bg-obchodnew.jpg') no-repeat left top; }

#content-in {
    padding: 0px;
}


/* ID: KONTAKT */

#kontakt {
    float: right;
    width: 240px;
    padding-top: 9px;
}

#kontakt p {
    margin-top: 10px;
}

/* ID: SARKA */

#sarka * {
    color: #fefefe;
}

#sarka {
    float: right;
    width: 483px;
    height: 159px;
    overflow: hidden;
    margin: 16px 0 25px 0px;
}

#sarka h2 {
    margin: 0;
    padding: 0;
}

#sarka p {
    margin: 0 0 3px 0;
    padding: 0;
}

#sarka #inbox {
    position: relative;
    overflow: hidden;
    width: 483px;
    height: 159px;
}

#sarka .post {
}


.pager-sarka {
    float: right;
    width: 30px;
    margin-top: 16px;
}

.pager-sarka a {
    display: block;
    height: 7px;
    width: 13px;
    overflow: hidden;
    cursor: pointer;
}

.pager-sarka a.up {
    background: url('arr-up-white.gif') no-repeat left top;
}

.pager-sarka a.up:hover {
    background: url('arr-up-black.gif') no-repeat left top;
}

.pager-sarka a.down {
    background: url('arr-down-white.gif') no-repeat left top;
    margin-top: 145px;
}

.pager-sarka a.down:hover {
    background: url('arr-down-black.gif') no-repeat left top;
}



/* ID: PRAVIDLA */

#pravidla * {
    color: #000000;
}

#pravidla {
    float: right;
    width: 483px;
    height: 159px;
    overflow: hidden;
    margin: 16px 0 25px 0px;
}

#pravidla h2 {
    margin: 0;
    padding: 0;
}

#pravidla p {
    margin: 0 0 3px 0;
    padding: 0;
}

#pravidla #inbox {
    position: relative;
    overflow: hidden;
    width: 483px;
    height: 159px;
}

#pravidla .post {
}


.pager-pravidla {
    float: right;
    width: 30px;
    margin-top: 16px;
}

.pager-pravidla a {
    display: block;
    height: 7px;
    width: 13px;
    overflow: hidden;
    cursor: pointer;
}

.pager-pravidla a.up {
    background: url('arr-up-black.gif') no-repeat left top;
}

.pager-pravidla a.up:hover {
    background: url('arr-up-black.gif') no-repeat left top;
}

.pager-pravidla a.down {
    background: url('arr-down-black.gif') no-repeat left top;
    margin-top: 457px;
}

.pager-pravidla a.down:hover {
    background: url('arr-down-black.gif') no-repeat left top;
}



/* ID: NOVINKY */

#novinky * {
    color: #000000;
}

#novinky {
    float: right;
    width: 483px;
    height: 150px;
    overflow: hidden;
    margin: 16px 0 25px 0px;
}

#novinky h2 {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

#novinky p {
    margin: 0 0 3px 0;
    padding: 0;
    color: #FFFFFF;
}

#novinky #inbox {
    position: relative;
    overflow: hidden;
    width: 483px;
    height: 159px;
}

#novinky .post {
}

.pager-novinky {
    float: right;
    width: 30px;
    margin-top: 16px;
}

.pager-novinky a {
    display: block;
    height: 7px;
    width: 13px;
    overflow: hidden;
    cursor: pointer;
}

.pager-novinky a.up {
    background: url('arr-up-white.gif') no-repeat left top;
}

.pager-novinky a.up:hover {
    background: url('arr-up-white.gif') no-repeat left top;
}

.pager-novinky a.down {
    background: url('arr-down-white.gif') no-repeat left top;
    margin-top: 136px;
}

.pager-novinky a.down:hover {
    background: url('arr-down-white.gif') no-repeat left top;
}


/* ID: USPECHY */

#uspechy {
    float: left;
    width: 990px;
}

#uspechy ul {
    width: 952px;
    margin: 0;
    list-style: none;
    margin: 19px 19px 0px 19px;
}

#uspechy li {
    float: left;
    list-style: none;
    width: 227px;
    text-align: center;
}

#uspechy li.first {
    text-align: left;
    width: 160px;
}

#uspechy li.last {
    text-align: right;
    width: 110px;
}

#uspechy a {
    color: #fefefe;
    text-transform: uppercase;
    font-size: 10px;
}

#uspechy a:hover {
    color: #000000;
}

#uspechy a.uspechy-active {
    color: #000000;
}

#uspechy table {
    width: 450px;
}

#uspechy td {
    width: 90px;
}

#uspechy-inbox {
    height: 326px;
    margin: 63px 0 0 0;
    overflow: hidden;
    border: 0px solid RED;
    float: left;
    width: 450px;
    padding: 0px 27px 0 266px;
    _padding-left: 10px;
    _margin-left: 146px;
}


#uspechy .pager {
    float: left;
    width: 13px;
    padding: 63px 0px 0px 0px;
}

#uspechy .pager a {
    height: 7px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

#uspechy .pager a.up {
    background: url('arr-up-white.gif') no-repeat left top;
}

#uspechy .pager a.up:hover {
    background: url('arr-up-black.gif') no-repeat left top;
}

#uspechy .pager a.down {
    background: url('arr-down-white.gif') no-repeat left top;
    margin-top: 312px;
}

#uspechy .pager a.down:hover {
    background: url('arr-down-black.gif') no-repeat left top;
}


/* ID: FOTOGALERIE */

#fotogalerie {
    width: 990px;
    height: 500px;
    padding: 0;
    margin: 0;
    position: relative;
    white-space: nowrap;
}

#fotogalerie img {
    height: 250px;
}

#fotogalerie #fotorow {
    width: 990px;
    height: 250px;
    overflow: hidden;
}

#fotogalerie .pager-row1 {
    position: absolute;
    top: 25px;
    margin: 0 25px;
    width: 940px;
}

#fotogalerie #fotorow2 {
    width: 990px;
    height: 250px;
    overflow: hidden;
}

#fotogalerie .pager-row2 {
    position: absolute;
    top: 462px;
    margin: 0 25px;
    width: 940px;
}


/* ID: OBCHOD */

#obchod {
    float: left;
    width: 990px;
}

/*#obchod #uvodni-strana {
    background: url('bg-obchod-kat.jpg') no-repeat left top;
    width: 990px;
    height: 500px;
}*/

#obchod #uvodni-strana ul {
    padding: 18px 0 0 0;
    float: left;
    text-transform: uppercase;
}

#obchod #uvodni-strana li {
    float: left;
    list-style-type: none;
}

#obchod #uvodni-strana li.helmy {
    padding-left: 265px;
}

#obchod #uvodni-strana li.bryle {
    margin-left: 295px;
}

#obchod #uvodni-strana li.trika {
    margin-left: 282px;
}


/* ID: OBCHOD | SEKCE-TEXT */

#obchod #sekce-text {
    float: right;
    width: 330px;
}

#obchod img.sekce {
    float: left;
    width: 660px;
    height: 500px;
}

#obchod #sekce-text ul {
    padding: 18px 18px 45px 18px;
    float: left;
    text-transform: uppercase;
}

#obchod #sekce-text li {
    float: left;
    list-style-type: none;
}

#obchod #sekce-text li.helmy {
    margin-left: 0px;
}

#obchod #sekce-text li.helmy a{
    color: #000000;
}

#obchod #sekce-text li.bryle {
    margin-left: 76px;
}

#obchod #sekce-text li.trika {
    margin-left: 93px;
}

#obchod #sekce-text p {
    padding: 0 0 27px 18px;
    color: #fefefe;
}

#obchod #sekce-text span {
    font-size: 18px;
    color: #fefefe;
    display: inline;
}

#obchod #sekce-text a.objednat {
    font-size: 18px;
    color: #fefefe;
}

#obchod #sekce-text a:hover.objednat {
    color: #000000;
}


/* ID: OBCHOD | OBCHOD-OBJEDNAT */

#obchod-objednat {
    float: right;
    padding: 100px 190px 0px 0px;
}

#obchod-objednat input,label {
    display: block;
}

#obchod-objednat input {
    border: 1px solid #cdcecf;
    padding: 2px;
    display: block;
    width:100px;
}

#obchod-objednat label {
    margin:20px 10px 0px 0px;
    display: inline;
}

#obchod-objednat input.submit {
	margin: 100px 0px 0px 200px;
    background: transparent;
    border: 0px solid;
    padding: 0 0 0 0;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    width: 100px;
}


/* ID: FOOT */

#foot {
    float: left;
    width: 990px;
    padding-top: 2px;
} 

#foot * {
    font-size: 11px;
    color: #7F7F7F;
}

#foot a:hover {
    color: #FFA722;
}

#foot p {
    text-align: right;
    padding-right: 19px;
}

#foot span.foot-left {
    float: left;
    padding-top: 3px;
    padding-left: 19px;
}

#foot img {
    position: relative;
    top: 4px;
}

#foot span.foot-jtstudio {
    display: block;
    height: 14px;
    width: 100px;
    float: right;
    text-align: left;
    margin-right: 17px;
}

#foot span.foot-jtstudio .text {
    float: left;
    padding: 0;
    margin: 0;
}

#foot span.foot-jtstudio a {
    background: url('logo-jtstudio-gray.gif') no-repeat left top;
    display: block;
    height: 14px;
    width: 45px;
    float: right;
    text-align: right;
}

#foot span.foot-jtstudio a:hover {
    background: url('logo-jtstudio-color.gif') no-repeat left top;
}


/* CLASSES: COMMON */

.text-big {
    font-size: 18px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.cleaner {
    clear: both;
    visibility: hidden;
}

.pager {
    float: left;
    width: 13px;
    padding-top: 30px;
}

.pager a,span {
    height: 7px;
    display: block;
}

.pager a.up {
    background: url('arr-up-white.gif') no-repeat left top;
}

.pager a.up:hover {
    background: url('arr-up-black.gif') no-repeat left top;
}

.pager a.down {
    background: url('arr-down-white.gif') no-repeat left top;
    margin-top: 388px;
}

.pager a.down:hover {
    background: url('arr-down-black.gif') no-repeat left top;
    margin-top: 388px;
}

a.left {
    background: url('arr-left-white.gif') no-repeat left top;
    height: 13px;
    width: 7px;
    display: block;
    float: left;
}

a.left:hover {
    background: url('arr-left-black.gif') no-repeat left top;
    height: 13px;
    width: 7px;
    display: block;
    float: left;
}

a.right {
    background: url('arr-right-white.gif') no-repeat left top;
    height: 13px;
    width: 7px;
    display: block;
    float: right;
}

a.right:hover {
    background: url('arr-right-black.gif') no-repeat left top;
    height: 13px;
    width: 7px;
    display: block;
    float: right;
}