body {
  margin: 0px;
  padding: 0px;
  font-family: Tahoma, Arial, sans;
  font-size: 11pt;
  color: #000000;
  background: #CCCCCC url('../images/background.gif') repeat;
}

input, textarea, td{
  font-family: Tahoma, Arial, sans;
  font-size: 13px;
  color: #000000;
}

div#page {
  margin-left: auto; 
  margin-right: auto;
  width: 980px;
}

div#pagebg{
  background-color: #ffffff;
  display: block;
  clear:both;
  float: left;
  width: 980px;
}


#menu {
  width: 340px;
  display: block;
  clear: none;  
  float: left; 
  margin: 0px; 
  padding: 0px;
}

a.menuitem{
  display: block;
  float: left;
  clear: both;
  margin-bottom: 6px;
  width: 338px;
  height: 100px;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #ffffff;
  text-decoration: none;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

a.menuitem:hover{
  text-decoration: underline;
}

a.aktivni{
  width: 340px;
}

a.menuitem strong{
  float: left;
  margin-left: 80px;
  padding-right: 10px;
  padding-top: 5px;
  height: 100px;
  font-size: 38px;
  font-weight: bold;
  font-family: Impact, Arial, sans;
  text-transform: uppercase;
}

.mi_red{
  background-image: url('../images/logo_red.gif');
  color: #CC0000;
}

.mi_gray{
  background-image: url('../images/logo_gray.gif');
  color: #666666;
}

.mi_blue{
  background-image: url('../images/logo_blue.gif');
  color: #41559E;
}

.mi_green{
  background-image: url('../images/logo_green.gif');
  color: #049904;
}

.mi_orange{
  background-image: url('../images/logo_orange.gif');
  color: #FF6604;
}

.mi_purple{
  background-image: url('../images/logo_purple.gif');
  color: #5A2967;
}

div#header {
  display: block; 
  width: 640px;
  height: 40px; 
  float: right;
  clear: right;
  margin: 0px;
  padding: 0px;
}
  
div#header h1{
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 20px;
  margin-top:10px;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 18px;
}

div#content {
  width: 640px;
  display: block; 
  float: right;
  clear: right; 
  background-color: #ffffff; 
  margin: 0px; 
  padding: 0px;
  padding-top: 20px;
  overflow: auto;
}

div#footer {
  width: 640px;
  display: block; 
  color: #ffffff;
  float: right;
  clear: right; 
  height: 30px; 
  margin: 0px; 
  padding: 0px
}

.footer_left{
  display: block;
  clear: none;
  float: left;
  font-size: 12px;
  color: #ffffff;
  margin-top: 7px;
  margin-left: 20px;
}

.footer_right{
  display: block;
  clear: none;
  float: right;
  font-size: 12px;
  color: #ffffff;
  margin-top: 7px;
  margin-right: 20px;
}

div#catalog_list{
  width: 640px;
  display: block;
  float: right;
  clear: right;
  height: 160px;
  margin: 0px;
  padding: 0px;
  background-color: #DFDFDF;
  overflow: hidden;
  border-top: 2px solid #FFFFFF;
}

div#catalog_list .catalog_list_header{
  display: block;
  width: 640px;
  height: 30px;
  float: right;
  clear: right;
  margin: 0px;
  padding: 0px;
}

div#catalog_list .catalog_list_header h2{
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 20px;
  margin-top:5px;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 20px;
}


div#catalog_list_items{
  height: 124px;
  display: block;
  float: left;
  clear: both;
  padding: 0px;
  margin: 0px;
}

div#catalog_list_items_box{
  height: 124px;
  display: block;
  float: left;
  clear: none;
  padding: 0px;
  margin: 0px;
  width: 598px;
  overflow: hidden;
}

.goprev,
.gonext{
  display: block;
  float: left;
  width: 20px;
  height: 120px;
  clear: none;
  background-color: #CCCCCC;
}

.goprev{
  background: url(../images/sipka_prev.gif) no-repeat left top;
}

.gonext{
  margin-right: 2px;
  background: url(../images/sipka_next.gif) no-repeat left top;
}

.goprev span,
.gonext span{
  display: none;
}

div#catalog_list .item{
  display: block;
  float: left;
  clear: none;
  overflow: hidden;
  height: 124px;
  margin-top: 3px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

div#catalog_list .item span{
  display: block;
  clear: both;
}

div#catalog_list .item a{
  text-decoration: none;
  font-weight: bold;
  display: block;
  height: 116px;
  width: 120px;
  border: 2px solid #FFFFFF;
}

div#catalog_list .item a:hover{
  text-decoration: underline;
  border: 2px solid #999999;
}

.nadpis{
  display: block;
  float: left;
  clear: both;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
}

.clanek{
  display: block;
  float: left;
  clear: both;
  margin-left: 20px;
  margin-right: 20px;
  width: 600px;
  padding-top: 0px;
  padding-bottom: 15px;
  font-size: 13px;
  color: #333333;
}

