/* --- layout --- */

body { 
    background: #666666 url(../jpgs/layout/body.jpg) repeat-x top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;  color: #40454E;  
    text-align: center;
    margin: 0px;  
    padding: 0px;
}

h5  { color: black; font-style: normal; font-weight: bold; font-size: 13px;  
      font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:10px; margin-top: 8px; margin-bottom: 3px; 
      }

li {list-style-type: square;	text-align: justify;	color: black;	font-weight: normal;
    font-size: 13px; 	font-family: "Arial";	font-style: normal;	padding-right: 5px;
    padding-left: 5px;	margin-left: 2px;	margin-right: 5px;
    margin-top: 2px;	background-color: #E9E9E9;	border-bottom: 1px solid Silver;}

img {border:none;}

.clear {clear: both;}


#page{ width: 819px; height: 100%; margin-left: auto; margin-right: auto; }

#main_tab{border-collapse:collapse; width:819px; height:100%;}
#logo_01{background: #B0C4DE url(../jpgs/layout/logo_01.jpg) top; font-size: 10px;  color: #40454E;  text-align: right;
          width:819px; height:21px;}
#logo_02{background: #B0C4DE url(../jpgs/layout/logo_02.jpg) top; width:819px; height:59px;}
#menu{background: #999999 url(../jpgs/layout/menu_01.jpg) repeat-x top; width:819px; height:30px;}
#main{background: White url(../jpgs/layout/main.jpg) repeat-y top; width:819px; height:100%; vertical-align:top;}
#footer{background: #999999 url(../jpgs/layout/footer.jpg) top; width:819px; height:30px; text-align:right;}
.date{margin-right:14px;}
.copy{display:block; height:14px; margin-top:12px; color:black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}


