/*general web*/

/*
list
203  home
259  levé menu
290 katalog
384  dokumenty ke stažení

*/

html{width: 960px; padding: 0;  margin: 0 auto 0 auto;  background-color: #F5F5F5;}
body{margin: 0 auto 0 auto; background:#ffffff; font-family:Arial,Helvetica,sans-serif;font-size:11px; width:100%; }

/*
html{width: 960px; padding: 0; margin: 0 auto 0 auto;   background-color: #f5f5f5;border:solid green 0px;}
body{ margin: 0;padding: 0;background:#ffffff; font-family:Arial,Helvetica,sans-serif;font-size:11px; width:960px;border:solid blue 0px;}
*/


h1{font-size:1.6em;font-family:verdana,arial,sans-serif;}
h2{font-size:1.5em;font-family:verdana,arial,sans-serif;}
h2.small{font-size:1.1em;}
h2.odkaz{font-size:1.1em;text-decoration:underline;color:rgb(42,119,181);text-align:left;}
h3{font-size:1.3em;font-family:verdana,arial,sans-serif;}
h4{font-size:1.2em;font-family:verdana,arial,sans-serif;}
h5{font-size:1.1em;font-family:verdana,arial,sans-serif;}
p {margin:0;padding:0;font-size:1.1em;}
ul{list-Style-Type:none;margin:0;padding:0;}  	
li{text-decoration:none;font-size:1.1em; margin:0;}
td{border:0;padding:0;margin:0;font-size:11px;border:solid blue 0px;}
th{border:0;padding:0;margin:0;font-size:12px;}
tr{margin:0;border:solid red 1px;}
img{margin:0;border: 0;}
a{text-decoration:none;color:black;}
a:hover{text-decoration:none;}
div{margin:0;padding:0;background:#ffffff;border:solid green 0px;}


/*top**************************************************************************/

div#top{width:960px; height:5px;}
div#top h1{font-size:1.8em;margin: 0em .2em .2em 0em; font-weight:bold;color:#000000;text-align:right;}
#logo {float:left;margin:.1em 0em .1em .9em}

/*head CZ*/

    div#head{width:960px; height:90px;margin-top:.2em;font-weight: bolder; background:#fff; border:solid black 0px;}
    #obr1 {margin:0;padding:0;float:left;}
    
    div#logo {margin:0 0 0 0;padding:0; width:435px;height:90px;background:#fff; float:left;}
    div#headmenu {margin:0px 0 3px 0;padding:0; width:525px;height:90px;background:#fff; float:right;border:solid red 0px;}
    
    /*menubar**********************************************************************/
    div#menubar {margin:0 ;padding:0; width:525px;height:35px; background-image: url(../image/foto/Baner_upmenu.jpg); text-align:left; font-size: 1.0em; font-weight: bold; float:left;border:solid blue 0px;}
    div#menubar ul{margin:5px 0 ; padding:5px 0; height: 15px ; list-style-type:none; }
    div#menubar li{display:inline; margin:0; padding:0px 6px; line-height:1.1em; color:#ffffff; border-right:2px solid white ;}
    div#menubar li a{ margin:0;padding:0;text-decoration:underline;color:#ffffff;}
    div#menubar a:hover{text-decoration:none;color:rgb(234,140,149);} 
    
    
    
    /*background:#A8A8A8;background:rgb(206,220,244);*/
    
    /*tlačítka s oblýmy rohy*/
    div.butt1 { background-color:#33CCFF;}
    
    
    /*loginbar**********************************************************************/
    div#loginbar {margin:0px 0 3px 0;padding:0; width:525px;height:55px; background-image: url(../image/foto/Baner_loginbar.jpg); text-align:left; font-size: 1.0em; font-weight: bold; float:left;}
    div#loginbar ul{margin:5px 0 0 1px ; list-style-type:none; border:solid red 0px;}
    div#loginbar li{display:inline; margin:5px 3px 0 0;padding:0px 0px;   }
    div#loginbar li a{ margin:0 ;padding:0;text-decoration:none;color:#ffffff;}
    div#loginbar a:hover{text-decoration:none;color:rgb(234,140,149);}
     
    /*loginbar s košíkem **********************************************************************/
    div#loginbar1 {margin:0px 0 3px 0;padding:0; width:200px;height:55px; background-image: url(../image/foto/Baner_loginbar.jpg); text-align:left;font-size: 1.0em; font-weight: bold; float:left;}
    div#loginbar1 ul{margin:15px 0 0 0px ; list-style-type:none; border:solid red 0px;}
    div#loginbar1 li{display:inline; margin:5px 3px 0 0;padding:1px 0px;  }
    .buttreg {display:block; width:200px; margin:5px 3px 0 0;padding:1px 0px;  }
    div#loginbar1 li a{ margin:0 ;padding:0;text-decoration:none;color:#ffffff;}
    div#loginbar1 a:hover{text-decoration:none;color:rgb(234,140,149);}
   
    /*loginbar s košíkem bez přístupvýho formuláře **********************************************************************/
    div#loginbar2 {margin:0px 0 3px 0;padding:0; width:325px;height:55px; background-image: url(../image/foto/Baner_kosik.jpg); text-align:left;font-size: 1.0em; font-weight: bold; float:left;border: 0px solid gray ;}
    div#loginbar2 ul{margin:15px 0 0 1px ; list-style-type:none; border:solid red 0px;}
    div#loginbar2 li{display:inline; margin:5px 3px 0 0;padding:1px 0px;  background:rgb(206,220,244);}
    div#loginbar2 li a{ margin:0 ;padding:0;text-decoration:none;color:#ffffff;}
    div#loginbar2 a:hover{text-decoration:none;color:rgb(234,140,149);}
   
   /*košík**********************************************************************/
    div#kosik {margin:0px 0 3px 0;padding:0; width:325px;height:55px;background:rgb(240,219,87); text-align:right; float:left;}
    div#kosik ul{margin:15px 0 0 1px ; list-style-type:none; border:solid red 0px;}
    div#kosik li{display:inline; margin:5px 3px 0 0;padding:1px 10px;  background:rgb(240,219,87);}
    div#kosik li a{ margin:0 ;padding:0;text-decoration:none;color:#ffffff;}
    div#kosik a:hover{text-decoration:none;color:rgb(234,140,149);}
        
    /*infobar**********************************************************************/
    div#infobar {height:25px; margin-top:10px; width:960px;background:#ffffff;  }
    div#infobar ul{margin:0;padding:0 ;list-style-type:none;text-align:right;}
    div#infobar li{display:inline; margin:0;padding:0;line-height:0.8em;text-align:center;white-space:nowrap;}
    div#infobar li a{padding:0.3em 0.8em;text-decoration:none;color:rgb(80,158,222);}
    div#infobar a:hover{background-color:#f2f2f2;text-decoration:none;color:rgb(80,158,222);}
    div#infobar ul#bar1{ float:left;}
    div#infobar ul#bar1 a {padding:0.1em 0.1em;}
    
    /*infobar staré stránky - bude smazán **********************************************************************/
    div#loginbars {height:1.1em; margin-top:1.2em;width:960px;background:#ffffff;  }
    div#loginbars ul{margin:0;padding:0 ;list-style-type:none;text-align:right;}
    div#loginbars li{display:inline; margin:0;padding:0;line-height:0.8em;text-align:center;white-space:nowrap;}
    div#loginbars li a{padding:0.3em 0.8em;text-decoration:none;color:rgb(80,158,222);}
    div#loginbars a:hover{background-color:#f2f2f2;text-decoration:none;color:rgb(80,158,222);}
    div#loginbars ul#bar1s{ float:left;}
    div#loginbars ul#bar1s a {padding:0.1em 0.1em;}

     /*shopingbar**********************************************************************/
    div#shopingbar {margin:0 0 0 5px ;padding:0; width:735px;height:35px;background:#fff; text-align:left; float:left;}
    div#shopingbar tr{margin:5px 0 ; padding:5px 0; height: 15px ; font-size: 1.3em; color:#ffffff; background:#fff; list-style-type:none; }
    div#shopingbar td.spc{margin:0; padding:0px 0px; font-size: 1.5em; background:#fff; color:#787878;}
    div#shopingbar td.txt0{ margin:0; padding:0px 8px;  background:#B8B8B8;  }
    div#shopingbar td.txt1{ margin:0; padding:0px 8px;  background:#99CCFF;  }
    div#shopingbar td.txt2{ margin:0; padding:0px 8px;  background:#99CCFF;  }
    div#shopingbar td.txt3{ margin:0; padding:0px 0px;  background:#fff;  }
    div#shopingbar td input{ margin:0; padding: 0 0 0.3em 0; float:left; width:175px;height: 25px;font-size: 1.1em; background:#99CCFF; border: 0px solid gray ;}  
    div#shopingbar td input:hover {text-decoration:none;color:rgb(234,140,149);}
    div#shopingbar td image{ margin:0; padding:0px 8px;  background:#99CCFF;   }
    div#shopingbar td a{ margin:0;padding:0;text-decoration:none; }
    div#shopingbar a:hover{text-decoration:none;color:rgb(234,140,149);} 


/*main - definice oddílů*******************************************************/
body div#main{width:960px; height:100%; background:#ffffff; float:left; border: 0px solid blue;}

/*prostor levéhho menu*/

div#main div#leftmenu {width:21.5%;height:100%;float:left;border: 0px solid green;}
div#main div#leftmenu a{display:block;}
div#main div#leftmenu a:hover{background-color:#f2f2f2;text-decoration:none;color:rgb(80,158,222);} 
div#main div#leftmenu ul li{padding:0.2em 0.2em 0.2em 0.5em;}
div#main div#leftmenu ul li.submenu{padding:0.2em 0.2em 0.2em 1.2em; color:rgb(42,119,181);}
div#main div#leftmenu ul li.katalog{padding:0.2em 0.2em 0.2em 2em;}
div#main div#leftmenu ul li.skupina{padding:0.2em 0.2em 0.2em 2.5em;}
div#main div#leftmenu ul li.detail{padding:0.2em 0.2em 0.2em 3.4em;}

.stm1 {color:rgb(0,0,0);}
.stm2 {color:rgb(80,136,222);}
.stm3 {color:rgb(147,25,153);}
.stm4 {color:rgb(53,11,198);}
.stm5 {color:rgb(228,34,52);}

/*firemní informace pod levým menu a e-mail*/ 
div#main div#leftmenu #login {width:100%; float:left; }
div#main div#leftmenu #login a{display:block;}
div#main div#leftmenu #firmainfo {margin:280px 0 0 5px;padding:0px 0px;width:100%; font-size: 0.9em; float:left; }
div#main div#leftmenu .email {width:97%; text-align:justify;}
div#main div#leftmenu .email a{display:block;background:#ffffff;}
div#main div#leftmenu .email img {margin:5px 0 5px 5px; width:50px;height:50px; }

/* kontakt - impressum */
div#kontaktl {margin: 0; width:45%;text-align: left; font-size: 1.1em;float:left;border: 0px solid green;}
div#kontaktp {margin: 0; width:52%;text-align: left; font-size: 1.1em;float:left;border: 0px solid green;}
table#osoby {font-size: 1.1em;}

/*prostor stranky vedle menu*/
div#main div#page{width:78.20%;float:right;border: 0px solid green;}
  

/*prostor titulku a hlavního textu*/
div#main div#page #titulek{margin-bottom: 3px;width:99%;}

/*prostor hlavního textu*/
div#main div#page #maintext{margin-bottom:2px;width:99%; height:100%; border: 0px solid green;}
div#main div#page #maintext #tisk {width:98%; padding:2px 2px; text-align:justify; border: 0px solid blue;}
div#main div#page #maintext img.intextP {margin:5px 0 5px 5px; width:400px;height:250px; float:right;}
div#main div#page #maintext img.intextP1 {margin:5px 0 5px 10px; width:300px;height:225px; float:right;}
div#main div#page #maintext img.intextP1p {margin:0px 45px 0px 45px; width:225px;height:300px; float:right;}
div#main div#page #maintext img.intextP2 {margin:5px 0 5px 5px; width:200px;height:150px; float:right;}
div#main div#page #maintext img.intextL {margin:5px 5px 5px 0; width:400px;height:250px; float:left;}
div#main div#page #maintext img.intextL1 {margin:5px 0 5px 5px; width:300px;height:225px; float:right;}
div#main div#page #maintext img.thpl{margin:5px 0 5px 5px; width:136px;height:102px; float:right;}
div#main div#page #maintext img.thpp{margin:5px 0 5px 5px; width:102px;height:136px; float:right;}

div#pre{margin:0;width:100%;height:330px;text-align:left;}  /*PORTRAIT*/
div#pre1{margin:0;width:100%;height:250px;text-align:left;}  /*LANSCAPE*/
div#pre2{margin:0;width:100%;height:150px;text-align:left;}  /*prezentace služeb*/
div#pre3{margin:0 5px 0 0; width:48%;height:100%;text-align:center;float:left;}
div#pre3 p{padding:3px 17px 5px 17px; }
div#pre4{margin:30px 15px 0 0; width:160px;height:160px;text-align:center;float:left;}
div#pre4pt{margin:10px 5px 0 0; width:160px;height:160px;text-align:center;float:left;}
div#pre4 p{padding:3px 17px 5px 17px; }
div#pre5{margin:10px 5px 0 0; width:700px;height:250px;float:left;border:solid blue 1px;}
div#pre5 p{padding:3px 17px 5px 17px;text-align:left; }
div#pre6{margin:0;width:100%;height:110px;text-align:left;}  /*prezentace služeb*/
div#pre7{margin:0;width:100%;height:300px;text-align:left;}  /*prezentace služeb*/
/*definice ID*/

#tl1{width:90px;height:15px;background:#ddd;border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;text-align:center;}
#tl1 a:hover{background-color:#f2f2f2;color:color:rgb(42,119,181);}


/*formáty tištěných seznamů */
/*seznam adres */
#psa1 {width:40%;text-align: left;}
#psa2 {width:19%;text-align: left;}
#psa3 {width:6%;}
#psa4 {width:6%;}
#psa5 {width:19%;text-align: left;}
#psa6 {width:5%;}
#psa7 {width:10%;}
#psa8 {width:10%;}
#psa9 {width:10%;}

#butt{float:right;width:340px;}
#butt td{width:170px;height:10px;background:#ddd;border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;text-align:center;}
#butt a:hover{background-color:#f2f2f2;color:rgb(42,119,181);}


/*definice class*/
.tisk {color:rgb(221,104,52);padding:2px 5px 2px 5px; width:130px; height:15px; border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272; font-size:1.0em; text-align:center;}
.tisk1 {color:rgb(42,119,181); padding:2px;  width:160px; height:25px; border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;text-align:center;}

.modtexts{margin:3px 0 0 0;color:rgb(80,158,222);}
.modrtext{color:rgb(42,119,181);}
.cervtext{color:#ff6633;}
.zeltext{color:#00CC00;}
.cerntext{color:black;}
.textblok{text-align:justify;margin-top:.3em ;}
.textbloknad{text-align:justify;margin-top:.3em;font-weight:bold;color:rgb(42,119,181);font-size:1.2em;}
.textblokpodnad{text-align:justify;margin-top:.3em;font-weight:bold;}
.textcentr{text-align:center;margin:0;padding:0;}
.textpodpis{text-align:left;margin-top:1.5em;padding:0;}
.popis  {float:left;}
.nadpis{margin-top:.3em;font-size:1.2em;font-weight:600;}
.odkaz{margin:0.5em 0 0 .1em; text-decoration:underline;font-size:1em;color:rgb(42,119,181);text-align:left;}
.parag{margin:0.4em 0 0 .1em;width:10%;text-align:left;font-size:1.2em;font-weight:600;float :left;}
.odstav{margin:0.6em .3em 0 0;text-align:justify;width:89.1%;font-size:1.2em;float:left;}
.odstav1{margin:0.1em 0 0 10em;text-align:justify;width:90%;font-size:1.2em;float:right;}
.odstav2{margin:0.1em 0 0 7em;text-align:justify;width:90%;font-size:1.2em;float:right;}
.odstavjm{margin:0.6em .3em 0 0;text-align:left;width:89.1%;font-size:1.2em;font-weight:500;float:left;}
.seznam{margin-left:18px;list-Style-Type:decimal;}

.imgp{margin:3px 0 3px 8px;width:300px;height:225px;float:right;}
.imgp1{margin:3px 0 3px 8px;width:160px;height:120px;float:right;}
.imgp2{margin:3px 0 3px 8px;float:right;}

.clear{clear:both;}


.examL{margin:10px 0 10px 0;border:solid red 0px; float:left;width:385px;height:460px;}
.examR{margin:10px 0 10px 0;border:solid red 0px;float:right;width:365px;height:460px;}
.examR img{margin:0 0 3px 30px;width:300px;height:225px;}
.examS{margin-bottom:5px; padding:0 5px 0 5px;width:355px;height:350px;float:left;}
.examS img{margin:0 0 0 20px;width:300px;height:225px;}
.examS img.pt{margin:0 0 0 50px;width:225px;height:300px;}




/* home
/*hlavní menu v home služby**********************************************************/
table#aktualita {margin: 0px 0 0 0px; padding: 3px ; width:100%;text-align: justify ;background: rgb(255,238,178);  border: thin rgb(213,10,21) groove;}

table#mainmenu {margin: 1em; width:97%;text-align: center;font-size:1.1em;}
table#mainmenu td {padding: 0 12px 0 12px;margin: 1px; height:85px; width:145px; text-align: center;  border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;}
table#mainmenu td.B6{padding: 0 12px 0 12px;margin: 1px; height:85px; width:145px; text-align: center; background: rgb(255,252,230);  border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;}
table#mainmenu td.B8{padding: 0 12px 0 12px;margin: 1px; height:40px; width:145px; text-align: center; background: rgb(255,252,230);  border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;}
table#mainmenu td.B9{padding: 0 12px 0 12px;margin: 1px; height:50px; width:145px; text-align: center; background: rgb(255,252,230);  border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;}

table#mainmenu td a {display:block;}
table#mainmenu td a:hover {margin:0 0px 0 0 ;padding:0; font-weight: bold; color:rgb(42,119,181);}

table#kontakt {margin: 0.3em; width:100%;text-align: left; font-size: 1.0em;}


table#adminmenu {margin: 1em; width:90%;text-align: center;}
table#adminmenu td {padding: 1em ;margin: 0em; height:45px; width:100px; background-color: rgb(153,204,255);border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;}

.mainbut{font-size:1em; margin:0;padding:0;}

/* hlavní menu produkty border-color:#c5c5c5 #c5c5c5 #727272 #727272;*/

div#lepole {margin: 0;  width:200px; height:600px;  float:left;border:solid red 0px;background-image: url(../image/foto/hrotovy-system-A1.jpg);}
div#lepole div.btnvm {margin: 15px 0 1px 20px; height:80px; width:160px;  }
div#lepole div.btnvm p {padding:30px 7px 0px 0px; text-align: right;font-size:1.2em; font-weight: 800;}

/*staré tlačitka pak smazat */
div#lepole div.btnvms {margin: 15px 0 1px 20px; height:76px;  width:156px;  border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272; }
div#lepole div.btnvms p {padding:30px 7px 0px 7px; text-align: center;font-size:1.1em; font-weight: 300;}
div#lepole div.btnvms a {display:block;}
div#lepole div.btnvms a:hover {margin:0 0px 0 0 ;padding:0; font-weight: bold; color:rgb(42,119,181);}

div#prpole1 {margin: 0; width:535px; height:105px;  float:left;border:solid green 0px;background-image: url(../image/foto/hrotovy-system-A2.jpg);}
div#prpole1 div.btnhmA {margin: 15px 0 1px 0px; height:80px; width:160px;  float:left; background:#ff0000;  }
div#prpole1 div.btnhmB {margin: 15px 0 1px 20px; height:80px; width:160px; background:#ff0000;  float:left;  }

/*staré tlačitka pak smazat */
div#prpole1 div.btnhmAs {margin: 15px 0 1px 0px; height:76px; width:156px;  float:left; background:#fff; border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272; }
div#prpole1 div.btnhmAs p {padding:30px 7px 0px 7px; text-align: center;font-size:1.1em; font-weight: 300;}
div#prpole1 div.btnhmAs a {display:block;}
div#prpole1 div.btnhmAs a:hover {margin:0 0px 0 0 ;padding:0; font-weight: bold; color:rgb(42,119,181);}

div#prpole1 div.btnhmBs {margin: 15px 0 1px 20px; height:76px; width:156px; background:#fff;  float:left; border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272; }
div#prpole1 div.btnhmBs p {padding:30px 7px 0px 7px; text-align: center;font-size:1.1em; font-weight: 300;}
div#prpole1 div.btnhmBs a {display:block;}
div#prpole1 div.btnhmBs a:hover {margin:0 0px 0 0 ;padding:0; font-weight: bold; color:rgb(42,119,181);}

div#prpole2 {margin: 0 ; width:535px; height:495px; text-align: center;font-size:1.1em; float:left;border:solid green 0px; background-image: url(../image/foto/hrotovy-system-A3.jpg);}



/*midle - definice pro texty*/

div#main div#page div#middle div#text{margin:0;width:100%;float:left;  }



/*midle - definice tabulka HS menu*/

#hsm{margin-top:10px;}
#hsm p{text-align:center;}
#hsm img{margin-left:20px;}
#hsm div.uz{margin:0 5px 0 0;height:155px;width:153px;float:left;}
#hsm div.si{margin:0;height:155px;width:286px;float:left;}
#hsm div.st{margin:0;height:155px;width:210px;float:left;}
#hsm div.rada{margin:0;height:40px;width:100%;float:left;}






#fotoS {padding:3px;width:100%;height:100%;float:left;border:solid green 0px;}

/*midle - definice tabulka menu galerie fotografií*/
div#main div#page table#galerie{margin-top:1em;width:80%;}
div#main div#page table#galerie h4{margin:0 0 0 .3em;font-size:1.4em;}
div#main div#page table#galerie a:hover{background-color:#eeeeee;color:rgb(42,119,181) !IMPORTANT;text-decoration:none;}
div#main div#page table#galerie li{margin:0;font-size:1.2em;padding-left:.6em;line-height:1.5em;text-align:left;}
div#main div#page table#galerie tr *{vertical-align:top;}


/* KATALOG*/
#katalog {padding:1px 0 0 0;width:100%;height:100%; font-size:1.05em; float:left; border:0px solid red ;}
#katalog td{text-align: center; background-color:#eeeeee; height:30px;}
#katalog td img{float: left;}
#katalog td #detail{margin:3px 10px 3px 0px;width:65px;height:20px;float: none;}


/*KATALOG OBRÁZKOVÉ MENU*/

div#main div#page div.kat {float:left;height:179px;width:160px;margin:2px 2px;background:#ffffff;border: solid gray 1px;}
div#main div#page div.kat p{margin:3px 0 0 0;padding:0;text-align:center;font-size:1em;}
div#main div#page div.kat div.ls img {margin:35px 0 0 0;height:120px;width:160px; border: solid blue 0px;}
div#main div#page div.kat div.pt img {margin-left:21px; height:160px;width:120px;border: solid blue 0px;}
div#main div#page div.kat2 {float:left;height:190px;width:160px;margin:2px 2px;background:#ffffff;border: solid gray 1px;}
div#main div#page div.kat2 p{margin:2px 0 0 0;padding:0;text-align:center;font-size:1em;}
div#main div#page div.kat2 div.ls img {margin:35px 0 0 0;height:120px;width:160px; border: solid blue 0px;}
div#main div#page div.kat2 div.pt img {margin:1px 0 0 21px; height:160px;width:120px;border: solid blue 0px;}

/*KATALOGOVÝ LIST*/

div#main div#page #katth {margin:3px 20px 3px 20px;width:160px;height:120px;float:none;}
div#main div#page #katdraw {margin:3px 3px 3px 3px;width:410px;height:309px;float:left; }
div#main div#page #katdrawim {margin:0px;width:408px;height:306px;float:left;}
div#main div#page #katdrawtext { margin:3px 3px 3px 3px;width:304px;height:200px;font-size:1.1em; text-align:justify;float:left; }
div#main div#page #katfoto {margin:2px 3px 3px 3px;width:304px;height:102px;float:left; border: solid gray 0px;}
div#main div#page #katfoto div.ls img {margin:15px 3px 3px 3px; width:92x;height:69px;float:left;}
div#main div#page #katfoto div.pt img {margin:1px 0 0 8px; width:69x;height:92px;float:left;}

/*KATALOGOVÝ LIST OBJEDNAT*/

#objednat {margin:3px 5px 3px 0px;width:68px;height:27px;float:right;}
#uz {margin:3px 10px 3px 0px;width:23px;height:23px;float:right;}
.ok {margin:3px 10px 3px 0px;width:23px;height:23px;float:right;}
.cancel {margin:3px 10px 3px 0px;width:23px;height:23px;float:right;}
.popiskat {font-weight:bold;margin:0 0 0.2em 0; background:#f2f2f2; font-size:1.1em; color:rgb(42,119,181);}
.kusu {margin:6px 3px 0 3px; width: 40px;height:18px;float:left;}
.sirka {margin:6px 3px 0 3px; width: 35px;height:18px;float:left;}
.textpopis {text-align:left;}
.mj {margin:10px 3px 0 0px; float:left;}

/*KATALOG LANKOVE SETY*/

#sety {margin:2px ;width:750px;height:100%;float:left;background:#fff; text-align:center;  font-size:1.1em; }
#sety tr.popiska {font-weight:bold;margin:0.3em 0; background:#f2f2f2; font-size:1.1em; color:rgb(42,119,181);}
#sety tr.foto td {margin:0.3em 0; height:120px; border-bottom: 1px solid gray ;  }
#sety td {margin:0;border: 0px solid gray ; }

/*HROTOVÝ SYSTÉM KATALOG*/
#sety tr.foto #hsp {margin:0; padding:0 0 10px 0 ;width:350px;height:100%;float:left;background:#fff; text-align:left;  font-size:1.1em;   }
#sety tr.foto #hsp td {margin:0; height:10px; border-bottom: 0px solid gray ; }

/*HROTOVÝ SYSTÉM TECHNOLOGICKÝ SYSTÉM*/
#sety tr.foto #hst {margin:0; padding:0 0 10px 0 ;width:250px;height:100%;float:left;background:#fff; text-align:left;  font-size:1.1em;   }
#sety tr.foto #hst td {margin:0; height:10px; border-bottom: 0px solid gray ; }


/*KOŠÍK */
.kusuk {margin:5px 3px 0 3px; width: 60px;height:15px;text-align:right;float:left;}
.sirkak {margin:5px 3px 0 3px; width: 45px;height:15px;text-align:right; float:left;}


/*ochrana-site*/
/*typ síťované plochy */

div.typsp {margin:4px 23px 10px 0px; width:345px; height:193px;  border: thin rgb(160,185,212) groove; float:left;text-align:center; font-weight:bold; font-size: 1.2em;}
div.typsp a {display:block;}
div.typsp a:hover {background:#99ccff;}

.sp {margin:4px 5px 4px 5px; width:300px;height:164px;}

div#main div#page div.blx {float:left;height:220px;width:220px;margin:5px 3px;background:#ffffff;border: solid red 0px;}
div#main div#page div.blx p{margin-left:3px;padding:0;text-align:center;font-size:1em;}
div#main div#page div.ls1 img {margin:35px 0 0 4px;}
div#main div#page div.pt1 img {margin-left:21px;}



div#schematsp {margin:2px 2px 2px 0; width:100%;height:390px;float:left; text-align:center; font-weight:bold; font-size: 1.2em;}
div#schematsp img{margin:0; width:750px; height:375px; float:left;}
div#formtsp {margin:2px 2px 2px 0; width: 100%; height:400px; float:left;font-weight:bold; font-size: 1.2em;}
div#formtob1 {margin:2px 2px 2px 0; width: 100%; height:65px; float:left;font-weight:bold; font-size: 1.2em;}
div#formtob2 {margin:2px 2px 2px 0; width: 100%; height:330px; float:left;font-weight:bold; font-size: 1.2em;}
/*kalkulace síťované plochy */

table#zadani {width:100%; float:left; font-size: 1.1em;}
table#zadani td {width:150px;border: thin rgb(160,185,212) groove; }



/*OBJEDNÁVKA*/
/*objednávka košíku  */
table#objednavkah {width:90%;margin-top:.3em;text-align:left; background:#ffffff;}
table#objednavka {width:90%;margin-top:.3em;text-align:left; background:#ffffff;}
table#objednavkap {width:90%;margin-top:.3em;text-align:center; background:#ffffff;}

/* REGISTRACE */

#registrace {margin:10px 150px 10px 0; width:655px; float:left; border: 0px solid blue;}
#registrace legend {display:block;	margin-bottom:0px;	font-weight:bold;	color:#6699ff;  }
#registrace fieldset {
  margin: 5px 0;
  padding: 0.2em;
  width: 100%;
  border: 1px solid black;
  }
  
#registrace label {
  float:left;
  width:300px;
  margin:0.1em 0.7em 0 0;
  padding-top:0.2em;
  text-align:left;
  font-weight:bold;
  }

#registrace label.povin {	color:#ff6633; } 

#registrace input {
margin:0.1em 0.5em 0 0;
padding-top:0.2em;
width:210px;
border: 1px solid gray  ;
}



#registrace input.dobry {
  float:left;
  text-align:left;
  border: 1px solid gray ;
  }

#registrace input.spatny {
  float:left;
  text-align:left;
  background: #ffcccc;
  }
  
#registrace input.dobrye {
  float:left;
  width:253px;
  margin-right:0.5em;
  text-align:left;
  border: 1px solid gray ;
  }
  
#registrace input.spatnye {
  width:253px;
  margin-right:0.5em;
  float:left;
  text-align:left;
  background: #ffcccc;
  }

#registrace input.irad {
  margin:0.3em;
  padding-top:0;
  width:50px;
  border: 0px ;
  float:left;
  
}  
  
