/*********************
 *   Global Defined
 *********************/

*, html, body {
   font-size: 10pt;
   font-family: Arial;
}

html {
   background-image: url(../grafika/bg.gif);
   background-repeat: repeat-x;
   background-position: center top;
   background-color: #edf1f3;
}

html, body {
   text-align: center;
   margin: 0 auto;
   padding: 0;
}

body {
   background-image: url(../grafika/logo_bg.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
   width: 990px;
   height: auto;
   display: block;
}

#page {
   width: 910px;
   height: auto;
   margin: 0 auto;
   text-align: left;
}

img {
   border: 0;
}

h2 {
   color: #ac1720;
   font-size: 17pt;
   padding: 0;
   margin: 0;
   font-weight: normal;
}

h3 {
   color: #ac1720;
   font-size: 12pt;
   padding: 0;
   margin: 0;
   font-weight: bold;
}

h4 {
   font-size: 11pt;
}

h5 {
   color: #ac1720;
   font-size: 10pt;
   padding: 0;
   margin: 0;
   font-weight: bold;
}

#left_side a, #right_side a, #footer a, #prodejna a, #prodejny a, #full_page a {
   color: #ac1720;
   text-decoration: none;
   border-bottom: 2px #C4ABB2 solid;
}

#left_side a:hover, #right_side a:hover, #footer a:hover, #prodejna a:hover, #prodejny a:hover, #full_page a:hover {
   border: 0;
}

label {
   text-align: right;
}

/*********************
 *   User Defined
 *********************/

.sipka_red {
   width: 6px;
   height: 7px;
   display: inline-block;
   margin-right: 4px;
   font-size: 0;
   background-image: url(../grafika/arrow_red.gif);
   background-position: center center;
   background-repeat: no-repeat;
}

.clear {
  font-size: 0;
  line-height: 0;
  height: 0;
  clear: both;
}

.red {
   color: #ac1720;
}

b.red {
   color: #df1e2a;
   font-size: 11pt;
}

.chyba {
   text-align: center;
   color: #ac1720;
}

.chyba i {
   text-align: center;
   color: green;
}

.center {
   text-align: center;
}

/*********************
 *   Header
 *********************/

#header {
   margin-bottom: 10px;
}

#header h1 {
   margin: 28px 0 0 0;
   padding: 0; 
}

#header h1 span {
   visibility: hidden;
   position: absolute;
}

#menu {
   width: 690px;
   height: 47px;
   padding: 0;
   margin: 0 0 0 220px;
   position: relative;
   font-size: 14pt;
   font-weight: bold;
   text-align: center;
   background-image: url(../grafika/menu_bg.gif);
   background-repeat: repeat-x;
   background-position: center top;
}

#menu span.start, #menu span.end {
   width: 10px;
   height: 47px;
   padding: 0;
   margin: 0;
   font-size: 0;
   position: absolute;
   top: 0;
   display: inline-block;
   background-repeat: no-repeat;
   background-position: center center;
}

#menu span.content {
   width: 669px;
   position: absolute;
   top: 0;
   left: 10px;
   display: inline-block;
}

#menu span.start {
   left: 0;
   background-image: url(../grafika/menu_bg_start.gif);
}

#menu span.end {
   right: 0;
   background-image: url(../grafika/menu_bg_end.gif);
}

#menu a {
   color: #ac1720;
   padding: 0 35px;
   line-height: 45px;
   display: inline-block;
   height: 45px;
   text-decoration: none;
   border-right: 1px #dfebee solid;
}

#menu a.konec {
   border: 0;
}

#menu a:hover {
   color: #600d12;
   background-image: url(../grafika/menu_hover.gif);
   background-repeat: no-repeat;
   background-position: center bottom;
} 

/*********************
 *   Content
 *********************/

#content {
   margin-bottom: 10px;
}

.produkt {
   width: 296px; /* 220px */
   height: 220px;
   float: left;
   text-align: center;
   background-color: white;
   background-image: url(../grafika/produkt_bg.gif);
   background-position: center center;
   background-repeat: no-repeat;
   margin-right: 10px;
}

.produkt_konec {
   margin-right: 0;
}

.produkt h2 {
   text-align: left;
   margin: 8px 15px 5px 15px;
}

