html {
   width: 100%;
   height: 100%;
   font-size: 12px;
   overflow: -moz-scrollbars-vertical;
}
body {
   width: 995px;
   height: 100%;
   margin: auto;
   font-family: Arial, Helvetica, MS Sans-serif;
   /*font-size: 80%;*/
   font-size: 12px;
   line-height: 1.3;
   background-color: #FFFFC0;
   color: #000000;
   text-align: center;
}

.body {
   width: 995px;
   margin: auto;
   background-color: #FFFFFF;
   border: 1px solid #000000;
   border-top: 0px;
   text-align: left;
}
.hlavicka {
   width: 100%;
   height: 105px;
   background-color: #C00000;
   color: #FFFFFF;
   overflow: hidden;
}
h1 {
   display: none;
}
.h1 { /* firma */
   font-size: 500%;
   font-family: Arial Black;
   color: #FFFFFF;
   margin: 0px;
   padding: 0px 0px 0px 30px;
   text-decoration: none;
}
.h2 { /* e-shop*/
	position: relative;
   top: -20px;
   font-size: 700%;
   font-family: Arial Black;
   color: #FFFF00;
   margin: 0px;
   padding: 0px;
   padding-right: 30px;
}
.h4 { /* slogan */
   width: 100%;
   height: 25px;
   margin: 0px;
   padding: 0px;
   border: 1px solid #000000;
   border-left: 0px;
   border-right: 0px;
   background-color: #FFFFFF;
}
.h4_v1 {
   float: left;
   width: 500px;
   height: 25px;
   margin: 0px;
   padding: 3px;
   font-family: Arial;
   font-size: 100%;
   font-weight: bold;
   letter-spacing: 1em;
   color: #C00000;
   padding-left: 20px;
   overflow: hidden;
}
.h4_v2 {
   float: right;
   width: 450px;
   height: 25px;
   margin: 0px;
   padding: 3px;
   font-family: Arial;
   font-size: 100%;
   text-align: right;
   font-weight: normal;
   letter-spacing: 0px;
   color: #C00000;
}
h2 {
   width: 100%;
   height: 26px;
   /*font-size: 100%;*/
   font-size: 12px;
   font-weight: bold;
   display: inline;
}
.h6 {
   font-size: 120%;
   font-weight: bold;
   margin: 0px 0px 8px 0px;
   padding: 0px;   
}
.container {
	width: 100%;
   overflow: visible;
}
.left_main {
   float: left;
   width: 200px;
}
.main_main {
	float: left;
   width: 780px;
}
.right_main {
	float: right;
   width: 150px; /* 150px */
   padding-top: 15px;
   padding-right: 10px;
   border: 1px solid blue;
   
}
.main {
	margin: 15px 10px 15px 10px;
}
.paticka {
	height: 60px;
   font-size: 85%;
   color: #FFFFFF;
   background-color: #C00000;
   margin: 0px;
   padding: 5px;
   padding-left: 10px;
   border-top: 1px solid #000000;
}
.paticka a, .paticka a:active, .paticka a:visited { color: #FFFF6E; }
.paticka a:hover { color: #000000; }
#partneri a, #partneri a:active, #partneri a:visited { color: #808080; }
#partneri a:hover { color: #FFFFFF; }

.paticka2_left {
	float: left;
   font-size: 80%;
   color: #808080;
   margin-top: 2px;
   margin-bottom: 3px;
}
.paticka2_right {
	float: right;
   text-align: right;
   font-size: 80%;
   color: #808080;
   margin-top: 2px;
   margin-bottom: 3px;
}
/* menu - ikony ---------------------------------- */
.hlavicka_ikona {
   float: right;
   text-align: center;
   font-size: 80%;
   width: 80px;
   height: 100px;
   padding: 5px;
}
.hlavicka_ikona_selected {
   float: right;
   text-align: center;
   font-size: 80%;
   padding-top: 10px;
   width: 90px;
   height: 100px;
   padding: 5px;
   background-color: #800000;  
}
.hlavicka_ikona a, .hlavicka_ikona_selected a,
.hlavicka_ikona a:active, .hlavicka_ikona_selected a:active,
.hlavicka_ikona a:visited, .hlavicka_ikona_selected a:visited {
   color: #FFFF80;
   text-decoration: none;
}
.hlavicka_ikona a:hover, .hlavicka_ikona_selected a:hover {
   color: #000000;
   text-decoration: none;
}
.hlavicka_ikona img, .hlavicka_ikona_selected img {
   margin: 10px 0px 5px 0px;   
}
/* menu - vodorovne + superfish.css -------------- */
.hlavicka_menu {
   width: 100%;
   height: 23px; /* 45px - 2 radek */
   margin: 0px;
   padding: 0px;
   background-color: #AE0000;
   font-size: 0.90em;
   background-image: url("../images/back_menu.gif");
   background-repeat: x-repeat;
}
/* ostatni - main ------------------------------- */
a {
   color: #FF4040;
   font-weight: bold;
   text-decoration: none;
}
a:visited {
   color: #FF4040;
   text-decoration: none;
}
a:hover {
   color: #330D70;
   text-decoration: underline;
}
h3 { /* nadpis2 */
   font-size: 120%;
   margin: 0px;
   margin-top: 15px;
   margin-bottom: 10px;
   font-weight: bold;
   color: #82839A;
}
.cleaner {
   clear: both;
}
img {
   border: 0px;
}

/* katalog -------------------------------------- */
.katalog_polozka {
   width: 100%;
   margin: 0px;
   padding-left: 20px;
   font-family: Arial,Verdana,Tahoma,;
   font-size: 100%;
   font-weight: bold;
   font-style: italic;
   text-align: left;
   background-color: transparent;
}
.katalog_polozka:link {
   text-decoration: none;
   color: #808080;
}
.katalog_polozka:visited {
   text-decoration: none;
   color: #808080;
}
.katalog_polozka:hover {
   text-decoration: none;
   color: #000000;
   background-color: #FFE2DD;
}
.katalog_ram {
   width: 185px;
   height: 205px;
   float: left;
   margin-left: 0px;
   margin-right: 5px;
   margin-bottom: 5px;
   text-align: center;
   border: 1px solid #C0C0C0;
   background-color: #FFFFFF;
}
.katalog_ram_akce {
   width: 185px;
   height: 205px;
   float: left;
   margin-left: 0px;
   margin-right: 5px;
   margin-bottom: 5px;
   text-align: center;
   border: 1px solid #C00000;
   background-color: #FFFF00;
   color: #C00000;
   background-image: url("../images/pozadi_akce.gif");
   background-repeat: no-repeat;
}
.katalog_nazev {
	width: 179px;
   height: 40px;
   text-align: left;
   margin-bottom: 3px;
   padding-left: 5px;
   font-weight: normal;
   overflow: hidden;
   /*text-overflow: ellipsis;
   white-space: nowrap;   */
}
.katalog_cena {
   text-align: left;
   font-weight: bold;
   color: #C00000;
   font-size: 130%;
}









.obr {
   background-color: #FFFFFF;
   border: 1px solid;
}
.bold {
   font-weight: bold;
}
.italic {
   font-style: italic;
}
.nahled {
   border: 1px solid;
   margin-top: 5px;
   margin-right: 4px;
}






form {
   margin: 0px;
   margin-bottom: 10px;
   padding: 0px;
   border: 0px dotted #808080;
   background-color: #FFFFFF;
}
form td {
	border: 0px;
}
input {
   font-family: Arial, Helvetica, MS Sans-serif;
   font-size: 100%;
   border: 1px solid #C0C0C0;
   border-bottom: 1px solid #808080;
   border-right: 1px solid #808080;
}
textarea {
   font-family: Arial, Helvetica, MS Sans-serif;
   font-size: 100%;
   border: 1px solid #C0C0C0;
   border-bottom: 1px solid #808080;
   border-right: 1px solid #808080;
}
.tlacitko {
   background-color: #D6D6D6;
}
ul {
   margin-top: 7px;
}
li {
   text-align: justify;
}
p {
   margin: 0px;
   margin-bottom: 7px;
   text-align: justify;
}
.small {
   font-size: 80%;
}
.ram {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 10px;
   background-color: #F1F1F1;
   border: 1px solid #C0C0C0;
}
.back_obr {
   width: 680px;
   background-color: #DFE2DB;
   text-align: center;
   margin: auto;
}
.gray {
   color: #404040;
}
.ramecek {
   width: 100%;
   height: auto;
   margin-bottom: 5px;
   padding: 5px;
   background-color: #FFFFFF;
   text-align: center;
   border: 1px solid gray;
   overflow: hidden;
}
.ramecek_adm {
	font-size: 100%;
   width: 98%;
   height: auto;
   margin-bottom: 5px;
   padding: 0px;
   background-color: #FFFFFF;
   text-align: center;
   border: 1px dotted gray;
   overflow: hidden;
}
tr {
	text-align: left;
}
.kosik td {
   border-bottom: 1px solid #C0C0C0;
   font-size: 100%;
}
td {
   font-size: 80%;
}
th {
	font-weight: bold;
   background-color: #FFFF80;
   border-bottom: 1px solid #C0C0C0;
}
.error {
	background-color: #FFFF00;
   color: #C00000;
   padding: 5px;
   margin-bottom: 10px;
   text-align: center;
   font-size: 130%;
   font-weight: bold;
   border: 1px solid #C00000;
}
.error_in {
   font-size: 110%;
   font-weight: bold;
   text-align: center;
}
.line {
	height: 1px;
   background-color: #C0C0C0;
   margin: 0px;
   padding: 0px;
}

.katalog_ram_vizualne {
	text-align: center;
	float: left;
   margin: 5px 0px 0px 0px;
/*   margin: 0px 3px 5px 0px;*/
	width: 137px;
   font-size: 10px;
/*   border: 1px solid #C0C0C0;*/
   background-color: #FFFFFF;
}
.katalog_kod_vizualne {
	color: #808080;
}
.katalog_nazev_vizualne {
	width: 140px;
   margin: 2px 0px 0px 0px;
	color: #404040;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.katalog_cena_vizualne {
   font-size: 11px;
	color: #800000;
   text-align: center;
}
.katalog_kosik_vizualne {
   border: 0px;
   position: relative;
   top: +3px;
   left: +1px;
}
.logo {
   float: left; width: 300px; height: 99px; text-align: left;
}
#formular {
   background-color: transparent; margin-left 20px;
}
.main_menu {
   /*width: 100%;*/
}