#registrace input.chk {
  margin:0.1em 0.5em 0 1em;
  float:left;
  width:15px;
  height:15px; 
  border: 0px ;
}  
  
#registrace select {
  float:left;
  width:255px;
  margin:0.1em 5em 0 0;
  padding-top:0em;
  text-align:left;
  border: 1px solid gray ;
}  


#doprava{
  float:left;
  width:500px;
  margin:0.1em 0.7em 0 0;
  padding-top:0em;
  text-align:left;
}  

#doprava td.inp {
  
  width:10px;
  margin:0.1em 0.7em 0 0;
  padding-top:0em;
  text-align:left;
  border: 1px solid red;
} 
#doprava td.inptext {
  
  width:85px;
  margin:0.1em 0.7em 0 0;
  padding-top:0em;
  text-align:left;
  border: 1px solid black;
} 

/*ZAKÁZKA*/

table#nabidka1 {width:100%;margin-top:.3em;text-align:left; background:#ffffff;}
table#nabidka1 td.cinab {margin-bottom:.3em; font-size:1.5em; font-weight:bold; color: rgb(51,102,255);}
table#nabidka1 td.konec {width:180px;text-align:left; float:left;}
table#nabidka1 td.zastupce {width:35%;text-align:left; float:left;}
#logo1 {float:left;margin:.1em 0em .1em 0em}
table#nabidka2 {width:100%;  margin-top:.3em; background:#f0f0f0; text-align:center;}
table#nabidka2 tr{height:12px;}