.produkt img {
   margin: 0 auto 10px auto;
}

.produkt div.odkaz {
   margin: 0 10px 0 160px;
}

.produkt div.odkaz a {
   color: white;
   font-size: 11pt;
   text-decoration: none;
   display: inline-block;
   border-bottom: 2px #de545c solid;
}

.produkt div.odkaz a:hover {
   border-bottom: 0;
}

.produkt div.odkaz span.sipka {
   width: 12px;
   height: 14px;
   margin-left: 10px;
   display: inline-block;
   background-image: url(../grafika/arrow_white.gif);
   background-position: center bottom;
   background-repeat: no-repeat;
}

#katalog_header {
   width: 910px;
   height: 40px;
   font-size: 0;
   margin: 0;
   padding: 0;
}

#katalog_header a {
   display: inline-block;
   width: 220px;
   height: 40px;
   margin: 0 10px 0 0;
   padding: 0;
   text-decoration: none;
   background-image: url(../grafika/katalog_h_bg.gif);
   background-position: center center;
   background-repeat: no-repeat;
}

#katalog_header h2 {
   margin: 7px auto auto 10px;
   color: #8ca0a8;
}

#katalog_header a.hover h2 {
   color: #ac1720;
}

#katalog_header a.hover {
   background-image: url(../grafika/katalog_h_bg_hover.gif);
   background-position: center center;
   background-repeat: no-repeat;
}

#katalog_header a.konec {
   margin: 0;
}

#katalog {
   width: 910px;
   height: auto;
   background-color: white;
   background-image: url(../grafika/katalog_bg_content.gif);
   background-position: right;
   background-repeat: repeat-y;
}

#katalog span.end {
   width: 910px;
   height: 7px;
   display: block;
   background-color: white;
   background-image: url(../grafika/katalog_bg_footer.gif);
   background-position: right center;
   background-repeat: repeat-y;
}

#katalog table {
   margin-top: 10px;
}

#katalog table td {
   text-align: center;
   border: 1px solid #9EB4BC;
}

#katalog table td span {
   color: #df1e2a;
}

#full_page {
   width: 910px;
   height: auto;
   background-image: url(../grafika/content_bg_content.gif);
   background-position: center top;
   background-repeat: repeat-y;
}

#full_page h2 {
   margin-bottom: 20px;
}

#full_page span.header {
   width: 910px;
   height: 8px;
   display: block;
   font-size: 0;
   background-image: url(../grafika/content_bg_header.gif);
   background-position: center top;
   background-repeat: no-repeat;
}

#full_page span.content {
   display: block;
   padding: 5px 15px;
}

#full_page span.footer {
   width: 910px;
   height: 8px;
   display: block;
   font-size: 0;
   background-image: url(../grafika/content_bg_footer.gif);
   background-position: center top;
   background-repeat: no-repeat;
}

#full_page ul {
   list-style: none outside;
}

#full_page ul li {
   padding-top: 5px;
   line-height: 15px;
   font-size: 9pt;
}

/*********************
 *   Left side
 *********************/

#left_side {
   width: 680px;
   height: auto;
   float: left;
}

#left_side .info {
   width: 680xp;
   height: auto;
   padding: 0;
   margin: 0;
   background-color: #8FB3C0;
} 

#left_side .info h2 {
   color: white;
   font-size: 19pt;
   font-weight: normal;
   padding: 0;
   margin: 0;
   padding: 30px 30px 20px 30px;
}

#left_side .info2 {
   width: 680xp;
   height: auto;
   padding: 0;
   background-color: #CFDFE5;
} 

#left_side .info2 h3 {
   color: #df1e2a;
   font-size: 14pt;
   font-weight: normal;
   padding: 0;
   padding: 25px 30px 10px 30px;
}

#left_side .info p, #left_side .info2 p {
   padding: 0 30px 10px 30px;
   margin: 0;
}

.info span.start, .info span.end, .info2 span.start, .info2 span.end {
   width: 680px;
   height: 6px;
   padding: 0;
   margin: 0;
   font-size: 0;
   display: block;
   background-position: center center;
   background-repeat: no-repeat;
} 

.info span.start {
   background-image: url(../grafika/info_start.gif);
}

