/* globální styly */

body {
margin: 0;
background-color: white;
font-family: "trebuchet ms", trebuchet, verdana, tahoma, sans-serif;
}

.konec_obtekani {
clear: both;
}

.zarovnani_napravo {
text-align: right;
}

.zarovnani_na_stred {
text-align: center;
}

.zarovnani_nalevo {
text-align: left;
}

.obtekani_zleva {
float: right;
}

.obtekani_zprava {
float: left;
margin-right: 1em;
}

div.prazdny_radek {
height: 1em;
}

.zakulaceny {
-moz-border-radius: 7px !important;
}

/* Styly základního layoutu a styly prvků v tomto layoutu obsažených */

#kontejner {
width: 1000px;
margin: 10px auto 10px auto;
}

#zahlavi {
width: 1000px;
height: 170px;
background: #241a10 url(pages/eshop-banner.png) no-repeat;
}

#zahlavi #nadpisy {
padding-top: 35px;
padding-left: 40px;
}

#zahlavi #nadpisy h1 {
color: black;
margin: 0 0 .2em 0;
font-weight: normal;
}

#zahlavi #nadpisy h2 {
color: black;
margin: 0;
font-size: 1.2em;
font-weight: normal;
font-style: italic;
}

#vlastni_banner {
width: 1000px;
margin: 10px 0 10px 0;
}

#menu {
width: 1000px;
height: 50px;
background-color: #efefef; /* barva pozadí celého hlavního menu */
margin: 10px 0 10px 0;
font-size: 14px;
}

#menu ul {
margin: 0 10px 0 10px;
padding: 0;
}

#menu li {
display: inline;
}

#menu li a {
display: block;
float: left;
font-weight: bold;
color: black; /* barva textu normálního odkazu */
background-color: inherit; /* barva pozadí se dědí z rodičovského divu - viz řádek 77 */
text-decoration: none;
letter-spacing: 1px;
position: relative;
padding: 16px 1em 16px 1em;
}

#menu li a:hover {
color: white; /* barva textu odkazu při najetí myší */
background-color: #FF8000; /* barva pozadí odkazu při najetí myší */
}

#menu li a:active {
color: white; /* barva textu odkazu během kliknutí na něj */
background-color: #dc361d; /* barva pozadí odkazu během kliknutí na něj */
}

#menu li a:visited {
color: black; /* barva textu odkazu, na který bylo dříve již kliknuto */
}

#menu li a.aktivni {
color: white !important; /* barva textu odkazu, který odkazuje na stránku, která je právě načtena */
cursor: default; /* změní kurzor z packy na šipku tak, aby to vypadalo, že se na odkaz nedá kliknout */
}

#menu li a.aktivni:hover {
background: transparent !important;
}

#levy, #pravy {
width: 190px;
font-size: .8em;
min-height: 558px;
}

#levy {
float: left;
margin: 0 10px 0 0;
}

#pravy {
float: right;
margin: 0 0 0 10px;
}

#levy .kontejner, #pravy .kontejner {
margin: 10px;
}

#levy p.nadpis, #pravy p.nadpis {
text-transform: uppercase;
font-size: .9em;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
margin: 0 0 10px 0;
border-bottom: 1px solid #ccc;
color: gray;
}

#produktove_menu {
background-color: #efefef;
border: 1px solid #ddd;
margin-bottom: 10px;
}

#specialni_skupiny {
background-color: #efefef;
border: 1px solid #ddd;
margin-bottom: 10px;
}

#produktove_menu ul {
list-style-type: none;
color: #ccc;
padding: 0 0 1px 0px;
margin: 0 0 1px 0px;
}


#produktove_menu li {
border-bottom: 1px solid #ddd;
padding: 4px 0 4px 0;
}


#produktove_menu li a {
color: #571c12;
text-decoration: none;
padding-left: 8px;
display: block;
width: 100%;
}

#produktove_menu li a:visited {
color: #571c12;
}

#produktove_menu li a:hover {
color: #cd0000;
font-weight: bold;
}

#produktove_menu li a:active {
color: red;
}

#produktove_menu li a.aktivni {
color: #cd0000;
font-weight: bold;
cursor: default;
}

#produktove_menu li ul { /* styly pro vnořený seznam */
margin: 1px 0 0 12px !important;
padding: 1px 0 0 12px !important;
list-style-type: square !important;
list-style-position: outside !important;
}


#produktove_menu li ul li { /* styly pro vnořený seznam */
border-bottom: none !important;
margin: 0 !important;
padding: 2px 0 2px 0;
font-size: .9em;
}


