/*

Author: Jakub Beránek

Studio: www.vindi.cz

*/

html, body {

background: #001953 url('../images/background.gif') repeat-y center 0;

height: 100%;

font-size: 0.9em; 

padding: 0; 

margin: 0;

color: #e7e7e7;

font-family: Arial, Tahoma, Verdana;

line-height: 1.3em;

}



* {margin: 0; padding: 0; border: none;}



img {border: none;}

a {outline: none; cursor: pointer; color: #ffc700; text-decoration: none;}

a:hover {color: #fff; text-decoration: underline;}



/* HEADLINE */

h1 {color: #fff; margin: 15px 0; font-size: 1.4em;}

h1.nadpis-vypis {float: left; color: #fff; margin: 0 0 10px -20px; font-size: 1.4; line-height: 35px; padding: 0 40px; background: url('../images/nadpis-vypis.png') no-repeat right 0;}



/* OTHERS */

.float_left {float: left;}

.float_right {float: right;}

.align_center {text-align: center;}

.align_right {text-align: right;}

.padding_left1 {padding-left: 4px;}

.orange {color: #ffc700;}

.smaller {font-size: 0.9em;}

.bigger {font-size: 1.1em;}

.clear {clear: both;}



/* PAGE KODING */

#wrap {

min-height: 100%; height:auto !important; height: 100%;/*IE*/ position: relative;

}

#box {position: relative; width: 980px; margin: 0px auto; padding: 134px 0 0 0;  overflow: hidden; background: url('../images/header.png') no-repeat 0 10px;}

#page {float: left; width: 976px; padding: 62px 4px 0 0; background: #395591 url('../images/under-page.png') repeat-y 0 0;}

#logo {position: absolute; left: 45px; top: 49px; height: 45px; width: 162px; display: block; z-index: 10;}

#logo span {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url('../images/logo.jpg') no-repeat 0 0;}



#index {float: left; width : 976px; background: url('../images/background_index.png') repeat-y 0 0;}

#index2 {float: left; width : 976px; background: url('../images/background_index2.png') repeat-y 0 0; _padding: 0 0 22px 0; %padding: 0 0 22px 0;}



/* MAIN */

.main {float: right; width: 710px; color: white; padding: 0 0 20px 20px;}

#news-action {float: left; width: 690px; background: url('../images/under-page.png') repeat-y -246px 0; padding: 20px; margin-left: -20px; _margin-left: -10px;}

#news-action #news {float: left; width: 332px; background: url('../images/news_center.png') repeat-y 0 0;}

#news-action #news .top {float: left; width: 332px; height: 46px; padding: 0; line-height: 46px; text-align: center; color: white; font-size: 1.2em; position: relative;}

#news-action #news .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/news_top2.png') no-repeat 0 0;}

#news-action #news .bottom {float: left; width: 312px; background: url('../images/news_bottom.png') no-repeat 0 bottom; padding: 0 10px 11px 10px; height: 110px;}

#news-action #action {float: left; width: 332px; background: url('../images/action_center.png') repeat-y 0 0; margin-left: 26px;}

#news-action #action .top {float: left; width: 332px; height: 46px; padding: 0; line-height: 46px; text-align: center; color: white; font-size: 1.2em; position: relative;}

#news-action #action .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/action_top2.png') no-repeat 0 0;}

#news-action #action .bottom {float: left; width: 312px; background: url('../images/action_bottom.png') no-repeat 0 bottom; padding: 0 10px 11px 10px; height: 110px;}

#aktuality {float: left; width: 730px; margin-left: -20px; _margin-left: -10px;}

#aktuality #sale {float: right; margin: 20px; _margin: 20px 10px; width: 216px; background: url('../images/sale_center.png') repeat-y; position: relative;}

#aktuality #sale .top {float: left; width: 216px; height: 45px; padding: 0; line-height: 45px; text-align: center; color: white; font-size: 1.2em; position: relative;}

#aktuality #sale .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/sale_top2.png') no-repeat 0 0;}

#aktuality #sale .bottom {float: left; width: 176px; height: 280px; background: url('../images/sale_bottom.png') no-repeat 0 bottom; padding: 0 20px 10px 20px; color: white; font-size: 0.9em;}

#aktuality #sale .bottom .odkaz {float: left;}



#slideshow { width: 190px; height: 240px;}

#slideshow div { width: 170px; height: 240px; text-align: center; font-size: 13px; }

#slideshow div.none { width: auto; height: auto; text-align: center; font-size: 13px; }

#slideshow div a{text-align:center;display:block}

#slideshow div img {margin: 0 auto }

#slideshow div { top: 0; left: 0; text-align:center }





#aktuality #sale .bottom {position: relative;}

#aktuality #sale .bottom .img {position: absolute; left: 0; bottom: 85px;}

#aktuality #sale .bottom p {margin: 0 0 5px 0;}

#aktuality #sale .bottom a.link {padding-right: 35px; background: url('../images/sale_arrow.jpg') no-repeat right 0; line-height: 32px; width: 144px; display: block;}

#aktuality #sale #gif {position: absolute; left: 0; top: 163px; z-index: 100;}

#aktuality .top {float: left; width: 158px; height: 34px; line-height: 34px; padding: 0; color: white; text-align: center; margin-bottom: 20px; position: relative;}

#aktuality .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/aktuality2.png') no-repeat 0 0;}

#aktuality .aktualita {float: left; border-top: 1px solid white; margin-left: 20px; _margin-left: 10px; width: 450px; padding: 10px 0 20px 0;}

#aktuality .aktualita h2 {color: white;}

#aktuality .aktualita .date {color: #ffc700; font-weight: bold; font-size: 0.8em;}

#aktuality .aktualita p {line-height: 1.3em; color: #9ca1b5;}



/* PRODUCT */

.vypis {float: left; width: 690px; padding: 20px 10px;}

.product, .product2, .product3 {float: left; width: 215px;}

*html .product {position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}

*html .product2 {position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}

*html .product3 {position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}

.product {background: url('../images/product_center.jpg') repeat-y 0 0; margin: 0 15px 15px 0;}

.product .top {float: left; width: 195px; height: 46px; background: url('../images/product_top.jpg') no-repeat 0 0; color: white; text-transform: uppercase; padding: 0 0 0 20px; font-size: 0.9em;}

.product .bottom {float: left; width: 195px; height: 92px; background: url('../images/product_bottom.jpg') no-repeat 0 bottom; color: white; padding: 10px; position: relative; font-size: 1.1em;}

.product2 {background: url('../images/product2_center.jpg') repeat-y 0 0; margin: 0 15px 15px 0;}

.product2 .top {float: left; width: 195px; height: 46px; background: url('../images/product2_top.jpg') no-repeat 0 0; color: white; text-transform: uppercase; padding: 0 0 0 20px; font-size: 0.9em;}

.product2 .bottom {float: left; width: 195px; height: 92px; background: url('../images/product2_bottom.jpg') no-repeat 0 bottom; color: white; padding: 10px; position: relative; font-size: 1.1em;}

.product3 {background: url('../images/product3_center.jpg') repeat-y 0 0; margin: 0 0 15px 0;}

.product3 .top {float: left; width: 195px; height: 46px; background: url('../images/product3_top.jpg') no-repeat 0 0; color: white; text-transform: uppercase; padding: 0 0 0 20px; font-size: 0.9em;}

.product3 .bottom {float: left; width: 195px; height: 92px; background: url('../images/product3_bottom.jpg') no-repeat 0 bottom; color: white; padding: 10px; position: relative; font-size: 1.1em;}

.bottom .info {float: right; /*height: 92px;*/ width: 92px; font-size: 0.8em; line-height: 1.2em;}

.foto {float: left; height: 92px; width: 90px;}

.foto img {max-height: 90px; max-width: 90px; _height: expression(this.scrollHeight > 88? "88px" : "auto" ); _width: expression(document.body.clientWidth > 90 ? "90px" : "100%" );

}

.cena {position: absolute; bottom: 5px; right: 10px; color: #ffc700; font-weight: bold; font-size: 1.2em;}

.ceny {font-size: 0.8em; text-align: right; padding-top: 16px;}

.aukcep .bottom {height: 142px;}

/* ZBOZI */

.detail {padding: 0 0 0 0; color: white;}

.levy {float: left; width: 350px; padding: 30px 0; text-align: center; background: white; border: 1px solid #FFC700; margin-bottom: 20px;}

.pravy {float: left; width: 330px; padding: 0 0 0 20px;}

.pravy h1 {margin: 0 0 20px 0;}

.zbozi {border-collapse: collapse; width: 330px;}

.zbozi td {border-bottom: 1px solid white; padding: 3px 20px;}

.zbozi .tr_koupit td {background: #7c9dc2; padding: 7px 20px;}



.link-doc {display: block; padding-left: 20px; background: url('../images/link-doc.png') no-repeat 0 0; line-height: 16px;}

.link-pdf {display: block; padding-left: 20px; background: url('../images/link-pdf.png') no-repeat 0 0; line-height: 16px;}



.parametry {border-collapse: collapse;}

.parametry th {padding: 5px; background: #223756; text-align: left;}

.parametry td {padding: 5px; border-bottom: 1px solid white;}



/* KOSIK */

.kosik-tabulka {width: 700px;}

.kosik-tabulka td {padding: 3px 5px;}

.kosik-tabulka thead td {background: #7c9dc2; padding: 3px 5px;font-weight: bold;}

.adresa-nadpis {padding: 5px 0; border-bottom: 1px solid white; margin-bottom: 5px;}

.adresa td {padding: 0 0 5px 0;}

.adresa input, .adresa select, textarea.pozamka {padding: 2px; border: 1px solid #ffc700; margin-left: 5px;}

.adresa input.volba {border: 0px;}



/* INDEX2 */

.partners_links {float: left; width: 200px; margin: 22px 23px 22px 22px; _margin: 22px 23px 0 11px;}

.partners {float: left; width: 200px; background: url('../images/partners_center.png') repeat-y 0 0;}

.partners .top {float: left; width: 200px; height: 39px; line-height: 39px; text-align: center; color: white; position: relative;}

.partners .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/partners_top2.png') repeat-y 0 0;}

.partners .bottom {float: left; width: 180px; background: url('../images/partners_bottom.png') no-repeat 0 bottom; padding: 10px;}

.video {float: left; width: 465px; margin: 0;}

.video .top {float: left; width: 159px; height: 34px; line-height: 34px; text-align: center; color: white; margin: 0 0 20px 0; position: relative;}

.video .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/video2.png') no-repeat 0 0;}

.archiv_videi {position: relative; width: 465px; height: 175px;}

.archiv_videi span {position: absolute; left: 0; top: 0; width: 465px; height: 175px; background: url('../images/archiv-videi.jpg') no-repeat 0 0;}

.next-videos {float: left; width: 216px; background: url('../images/next-videos_center.png') repeat-y 0 0; margin: 20px 0 20px 24px; color: white;}

.next-videos .top {float: left; width: 216px; height: 45px; padding: 0; text-align: center; line-height: 45px; position: relative;}

.next-videos .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/next-videos_top2.png') no-repeat 0 0;}

.next-videos .bottom {float: left; width: 196px; background: url('../images/next-videos_bottom.png') no-repeat 0 bottom; padding: 10px; text-align: center;}



/* LEFT */

.left {float: left; width: 246px;}

.left .top {float: left; width: 224px; height: 46px; line-height: 46px; background: #00357a url('../images/left_top.png') no-repeat right 0; color: white; font-size: 0.85em; padding: 0 0 0 22px; margin-bottom: 20px;}

.left #login {padding: 0 20px;}

.left #login label {display: block; padding: 5px 0;}

.left #login input {width: 191px; height: 18px; background: white url('../images/login_text.jpg') no-repeat 0 0; padding: 5px;}

.left #login input.sub {width: auto; height: auto; background: yellow; margin: 10px 0 5px 165px; padding: 0;}

.left p {padding: 0 20px;}

.left p.reg {padding: 5px 20px;}

.reg a {color: #9ca1b5; background: url('../images/reg.jpg') no-repeat 0 center; padding-left: 15px; margin-left: 5px;}

.left .reg_in {float: left; width: 202px; padding: 0 22px;}

.left .reg_in h3 {font-size: 1.3em; padding: 0 0 5px 0;}

.left #prodejna {float: left; width: 202px; background: url('../images/prodejna-center.png') repeat-y 0 0; margin: 10px 0 20px 22px; _margin: 10px 0 20px 11px; color: white;}

.left #prodejna .top {float: left; width: 202px; height: 47px; line-height: 47px; text-align: center; padding: 0; background-image: none; font-size: 1em; margin-bottom: 5px; position: relative;}

.left #prodejna .top span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/prodejna2.png') no-repeat 0 0;}

.left #prodejna .bottom {float: left; width: 202px; background: url('../images/prodejna-bottom.png') no-repeat 0 bottom; padding: 0 0 10px 0;}

.left #prodejna .bottom p {padding: 0 15px; font-size: 0.85em;}

.left #prodejna .bottom hr {background: white; line-height: 1px; height: 1px; margin: 10px 15px;}

.left #prodejna .bottom table {margin: 0 15px;}

.left #prodejna .bottom table td {vertical-align: top;}

.left #prodejna .bottom .odkaz {padding-left: 20px; background: url('../images/left_odkaz.jpg') no-repeat 0 center;}



#footer {float: left; width: 980px; height: 45px; background: url('../images/footer.png') no-repeat 0 0; margin-bottom: 10px; color: white; font-size: 0.85em; padding-top: 15px;}

#footer table {width: 980px; height: 25px;}

#footer table .footer_td1 {width: 224px; border-right: 1px solid white; text-align: center;}

#footer table .footer_td2 {width: 465px; border-right: 1px solid white; padding: 0 20px;}

#footer table .footer_td2 span {float: right;}

#footer table .footer_td3 {text-align: center;}



#header {position: absolute; left: 0; top: 50px; width: 980px; height: 84px; background: url('../images/under-header.png') repeat-y 0 0;}

#search {position: absolute; right: 20px; top: 48px; padding-right: 264px; font-weight: bold; color: white; line-height: 21px;}

#search .search_text {position: absolute; right: 23px; top: 0; width: 227px; height: 15px; background: white url('../images/search_text.jpg') no-repeat 0 0; padding: 3px;}

#search .search_submit {position: absolute; right: 0; top: 0;}

#cart {position: absolute; width: 223px; height: 69px; top: 10px; right: 43px; background: #7e9fc3 url('../images/cart.png') no-repeat 0 0; padding: 0 5px; color: white;}

#cart table {width: 223px; font-size: 0.9em; line-height: 1.2em;}

#cart a {color: #ffc700; text-decoration: none;}

#cart a:hover {text-decoration: underline;}

#bici {position: absolute; left: 294px; top: 17px; width: 277px; height: 49px; background: url('../images/bici2.jpg') no-repeat 0 0;}



/* MENU */

#menu {position: absolute; width: 976px; height: 62px; top: 134px; left: 0; list-style: none; background: #00395e;}

#menu li {float: left; height: 31px; text-align: center;}

#menu li.first {height: 62px; background: none; padding: 0;}

#menu li a {float: left; width: 139px; line-height: 31px; background: #0d3e5d url('../images/menu_all.jpg') no-repeat 0 0; text-align: center; display: block; text-transform: uppercase; color: white; text-decoration: none; font-size: 0.8em; position: relative;}

#menu li a:hover, #menu li a.aktivni {background: #f5d644 url('../images/menu.jpg') no-repeat 0 0; background-position: 0 -31px;}

#menu li a span {position: absolute; left: 0; top: 0; width: 139px; height: 31px; background: url('../images/menu_all.jpg') no-repeat 0 0;}

#menu li a.m1 span {background-position: 0 0;}

#menu li a.m1:hover span {background-position: 0 -31px;}

#menu li a.m2 span {background-position: -139px 0;}

#menu li a.m2:hover span {background-position: -139px -31px;}

#menu li a.m3 span {background-position: -278px 0;}

#menu li a.m3:hover span {background-position: -278px -31px;}

#menu li a.m4 span {background-position: -417px 0;}

#menu li a.m4:hover span {background-position: -417px -31px;}

#menu li a.m5 span {background-position: -556px 0;}

#menu li a.m5:hover span {background-position: -556px -31px;}

#menu li a.m6 span {background-position: -695px 0;}

#menu li a.m6:hover span {background-position: -695px -31px;}

#menu li a.m7 span {background-position: 0 -62px;}

#menu li a.m7:hover span {background-position: 0 -93px;}

#menu li a.m8 span {background-position: -139px -62px;}

#menu li a.m8:hover span {background-position: -139px -93px;}

#menu li a.m9 span {background-position: -278px -62px;}

#menu li a.m9:hover span {background-position: -278px -93px;}

#menu li a.m10 span {background-position: -417px -62px;}

#menu li a.m10:hover span {background-position: -417px -93px;}

#menu li a.m11 span {background-position: -556px -62px;}

#menu li a.m11:hover span {background-position: -556px -93px;}

#menu li a.m12 span {background-position: -695px -62px;}

#menu li a.m12:hover span {background-position: -695px -93px;}

#menu li.first a {width: 142px; height: 62px; line-height: 62px; position: relative}

#menu li.first a span {position: absolute; left: 0; top: 0; background: url('../images/menu_first.jpg') no-repeat 0 0; width: 142px; height: 62px;}

#menu li.first a:hover span {background-position: 0 -62px;}



/* .MENU */

div.menu_left{padding-bottom: 20px;}

.menu {float: left; list-style: none; margin: 0 0 0px 20px; _margin: 0 0 0px 10px;}

.menu li {float: left; background: url('../images/menu_li.gif') repeat-x 0 bottom; display: none;}

.menu li.aktivnili {display: block;}

.menu li a {float: left; width: 205px; line-height: 30px; background: url('../images/menu_a.jpg') no-repeat 0 center; padding: 0 0 0 20px; display: block; color: white;}

.menu li ul {margin: 0 0 5px 20px; _margin: 0 0 5px 10px;}

.menu li ul li {background: none; display: block;}

.menu li ul li a {float: left; width: 160px; line-height: 30px; background: none; padding: 0; display: block; color: white;}

.menu li ul li ul {margin: 0 0 5px 15px;}

.menu li ul li ul li {background: none; display: block;}



.obr-menu {float: left; list-style: none; margin: 0 0 10px 20px; _margin: 0 0 10px 10px;}

.obr-menu li {float: left; background: url('../images/menu_li.gif') repeat-x 0 bottom; padding: 0 0 1px 0;}

.obr-menu li.obch-podm a {float: left; width: 225px; line-height: 30px; padding: 0; display: block; color: white; position: relative;}

.obr-menu li.obch-podm a span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/obch-podminky.jpg') no-repeat 0 center;}

.obr-menu li.jak-nakupovat a {float: left; width: 225px; line-height: 30px; padding: 0; display: block; color: white; position: relative;}

.obr-menu li.jak-nakupovat a span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/jak-nakupovat.jpg') no-repeat 0 center; display: block;}



/* REGISTRACE */

.udaje {background: #7C9DC2; padding: 20px; width: 650px; border: 1px solid #ffc700;}

.inreg {margin: 0 0 20px 0;}

.registrace_tlacitko {margin: 20px 0 0 0; padding: 3px 20px; font-weight: bold;}



/* STRANKA */

.textarea {color: white; font-size: 1em;}

.textarea h2 {font-size: 1.1em; padding: 10px 0; color: #FFC700;}



.dalsi_video {z-index: 3; display: block; cursor: pointer;}

.flash {display: none;}



/* VYROBCE */

.vyrobce {float: left; width: 690px;}

.vyrobce .obrazek {float: left; width: 200px; margin: 12px;}

.vyrobce .popis {float: left; padding: 12px;}



#dodani input {margin: 5px;}

#adresa td{padding: 6px;}

.sou input {margin: 6px;}



label.error {

	color: #9F0000;

	display: none;

	margin-left: 3px;

	font-size: 0.8em;

	font-weight: bold;

}

#warning {display: none; color: #9F0000; padding: 6px; margin-bottom: 6px;}

.povinne {

	color: #9F0000;

}



.registracebc label.error {

	color: #9F0000;

	font-size: 1em;

	font-weight: normal;

	margin-left: 5px;

}



.aukce{

	float: right; margin-right: 20px;

}

.js_aukce_zprava{color: #FF6F6F; margin-bottom: 6px;}





.js_LoginWindow {

    top: 30%;

    margin-left: -150px;

    width: 300px;

}



.js_LoginForm {

	text-align: center;

}

.js_LoginForm .popis {

	float: none;

}

.js_LoginForm .input {

	width: 150px;

}



#sAkce { width: 310px; height: 110px;}

#sAkce div { width: 310px; height: 110px; font-size: bold; /*color: #; text-align: left; font-size: 13px; */}

#sAkce div img { border: 0px; }

#sAkce div p{ margin: 0 5px 2px 5px; font-weight: bold;}

#sAkce div { top: 0; left: 0; text-align: left; }



#sNovinky { width: 310px; height: 110px;}

#sNovinky div { width: 310px; height: 110px; font-size: bold; /*color: #; text-align: left; font-size: 13px; */}

#sNovinky div img { border: 0px; }

#sNovinky div p{ margin: 0 5px 2px 5px; font-weight: bold;}

#sNovinky div { top: 0; left: 0; text-align: left; }



.pocitadlo img {float: right; margin-right: 80px; margin-top: 12px;}

.vypis_videa .bottom {text-align: center; height: 150px;}

.vypis_videa .bottom img {margin-bottom: 12px;}

.archiv_videi {font-size: 1.5em;}