.info span.end {
   background-image: url(../grafika/info_end.gif);
   margin-top: 24px;
}

.info2 span.end {
   background-image: url(../grafika/info2_end.gif);
}

#left_side div.loga {

}

#left_side div.loga img {
   margin-right: 15px;
}

#prodejna {
   width: 560px;
   height: auto;
   float: left;
   background-image: url(../grafika/prodejny_bg_content.gif);
   background-repeat: repeat-y;
   background-position: right top;
}

#prodejna h2 {
   margin-bottom: 20px;
}

#prodejna span.header {
   display: block;
   width: 560px;
   height: 8px;
   font-size: 0;
   background-image: url(../grafika/prodejny_bg_header.gif);
   background-repeat: no-repeat;
   background-position: right top;
}

#prodejna span.content {
   display: block;
   padding: 5px 15px;
}

#prodejna span.footer {
   display: block;
   width: 560px;
   height: 8px;
   font-size: 0;
   background-image: url(../grafika/prodejny_bg_footer.gif);
   background-repeat: no-repeat;
   background-position: right top;
}

#prodejna span.footer2 {
   display: block;
   width: 560px;
   height: 181px;
   background-image: url(../grafika/prodejny_bg_footer2.gif);
   background-repeat: no-repeat;
   background-position: right top;
}

#prodejna span.footer2 h5 {
   margin-left: 15px;
}

#prodejna p.fotky img {
   margin-right: 12px;
}

#full_page p.fotky img {
   margin-right: 30px;
}

#prodejna p.fotky img.konec, #full_page p.fotky img.konec {
   margin-right: 0;
}

#prodejna p.fotky a.thickbox, #full_page p.fotky a.thickbox {
   border: 0;
}

#prodejna span.sipka {
   display: inline-block;
   width: 7px;
   height: 7px;
   margin-left: 8px;
   background-image: url(../grafika/sipka.gif);
   background-position: center center;
   background-repeat: no-repeat;
}


/*********************
 *   Right side
 *********************/

#right_side {
   width: 220px;
   height: auto;
   float: right;
}

#right_side h2 {
   text-align: right;
   font-size: 17pt;
}

#right_side span.datum {
   font-size: 9pt;
   color: #5b8291;
   display: block;
}

#right_side p.spolupracujeme {
   color: #69909f;
   padding: 15px 0 5px 15px;
   margin: 0;
   background-image: url(../grafika/spolupracujeme_bg.gif);
   background-position: center top;
   background-repeat: no-repeat;
}

#right_side p.spolupracujeme span {
   color: #ac1720;
   font-size: 13px;
   margin-top: 10px;
   display: inline-block;
}

#prodejny {
   width: 300px;
   height: auto;
   /*margin-right: 20px;*/
   position:relative; left:-20px;
   float: right;
}

#prodejny ul {
   list-style: none outside;
   margin: 0;
   padding: 0;
}

#prodejny li {
   height: 20px;
   padding-top: 3px;
   line-height: 15px;
   text-align: right;
   font-size: 9pt;
   border-bottom: 1px #d3dcdf solid;
}

#prodejny li a {
   display: inline-block;
   position: absolute;
   left: 0;
   font-size: 9pt;
   font-weight: bold;
   background-image: url(none);
}

#prodejny li a.button, #right_side a.button, #prodejny a.button, #full_page a.button, #katalog a {
   position: relative;
   border: 0;
}

#prodejny li a.hover {
   border: 0;
   color: #5c6f76;
}

/*********************
 *   Footer
 *********************/

#footer {
   height: 46px;
   color: #878787;
   line-height: 46px;
   margin-top: 10px;
   background-image: url(../grafika/footer_bg.gif);
   background-position: center center;
   background-repeat: repeat-x;
   position: relative;
}
#footer strong {
   color: #600d12;
}

#footer span.start, #footer span.end {
   width: auto;
   height: 46px;
   position: absolute;
   display: inline-block;
   background-repeat: no-repeat;
   top: 0;
}

#footer span.start {
   background-position: left center;
   background-image: url(../grafika/footer_bg_start.gif);
   left: 0;
   padding-left: 25px;
}

#footer span.end {
   background-position: right center;
   background-image: url(../grafika/footer_bg_end.gif);
   right: 0;
   padding-right: 25px;
}