.clanek p{
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
}

.fullcolor{
  display: block;
  float: left;
  clear: none;
  color: #ffffff;
  padding: 10px;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bgimg{
  display: block;
  background-image: url('../images/image_bg.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 5px;
  float: left;
}

.bgimg_r{
  display: block;
  background-image: url('../images/image_bg.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 5px;
  float: right;
}

.bgimg img,
.bgimg_r img{
  display: block;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

.bgimgsmall{
  display: block;
  background-image: url('../images/image_bgsmall.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 3px;
  float: left;
}

.bgimgsmall_r{
  display: block;
  background-image: url('../images/image_bgsmall.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 3px;
  float: right;
}

.bgimgsmall img,
.bgimgsmall_r img{
  display: block;
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

.fullcolor .bgimg{
  background-image: url('../images/fcimage_bg.gif');
}

.fullcolor .bgimg_r{
  background-image: url('../images/fcimage_bg.gif');
}


.fullcolor .bgimgsmall{
  background-image: url('../images/fcimage_bgsmall.gif');
}

.fullcolor .bgimgsmall_r{
  background-image: url('../images/fcimage_bgsmall.gif');
}

.page_red,
.page_red #content a,
.page_red #catalog_list a{
  color: #CC0000;
}

.page_gray,
.page_gray #content a,
.page_gray #catalog_list a{
  color: #666666;
}

.page_blue,
.page_blue #content a,
.page_blue #catalog_list a{
  color: #41559E;
}

.page_green,
.page_green #content a,
.page_green #catalog_list a{
  color: #049904;
}

.page_orange,
.page_orange #content a,
.page_orange #catalog_list a{
  color: #FF6604;
}

.page_purple,
.page_purple #content a,
.page_purple #catalog_list a{
  color: #5A2967;
}

.page_red a.aktivni{
  border-top: 2px solid #CC0000;
  border-bottom: 2px solid #CC0000;
}

.page_gray a.aktivni{
  border-top: 2px solid #666666;
  border-bottom: 2px solid #666666;
}

.page_blue a.aktivni{
  border-top: 2px solid #41559E;
  border-bottom: 2px solid #41559E;
}

.page_green a.aktivni{
  border-top: 2px solid #049904;
  border-bottom: 2px solid #049904;
}

.page_orange a.aktivni{
  border-top: 2px solid #FF6604;
  border-bottom: 2px solid #FF6604;

}

.page_purple a.aktivni{
  border-top: 2px solid #5A2967;
  border-bottom: 2px solid #5A2967;
}

.page_red #header,
.page_red #footer,
.page_red .bgimg,
.page_red .bgimg_r,
.page_red .bgimgsmall,
.page_red .fullcolor,
.page_red .catalog_list_header{
  background-color: #CC0000;
}

.page_red .bgimg img,
.page_red .bgimg_r img,
.page_red .bgimgsmall img,
.page_red .bgimgsmall_r img{
  border: 1px solid #CC0000;
}

.page_gray #header,
.page_gray #footer,
.page_gray .bgimg,
.page_gray .bgimg_r,
.page_gray .bgimgsmall,
.page_gray .fullcolor,
.page_gray .catalog_list_header{
  background-color: #666666;
}

.page_gray .bgimg img,
.page_gray .bgimg_r img,
.page_gray .bgimgsmall img,
.page_gray .bgimgsmall_r img{
  border: 1px solid #666666;
}

.page_blue #header,
.page_blue #footer,
.page_blue .bgimg,
.page_blue .bgimg_r,
.page_blue .bgimgsmall,
.page_blue .fullcolor,
.page_blue .catalog_list_header{
  background-color: #41559E;
}

.page_blue .bgimg img,
.page_blue .bgimg_r img,
.page_blue .bgimgsmall img,
.page_blue .bgimgsmall_r img{
  border: 1px solid #41559E;
}

.page_green #header,
.page_green #footer,
.page_green .bgimg,
.page_green .bgimg_r,
.page_green .bgimgsmall,
.page_green .fullcolor,
.page_green .catalog_list_header{
  background-color: #049904;
}

.page_green .bgimg img,
.page_green .bgimg_r img,
.page_green .bgimgsmall img,
.page_green .bgimgsmall_r img{
  border: 1px solid #049904;
}

.page_orange #header,
.page_orange #footer,
.page_orange .bgimg,
.page_orange .bgimg_r,
.page_orange .bgimgsmall,
.page_orange .fullcolor,
.page_orange .catalog_list_header{
  background-color: #FF6604;
}

.page_orange .bgimg img,
.page_orange .bgimg_r img,
.page_orange .bgimgsmall img,
.page_orange .bgimgsmall_r img{
  border: 1px solid #FF6604;
}

.page_purple #header,
.page_purple #footer,
.page_purple .bgimg,
.page_purple .bgimg_r,
.page_purple .bgimgsmall,
.page_purple .fullcolor,
.page_purple .catalog_list_header{
  background-color: #5A2967;
}

.page_purple .bgimg img,
.page_purple .bgimg_r img,
.page_purple .bgimgsmall img,
.page_purple .bgimgsmall_r img{
  border: 1px solid #5A2967;
}

.page_red #menu,
.page_red div#catalog_list{
  background: #ffffff url('../images/border_red.gif') repeat-y right top;
}