#produktove_menu li ul li a { /* styly pro vnořený seznam */
border-bottom: none !important;
margin: 0 !important;
padding: 0 !important;
}

#obsah {
float: left;
width: 598px;
border: 1px solid #ddd;
min-height: 558px;
font-size: .8em;
}

#obsah .kontejner {
margin: 10px;
}

#obsah p {
margin: 0 0 .5em 0;
}

#obsah a {
color: #b42914;
}
#obsah a:visited {
color: #571c12;
}
#obsah a:hover {
color: red;
}
#obsah a:active {
color: red;
}

#obsah h1, h2, h3 {
color: #b42914;
}

#obsah h1 {
font-weight: normal;
font-size: 1.85em;
margin: 0 0 .5em 0;
}

#obsah h2 {
font-weight: bold;
font-size: 1.25em;
margin: 1em 0 .5em 0;
}

#obsah .polozky {
margin-top: 1em;
}

#obsah .polozka {
width: 270px;
height: 250px;
border: 2px solid #ddd;
margin: 5px 5px 5px 5px;
float: left;
font-size: .9em;
}

.kontejner_polozka {
margin: 5px;
width: 260px;
height: 240px;
overflow: hidden;
}

.polozka h1 {
text-align: center;
font-size: 1.3em !important;
background: #efefef;
color: navy !important;
margin: 0 0 5px 0 !important;
}

.polozka .produktovy_obr {
width: 120px;
height: 120px;
text-align: center;
border: 0px solid #ddd;
margin: 0 5px 10px 0;
float: left;
}

.polozka .produktovy_obr a img {
border: 0;
}

.polozka table {
width: 133px;
border: 0;
margin: 0;
border-collapse: collapse;
}

.polozka table td {
vertical-align: top;
padding: 1px 1px 1px 5px;
margin: 0;
border-bottom: 1px solid #efefef;
}

.polozka table td.zvyrazneny {
background-color: #efefef;
border-bottom: 1px solid white;
}
.polozka table td.skladem {
color: green;
}
.polozka table td.neni_skladem {
color: red;
}
.polozka table td.na_dotaz {
color: blue;
}
.polozka td.cena {
font-weight: bold;
vertical-align: middle;
text-align: right;
color: navy;
background: white;
}

.polozka .odkaz_detail {
background: transparent url(images/layout/detail_maly.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}

.polozka .odkaz_vlozit, .podrobnosti .odkaz_vlozit, .cenik .odkaz_vlozit {
background: transparent url(images/layout/kosik_maly.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}

#pravy form, #levy form {
margin: 0;
}

#pravy a, #levy a {
color: #b42914;
}

#pravy a:visited, #levy a:visited {
color: #571c12;
}

#pravy a:hover, #levy a:hover {
color: red;
}

#pravy a:active, #levy a:active {
color: red;
}

#vyhledavani {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#vyhledavani input.vstupni_pole {
width: 110px;
margin-right: 5px;
float: left;
}

#vyhledavani input.tlacitko {
width: 45px;
text-align: center;
float: right;
}

#vyhledavani img {
position: absolute;
top: 5px;
left: 10px;
}

#vyhledavani p.nadpis {
margin-left: 35px;
text-align: left;
}

#prihlaseni {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#prihlaseni input.vstupni_pole {
width: 110px;
}

#prihlaseni table {
width: 100%;
}

#prihlaseni img {
position: absolute;
top: 5px;
left: 10px;
}

#prihlaseni p.nadpis {
margin-left: 35px;
text-align: left;
}

#div_select_box {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#div_select_box select {
    width: 170px;
    border: 0px;
}

#kosik {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#kosik img {
position: absolute;
top: 5px;
left: 10px;
}

#kosik p.nadpis {
margin-left: 35px;
text-align: left;
}

#rss_kanal {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#rss_kanal img {
position: absolute;
top: 5px;
left: 10px;
}

#rss_kanal p.nadpis {
margin-left: 35px;
text-align: left;
}

#nejprodavanejsi {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#akcni_zbozi {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#kosik img {
position: absolute;
top: 5px;
left: 10px;
}

#kosik p.nadpis {
margin-left: 35px;
text-align: left;
}

#newsletter {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#newsletter input.vstupni_pole {
width: 110px;
}

#newsletter table {
width: 100%;
}

#newsletter img {
position: absolute;
top: 5px;
left: 10px;
}

#newsletter p.nadpis {
margin-left: 35px;
text-align: left;
}

