/* Zalozil: Jakub Moravec; Smernice: 003/20060801; Zalozeno: 25.11.2008 */

/* -------------------------------  obecne ---------------------------------- */
BODY {
  margin: 0px;
  text-align: center;
  font-family: Verdana, Arial, lucida, sans-serif;
  font-size: 0.9em;
  background-image: url(desimg/bodyPozadi.gif);
  background-position: left top;
  background-repeat: repeat;
  color: #FFFFFF;
}
H1 {
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px; 
  padding-left: 20px;
  text-align: left;
  font-size: 1.1em;
  background-image: url(desimg/h1Pozadi.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: #FC8F00;
}
H2 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  color: #FC8F00;
}
H3 {
  margin: 0px;
  padding: 0px; 
  font-size: 0.8em;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
}
P {
  margin: 0px;
  margin-bottom: 15px;
  padding: 0px; 
  font-size: 0.75em;
  text-align: left;
  color: #FFFFFF;
}
P.vyrazny {
  font-weight: bold;
}
P.hlaseni {
  font-weight: bold;
  color: #FF0000;
}
P.odstavecAplikace {
  margin: 0px; 
  padding: 0px; 
}
A {
  text-decoration: none;
  color: #FC8F00;
}
A:hover {
  text-decoration: underline;
}
IMG {
  border: none;
}
IMG.iluFotoPrave {
  float: right;
  display: inline;
  margin-left: 5px;
}
IMG.iluFotoLeve {
  float: left;
  display: inline;
  margin-right: 5px;
}
UL, OL {
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
}
LI {
  list-style-position: inside;
  line-height: 1.2em;
  font-size: 0.75em;
}
DIV.ruseniObtekani {
  clear:both;
}