#pridat {width:80px;}  /* tlačítko*/
#vybrat {width:100px;}  /* tlačítko*/
#prepoc {width:100px;}  /* tlačítko*/
.fotonab{margin:3px 0 3px 8px;width:30px;height:22px;float:left;}

table#nabidka3 {width:100%;margin-top:.3em;background:#ffffff; text-align:left;}
table#nabidka3 td.celkpol{width:69%; text-align:right;font-weight:bold;}
table#nabidka3 td.celkem{text-align:right;font-weight:bold;color: rgb(51,102,255);font-size:1.1em;}
table#nabidka3 td.celkpop{width:69%; text-align:right;font-weight:bold;color: rgb(51,102,255);font-size:1.1em;}
table#nabidka3 td.popis{width:69%; text-align:right;font-weight:bold;}


div#volbyzak {width:100%;height: 70px;text-align:left;font-size:1.05em;}
div#volbyzak div.volbad {margin: 2px ;width:375px; height:22px; text-align: left; float:left;}
div#volbyzak div.volba {padding: 0 ;margin: 2px ;width:185px; height:22px; text-align: right; float:left;}
div#volbyzak div.volbat {padding: 0 ;margin: 2px;width:185px; height:22px; text-align: right; float:right;}
div#volbyzak div.volba select.volbam {width:105px; height:21px; text-align:left;}