/* --- Menu ---*/
.spacer_menu{float:left; font-size:1px; width:78px; height:24px;}
.spacer_a{display:block; width:105px; height:5px; font-size:1px;}
.menuitem{margin-top:1px; float:left; width:105px; border-left:1px solid white; height:24px; text-align:center;}
.s_form{margin:0px;}
.s_form span{float:left; margin-top:5px; margin-left:25px;}
.search{margin-top:1px; float:left; width:205px; text-align:right; font-weight:bold; border-left:1px solid white; height:24px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.inp_sch{float:left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; height:18px; width:100px;
          margin-left:5px; margin-right:5px; margin-top:3px;}
          
/* --- vyskakovaci menu --- */
.popupmenu div {display:none; position:absolute; z-index:2;}
.popupmenu table {	background-color: silver;	cellpadding: 0px;	cellspacing: 0px;	 
                    frame: none;	border-style: solid solid solid solid; width:108px;
                    border-width: 1px 1px 1px 1px; border-color: #666666;	
                    display: block; }
                    
.popupmenu td {	color: #666666;	font-weight: bold;	font-size: 11px;	font-family:  Verdana, Arial, Helvetica, sans-serif;	
                border-bottom: 1px solid White;	width:108px;}

/* --- Linky --- */
a.menu_link:hover { display:block; width:105px; height:24px; color: black; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; 
                  text-decoration: none }
.menu_link {display:block; width:105px; height:24px; color: #40454E; font-weight: bold; font-size: 12px; 
          font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a.ngs:hover {color: black; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; 
                  text-decoration: underline }
.ngs {color: #A9A9A9; font-weight: bold; font-size: 10px; 
          font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
          
a.m_link:hover {margin-left:2px; display:block; width:100px;  height:14px; color: black; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
                  text-decoration: underline }
.m_link {margin-left:2px; display:block; width:100px; height:14px; color: #666666; font-weight: bold; font-size: 11px; 
          font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
          
a.rm_link:hover {display:block; width:123px;  height:19px; color: black; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
                  text-decoration: none; float:left;}
.rm_link {display:block; width:123px; height:19px; color: #666666; font-weight: bold; font-size: 11px; 
          font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}

a.t_link:hover {	color: Gray;	font-weight: bold;	font-size: 12px;	
                  font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;}
.t_link { color: black;	font-weight: bold;	font-size: 12px;	
          font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
          
a.d_link:hover {	color: red;	font-weight: normal;	font-size: 12px;	
                  font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;}
.d_link {	color: blue;	font-weight: normal;	font-size: 12px;	
          font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;}

/* --- Tlacitka --- */
.s_tl{margin-top:3px; float:left; border:0px;}
.tlacitko{font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444;}

/* --- Obsah --- */
.spacer_left{float:left; width:20px; height:20px;}
.spacer_nadpis{display:block; font-size:1px; height:1px; }
.coll_l{float:left; height:auto; width:605px; margin-top:10px;}
.coll_r{float:left; height:auto; width:170px; margin-top:10px; text-align:center;}
.obal_text{width:590px; height:auto; margin-bottom:15px;}
.obal_text p, ul{margin-top:4px; margin-bottom:0px;}
.nadpis {float:left; width:590px; height:21px;}
.nadpis_01{float:left; width:5px; height:21px; background: silver url(../jpgs/layout/nadpis_01.jpg) top;}
.nadpis_02{float:left; height:21px; background: silver url(../jpgs/layout/nadpis_02.jpg) repeat-x top;
          font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:black;}
.nadpis_02 span{margin-top:3px;}
.nadpis_03{float:left; width:20px; height:21px; background: silver url(../jpgs/layout/nadpis_03.jpg) top;}
.nadpis_04{float:left; height:21px; background: silver url(../jpgs/layout/nadpis_04.jpg) repeat-x top;}
.nadpis_05{float:left; width:5px; height:21px; background: silver url(../jpgs/layout/nadpis_05.jpg) top;}
.text {float:left; width:590px; height:auto;}
.produkt li{	list-style-type: square; color: #444444;	text-align: justify;	font-weight: normal;	
          font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;	font-style: normal;	padding-right: 0;	
          padding-left: 0;	padding-bottom: 0;	margin-left: 0;
          margin-right: 0;	margin-top: 0;	background-color: transparent;	
          border-bottom: 0px none Silver;}
.text_l{float:left; width:5px; height:100px; background: white url(../jpgs/layout/obsah_01.jpg) top;}
.text_c{float:left; width:580px; min-height:100px; height:auto; _height:100px; background: white url(../jpgs/layout/obsah_02.jpg) repeat-x top;
        font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444;
        text-align:justify;}
.text_r{float:left; width:5px; height:100px; background: white url(../jpgs/layout/obsah_03.jpg) top;}

.kontakt_l{float:left; width:255; margin-right:4px; margin-top:6px; text-align:right; font-weight:bold;}
.kontakt_p{float:left; width:315; margin-left:4px; margin-top:6px; text-align:left; font-weight:normal;}

.form {margin:0px; width:580px;}
.form span{float:left; display:block; width:15px; height:20px; font-size:1px; }
.form_p {float:left; text-align:left;  margin-top:4px; width:270px; font-weight: normal; font-size: 12px; 
          font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; padding:0px;}
.form_t {float:left; text-align:center;  margin-top:4px; width:270px; font-weight: normal; font-size: 12px; 
          font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; padding:0px;}
.form_2p {float:left; text-align:left;  margin-top:4px; width:540px; font-weight: normal; font-size: 12px; 
          font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; padding:0px;}
.inp_t {display:block; margin:0px; width:260px; height:22px; font-size:12px; 
        float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
.t_area {display:block; margin:0px; width:540px; font-size:12px; 
        float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
.message {height:18px; color:red; font-weight: bold;	font-size: 12px;	font-family: Verdana, Arial, Helvetica, sans-serif;	
          font-style: normal; text-align:center; margin-top:2px;}

/* --- Prave menu --- */
.right_menu{width:150px; background-color:#EAEAEA; margin-top:15px;
            margin-left:auto; margin-right:auto; font-size:12px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
.rm_box{ float:left; width:25px; height:20px; border-bottom:1px solid silver; border-left:1px solid silver; background-color:#EAEAEA}
.rm_radek {float:left; width:123px; _width:125px; height:20px; border-bottom:1px solid silver; border-right:1px solid silver; text-align:left; background-color:#EAEAEA}
.rm_nadpis{_border-left:1px solid silver; _border-right:1px solid silver; font-size:12px; color: #444444; height:20px; background-color:silver;
           width:150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.box{height:5px; width:5px; _height:11px; _width:11px; border:3px double silver; font-size:1px;
     margin-left:auto; margin-right:auto; margin-top:5px;}
.spacer_rm{display:block; font-size:1px; width:100px; height:3px; margin:0px;}
.right_kontakt{width:150px; margin-top:15px; text-align:left;
            margin-left:auto; margin-right:auto; font-size:12px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

/* --- Obrazky --- */
.right_img{width:150px; margin-top:15px;
            margin-left:auto; margin-right:auto; font-size:12px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
.right_img img,b {cursor:pointer;}
.ul_right{margin:0px; padding:0px; width:150px;}
.ul_right li {list-style-type:none;	text-align: justify;	color: black;	font-weight: normal;
    font-size: 12px; 	font-family: Verdana, Arial, Helvetica, sans-serif;	font-style: normal; margin-left:0px; margin-right:0px;
    margin-top: 2px;	background-color: #E9E9E9;	border-bottom: 1px solid Silver;}
    
.ul_indx{margin:0px; padding:0px; width:300px;}
.ul_indx li {list-style-type:none;	text-align: justify;	color: black;	font-weight: normal;
    font-size: 12px; 	font-family: Verdana, Arial, Helvetica, sans-serif;	font-style: normal; margin-left:0px; margin-right:0px;
    margin-top: 2px;	background-color: #E9E9E9;	border-bottom: 1px solid Silver;}

/* ------------------------------------------------------------------------- */
/* Popisy vyrobku */

.t_popis {display: block; width:535px; font-size: 11px; font-family: "Arial";}
.t_popis thead {  font-weight: bold; font-size: 12px; vertical-align: middle; 	
                  text-align: center; background-color: Silver; }
.t_popis td {height:14px;}
.t_1 { 	font-weight: bold; 	vertical-align: middle; 
        text-align:center;	background-color: #D4D3D3; 	width: 20px;
        border-right-style: ridge; 	border-right-width: 1px; }
.t_2s {	font-weight: bold; 	vertical-align: middle;	
        background-color: #EAEAEA; 	width: 145px; 	padding-left: 5px; padding-right: 5px;}
.t_2s1 {font-weight: bold; vertical-align:middle;  background-color: #DCDCDC; 
        width:145px; padding-left:5px; padding-right: 5px;}
.t_2ms {	font-weight: bold; 	vertical-align: middle;	background-color: #EAEAEA; 	
          padding-left: 5px; padding-right: 2px;}
.t_2ms1 { font-weight: bold; vertical-align:middle;  background-color: #DCDCDC; 
          padding-left:5px; padding-right: 2px;}
.t_3 {font-weight: normal; vertical-align:top;}
.seda { 	background-color: #EAEAEA; }
.seda1 { 	background-color: #DCDCDC; }
.tech { font-weight: normal; font-size: 11px; font-family: "Arial";	
        font-style: normal;	display: block;}
.tech td{text-align:justify; padding-left:5px; vertical-align:top;}


