/*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.7em;font-family:verdana,arial,sans-serif;}
h2{font-size:1.5em;font-family:verdana,arial,sans-serif;}
h4{font-size:1.2em;font-family:verdana,arial,sans-serif;}
h5{font-size:1.2em;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;}
th{border:0;padding:0;margin:0;font-size:12px;}
tr{margin:0;}
img{margin:0;border: 0;}
a{text-decoration:none;color:black;}
a:hover{text-decoration:none;}



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

div#top{width:960px; height:15px;}
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;  border:solid black 0px;}
#obr1 {margin:0;padding:0;float:left;}


/*infobar**********************************************************************/
div#loginbar {height:1.1em; margin-top:0.5em;width:960px;background:#ffffff;  }
div#loginbar ul{margin:0;padding:0 ;list-style-type:none;text-align:right;}
div#loginbar li{display:inline; margin:0;padding:0;line-height:0.8em;text-align:center;white-space:nowrap;}
div#loginbar li a{padding:0.3em 0.8em;text-decoration:none;color:rgb(80,158,222);}
div#loginbar a:hover{background-color:#f2f2f2;text-decoration:none;color:rgb(80,158,222);}
div#loginbar ul#bar1{ float:left;}
div#loginbar ul#bar1 a {padding:0.1em 0.1em;}



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

/*prostor levéhho menu*/

div#main div#leftmenu {width:19.5%;height:100%;float:left;}
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 #login {width:100%; float:left; }
div#main div#leftmenu #login a{display:block;}
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; }

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);}
  


/*prostor stranky vedle menu*/
div#main div#page{width:80.30%;float:right;}
 

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

/*prostor hlavího textu*/
div#main div#page #maintext{margin-bottom:2px;width:98%;}
div#main div#page #maintext #tisk {width:97%; text-align:justify;}
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 5px; width:300px;height:225px; 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;}
div#pre1{margin:0;width:100%;height:350px;text-align:left;}

/*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:#009900;}
.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{text-decoration:underline;font-size:.8em;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 **********************************************************/

table#mainmenu {margin: 1em; width:90%;text-align: center;font-size:1.1em;}
table#mainmenu td {padding: 0 30px 0 30px;margin: 1px; height:75px; width:100px; text-align: center;  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#adminmenu {margin: 1em; width:90%;text-align: center;}
table#adminmenu td {padding: 1em ;margin: 0em; height:45px; width:100px; border:2px solid;border-color:#c5c5c5 #c5c5c5 #727272 #727272;}

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


table#aktualita {margin: 0 0 0 13px; padding: 3px ; width:89.5%;text-align: justify ;background: rgb(255,238,178);  border: thin rgb(213,10,21) groove;}



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


/*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 {padding:3px;width:100%;height:100%; font-size:1.05em; float:left;}
#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 */

#katth {margin:3px 20px 3px 20px;width:160px;height:120px;float:none;}
#katdraw {margin:3px 3px 3px 3px;width:410px;height:309px;float:left;}
#katdrawim {margin:0px;width:412px;height:309px;float:left;}
#katdrawtext { margin:3px 3px 3px 3px;width:300px;height:309px;font-size:1.1em; text-align:justify;float:left;}

#objednat {margin:3px 10px 3px 0px;width:75px;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 3px; float:left;}



/*Košík */
.kusuk {margin:6px 3px 0 3px; width: 65px;height:15px;text-align:right;float:left;}
.sirkak {margin:6px 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:350px; 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; }



/*objednavka*/
/*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;}




/*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.doku {width:375px; height:500px; text-align: center; float:left;}
div.dokupre {margin: 2px ;width:100px; height:180px; text-align: center; float:left;}
div.dokupre img {margin: 2px ;width:79px; height:120px; float:none;}
div.fotopre {margin: 2px ;width:120px; height:160px; text-align: center; float:left;}
div.fotopre img.pt{margin-left:21px;width:102px; height:136px;}
div.fotopre img.ls{margin:35px 0 0 4px;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:color:rgb(42,119,181);display:block;}

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

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


/*oddíl foot -***/

div#foot{width:100%;height:15px;text-align:center; float:left;}


/*product list a print -***/
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;}

/*tabulky*/

/* ceník -***/

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;}