table#infotab {width:100%;margin-top:.3em;  text-align:left;background:#ffffff;}







/* Dokumenty */

div.dokul {width:299px; height:100%; text-align: center; float:left;border: 0px solid blue;}
div.dokupre {margin: 2px ;width:95px; height:180px; text-align: center; float:left;border: 0px solid red;}
div.dokupre img {margin: 2px ;width:79px; height:120px; float:none;}
div.dokup {margin: 0 0 0 5px ; width:438px; height:100%; text-align: center; float:left;border: 0px solid grey;}
div.fotopre {margin: 1px ;width:140px; height:160px; text-align: center; float:left; border: 1px solid grey;}
div.fotopre img.pt{margin-left:21px 0 2px 0;width:102px; height:136px;}
div.fotopre img.ls{margin:35px 0 2px 2px;width:136px; height:102px;}





/*ADMINISTRACE*/
table#list {width:100%;margin-top:.3em;text-align: left; background:#ffffff;}
table#list th {background:#99ccff;}

table#listc {width:100%;margin-top:.3em;text-align: center; background:#ffffff;}
table#listc th {background:#99ccff;}

table#listadr {width:100%;margin-top:.3em;text-align: center; background:#ffffff;}
table#listadr th {background:#99ccff;}
table#listadr a:hover{background-color:#99ccff;color:rgb(42,119,181);display:block;}