#reklama_nizona {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#reklama_nizona img {
position: absolute;
top: 5px;
left: 10px;
}

#reklama_nizona p.nadpis {
margin-left: 35px;
text-align: left;
}

#paticka {
width: 1000px;
margin: 10px 0 10px 0;
background: #efefef;
font-size: .75em;
color: black;
height: 35px;
border: 1px solid white;
}

#paticka .kontejner {
margin: 9px;
}

#paticka p {
margin: 0;
text-align: center;
}

#paticka a, #paticka a:visited {
color: navy;
}

#paticka a:hover {
color: red;
}

div.produktove_obrazky {
max-width: 290px;
float: left;
margin: 0 1em 1em 0;
}

div.obr_hlavni {
width: 210px;
height: 211px;
border: 1px solid #ddd;
float: left;
margin: 0 5px 5px 0;
text-align: center;
}

div.obr_hlavni:hover {
border-color: #b42914 !important;
}

.obr_hlavni img {
margin: 5px;
}

.obr_hlavni a img {
border: 0;
}

div.obr_dalsi {
width: 65px;
height: 65px;
border: 1px solid #ddd;
float: left;
margin: 0 6px 6px 0;
text-align: center;
}

div.obr_dalsi:hover {
border-color: #b42914 !important;
}

.obr_dalsi img {
margin: 5px;
}

.obr_dalsi a img {
border: 0;
}

#kratky_text {
font-style: italic;
}

table.podrobnosti, table.vlastnosti {
border: 0;
/*	margin-top: 1em;*/
}

.podrobnosti td, .vlastnosti td {
padding: .25em;
vertical-align: middle;
}

.podrobnosti td.levy, .vlastnosti td.levy {
font-style: italic;
font-weight: bold;
color: gray;
text-align: right;
}

.podrobnosti td.cena_velka, .vlastnosti td.cena_velka {
font-size: 1.5em;
color: #b42914;
}

.podrobnosti td.cena_velka_s_dph, .vlastnosti td.cena_velka_s_dph {
font-size: 1.5em;
color: blue;
}


table.cenik {
border: 1px solid #ddd;
}
.cenik td {
padding: .25em;
margin: 0;
}
.cenik .kod {
width: 70px;
padding-left: .5em;
}
.cenik .popis {
width: 200px;
padding-left: .5em;
border-left: 1px dotted #ddd;
}
.cenik .ceny {
width: 70px;
text-align: right;
padding-right: .5em;
border-left: 1px dotted #ddd;
}
.cenik .objednani {
width: 100px;
text-align: center;
border-left: 1px dotted #ddd;
}
.cenik thead td {
text-align: center;
background: #efefef;
color: #571c12 !important;
}
.cenik tbody td {
border-top: 1px solid #ddd;
}

.c_pocet {
font-size:1.5em;
text-align:right;
background:#FFF5C6;
padding-right:0.5em;
padding-left:0.5em;
}

.c_koupit {
/*    margin-left:1em;*/
font-size:1.1em;
padding-top:0.2em;
padding-bottom:0.2em;
padding-left :1em;
padding-right: 1em;
}

.kos_seznam_kod {
padding-right:10px;
padding-left:5px;
}

.kos_seznam_nazev {
padding-right:10px;
padding-left:5px;
}

.kos_seznam_pocet {
padding-right:10px;
padding-left:5px;
}

.kos_seznam_cena {
padding-right:10px;
padding-left:5px;
}

.kos_seznam_celkem {
padding-right:10px;
padding-left:5px;
}

.kos_seznam_akce {
padding-left:5px;
}

.kos_head {
color:navy;
background:#EFEFEF;
font-weight: bold;
}

.kos_suma {
font-size:1.2em;
color:#B42714;
padding-left:4em;
}

.tlacitko_odeslat_objednavku {
margin-top:1em;
padding:1em;
font-size:1.3em;
font-weight:bold;
}

#div_objednavka_info {
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background: white url(images/layout/pozadi_svetle.jpg) top left no-repeat;
}

#div_objednavka_info input.vstupni_pole {
width: 110px;
margin-right: 5px;
float: left;
}

#div_objednavka_info input.tlacitko {
width: 45px;
text-align: center;
float: right;
}

#div_objednavka_info img {
position: absolute;
top: 5px;
left: 10px;
}

#div_objednavka_info p.nadpis {
margin-left: 35px;
text-align: left;
}

#objednavka_id {
padding-top:3em;
padding-bottom:2em;
}