/* -------------------------------- design -----------------------------------*/
#center {
  position: relative;
  width: 985px;
  margin: auto;
  padding: 0px; 
  padding-top: 1px;
}
#zahlavi {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 985px;
  margin: 0px; 
  padding: 0px;
  line-height: 1px;
  font-size: 1px;
  background-image: url(desimg/zahlaviPozadi_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
  border-bottom: 1px #232329 solid;
}
#telo {
  width: 955px;
  margin: 15px;
  margin-top: 87px;
  text-align: left;  
}
#teloStatickaStranka {
  width: 925px;
  margin: 15px;
  margin-top: 87px;
  padding: 15px;
  text-align: left;
  background-color: #151519;
  background-image: url(desimg/teloPozadi_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px #3E3E42 solid;
}
#zapati {
  width: 985px;
  margin: 0px; 
  padding: 0px;
  font-size: 0.7em;
  background-image: url(desimg/zapatiPozadi.gif);
  background-position: left top;
  background-repeat: repeat-x; 
  border-top: 1px #232329 solid;
}
/* ------------------------------ male objekty ------------------------------ */
#zahlavi DIV.nazevWebu {
  float: left;
  display: inline;
  width: 200px;
  margin: 0px; 
  margin-top: 27px;
  margin-left: 31px;
  margin-bottom: 12px;
  padding: 0px;
  line-height: 29px;
  text-align: left;
  font-size: 26px;
}
#zahlavi DIV.nadpis A {
  color: #E17400;
}
#zahlavi DIV.vlajky {
  float: right;
  display: inline;
  width: 20px;
  margin: 0px;
  margin-right: 20px;
  margin-top: 20px; 
  padding: 0px;
  line-height: 1px;
  font-size: 1px;
}
#zahlavi DIV.vlajky IMG {
  margin-bottom: 5px;
}
#design {
  float: right;
  display: inline;
  width: 270px;
  margin: 0px; 
  margin-right: 30px;
  margin-top: 20px;
  padding: 0px;
  line-height: 12px;
  font-size: 10px;
  color: #747476; 
}
#design SPAN {
  margin-left: 16px;
  margin-right: 16px;
}
#design A {
  color: #747476;
}
#design A.validator:hover {
  text-decoration: none;
}
DIV.clanek {
  width: 925px;
  margin: 0px; 
  padding: 0px;
}
DIV.strucne {  
  margin-bottom: 15px;
  padding-top: 10px;
  border-top: 1px #3E3E42 solid;
}
DIV.prvniClanek {  
  border: none;
}
DIV.clanek P.datum {
  margin: 0px;
  margin-bottom: 5px; 
  padding: 0px; 
}
DIV.clanek H2 {
  margin-bottom: 5px;
}
DIV.clanek IMG {
  float: left;
  display: inline;
  margin: 0px;
  margin-right: 10px; 
  padding: 0px; 
}
#vyhledavani {
  width: 170px;
  margin: 0px;
  margin-top: 15px;
  padding: 0px;
}
#vyhledavani FORM {
  margin: 0px;
  padding: 0px;
}
#vyhledavani TABLE {
  width: 170px;
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
}
#vyhledavani TABLE INPUT.textovePole {
  width: 100px;
  margin: 0px;
  margin-right: 8px;
  padding: 0px;
  background-color: #373737;
  border: 1px #585858 solid;
  color: #DBDBDB;
}
#vyhledavani TABLE INPUT.tlacitko {
  width: 58px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  background: none;
  background-image: url(desimg/h1Pozadi.gif);
  background-position: left top;
  background-repeat: repeat;
  border: none;/**/
  border: 1px #3E3E42 solid;
  color: #FC8F00;
}
#vyhledavani TABLE TD.poznamka {
  margin: 0px;
  padding: 0px;
  padding-top: 2px;
  font-size: 0.75em;
  color: #585858;
}
DIV.miniaturaHledani {
  float: left;
  display: inline;
  width: 100px;
  margin: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 0px;
}
/* -------------------------------- menu ------------------------------------ */
#menu {
  float: left;
  display: inline;
  width: 700px;
  margin: 0px; 
  margin-top: 40px;
  padding: 0px;
  line-height: 14px;
  text-align: left;
  font-size: 12px;
}
#menu UL{
  width: 700px;
  margin: 0px;
  padding: 0px;
}
#menu UL LI {
  float: left;
  display: inline;
  margin: 0px;
  margin-right: 15px;
  padding: 0px;
}
#menu UL LI.aktivni {
  background-image: url(desimg/menuLiPozadi_aktivni.gif);
  background-position: left top;
  background-repeat: repeat;
}
#menu UL LI A {
  display: block;
  margin: 0px; 
  margin-bottom: 2px;
  padding: 0px;
  padding-left: 22px;
  padding-right: 7px;
  line-height: 17px;
  font-size: 15px;
  background-image: url(desimg/odrazka.gif);
  background-position: 8px 7px;
  background-repeat: no-repeat; 
  color: #FFFFFF;
}
/* -------------------------------- menu zapati ----------------------------- */
#menuZapati {
  float: left;
  display: inline;
  width: 500px;
  margin: 0px; 
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 23px;
  padding: 0px; 
  text-align: left;
}
#menuZapati UL {
  width: 500px;
  margin: 0px;
  padding: 0px;
}
#menuZapati UL LI {
  display: inline;
  margin: 0px;
  margin-left: 14px;
  padding: 0px;
  padding-left: 15px;
  line-height: 12px;
  font-size: 10px;
  border-left: 1px #747476 solid;
}
#menuZapati UL LI.prvni {
  border: none; 
  margin: 0px; 
  padding: 0px; 
}
#menuZapati UL LI A {
  margin: 0px; 
  padding: 0px;
  color: #747476;
}
#menuZapati UL LI A:hover {
  text-decoration: underline;
}
/* -------------------------- menuGalerie ----------------------------------- */
DIV.menuGalerie {
  float: left;
  display: inline;
  width: 170px;
  margin: 0px; 
  padding: 15px; 
  font-size: 1em;
  background-color: #151519;
  background-image: url(desimg/teloPozadi_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px #3E3E42 solid;
}
DIV.menuGalerie H1 {
  margin-bottom: 10px;
}
DIV.menuGalerie UL {
  width: 170px;
  margin: 0px; 
  padding: 0px; 
  list-style: none;
  background-color: #070708;
}
DIV.menuGalerie UL LI {
  width: 170px;
  margin: 0px; 
  padding: 0px;
  list-style-position: outside;
  text-align: left;
  font-size: 0.75em;
  background-image: url(desimg/odrazka.gif);
  background-position: 8px 6px;
  background-repeat: no-repeat;
  border-top: 1px #1F1F24 solid;
}
DIV.menuGalerie UL LI.prvni {
  border: none;
}
DIV.menuGalerie UL LI.aktivni {
  background-image: url(desimg/odrazka_aktivni.gif);
}
DIV.menuGalerie UL LI A {
  display: block;
  width: 144px;
  margin: 0px; 
  margin-left: 20px;
  padding: 0px;
  padding-left: 5px; 
  padding-top: 2px;
  padding-bottom: 2px;
  border-left: 1px #1F1F24 solid;
  color: #FFFFFF;
}
DIV.menuGalerie UL LI A.aktivni {
  font-weight: bold;
  color: #FC9000;
}
DIV.menuGalerie UL LI UL {
  width: 170px;
  margin: 0px; 
  padding: 0px; 
  background-color: #0F0F11;
}
DIV.menuGalerie UL LI UL LI {
  font-size: 1em;
  background: none;
  border: none; 
}
DIV.menuGalerie UL LI UL LI.aktivni {
  background: none;
}
DIV.menuGalerie UL LI UL LI A {
  border: none;
} 
DIV.menuGalerie UL LI UL LI A.aktivni {
  font-weight: normal;
}
DIV.menuGalerie UL LI UL LI UL LI A {
  width: 134px;
  margin-left: 30px;
}
/* ------------------------- includovana galerie ---------------------------- */
DIV.includovanaGalerie {
  float: right;
  display: inline;
  width: 710px;
  margin: 0px; 
  margin-left: 15px;
  padding: 15px;
  background-color: #151519;
  background-image: url(desimg/teloPozadi_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px #3E3E42 solid; 
}
DIV.galeriePopis {
  width: 710px;
  margin: 0px;
  padding: 0px; 
}
DIV.galeriePopis H1 {
  margin-bottom: 5px;
}
DIV.galeriePopis P {
  margin: 0px; 
  padding: 0px; 
}
DIV.fotografieGalerie {
  position: relative;
  width: 710px;
  margin: 0px;
  margin-top: 15px;
  padding: 0px;
  padding-top: 1px; 
}
DIV.fotoObal {
  position: absolute;
  /*left, top, width - inline styl primo u divka */
  margin: 0px; 
  padding: 0px;  
}
P.keywords {
  position: absolute; /* aby neovlivnovaly jine prvky */
}
DIV.infoObal {
  position: absolute;
  left: 10px;
  top: 10px;
  /*visibility: hidden; - dělá javascript/**/
  width: 180px;
  margin: 0px; 
  padding: 10px;
  padding-bottom: 0px;
  padding-right: 0px;
  background-image: url(desimg/fotoInfo_pozadi.png);
  background-repeat: repeat;
  background-position: left top;
  border: 1px #393939 solid;
}
H2.fotoInfo_nazev {
  margin: 0px;
  margin-right: 10px;
  padding: 0px;
  font-size: 1em;
  font-weight: bold; 
  color: #FC8F00;
}
DIV.fotoInfo_data {
  margin: 0px; 
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 0px;
}
DIV.fotoInfo_data P {
  margin: 0px;
  padding: 0px; 
  color: #FFFFFF;
}
DIV.fotoInfo_data P SPAN {
  color: #CDCDCD;
}
DIV.fotoInfo_odkazy {
  margin: 0px; 
  padding: 0px;
}
P.fotoInfo_objednavka {
  float: left;
  display: inline;
  margin: 0px; 
  padding: 0px; 
  padding-left: 8px;
  font-size: 0.9em;
  font-weight: bold;
  background-image: url(desimg/odrazka.gif);
  background-position: 0px 6px;
  background-repeat: no-repeat;
}
P.fotoInfo_objednavka A {
  color: #FC8F00;
}
P.fotoInfo_odkazNaDetail {
  float: right;
  display: inline;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 3px;
  margin-right: 3px;
  padding: 0px;
  font-size: 0.7em;
  color: #FC8F00;
}
P.fotoInfo_odkazNaDetail A {
  color: #FC8F00;
}
/* ------------------------------- objednavka ------------------------------- */
TABLE.objednavka {
  margin: 0px; 
  padding: 0px; 
  text-align: left;
  font-size: 0.75em;
}
TABLE.objednavka TH {
  width: 115px;
  padding-right: 5px;
  padding-top: 4px;
  text-align: right;
  vertical-align: top;
}
TABLE.objednavka TD {
  width: 450px;  
  padding-bottom: 3px;
}
DIV.miniaturaObjednavky {
  float: right;
  display: inline;
  width: 350px;
  margin: 0px; 
  margin-left: 2px;
  padding: 0px;
}
DIV.miniaturaObjednavky H2 {
  text-align: right;
  font-size: 1.3em;
  font-weight: normal;
}
/* -------------------------------- lightbox -------------------------------- */
#detailGalerie {
  position: absolute;
  top: 0px;
  left: 0px;
}
#obalTelaDetailuGalerie {
  padding-top: 1px;
}
#teloDetailuGalerie {
  margin: auto;
  width: 850px;
  padding-top: 5px;
  padding-bottom: 30px;
  background-color: #232323;
  overflow: hidden; /* kvuli zaverecnemu srolovani */
  text-align: center;
  border: 1px #FFFFFF solid;
}
#detailGalerie_fotografie  {
  margin: auto;
  margin-top: 10px;
  background-color: #EFEBDD;
  background-image: url(desimg/loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border: 4px #EFEBDD solid;
}
#detailGalerie_popis {
  float: left;
  display: inline;
  width: 700px;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;   
  font-size: 1.3em;
}
#detailGalerie_popis H1 {
  margin: 0px; 
  padding: 0px; 
  font-size: 0.9em;
  background: none;
}
#detailGalerie_popis P { 
  margin: 0px; 
  padding: 0px; 
  text-align: left;
  font-size: 0.7em;
  color: #FFFFFF;
}
#detailGalerie_tlacitkaPosunu {
  float: left;
  display: inline;
  width: 60px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0px;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 10px;
  color: #6D6D6D;
}
#detailGalerie_tlacitkaPosunu A {
  position: relative; /* kvuli chybe IE s PNG */
  color: #FFF498;
}
#detailGalerie_tlacitkoZavrit {
  float: left;
  display: inline;
  width: 50px;
}
#detailGalerie_tlacitkoZavrit A {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.8em;
} 
#detailGalerie_tlacitkoZavrit A IMG {
  position: relative;  /* kvuli chybe IE s PNG */
}