/* 
Copyright (C) Web Creative, 2006
info@studujeme.info
Vsechna prava vyhrazena
*/
body, html {  padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #000;  }


/* banermenu */
#banermenu {  margin: 0px; padding: 0px;   background-color: #fff; color: #fff; }
#banermenu h2 {  font-family: "Arial CE", Arial;  margin: 0px; font-weight: bold; padding: 9px 0 0 7px; font-size: 12px; color: #fff; }
#banermenu p {  font-family: "Arial CE", Arial;  margin: 0px; padding: 8px 40px 0 10px; font-size: 11px; color: #ccccff; }
#banermenu #stresnikrytinybesk h2 {  font-family: "Arial CE", Arial;  margin: 0px; padding: 9px 0 0 20px;  font-size: 12px; color: #fff; }
#banermenu #stresnikrytinybesk p {  padding: 8px 20px 0 22px;  }
#banermenu #stresnikrytinybesk { width: 203px;  float: left;  height:81px; background: #fff url("grafika/stresni-krytiny.jpg") no-repeat; }
#banermenu #prislusenstviprostrechu { width: 188px; float: left; padding: 0; height:81px; background: #fff url("grafika/prislusenstvi-pro-strechy-besk.jpg") no-repeat; }
#banermenu #vypocetstrechy { width: 168px; padding: 0 20px 0 0;float: left;  height:81px; background: #fff url("grafika/vypocet-strechy-besk.jpg") no-repeat; }
#banermenu #fomrularovaobjednavka { width: 188px; padding: 0;float: left;  height:81px; background: #fff url("grafika/formularova-objednavka-stresni-krytiny.jpg") no-repeat; }
#banermenu #hlavnistranaprihlaseni {  width: 188px; padding: 0;float: left; color: #fff; text-align: right;  height:81px; background: #fff url("grafika/prihlasovani-besk.jpg") no-repeat; }
#banermenu #hlavnistranaprihlaseni p { color: #fff;   font-size:11px; font-weight: bold; padding: 12px 25px 0 0; }
#banermenu #hlavnistranaprihlaseni a {text-decoration: none;  color: #fff; }
#banermenu #hlavnistranaprihlaseni a:visited {text-decoration: none;  color: #fff; }
#banermenu #hlavnistranaprihlaseni a:link, a:visited { text-decoration: none; color: #fff; }
#banermenu #hlavnistranaprihlaseni a:hover {text-decoration: none;  color: #fff; }
#banermenu a {text-decoration: none;  color: #fff; }
#banermenu a:visited {text-decoration: none;  color: #fff; }
#banermenu a:link, a:visited { text-decoration: none; color: #fff; }
#banermenu a:hover {text-decoration: none;  color: #fff; }
#banermenu #inputlogin { font-size: 10px;  width: 90px; }
#banermenu #inputheslo { font-size: 10px;  width: 60px;  }
#banermenu #inputbutton { width: 10px; height:11px;  background: #ccccff url("grafika/tlacitko-prihlasovani.jpg") no-repeat; float: left; }
#banermenu p a {text-decoration: none;  color: #ccccff; }
#banermenu p a:visited {text-decoration: none;  color: #ccccff; }
#banermenu p a:link, a:visited { text-decoration: none; color: #ccccff; }
#banermenu p a:hover {text-decoration: none;  color: #ccccff; }


#nadpisH1 { background: #ccccff url("grafika/stresni-krytiny-pozadi-horni-pruh.jpg") repeat; padding: 0 20px 2px 20px; color: #fff; }

/*  Link  */
a { color: #000; }
a:visited { color: #000; }
a:link, a:visited { text-decoration: underline; color: #000; border: 1px none; padding: 0 0px 0 0px; }
a:hover { color: #000; }

.u { text-decoration: underline; }
img { border: 0; }

/* Levy panel */

.web-pismo { font-size: 12px; }

/* XStandard */
span.message { font-size:1.2em;font-weight:bold;background-color:#ffff99; }
abbr { border-bottom:1px dashed;cursor:help; }
dfn { font-style:normal;border-bottom:1px dashed;cursor:help; }

/* Barevne oznaceni v XStandardu */
.cervena { color: red; }
.cervena-velke { color: red; font-size: 14px; font-weight: bold; }
.modra { color: blue; }
.modra-velke { color: blue; font-size: 14px; font-weight: bold; }
.velke { font-size: 14px; }

/* Zarovnani na stred */
.nastred { margin: 7px auto 7px auto; text-align: center; }

/*  Nadpis  */

#hlavni h1 a { text-decoration: none; color: #fff; }
#hlavni h1 a:visited { text-decoration: none; color: #fff; }
#hlavni h1 a:link, a:visited { text-decoration: none; color: #fff; }
#hlavni h1 a:hover { text-decoration: none; color: #fff; }

.cena { padding-left: 250px; }
#tabulka_cena { width: 250px; clear: both; }
#tabulka_cena h4 {margin: 0px; font-size: 11px; border-bottom: 1px solid #c0c0c0; }
#tabulka_cena p { margin: 0px;  padding: 0 0 0 5px; font-weight: bold;  }
#ceny { width: 170px; float: left; font-weight: normal;  }


/* Tabulka */
.table1 { border: 1px solid #c0c0c0; width: 600px; clear: both; border-spacing: 0px; border-collapse:collapse; }
.table1 tr td { border: 1px solid #c0c0c0; padding:2px; }
.table1 thead tr td { font-weight:bold; white-space:nowrap; background-color:#B7BDBC; }


#hlavni { width: 970px; position: absolute;margin:0; padding: 0px;  left: 50%; margin-left: -485px; }
#hlavnipozadi {background: #fff url("grafika/pozadi-stresni-krytiny.jpg") repeat; }
#banner { height: 350px;  background-color: #fff; margin:0; padding: 0px;  }

#web { height: auto; margin-left: 0px; }
#panel { width: 220px; height: 19px; float: left; padding: 20px 0 0 22px; color: #000; border-left: 1px solid #c0c0c0; background-color: #fff;    }
#obsah { width:	900px; height: auto; float: left; padding: 5px 30px 40px 45px;  }
#obsah h3 {  font-weight: bold; font-size: 14px; color: #0066cc; }
#obsah h4 { width: 475px; padding: 3px 0 15px 30px; margin: 5px 0 0 0; background: #fff url("grafika/nadpis.png") no-repeat; border: 0px; text-transform: uppercase; font-weight: bold; font-size: 11px; }
#obsah-2 { width:627px; height: auto; float: left; padding: 5px 12px 40px 22px; margin-left: 5px; text-align: justify;  }
#obsah-2 h3 { font-weight: bold; font-size: 16px; color: #0066cc;}
#obsah-2 h4 { width: 275px; padding: 3px 0 15px 30px; margin: 5px 0 0 0; background: #fff url("grafika/nadpis.png") no-repeat; border: 0px; text-transform: uppercase; font-weight: bold; font-size: 11px; }
#novinky { width:275px; height: auto; float: left; padding: 0px 9px 0px 0px; margin-left: 5px; text-align: justify; font-size: 10px; }
#novinky h4 { color: red; font-size: 16px; font-weight: bold; padding: 0 0 0 0; }
#novinky h2 {  font-size: 12px; }
#novinky p { padding: 2px; margin: 2px; }
/* Admin Layout  */
#web-admin {  margin-left: 6px; padding: 0 0 20px 5px; background-color: #8DCFF4; border: 1px solid #999;   background: #fff url(grafika/admin_plocha_menu.png) repeat;}
#web-admin h1 { text-align: right; font-size: 10px;  margin: 0px; padding: 0px 20px 0 20px; color: #fff; }
#panel-admin { width: 155px; float: left; padding: 20px 10px 30px 10px;  margin-left: 3px; background: #B5D9ED url(grafika/plocha_admin_leve_menu.png) repeat; border: 1px solid #999;  }
#obsah-admin { float: left; padding: 10px 10px 10px 10px; text-align: justify; }
	
/* Admin Menu */
#panel-admin h3 { text-align: center; font-size: 12px;  }
#panel-admin dl { margin: 1px 0px 0px 0px; background: #ccc url(grafika/plocha_admin_leve_menu_dl.png) repeat; }
#panel-admin a { text-decoration: none; }
#panel-admin a:visited { text-decoration: none; }
#panel-admin a:hover { text-decoration: underline; }

#bigDynPic {
  background:#ccc;
  border: 1px solid #c0c0c0;
  position:absolute;
  top:350px;
  left:20px;
  padding:4px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  color: #000;
  font-weight: bold;
  text-align: center;
}
/* zarovnani obrazku */
.doleva { float: left;  margin: 5px 15px 10px 0; line-height:0px; }
.doleva img  { display: block; position: relative; background-color: #fff; border: 0px solid #ccc; margin: 0px; padding: 3px; line-height:0px; }
.doprava { float: right;  margin: 5px 0px 0px 15px; line-height:0px; }
.doprava img  { display: block; position: relative; background-color: #fff; border: 0px solid #ccc; margin: 0px; padding: 3px; line-height:0px; }



/* Primarni obrazek */

#primarni-obrazek { padding-left: 30px; }
#smazat-primarni-obrazek { padding-left: 40px; }

/* odeslani emailu na strance */
#odeslani_na_mail { float: right; }

/* objednavka */
#objednavka { width: 450px; }
#objednavka fieldset p { text-align: right; margin: 1px; padding: 0 50px 0 0; }
#objednavka fieldset  { padding: 0 50px 20px 0; text-align: right; }
#objednavka legend { font-weight: bold; margin-bottom: 8px; color: #494949; padding: 5px;  border: 1px inset #494949; background-color: #fff ; }
#objednavka input { font-size: 12px;  font-weight: bold; font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  border: 1px inset #494949; }

/* Menu */
ul#menu { display: block; list-style: none; margin: 0px 0 5px 0px; padding: 0 204px 0 0; float: right; height: 25px;  }
ul#menu li { float: left;  display: block; width: 137px; font-size: 10px; line-height:25px; list-style: none; text-align: center; background-color: #ccc; }
ul#menu li a { font-weight: bold; text-decoration: none; color: #000; display: block; border: 0 none; padding: 0; margin: 0; border-right:1px solid #fff;}
ul#menu li a:hover{ color: #000; background:rgb(251,152,79); }





/* Zeptejte se */
#obsah legend { font-weight: bold; }	
#obsah form p { text-align: right; margin: 1px; padding: 0 18px 0 0; }
#obsah input { margin: 0 10px 0 0; font-size: 11px; font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  border: 1px inset #fff; }
#obsah fieldset  { color: #494949; padding: 3px;  border: 1px inset #fff; background-color: #fff ;  width: 95%; }
#obsah-info { margin: 0 0 0 46px; font-size: 11px;  }

/* seznam */
.obsah ul { list-style-type: disc; }

/* obsah */
.obsah1 { width: 630px; float: left; }
.obsah2 { width: 50px; margin-left: 5px; float: right; background-color: #e1e1e1; }

.infostart { width: 880px; font-size: 8pt;  ; float: right; }  
.infostart1 {  width: 190px; float: left; }
.infostart2 {  width: 640px; float: right; margin: 20px 0px 5px 0px; }

/* Menu polozek */
.menu h2 { margin: 0 0 0 15px; text-align: left; font-size: 12px; font-weight: normal; }
.panelmenu dl { margin: 0px 0px 3px 0px; background-color: #fff; color: #000; }
.panelmenu dt { margin: 0px; }
.panelmenu .pod { margin: 0 0 0 7px; }
.panelmenu .nad { font-weight: bold; font-size: 13px; }
.panelmenu { text-align: left; margin: 0px 0px 0px 3px;  font-family: Tahoma,"Trebuchet MS", Trebuchet, Arial, sans-serif; }
.panelmenu p { padding: 5px 0 0 0; margin: 0px;}
.panelmenu a { padding: 0px; text-decoration: underline; }
.panelmenu a:hover {  padding: 0px; text-decoration: underline; }
.panelmenu a:link, a:visited {  padding: 0px; text-decoration: none; }

/* tabulka - vypis databaze listu */
.tabulka-panel { height:auto; width: 730px; background-color: #ccc;  border: 1px inset #fff;  }
.tabulka-panel .panel { height:auto; width: 730px; background-color: #ccc; clear: both; }
.tabulka-panel .panel-spodek {  background-color: #999; clear: both; text-align: center; }
.tabulka-panel .panel-info { background-color: #999; clear: both; font-weight: bold; }
.tabulka-panel .sloupec-1 { width: 170px; float:left; text-align: left; }
.tabulka-panel .sloupec-2 { width: 28px; float:left; text-align: center; }
.tabulka-panel .sloupec-3 { width: 90px; float:left; text-align: center; }
.tabulka-panel .sloupec-4 { width: 60px; float:left; text-align: center; }
.tabulka-panel .input-text { color: #000; text-align: right; border-width: 1px; margin:0px; padding: 0px; background-color: #ccc; font-size: 11px;  font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  }

/* tabulka KOSIK - vypis databaze listu */
.tabulka-kosik { height:auto; width: 800px; background-color: #ccc;  border: 1px inset #fff; text-align: left;  }
.tabulka-kosik .panel { height:auto; width: 730px; background-color: #ccc; clear: both; }
.tabulka-kosik .panel-spodek {  background-color: #999; clear: both; text-align: center; }
.tabulka-kosik .panel-info { background-color: #999; clear: both; font-weight: bold; }
.tabulka-kosik .sloupec-1 { width: 170px; float:left; text-align: left; }
.tabulka-kosik .sloupec-2 { width: 28px; float:left; text-align: center; }
.tabulka-kosik .sloupec-3 { width: 90px; float:left; text-align: center; }
.tabulka-kosik .input-text { color: #000; text-align: right; border-width: 1px; margin:0px; padding: 0px; background-color: #ccc; font-size: 11px;  font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  }

/* kontakty */
#kontakty { margin: 100px 0 0 0; padding: 5px 0 10px 0; font-weight: bold; font-size: 12px; }
.panel_sekce_nadpis { margin: 0 0 2px 0; padding: 5px 0 2px 0; font-weight: bold; font-size: 12px; }

/* Paticka */
.infokonec { text-align: center;  margin: 15px; font-size: 8pt; clear: both; color: #808080 }
.infokonec a { text-decoration: none; color: #808080  }
.infokonec a:visited { text-decoration: none; color: #808080  }
.infokonec a:link, a:visited { text-decoration: none; color: #808080  }
.infokonec a:hover { text-decoration: underline; color: #808080  }
.infokonec p { margin: 0; padding:0; }

/* Chybove hlaseni */
#chybove_hlaseni { background-color: #B5D9ED; color: #000; text-align: left; margin: 1px 0 1px 0; border: 1px solid #999; padding: 10px;font-size: 10px; }
#chybove_hlaseni h2 { font-size: 12px; font-weight: bold;  margin: 0px; margin-top: 5px; }
#chybove_hlaseni h3 { text-align: right; font-size: 10px;  margin: 0px; }
#chybove_hlaseni input { color: #000; border-style: solid; border-width: 1px; padding: 0 4px 0 4px; background-color: white; }
#chybove_hlaseni #vypis { text-align: left; padding: 10px; margin: 10px; background-color: white; font-size: 12px; border: 1px solid #999; }
#chybove_hlaseni #vypis p { margin: 5px; text-align: left; font-weight: bold; }
#chybove_hlaseni p { margin: 5px; text-align: center; }
#chybove_hlaseni a { text-decoration: none; color: #000; }
#chybove_hlaseni a:visited { text-decoration: none; color: #000; }
#chybove_hlaseni a:link, a:visited { text-decoration: none; color: #000;  }
#chybove_hlaseni a:hover { text-decoration: underline; color: #000; }

/* Administrace */
#administrace { width: 760px; margin-top: 0px; padding: 10px; border: 1px solid #999; background-color: #ccc; }
#administrace fieldset { margin: 0 5px 5px 0; padding: 10px; }
#administrace legend { padding: 5px; font-weight: bold; font-size: 12px; }
#administrace input { color: #000; border-width: 1px; padding: 0px 4px 1px 4px; margin: 2px; background-color: #fff; }
#administrace h2 { text-align: center; font-size: 12px; margin: 10px 0 0 0; padding: 0; }
#administrace a { padding: 0px; text-decoration: underline; }
#administrace a:hover {  padding: 0px; text-decoration: underline; }
#administrace a:link, a:visited {  padding: 0px; text-decoration: none; }


/* banermenu */
#banermenu2 {  margin: 0px; padding: 0px;   background-color: #fff; color: #fff; font-family: "Arial CE", Arial;  }
#banermenu2 h3 {  font-family: "Arial CE", Arial;  margin: 0px; font-weight: bold; padding: 15px 0 0 9px; font-size: 13px; color: #fff; }
#banermenu2 p {  font-family: "Arial CE", Arial;  margin: 0px; padding: 8px 40px 0 10px; font-size: 11px; color: #ccccff; }
#banermenu2 #vlastnostiavyhody h3 { font-family: "Arial CE", Arial;  margin: 0px; padding: 15px 0 0 24px;  font-size: 13px; color: #fff; }
#banermenu2 #vlastnostiavyhody p { padding: 0px 20px 0 22px; margin: 0px; font-size:10px;  }
#banermenu2 #vlastnostiavyhody ul { padding: 8px 0 0 33px;  }
#banermenu2  li { font-size:11px;   }
#banermenu2  ul { font-size:11px; margin: 0px; padding: 8px 0 0 15px;  }
#banermenu2 #vlastnostiavyhody { width: 408px; height:132px;float: left; background: #fff url("grafika/vlastnosti-stresni-krytiny-besk.jpg") repeat; }
#banermenu2 #pdfprospekt { width: 198px; padding: 0;float: left;  height:132px; background: #fff url("grafika/katalog-stresni-krytiny.jpg") no-repeat; }
#banermenu2 #dum3d  { width: 182px; float: left; padding: 0; height:132px;background: #fff url("grafika/3d-dum-besk.jpg") no-repeat; }
#banermenu2 #beskinformace  { width: 172px; float: left; padding: 0 0 0 10px; height:132px; background: #fff url("grafika/informace-besk.jpg") no-repeat;}
#banermenu2 a {text-decoration: none;  color: #fff; }
#banermenu2 a:visited {text-decoration: none;  color: #fff; }
#banermenu2 a:link, a:visited { text-decoration: none; color: #fff; }
#banermenu2 a:hover {text-decoration: none;  color: #fff; }

#banermenu2 p a {text-decoration: none;  color: #ccccff; }
#banermenu2 p a:visited {text-decoration: none;  color: #ccccff; }
#banermenu2 p a:link, a:visited { text-decoration: none; color: #ccccff; }
#banermenu2 p a:hover {text-decoration: none;  color: #ccccff; }

#zapatimenu a {text-decoration: none;  color: #006699; }
#zapatimenu a:visited {text-decoration: none;  color: #006699; }
#zapatimenu a:link, a:visited { text-decoration: none; color: #006699; }
#zapatimenu a:hover {text-decoration: none;  color: #006699; }

#zapati {   padding: 0 0 0 20px;}
#zapati p {   padding: 0px; margin: 0px; }
#logo       {  float: left; padding: 0;}  
#copyright  {  width: 390px; float: left; padding: 0 0 0 2px;}
#copyright p {  font-size: 9px; float: left; padding: 0 0 0 2px;}
#copyright a:link, a:visited {  text-decoration: none; color: #000; }
#copyright a:hover {  font-size: 9px; text-decoration: none;  color: #006699; }

#zapatimenu {  float: left; font-size: 9px; padding: 10px 0 0 15px;}
h1 {  font-weight: bold; font-size: 11px; color: #006699; padding: 0px; margin:0px; }