.page_gray #menu,
.page_gray div#catalog_list{
  background: #ffffff url('../images/border_gray.gif') repeat-y right top;
}

.page_blue #menu,
.page_blue div#catalog_list{
  background: #ffffff url('../images/border_blue.gif') repeat-y right top;
}

.page_green #menu,
.page_green div#catalog_list{
  background: #ffffff url('../images/border_green.gif') repeat-y right top;
}

.page_orange #menu,
.page_orange div#catalog_list{
  background: #ffffff url('../images/border_orange.gif') repeat-y right top;
}

.page_purple #menu,
.page_purple div#catalog_list{
  background: #ffffff url('../images/border_purple.gif') repeat-y right top;
}

.submit input{
  background-color: #FFFFFF;
  border: 1px solid #666666;
  font-weight: bold;
}

.contactform{
  clear: both;
  display: block;
  float: left;
  padding-top: 5px;
  width: 580px;
  background-color: #F9F9F9;
}

.contactform div{
  clear: both;
  float: left;
  width: 580px;
  display: block;
  padding-bottom: 5px;
}

span.label{
  display: block;
  clear: none;
  width: 130px;
  text-align: right;
  float: left;
  margin-right: 5px;
  font-weight: bold;
  padding-top: 3px;
}

.contactform div input.vstup{
  display: block;
  float: left;
  clear: none;
  border: 1px solid #666666;
  width: 280px;
}

textarea.vstuppoznamka{
  display: block;
  float: left;
  clear: none;
  width: 410px;
  height: 170px;
  border: 1px solid #666666;
}

.moznosti{
  display: block;
  float: left;
  clear: none;
  margin-bottom: 10px;
}

#rtrap{
  display: none;
}

div.contactform_hlasky{
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  width: 560px;
}

.send_ok{
  color: #049904;
}

.send_nok{
  color: #CC0000;
}

hr{
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.silver td{
  background-color: #DEDEDE;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

table.cenik{
    width: 600px;
    border: 1px solid #666666;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #cccccc;
}

table.cenik th{
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    padding: 2px;
    text-align: left;
    color: #ffffff;
    background-color: #666666;
}

table.cenik td{
    padding: 2px;
    overflow: hidden;
    text-align: left;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

table.cenik tr.last td{
    padding-bottom: 5px;
    border-bottom: none;
}

table.cenik .nazev{
    width: 206px;
    padding-left:5px;
    border-left: none;
}

table.cenik .cena{
    width: 106px;
    text-align: center;
}

table.cenik th.cena2{
    text-align: center;
}

table.cenik .cena2{
    width: 48px;
    text-align: right;
}

table.cenik td.cena2{
    padding-right: 5px;
}

table.cenik .jednotka{
    width: 66px;
    text-align: center;
}

table.cenik .pocet{
    width: 66px;
    text-align: center;
}

table.cenik .pocet input{
    width: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 16px;
}

table.cenik .objednat{
    width: 26px;
    text-align: center;
}

table.cenik td.submit{
    border-top: 1px solid #666666;
    border-bottom: none;
    border-left: none;
    border-right: none;
    text-align: right;
    padding: 5px;
}

/*--------------kosik---------------------*/
table.kosik{
    width: 560px;
    border: 1px solid #666666;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #cccccc;
    margin-left: 10px;
    margin-bottom: 10px;
}

table.kosik th{
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    padding: 2px;
    text-align: left;
    color: #ffffff;
    background-color: #666666;
}

table.kosik td{
    padding: 2px;
    overflow: hidden;
    text-align: left;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

table.kosik tr.last td{
    padding-bottom: 5px;
    border-bottom: none;
}

table.kosik .nazev{
    width: 266px;
    padding-left:5px;
    border-left: none;
}

table.kosik .cena{
    width: 105px;
    text-align: center;
}

table.kosik th.cena2{
    text-align: center;
}

table.kosik .cena2{
    width: 47px;
    text-align: right;
}

table.kosik td.cena2{
    padding-right: 5px;
}

table.kosik .jednotka{
    width: 65px;
    text-align: center;
}

table.kosik .pocet{
    width: 65px;
    text-align: center;
}

table.kosik .pocet input{
    width: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 16px;
}

table.kosik .zrusit{
    width: 34px;
    text-align: center;
}

table.kosik td.submit{
    border-top: 1px solid #666666;
    border-bottom: none;
    border-left: none;
    border-right: none;
    text-align: right;
    padding: 5px;
}

.kosiktitle{
    display: block;
    clear: both;
    float: left;
    padding-top: 0px;
    font-size: 13px;
    padding-left: 10px;
}