body { margin:0 0 20px; padding:0; color:#666; background:#666;  font-family:   sans-serif; text-align:center; font-size:0.8em; line-height: 130%; letter-spacing: 0; }

#page {
  margin:45px auto;
  text-align:left;
  width:740px;
  border:0px;
  padding:0px;
}

#page[id] {
  width:705px;
}


/*-------------------------------------------------------layout-------------------------------------------------------*/

#header { background:url(../images/main_picture_firma.jpg) no-repeat; width: 740px; height: 320px; float: left; padding:0; margin:0 0 0; border:0; position:relative;}
#header[id] { margin:0; }

#content {  background-color: white; width: 740px; height: auto; margin: 0; padding: 0; border-width: 0; background-image: url(../images/stripe_red_white_gray.jpg); background-repeat: repeat;}


#left_column { position:relative; background:transparent;  width:280px; height: auto; float:left;  margin: 0; padding: 0; text-align:left;}
#left_column[id] { width:280px; }

#text_box { position:relative; background:transparent; width:460px; height: auto; float:right;  margin: 0; padding: 50px 50px 50px 20px; text-align:left;}
#text_box[id] { width:390px; }




.cl { font-size: 0; line-height: 0; width: 0; height: 0;  clear:both; margin: 0; padding: 0; border-width: 0; }



/*-------------------------------------------------------menu-------------------------------------------------------*/

#main_menu { position:absolute; left:286px; top:243px; background:transparent; width: 435px; height: 35px; float: left; padding:0; margin:0; border:0 ; }

.menu {
  margin:0 0 0 1px;
  background:transparent;
  border:0;
  padding:12px 0 0 0 ;
}


.menu li {
  display:inline; 
}





/*------------------------------------------footer+menu footer---------------------------------------------------------*/

#footer { background-color: transparent; background-image: url(../images/bg_footer.gif); background-repeat: no-repeat; background-position: 0 top; height:53px; width:740px; padding:0; }

#menu_footer { text-align:right; color:#FFF; padding:11px 22px 0 0; }
#menu_footer a {color:#FFF;font-weight:bold;text-decoration:none;}
#menu_footer a:hover {text-decoration:underline;}

#copyright {float:left; margin:17px 0 0 5px;padding:0 0 8px 0; font-size:90%; color:#cfcdcd;}
#ika {float:right;margin:17px 5px 0 0;padding:0 0 8px 0; font-size:90%; color:gray;}

#ika a {color:#cfcdcd;font-weight:bold;text-decoration:none;}
#ika a:hover {text-decoration:underline;}




/*-------------------------------------------------------links-------------------------------------------------------*/

.menu li a { color:white; font-size: 0.9em; text-decoration:none; letter-spacing: 1px; background:#666666; padding:6px 28px 6px 28px; font-weight:bold; border-width: 0; }
.menu li a:hover {color:white; background:#333;}
.menu li a:active {color: white; background:#333;}

#text_box a { color:#b30415; text-decoration:none;  font-weight:normal; border-width: 0; }
#text_box a:hover {color:#ff9933;}

/*-------------------------------------------------------text-------------------------------------------------------*/

p {margin: 0px 0 0px 0; color:#245298; text-align:left;}
ul {margin: 3px 0px 20px 10px; padding: 0;}
li {list-style-type: disc}
#hr_top {margin: 9px 0px 20px 0 ;}
#hr_top_produkty {margin: 0px 0px 20px 0 ;}
hr {margin: 25px 0px 25px 0 ;}

h1 { font-size:2em; color:gray; background-color: transparent;   letter-spacing: -1.8px; margin:0; padding: 0 0 10px 0px; line-height: 100%;}
h2 { color:#b30415; font-size: 1.7em; letter-spacing: -0.3px; line-height: 118%; margin: 0 0 5px 0; padding: 0; }
h3 { color:gray; font-size: 1.2em; letter-spacing: -0.1px; margin: 0 0 3px 0; padding: 0; }





/*-------------------------------------------------------images------------------------------------------------------*/


img { margin: 0 0 0 0;  padding: 0px; border-width: 0;}
.float_img { margin: 5px 14px 5px 0;   border-width: 0; float: left;}
.float_img[id] { padding: 5px 14px 5px 0; }

.float_img_right { margin: 5px 0px 5px 14px;   border-width: 0; float: right;}
.float_img_right[id] { padding: 5px 0px 5px 14px; }



/*-------------------------------------------------------galerie------------------------------------------------------*/

.galery dl {
  width:180px;
  border:1px solid #7ad;
  float:left;
  margin:5px 10px 5px 0;
  text-align:center;
  background:#D3E2F6; 
}

.galery dt {
  margin:8px 0 0 0;
}

.galery dd {
  margin:5px ;
}


.galery a img {
  border:3px double #036;
}

.galery a:hover img {
  border-style:solid ;
} 


/*-------------------------------------------------------pop-up window------------------------------------------------------*/

#windows { background-color: transparent; width: 540px; margin: 50px auto; text-align: left; height: auto; border: solid 2px gray; }
.windows_in { width:auto; height:auto; background-color: transparent; text-align: left; margin: 0; padding: 20px; position:relative;}


body.windows_links {min-width: 650px; background:#96969a;}


/*-------------------------------------------------------language_switch------------------------------------------------------*/

#language_switch {  position:absolute; top:-16px; right:0px;  color:white; background-color: transparent;   margin:-3px 0 0 0; padding:0; }



.but_language_switch {
  margin: 0;
  background:transparent;
  border:0;
  padding:0 ;
  
}

.but_language_switch li { display:inline; margin: 0; }

#cz a {  width: 24px; height: 15px;  background-image: url(../images/flag_cz.gif); background-repeat: no-repeat; float: left; margin: 0 5px 0 0px;}
#cz a:hover {  width: 24px; min-width: 24px; height: 15px; background-image: url(../images/flag_cz_hover.gif); background-repeat: no-repeat;}

#en a {  width: 24px; height: 15px;  background-image: url(../images/flag_en.gif); background-repeat: no-repeat; float: left; no-repeat; margin: 0 5px 0 0px;}
#en a:hover {  width: 24px; min-width: 24px; height: 15px; background-image: url(../images/flag_en_hover.gif); background-repeat: }

#de a {  width: 24px; height: 15px;  background-image: url(../images/flag_de.gif); background-repeat: no-repeat; float: left; }
#de a:hover {  width: 24px; min-width: 24px; height: 15px; background-image: url(../images/flag_de_hover.gif); background-repeat: no-repeat;}









