body{ font-family: arial; margin: 0; font-size: 1em; background: #fff; background-attachment: fixed; background-image: url("../img/background.png"); background-repeat: repeat; }
#container{ width: 1100px; min-height: 600px; margin: 0 auto 40px auto; }
#content{ clear: both; width: 1060px; min-height: 500px; padding: 20px 20px 5px; background: #fff; border: 1px solid #CFCDCD; border-radius: 5px; }

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

#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#program, #telefon{ color: #fff; height: 45px; width: 180px; float: right; border-left: 1px solid #D40024; line-height: 45px; font-size: 0.8em; font-weight: bold; background-color: #000; opacity: 0.65; }
#telefon span, #program span{ width: 30px; height: 40px; display: inline-block; float: left; margin: 5px 10px 0; }
#telefon span{ background: url('../img/hdracing.png') no-repeat -235px -10px; }
#program span{ background: url('../img/hdracing.png') no-repeat -240px -50px; }

#logo{ background: url('../img/hdracing.png') no-repeat -320px -108px; width: 300px; height: 120px; display: inline-block; float: left; margin-left: 10px; }

#search{ float: left; width: 430px; padding: 40px 0 0 50px;}
#search input[type="text"]{ width: 300px; border-radius: 10px; border: 3px solid #D40024; padding: 5px; height: 20px; }
#search input[type="submit"]{ width: 50px; height: 50px; background: url('../img/hdracing.png') no-repeat -265px -10px; border: 0; cursor: pointer; } 

#basket{ float: left; width: 240px; height: 80px; background: url("../img/hdracing.png") no-repeat -590px -15px; padding: 5px; font-size: 14px; margin: 20px 0 20px 15px; }
#basket .basket-link{ width: 55px; height: 60px; background: url("../img/hdracing.png") no-repeat -320px -10px; display: block; position: relative; top: -50px; left: 13px; float: right; }
#basket a { text-decoration: none; color: #000; }

#head-menu{ width: 100%; padding: 20px 0 0; clear: both; }
#head-menu li{ list-style: none; float: left; width: 127px; text-align: center; border: 1px solid #CFCDCD; font-size: 13px; font-weight: bold; padding: 0; cursor: pointer; }
#head-menu li:not(.menu-akce){ margin-right: 3px; }
#head-menu li:hover{ background-color: #D40024; }
#head-menu li span{ display: block; height: 60px; float: right; margin: -20px 0 0; }
#head-menu li span.menu-psi{ background: url("../img/hdracing.png") no-repeat -840px -115px; width: 70px; }
#head-menu li span.menu-kocky{ background: url("../img/hdracing.png") no-repeat -920px -115px; width: 60px; }
#head-menu li span.menu-ptaci{ background: url("../img/hdracing.png") no-repeat -920px -175px; width: 70px; }
#head-menu li span.menu-hlodavci{ background: url("../img/hdracing.png") no-repeat -775px -175px; width: 60px; }
#head-menu li span.menu-spojky{ background: url("../img/hdracing.png") no-repeat -685px -175px; width: 60px; }
#head-menu li span.menu-akce{ background: url("../img/hdracing.png") no-repeat 0px -10px; width: 50px; }       
#head-menu li a{ padding: 25px 0px 0; display: block; height: 40px; color: #000; text-decoration: none; text-transform: uppercase; }          
#head-menu li.menu-kone a{ background-color: #D8D9DA; padding: 17px 0 0; height: 48px; }       
#head-menu li.menu-kone a:hover{ background-color: #D40024; }       
    
#infobox, #infobox2 { width: 1035px; background-color: #D8D9DA; padding: 10px; clear: both; font-size: 12px; border: 1px solid #CFCDCD; margin: 20px 0 0; } 
#infobox2 { width: 740px; clear: none; float: left; margin-left: 30px;}
#infobox .info-kocka{ display: block; float: right; background: url("../img/hdracing.png") no-repeat -5px -498px; width: 400px; height: 260px; margin-top: 10px; margin-left: 10px; } 
#infobox .info-pes{ display: block; float: right; background: url("../img/hdracing.png") no-repeat -530px -530px; width: 300px; height: 163px; margin-left: -100px; margin-right: -14px; margin-bottom: -50px; margin-top: -14px; } 
#infobox h2, #infobox2 h2{ color: #605F60; font-size: 16px; } 
#infobox p, #infobox2 p{ text-align: justify; }   
#infobox td td { padding: 0; margin: 0px; float: left; }   
#infobox input[type="text"]{ width: 300px; border-radius: 10px 0 0 10px; border: 0; padding: 5px; height: 40px; }
#infobox input[type="submit"]{ width: 175px; height: 50px; background: url('../img/hdracing.png') no-repeat -130px -155px; border: 0; cursor: pointer; color: #fff; font-weight: bold; text-align: right; font-size: 12px; }
#infobox input[type="submit"]:hover{ background: url('../img/hdracing.png') no-repeat -130px -95px; } 

.cleaner, .clear, .clean { clear: both; }

#footer { width: 100%; font-size: 9px; margin-top: 20px; }
#footer table, #linkfooter table { width: 100%; }   
 
#linkfooter { width: 100%; font-size: 12px; line-height: 1.8em; margin-top: 20px; height: 140px; }
#linkfooter table td { width: 160px; vertical-align: top; }
#linkfooter strong { font-size: 14px; color: #605F60; }
#linkfooter a { color: #000; text-decoration: none; }

span.img-apishop{ background: url("../img/hdracing.png") no-repeat 0px -155px; width: 65px; height: 10px; display: inline-block; }    
span.img-facebook{ background: url("../img/hdracing.png") no-repeat 0px -95px; width: 126px; height: 48px; display: inline-block; }   
span.img-twitter{ background: url("../img/hdracing.png") no-repeat 0px -172px; width: 126px; height: 48px; display: inline-block; }   
span.img-youtube{ background: url("../img/hdracing.png") no-repeat -665px -118px; width: 126px; height: 48px; display: inline-block; }   

#zalozkovac { width: 1052px; margin: 0 auto; color: #676F85; margin-top: 20px; border-width: 0 0 1px 1px; border-color: #CFCDCD; border-style: solid; }  
#zalozkovac input[type="radio"] { display: none; }
#zalozkovac label { width: 265px; background: #FFF; color: #000; cursor: pointer; display: table-cell; font-size: 1em; height: 2.5em; line-height: 2.5em; margin: 0; padding: 0; text-align: center; border-bottom: 1px solid #CFCDCD; border-right: 1px solid #CFCDCD; border-top: 1px solid #CFCDCD; }
#zalozkovac input:hover + label { background: #D8D9DA; }
#zalozkovac input:checked + label { background: #D8D9DA; position: relative; z-index: 6; border-bottom: 0; }
#zalozkovac #zalozka { position: relative; width: 100%; z-index: 5; font-size: 14px; }
#zalozkovac #zalozka div.content { width: 1041px; display: none; padding: 15px 5px; position: relative; z-index: -100; background: #D8D9DA; float: left; }
#zalozkovac input#zalozka-1:checked ~ #zalozka #content-1, 
#zalozkovac input#zalozka-2:checked ~ #zalozka #content-2, 
#zalozkovac input#zalozka-3:checked ~ #zalozka #content-3, 
#zalozkovac input#zalozka-4:checked ~ #zalozka #content-4 { display: block; z-index: 100; border-right: 1px solid #CFCDCD; border-top: 1px solid #CFCDCD; margin-top: -1px; }  
#zalozkovac label#lab-tab-1 span{ background: url("../img/hdracing.png") no-repeat -50px -55px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 5px; } 
#zalozkovac label#lab-tab-2 span{ background: url("../img/hdracing.png") no-repeat -160px -15px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 10px; } 
#zalozkovac label#lab-tab-3 span{ background: url("../img/hdracing.png") no-repeat -120px -15px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 7px; } 
#zalozkovac label#lab-tab-4 span{ background: url("../img/hdracing.png") no-repeat -200px -15px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 3px; } 
#zalozkovac input:hover + label#lab-tab-1 span{ background: url("../img/hdracing.png") no-repeat -50px -15px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 5px; } 
#zalozkovac input:hover + label#lab-tab-2 span{ background: url("../img/hdracing.png") no-repeat -160px -55px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 10px; } 
#zalozkovac input:hover + label#lab-tab-3 span{ background: url("../img/hdracing.png") no-repeat -120px -55px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 7px; } 
#zalozkovac input:hover + label#lab-tab-4 span{ background: url("../img/hdracing.png") no-repeat -200px -55px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 3px; }
#zalozkovac input#zalozka-1:checked + label#lab-tab-1 span{ background: url("../img/hdracing.png") no-repeat -50px -15px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 5px; }
#zalozkovac input#zalozka-2:checked + label#lab-tab-2 span{ background: url("../img/hdracing.png") no-repeat -160px -55px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 10px; }
#zalozkovac input#zalozka-3:checked + label#lab-tab-3 span{ background: url("../img/hdracing.png") no-repeat -120px -55px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 7px; }
#zalozkovac input#zalozka-4:checked + label#lab-tab-4 span{ background: url("../img/hdracing.png") no-repeat -200px -55px; display: block; width: 35px; height: 35px; float: left; position: relative; left: 30px; top: 3px; }

table.zbozi-list{ width: 235px; float: left; margin: 0 10px; height: 230px; border: 0; }
table.zbozi-list .puvodni-cena{ font-size: 12px; text-decoration: line-through; color: #000; line-height: 8px; height: 15px; padding-left: 10px; padding-top: 5px; }
table.zbozi-list .cena{ font-size: 18px; color: #D50024; font-weight: bold; padding-left: 10px; }
table.zbozi-list .detail{ font-size: 13px; color: #D50024; font-weight: bold; padding-right: 10px; }
table.zbozi-list .obrazek{ text-align: center; background: #fff; vertical-align: center; height: 180px; }
table.zbozi-list .titulek{ text-align: center; background: #fff; vertical-align: top; height: 50px; padding: 10px 10px 5px 10px; }
table.zbozi-list .titulek a{ font-size: 14px; text-decoration: none; font-weight: bold; color: #000; }    
span.zbozi-detail{ background: url("../img/hdracing.png") no-repeat -220px -260px; width: 80px; height: 24px; display: inline-block; text-align: right; padding: 12px 5px 0 0; color: #fff; }
span.zbozi-detail:hover{ background: url("../img/hdracing.png") no-repeat -220px -310px; }

#uvodtabs { width: 1058px; margin: 0 auto; color: #676F85; margin-top: 20px; }
#uvodtabs #tabs-tab ul { margin: 0; padding: 0; }
#uvodtabs #tabs-tab ul li{ list-style: none; }
#uvodtabs #tabs-tab ul li a { width: 225px; background: #FCE9C8; color: #000; cursor: pointer; display: block; font-size: 12px; height: 60px; margin: 0 0 1px; padding: 19px 10px; text-align: center; border-bottom: 1px solid #C18748; }
#uvodtabs #tabs-tab ul li a:hover, #uvodtabs #tabs-tab ul li.cycle-pager-active a { background: #EFCA95; }
#tabs-tab { float: left; }     

#uvodtabs #tabs { position: relative; width: 790px; z-index: 5; font-size: 14px; float: right; }

#uvodtabs #tabs-tab ul li.pager-0 span.icon{ background: url("../img/hdracing.png") no-repeat -380px -15px; display: block; width: 60px; height: 60px; float: left; }
#uvodtabs #tabs-tab ul li.pager-1 span.icon{ background: url("../img/hdracing.png") no-repeat -450px -15px; display: block; width: 60px; height: 60px; float: left; }
#uvodtabs #tabs-tab ul li.pager-2 span.icon{ background: url("../img/hdracing.png") no-repeat -520px -15px; display: block; width: 60px; height: 60px; float: left; }
#uvodtabs #tabs-tab ul li span.text { position: relative; top: 13px; width: 160px; display: block; float: left; font-weight: bold; font-size: 14px; text-align: left; left: 15px; }

div.dalsikat{ width: 181px; float: left; margin-left: 10px; margin-top: 10px; height: auto; border: 1px solid #CFCDCD; }    
div.dalsikat:hover { box-shadow: 0 0 0 5px #D8D9DA; }
div.dalsikat h3{ width: 100%; background: #D8D9DA; text-align: center; padding: 5px 0 5px; margin: 0; height: 45px;} 
div.dalsikat h3 a{ font-size: 12px; } 
/* div.dalsikat h3:hover{ background: #D40024; } */
div.dalsikat:hover h3 { background: #D40024; }

div.dalsikat a{ color: #000; text-decoration: none; }
div.dalsikat a.odkaz_img { display: block; margin: 5px auto; text-align: center; vertical-align: middle; height: 100px; overflow: hidden;} 
div.dalsikat img{ max-width: 165px; max-height: 100px; }

#levybok{ float: left; width: 260px; margin-top: 30px; }
#levemenu{ float: left; width: 260px; border: 1px solid #D8D9DA; border-bottom: none; margin-bottom: 25px; }
#levemenu ul{ list-style: none; padding: 0; margin: 0; }
#levemenu ul li { border-bottom: 1px solid #B4B1B0; }
#levemenu ul li.level1 { background: #D8D9DA; font-weight: bold; font-size: 12px; }
#levemenu ul li.level2 { background: #EAE8E7; font-weight: bold; font-size: 12px; }  
#levemenu ul li.level3 { font-size: 11px; }  
#levemenu ul li.level4 { font-size: 11px; }  
#levemenu ul li.level5 { font-size: 11px; }  
#levemenu ul li.level1 a { border-left: 10px solid #B4B1B0; }
#levemenu ul li.level2 a { border-left: 10px solid #FFF; padding-left: 15px; }  
#levemenu ul li.level3 a { border-left: 10px solid #FFF;  padding-left: 25px; }  
#levemenu ul li.level4 a { border-left: 10px solid #FFF;  padding-left: 35px; }  
#levemenu ul li.level5 a { border-left: 10px solid #FFF;  padding-left: 45px; }  
#levemenu ul li a { color: #000; text-decoration: none; padding: 8px 15px; display: block; }
#levemenu ul li.level2 a, #levemenu ul li.level3 a, #levemenu ul li.level4 a{ text-transform: none !important; }   
#levemenu ul li a:hover{ border-left: 10px solid #D40024; }

                                 
#kategorietabs { width: 260px; float: left; }
#kategorietabs div { width: 240px; display:block; float: left; background: #D8D9DA; color: #000; cursor: pointer; font-size: 1em; height: 62px; padding: 18px 10px; text-align: left; border-bottom: 1px solid #605F60; border-top: 1px solid #fff; }
#kategorietabs div a { color: #000; }
#kategorietabs div:hover { background: #B4B1B0}
#kategorietabs div#lab-tab-1 span.obrazek{ background: url("../img/hdracing.png") no-repeat -380px -15px; display: block; width: 60px; height: 60px; float: left; }
#kategorietabs div#lab-tab-2 span.obrazek{ background: url("../img/hdracing.png") no-repeat -450px -15px; display: block; width: 60px; height: 60px; float: left; }
#kategorietabs div#lab-tab-3 span.obrazek{ background: url("../img/hdracing.png") no-repeat -520px -15px; display: block; width: 60px; height: 60px; float: left; } 
#kategorietabs div span.text { position: relative; top: 13px; width: 160px; display: block; float: left; font-weight: bold; font-size: 14px; text-align: left; left: 15px; }
#kategorieobsah, #zboziobsah { float: left; width: 780px; margin-top: 20px; margin-left: 20px; }

#kategorieobsah .nextcat_menu_vypis{ display: block; float: left; background: #D8D9DA; padding: 10px; margin: 10px 0 10px 8px; border: 1px solid #CFCDCD; font-weight: bold; font-size: 14px; }
#kategorieobsah .nextcat_menu_vypis:hover { background: #D40024; border: 1px solid #CFCDCD; text-decoration: none; }

.filtr{ width: 780px ;}
.filtr_seradit table{ padding: 5px; background: #D8D9DA; margin: 5px; font-size: 12px; }
.styled-select select { padding:0 3px; margin: 0; background: #fff; color:#000; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width: 223px; height: 20px; }
.styled-select label { position:relative; }
.styled-select label:after { content:'►'; font:12px arial; color:#000; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:7px; top:-3px; padding:0 0 2px; position:absolute; pointer-events:none; }
.styled-select label:before { content:''; right:3px; top:-4px; width:20px; height:20px; background: #9B9C9E; position:absolute; pointer-events:none; display:block; }
.styled-select{ width: 223px; height: 20px; overflow: hidden; border: 1px solid #ccc; }
.select-arrow{ background: #9B9C9E url("../img/hdracing.png") no-repeat -90px -266px; display: block; width: 18px; height: 20px; float: right; margin: -20px 0px 0px; }
.filtr_stranky { text-align: right; }
.filtr_stranky a, .filtr_stranky span.stranky_bold{ border: 1px solid #CFCDCD; border-radius: 3px; text-align: center; width: 20px; padding: 2px 0; display: inline-block; color: #000; text-decoration: none; font-size: 12px; }
.filtr_stranky span.stranky_bold{ background: #ccc; }
.stranky a.predchozi, .filtr_stranky a.dalsi{ display: none; }
.filtr_vyrobce{ text-align:center; border: 5px solid #fff; background: #D8D9DA; font-size: 12px; cursor: pointer; }
.filtr_vyrobce_celek { position: absolute; background: #D8D9DA; width: 200px; border-radius: 0 5px 5px 5px; padding: 5px; display: none; text-align: left; z-index: 999; }
                                                                                                          
span.maly-domecek{ background: url("../img/hdracing.png") no-repeat -30px -265px; width: 15px; height: 15px; display: inline-block; float: left; }
#aktualni-cesta { width: 753px; padding: 5px 0 0 300px; background: #EAE8E7; height: 20px; font-size: 12px; border-bottom: 1px solid #CFCDCD; } 
#aktualni-cesta a { color: #000; text-decoration: none; padding: 0 5px; }
                                                 
table.zbozi-vypis{ width: 240px; float: left; margin: 10px 10px; height: 230px; border: 1px solid #CFCDCD; }       
table.zbozi-vypis:hover { box-shadow: 0 0 0 5px #D8D9DA; background: #fff; }
table.zbozi-vypis .puvodni-cena{ font-size: 12px; text-decoration: line-through; color: #000; line-height: 8px; height: 15px; padding-left: 10px; padding-top: 5px; }
table.zbozi-vypis .cena{ font-size: 18px; color: #D50024; font-weight: bold; padding-left: 10px; }
table.zbozi-vypis .detail{ font-size: 13px; color: #D50024; font-weight: bold; padding-right: 10px; }
table.zbozi-vypis .obrazek{ text-align: center; background: #fff; vertical-align: center; height: 180px; }
table.zbozi-vypis .titulek{ text-align: center; background: #EAE8E7; vertical-align: top; height: 50px; padding: 10px 10px 5px 10px; }
table.zbozi-vypis:hover .titulek{ background: #D40024; }
table.zbozi-vypis .titulek a{ font-size: 14px; text-decoration: none; font-weight: bold; color: #000; height: 48px; display: block; } 
table.zbozi-vypis .ikony-zbozi{ position: absolute; width: 45px; margin-top: 40px; }   
span.zbozi-vypis-detail{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -220px -260px; width: 80px; height: 24px; display: inline-block; text-align: right; padding: 12px 5px 0 0; color: #fff; }
span.zbozi-vypis-detail:hover{ background: url("../img/hdracing.png") no-repeat -220px -310px; }
span.ikona-akce{ background: url("../img/hdracing.png") no-repeat -120px -265px; width: 45px; height: 45px; display: inline-block; margin-bottom: 10px; }
span.ikona-doprava{ background: url("../img/hdracing.png") no-repeat -170px -265px; width: 45px; height: 45px; display: inline-block; }
                        
#zboziimg .ikony-zbozi{ position: absolute; width: 45px; }   
span.ikona-doprava-text{ background: url("../img/hdracing.png") no-repeat -350px -265px; width: 45px; height: 75px; display: inline-block; }
span.ikona-lupa{ background: url("../img/hdracing.png") no-repeat -265px -10px; width: 50px; height: 50px; display: inline-block; margin-top: -50px; }
#zboziimg, #zboziinfo{ width: 100%; }
#zboziimg td.headimg img{ width: 370px; vertical-align: top; text-align: center; height: auto; border: none; }
#zboziimg td img{ width: 80px; vertical-align: top; text-align: center; height: auto; border: 1px solid #CFCDCD; margin-left: -3px; } 

#zboziinfo{ width: 390px; background: #EAE8E7; vertical-align: top; }
#zboziinfo table{ margin-top: 10px; width: 380px; }
#zboziinfo table td{ vertical-align: middle; padding: 8px 10px; font-size: 12px;}
#zboziinfo table td .zbozipartext{ background: #EFAA00; display: inline-block; border-radius: 10px 0 0 10px; width: 80px; text-align: center; padding: 13px 5px; font-weight: bold; }
#zboziinfo table td .zboziparsipka{ background: url("../img/hdracing.png") no-repeat -620px -265px; width: 25px; height: 43px; display: inline-block; float: right; position: absolute; margin-left: -18px; }
#zboziinfo table td select{ background: #fff; display: inline-block; width: 270px; text-align: left; padding: 12px 5px 12px; border: none; }

#zboziinfo table td #zbozicena{ color: #D50024; font-size: 26px; font-weight: bold; } 
#zboziinfo table td #zbozimnozstvi{ background: #FFF; border-radius: 10px 0 0 10px; border: none; padding: 13px 8px; text-align: center; width: 70px; float: right; }                                                             
#zboziinfo table td .plus{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -430px -265px; width: 35px; height: 20px; display: inline-block; }                                                      
#zboziinfo table td .minus{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -430px -316px; width: 35px; height: 20px; display: inline-block; }                                                 
#zboziinfo table .tabulkamnozstviinput{ padding: 0 0 0 10px; width: 70px; }                                              
#zboziinfo table .nopadding{ padding: 0; }                                                             
#zboziinfo table td .buybutton{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -470px -265px; width: 140px; height: 42px; display: inline-block; border: none; float: right; margin-right: 4px; }
#zboziinfo table td .buybutton:hover{ background: url("../img/hdracing.png") no-repeat -470px -315px; }
#zboziinfo table td #zboziskladem { font-size: 15px; font-weight: bold; text-transform: uppercase; }
#zboziobsah h2 { font-size: 24px; margin: 5px 0 15px; color: #000; }
#zboziobsah h3 { font-size: 15px; color: #D40024; }
#zbozipopishodnoceni { margin-top: 30px; width: 100%; border-spacing: 0; }  
#zbozipopishodnoceni .icon-popis{ background: url("../img/hdracing.png") no-repeat -320px -265px; width: 15px; height: 20px; display: inline-block; margin-right: 10px; position: relative; top: 4px; }
#zbozipopishodnoceni #zbozipopisnadpis { vertical-align: middle; border: 1px solid #CFCDCD; width: 150px; font-size: 14px; text-align: center; border-bottom: none; }
#zbozipopishodnoceni #zbozipopis { border: 1px solid #CFCDCD; font-size: 12px; text-align: justify; border-top: none; padding: 20px; }
#zbozipopishodnoceni #zbozihodnoceni { border-bottom: 1px solid #CFCDCD; }
                                              
/** Vyjížděcí box FB **/
#fbkbox{ position: fixed; top: 30%; width: 300px; border: 5px solid #315C99; border-left: 0; border-radius: 0 5px 5px 0; background: #FFF; min-height: 300px; z-index: 1000; }
#fbktab{ width: 48px; height: 155px; background: url('../img/fb2-left.png') no-repeat; float: right; position: relative; right: -53px; z-index: 1000; top: 20px; }
#fbkframe{ overflow: hidden; position: absolute; width: 300px; height: 300px; }  

#backgroundPopup{ z-index:300; position: fixed; display:none; height:100%; width:100%; background:#000000; top:0px; left:0px; opacity: 0.7; }
#toPopup{ background: #FFFFFF; border: 1px solid #ccc; color: #000; display: none; font-size: 14px; left: 50%; margin-left: -250px; position: fixed; top: 20%; width: 500px; z-index: 400; padding: 10px 15px 20px 15px; }
#toPopup #PopupNadpis{ color: #000; font-size: 17px; font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 10px; }
#toPopup #PopupZprava{ font-size: 12px; text-align: center; margin-top: 10px; }
#toPopup #PopupLine{ background: #959595; height: 1px; margin: 20px 0; width: 100%; }
#toPopup #PopupInfo, #toPopup #PopupInfo3{ font-size: 20px; text-align: center; color: #D50024; }
#toPopup #PopupInfo2{ font-size: 12px; text-align: right; color: #333333; margin: 5px 0 20px; }
#toPopup #PopupLoadBar{ border: 1px solid #959595; height:15px; margin: 15px 0 0; width: 100%; padding: 1px; }
#toPopup #PopupLoadBar .green{ background: #959595; display: inline-block; height: 100%; }
#toPopup #PopupLoadBar .red{ background: #959595; display: inline-block; height: 100%; }
#toPopup .signupbutton{ height: 40px; background: #D8D9DA; padding: 4px 10px; text-decoration:none; font-size: 14px; font-weight: bold; color: #000; border: 0; cursor: pointer; border-radius: 5px; }
#toPopup .signupbutton.right{ float: right; }

.error-div, .error { color: #FFF; border: 1px solid #D50024; padding-bottom: 10px; background: #D50024; padding-top: 10px; padding-left: 15px; text-align: left; width: 1035px; margin-top: 10px; font-size: 16px; display: none; } 
.error { display: block; } 

h2, h2 a{ color: #D40024; font-size: 16px; } 
h3, h3 a{ color: #000000; font-size: 16px; } 
#kosiktimeline{ width: 100%; height: 55px; }
#kosiktimeline div{ width: 225px; height: 37px; float: left; position: relative; padding: 18px 0 0 50px; text-align: left; font-weight: bold; font-size: 18px; }
#kosiktimeline .active{ background: url("../img/hdracing.png") no-repeat -500px -445px; color: #000; }     
#kosiktimeline .unactive{ background: url("../img/hdracing.png") no-repeat -500px -385px; color: #6E6D6E; }
#kosiktimeline #kosiktimeline1 { z-index: 4; margin-left: 0; }
#kosiktimeline #kosiktimeline2 { z-index: 3; margin-left: -20px; }
#kosiktimeline #kosiktimeline3 { z-index: 2; margin-left: -20px; padding-left: 75px; width: 200px;  }
#kosiktimeline #kosiktimeline4 { z-index: 1; margin-left: -20px; background-image: none; background-color: #D8D9DA; width: 200px; padding-left: 85px; }
#kosiktimeline #kosiktimeline4.active { background-color: #EFAA00; }

#kosik{ width: 1050px; border-spacing: 0; margin-top: 15px; border-collapse: collapse; }
#kosik th{ background: #ECEDED; font-weight: normal; font-size: 12px; line-height: 20px; }                                                    
span.kosik-smazat{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -49px -385px; width: 26px; height: 25px; display: block; margin: 0 auto; }    
span.kosik-smazat:hover { background: url("../img/hdracing.png") no-repeat -49px -445px; } 
#kosik tr.produkt > td{ height: 90px; }    
td.borderleft{ border-left: 1px solid #CFCDCD !important; }    
td.borderright{ border-right: 1px solid #CFCDCD !important; }    
td.bordertop{ border-top: 1px solid #CFCDCD !important; }    
td.borderbottom{ border-bottom: 1px solid #CFCDCD !important; }    

#kosik table{ border: 1px solid #999; border-radius: 8px; }     
#kosik table td{ border: none !important; }                        
#kosik .mnozstvi{ background: #FFF; border: none; padding: 13px 8px; text-align: center; width: 35px; border-radius: 8px 0 0 8px; }                                                             
#kosik .plus{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -80px -385px; width: 30px; height: 20px; display: inline-block; }                                                      
#kosik .minus{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -80px -445px; width: 30px; height: 20px; display: inline-block; }                                                     
#kosik .ico-doprava{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -120px -385px; width: 75px; height: 75px; display: inline-block; }                              
.kosik-zpet{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -200px -385px; width: 100px; height: 35px; display: inline-block; border: 0; font-size: 14px; font-weight: bold; padding: 0 0 1px 28px; }
.kosik-zpet:hover{ background: url("../img/hdracing.png") no-repeat -200px -445px; }
.kosik-pokracovat{ cursor: pointer; background: url("../img/hdracing.png") no-repeat -310px -385px; width: 173px; height: 45px; display: inline-block; border: 0; font-size: 16px; font-weight: bold; padding: 0 0 3px 28px; margin-right: 10px; }
.kosik-pokracovat:hover{ background: url("../img/hdracing.png") no-repeat -310px -445px; }
#kosik .celkovacena, .celkovacena { font-size: 20px; color: #D50024; font-weight: bold; }
#kosik tbody td {border-bottom: 1px solid #CFCDCD; border-top: 1px solid #CFCDCD; }
#kosik td.cena, #kosik td.cena-red { font-size: 16px; text-align: right; padding-right: 15px; }
#kosik td.cena-red { color: #D50024; }
#kosik td.dostupnost{ text-transform: uppercase; font-size: 14px; font-weight: bold; text-align: center; }
td.kosiknazev {font-size: 14px; font-weight: bold;}
td.kosiknazev a{ color: #000; text-decoration: none; }
.tisic { padding: 2px; }

#platby, #doruceni{ width: 510px; float: left; border: 1px solid #CFCDCD; height: auto; margin-top: 20px; }
#fakturacni, #dodaci, #bezregistrace, #login, #registrace { width: 510px; float: left; border: 1px solid #CFCDCD; position: relative; top: -35px; margin-top: 20px; }
#signup { width: 1055px; float: left; border: 1px solid #CFCDCD; }
#platby table, #doruceni table, #signup table { border-collapse: collapse !important; width: 100%; }
#fakturacni, #dodaci, #bezregistrace, #login, #registrace { border-collapse: collapse !important; }
#platby table td, #doruceni table td, #fakturacni td, #dodaci td, #bezregistrace td, #signup td, #registrace td, #login td { font-size: 12px; font-weight: bold; }
#platby table td.nobold, #doruceni table td.nobold, #fakturacni td.nobold, #dodaci td.nobold, #bezregistrace td.nobold, #signup td.nobold, #registrace td.nobold, #login td.nobold { font-weight: normal; }
#platby h3, #doruceni h3, #fakturacni h3, #dodaci h3, #bezregistrace h3, #registrace h3, #login h3{ width: 470px; height: 20px; font-size: 14px; background: #ECEDED; margin: 0; padding: 20px 20px; }
#signup h3{ width: 306px; height: 20px; font-size: 14px; background: #ECEDED; margin: 0; padding: 20px 20px; }
#platby, #dodaci, #bezregistrace{ margin-left: 25px;}
#registrace{ float: right; margin-right: 10px; clear: right; }
#platby tr{ display: none; }
#platby .doprava, #platby input, #doruceni .doprava, #doruceni input{ cursor: pointer; }
#platby input[type="radio"], #doruceni input[type="radio"] { display: none; }
#platby input[type="radio"] + label.radio, #doruceni input[type="radio"] + label.radio{ background: url("../img/hdracing.png") no-repeat -4px -384px; width: 17px; height: 17px; display: inline-block; margin: 15px; }
#platby input[type="radio"]:checked  + label.radio, #doruceni input[type="radio"]:checked  + label.radio{ background: url("../img/hdracing.png") no-repeat -4px -444px; }
.poznamky { font-size: 11px; font-weight: normal; font-style: italic; position: relative; top: 0px; }
.poznamky a { font-size: 11px; font-weight: normal; color: #000; }
.poznamky a:hover { text-decoration: underline; }
#fakturacni td, #dodaci td, #bezregistrace td, #registrace td, #login td  { padding: 0 0 0 20px; }
span.icon-predem{ background: url("../img/hdracing.png") no-repeat -900px -445px; width: 70px; height: 15px; display: inline-block; }    
span.icon-hotove{ background: url("../img/hdracing.png") no-repeat -900px -395px; width: 70px; height: 25px; display: inline-block; }
span.icon-karta{ background: url("../img/hdracing.png") no-repeat -805px -355px; width: 75px; height: 25px; display: inline-block; }
.souhlas_news { font-size: 12px; font-weight: normal; position: relative; top: -2px; left: 5px }
.souhlas_registr { font-size: 11px; font-weight: bold; position: relative; top: -16px; left: 30px; float: left;width: 97%;}

#login input[type="text"], #fakturacni input[type="text"], #dodaci input[type="text"], #bezregistrace input[type="text"], #registrace input[type="text"], #signup input[type="text"], #login input[type="password"]{ border: 1px solid #999; color: #000; font-style: normal; height: 30px; margin-right: 5px; padding: 0px 30px 0px 5px; width: 275px; font-size: 14px; margin-top: 5px; margin-right: 20px; }   

#clanky { width: 1027px; padding: 15px; margin: 5px 0 10px; }
#clanky .clanek{ width: 230px; float: left; margin-right: 35px; }  
#clanky .clanek.last{ margin-right: 0; }      
#clanky .clanek img{ max-width: 230px; border: 0px solid #000; }
#clanky .clanek h2, #clanky .clanek h2 a{ font-size: 15px; }
#clanky .clanek p, #clanky .clanek p a{ font-size: 12px; text-decoration: none; }

hr {border-top: 1px solid #999; border-bottom: 0;}

#subvysledky { background: #FFF; font-size: 12px; padding: 5px; width: 287px; position: absolute; margin-left: 10px; margin-top: -13px; border-width: 0px 3px 3px; border-style: none solid solid; border-color: #D40024; z-index: 100; display: none; cursor: pointer; border-radius: 0 0 10px 10px; }
#subvysledky .vysledek_row{ padding: 3px 0; }

div.panelpagemini { width: 500px; margin:15px auto 0; border: 1px solid #CFCDCD; padding: 10px; font-size: 12px; }
div.panelpagemini input[type="text"], div.pagebig input[type="text"], div.panelpagemini input[type="password"]{ border: 1px solid #999; color: #000; font-style: italic; height: 30px; margin-right: 5px; padding: 0px 30px 0px 5px; width: 210px; font-size: 14px; margin-top: 5px; }


div.pagebig { width: 1037px; margin:15px auto 0; border: 1px solid #CFCDCD; padding: 10px; font-size: 12px; }

/* menu */
#vodorovne-menu ul{ margin-top: -15px; z-index: 10; padding: 0; }
#vodorovne-menu { width: 250px; margin-left: -9px; }
#vodorovne-menu li { width: 250px; float:left; list-style-type:none; }
#vodorovne-menu li a { display:inline-block; height:31px; width: 105px; line-height:24px; text-align:center; text-decoration:none; color:#000; }
#vodorovne-menu li ul { display:none; }
#vodorovne-menu li:hover ul { display: block; position: absolute; margin-left: 0px; margin-top: 0px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #fff; }
#vodorovne-menu li:hover ul li { display:block; float:none; height:25px; width: 250px; border-top-width: 1px; border-top-style: solid; border-top-color: #fff; opacity: 0.9; filter:alpha (opacity=90); }
#vodorovne-menu li:hover ul li a { background: #EFAA00; width: 250px; height:25px; }
#vodorovne-menu li:hover ul li a:hover { color:#000; background-color: #D8D9DA; }

#cookieValidation.fade.show{opacity:1;}
#cookieValidation.text-center{text-align:center !important;}
#cookieValidation.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
#cookieValidation.alert-dismissible{padding-right:4rem;}
#cookieValidation.alert{z-index:1000;position:relative;padding:.75rem 1.25rem;padding-right:1.25rem;margin-bottom:1rem;border:1px solid transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:.25rem;}
#cookieValidation.fade{transition:opacity .15s linear;opacity:0;}
#cookieValidation .btn:not(:disabled):not(.disabled){cursor:pointer;}
#cookieValidation  .btn-success{color:#fff;background-color:#28a745;border-color:#28a745;}
#cookieValidation  .btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#cookieValidation  button{text-transform:none;}
#cookieValidation  button{overflow:visible;}
#cookieValidationContent{max-width:1260px;width:100%;margin:0 auto;}

.alert-secondary{background: #ddd;}