table#kodpsc a:hover{background-color:#99ccff;color:rgb(42,119,181);display:block;}

table#popinavky {width:100%;margin-top:.3em;text-align: center; background:#ffffff;}
table#popinavky th {background:#99ccff;}


/*FOOT-***/

div#foot{margin:0px 0 0 0; padding:5px; width:99.0%;height:35px;text-align:right;color:rgb(138,138,138); float:left;  background-image: url(../image/foto/Baner_foot.jpg);}


/*PRODUCT LIST-***/
div#main div#hsfoto div{margin:10px 0 0 0;padding:0;width:376px;height:400px;float:left;}
div#main div#hsfoto p{margin:0.8em .5em .5em .5em;text-align:justify;}
div#main div#hsfoto img{vertical-align:bottom;}


/*FOTOGALERIE*/
div#main div#page div.pic {float:left;height:200px;width:145px;margin:5px 3px;background:#ffffff;}
div#main div#page div.pic p{margin-left:3px;padding:0;text-align:left;font-size:1em;}
div#main div#page div.ls img {margin:35px 0 0 4px;}
div#main div#page div.pt img {margin-left:21px;}


/*EXTERNÍ ZAMESTANANEC*/

/*formulář objekt */
div#main div#page div.obj1 {float:left;height:400px;width:400px;margin:5px 3px;background:#ffffff;border: solid blue 0px;}
div#main div#page div.obj2 {float:left;height:320px;width:320px;margin:5px 3px;background:#ffffff;border: solid red 0px;}
div#main div#page div.obj2 div.ls img {margin:35px 0 0 0px;}
div#main div#page div.obj2 div.pt img {margin-left:21px;}
div#main div#page div.obj3 {float:left;height:70px;width:320px;background:#ffffff;border: solid red 0px;}

/*TABULKY*/

/*CENIK -***/
table#cenik {width:95%;}
table#cenik th {text-align:center;background:#f0f0f0;}
table#cenik td.kod {text-align:left; padding:0px 0px 0px 20px;}
table#cenik td.popis {text-align:left; padding:0px 0px 0px 15px;}
table#cenik td.cena {text-align:right; padding:0px 10px 0px 0px; }




/*VLAJKY***/
div.jazyk{margin:0;padding:0;width:750px;float:left;}
div.jazyk div.flag{margin:0;padding:0;width:200px;height:80px;float:left;text-align:center;}
div.jazyk div.flag img{border:0;margin:5px 0 3px 3px;width:60px;height:40px;}
div.jazyk div.flag p{text-align:center;}
#flag{border:0;margin:5px 0 3px 3px;width:60px;height:40px;}