#objednavka_id_levy {
font-size:1.5em;
color: #b42914;
padding-right:2em;
}

#objednavka_id_pravy {
font-size:1.5em;
font-weight:bold;
color: white;
padding-left:2em;
padding-right:2em;
padding-top:3px;
padding-bottom:3px;
background: #b42914;
}

#platba_info {
font-weight:bold;
padding-left:2em;
}

/* doplnen styly pro ruzne produktove boxy */
#obsah .polozka_horizontalni {
width: 565px;
height: 145px; /* nastaví "natrvrdo" výšku boxu */
overflow: hidden; /* ořízne vše, co se nevejde do boxu */
border: 2px solid #ddd;
margin: 5px 5px 5px 5px;
font-size: .9em;
}

.polozka_horizontalni table.formatovaci_tabulka {
width: 555px;
border: 0px solid blue;
border-collapse: collapse;
margin: 5px;
}

.polozka_horizontalni table.formatovaci_tabulka td {
border: 0px solid blue;
padding: 0;
vertical-align: top;
}

.polozka_horizontalni h1 {
text-align: left;
font-size: 1.5em !important;
background-color: #efefef;
color: navy !important;
margin: 0 0 5px 0 !important;
width: 100%;
}

.polozka_horizontalni td.produktovy_obr {
width: 140px;
height: 130px;
text-align: left;
margin: 0;
}

.polozka_horizontalni td.informacni_text {
padding-right: 10px !important;
}

.polozka_horizontalni .produktovy_obr a img {
border: 0;
}

.polozka_horizontalni table.info {
width: 175px;
border: 0;
margin: 0;
border-collapse: collapse;
}

.polozka_horizontalni table.info td {
vertical-align: top;
padding: 1px 1px 1px 5px;
margin: 0;
border-bottom: 1px solid #efefef;
}

.polozka_horizontalni table.info td.zvyrazneny {
background-color: #efefef;
border-bottom: 1px solid white;
}

.polozka_horizontalni td.cena {
font-weight: bold;
vertical-align: middle;
text-align: right;
color: black;
background-color: white;
}

.cena_s_dph {
font-weight: bold;
vertical-align: middle;
text-align: right;
color: blue;
background-color: white;
}

.polozka_horizontalni .odkaz_detail {
background: transparent url(images/layout/detail_maly.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}

.polozka_horizontalni .odkaz_vlozit, .podrobnosti .odkaz_vlozit, .cenik .odkaz_vlozit {
background: transparent url(images/layout/kosik_maly.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}

/* vertikalni box */
#obsah .polozka_vertikalni {
width: 178px;
height: 485px; /* omezí výšku boxu */
overflow: hidden; /* ořízne vše, co už se do boxu nevejde */
border: 2px solid #ddd;
margin: 5px 5px 5px 5px;
float: left;
font-size: .9em;
}

#obsah .polozka_vertikalni.zkraceny {
height: 360px !important; /* u zkráceného vertikálního boxu přebije hodnotu z řádku 720 */
}

.kontejner_polozka_vertikalni {
margin: 5px;
width: 168px;
}

.polozka_vertikalni h1 {
text-align: center;
font-size: 1.5em !important;
background-color: #efefef;
color: navy !important;
margin: 0 0 5px 0 !important;
width: 100%;
}

.polozka_vertikalni .produktovy_obr {
width: 165px;
height: 165px;
text-align: center;
margin: 0 5px 10px 0;
}

.polozka_vertikalni .produktovy_obr a img {
border: 0;
}

.polozka_vertikalni table {
width: 100%;
border: 0;
margin: 0;
border-collapse: collapse;
}

.polozka_vertikalni table td {
vertical-align: top;
padding: 1px 1px 1px 5px;
margin: 0;
border-bottom: 1px solid #efefef;
}

.polozka_vertikalni table td.zvyrazneny {
background-color: #efefef;
border-bottom: 1px solid white;
}

.polozka_vertikalni td.cena {
font-weight: bold;
vertical-align: middle;
text-align: right;
color: black;
background-color: white;
}

.polozka_vertikalni .odkaz_detail {
background: transparent url(images/layout/detail_maly.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}

.polozka_vertikalni .odkaz_vlozit, .podrobnosti .odkaz_vlozit, .cenik .odkaz_vlozit {
background: transparent url(images/layout/kosik_maly.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}

.odkaz_dokoncit_nakup {
    font-weight: bold;
}
.drobenkova_navigace {
margin-bottom: 10px;
}

.obrazek_akcni_zbozi { border:0px; }