/* vsechny prvky, ktere nemaji padding:0 nebo maji ramecek museji
   byt obaleny divem s nulvym rameckem a paddingem, protoze jinak
   MSIE 6- pocita spatne jejich velikost */
* {margin:0px; padding:0px; border: none;}
html{ background:#5d5d5f; visibility: hidden; }
#iBody{
  /* background:#212121; */
  width: 100%;
  height:100%;
  text-align: left;
  /* font-family: georgia, "trebuchet ms", tahoma, verdana, arial, lucida, sans-serif !important; */
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  line-height:1.2em;
  color:#6E5B3B;
}
#iMain{ margin: auto auto auto auto; width: 800px; height: 600px; border:0px white solid;
  overflow:hidden;}
.cJmenoFirmy{ font-weight: bold;}
.cFloatLeft{ float:left; margin-right:5px;}
.cFloatRight{ float:right; margin-left:5px;}
.cFloatNone{ float:none;}
.cCenter{ text-align: center;}
.cBottom, .cBottom td{vertical-align: bottom;}
.O1{ margin-left: 2em;}
/* ------------------- horni lista ----------------- */
#iTopImgs{ margin:13px 0px 0px 134px;}
#iTopMask{margin: -97px 0px 0px 0px;}     /* pro MSIE je posunuto jeste o 2 px */
.cTopImgs{ border:0px solid yellow; width: 109px; height:84px;}
/* -------------------- hlavni cast okna ------------------ */
/* barva pozadi stranky s textem je #b4beac */
.cMid,#iMenu,#iMenuMain{ width: 800px; height:454px; overflow:hidden;}
.cMid{ border: 0px dashed blue;}
/* korekcni prouzek pro opravu chybneho rohu, pro MSIE je zvlast,
   v Safari to neni uplne spravne, ale zatim necham byt */
#iKorekce{position: absolute; margin: -99px 0px 0px 784px; border:0px solid red;}
#iMidMain #iKorekce{position: absolute; margin: 0px 0px 0px 784px; border:0px solid red;}
#iMidOnas #iKorekce, #iMidKont #iKorekce,#iMidBezp #iKorekce,
#iMidPart #iKorekce,#iMidRefe #iKorekce{position: absolute; margin: 0px 0px 0px 784px; border:0px solid red;}


#iMidProj,#iProjekt,#iProjekt1,#iMidInst,
#iMidPujc,#iMidZaba,#iMidVzde,#iMidMetoda,#iMidNovi{
  margin: 0px 0px 0px 0px;
  width: 800px;
  height:496px;
  border: 0px solid red;
}
#iMidOnas,#iMidKont,#iMidBezp,#iMidPart,#iMidRefe{
  margin: 0px 0px 0px 0px;
  width: 800px;
  height:454px;
  border: 0px solid green;
}

/* menu s otacejici se strelkou */
#iStrelka {
  width: 163px;
  height: 163px;
  position: relative;
  top:-772px;
  left:158px;
  /* nasledujici radek se doplnuje pri init v zavislosti na nastavene promenne
     kazdaStrelkaZvlast */
  /* background: transparent url(Images/Strelky.gif) top left no-repeat; */
  border: 0px solid green;
  overflow: hidden;
}
/* pokud chybi iAktMenuFoto (Onas, ...), musime nastavit jinou polohu strelky a AktMenu*/
#iMidOnas #iStrelka, #iMidKont #iStrelka,#iMidBezp #iStrelka,
#iMidPart #iStrelka, #iMidRefe #iStrelka{
  top:-317px;
  left:158px;
  border: 0px dotted green;
}
#iAktMenuFoto,#iMaskFoto{
  position: relative;
  top: -454px;
  left:0px;
  width: 800px;
  height: 454px;
  border:0px red solid;
}
#iMapMenuFoto area{ border: 0px dashed white;}
#iMaskFoto { position: absolute; top:0px; left:0px; border: 0px dashed yellow;}
#iAktMenu,#iMaskKompas{width:273px; height:273px; border: 0px dashed yellow;}
#iAktMenu{
  position: relative;
  top:-995px;
  left:103px;
  border: 0px dotted red;
}
/* pro menu 2. urovne je mezikruzi strelky trochu jinde */
#iMidOnas #iAktMenu, #iMidKont #iAktMenu,#iMidBezp #iAktMenu,
#iMidPart #iAktMenu, #iMidRefe #iAktMenu{
  top:-538px;
  left:103px;
  border: 0px dotted green;
}
/* poloha aktualne vybrane polozky v menu, poloha cervene kruhove vysece se jmenem,
  souradnice jsou relativni vzhledem k iAktMenu */
#iCerveneFrame{
  position: relative;
  top:-272px;
  width:1px; height:1px; /* definuje pocatek, odkud merit cCerveneXXXX,
                            pro FF a Safari nesmi prekryvat klikaci mapu mezikruzi */
  border:0px blue dashed;
  background-color:transparent;
}
.cCervene{/*display:none; visibility:hidden;*/ width:0px; height:0px;}
#iCervene{border:0px blue dotted;}

/* vlastni obrazky jsou podle jazyka ve VertigoXX.css */
#iCerveneFrame .cCerveneOnas{ position: relative; margin:138px 0px 0px 230px; width:45px; height:49px;}
#iCerveneFrame .cCerveneKont{ position: relative; margin:175px 0px 0px 197px; width:67px; height:72px;}
#iCerveneFrame .cCerveneBezp{ position: relative; margin:219px 0px 0px 136px; width:82px; height:56px;}
#iCerveneFrame .cCerveneRefe{ position: relative; margin:177px 0px 0px 10px; width:73px; height:76px;}
#iCerveneFrame .cCervenePart{ position: relative; margin:223px 0px 0px 64px; width:70px; height:52px;}
#iCerveneFrame .cCerveneVzde{ position: relative; margin:0px 0px 0px 72px; width:141px; height:55px;}
#iCerveneFrame .cCerveneZaba{ position: relative; margin:24px 0px 0px 193px; width:82px; height:113px;}
#iCerveneFrame .cCerveneProj{ position: relative; margin:17px 0px 0px 2px; width:88px; height:104px;}
#iCerveneFrame .cCervenePujc{ position: relative; margin:115px 0px 0px -1px; width:45px; height:75px;}

.cLang{ position:absolute; width:22px; height:14px; margin:-445px 0px 0px 745px; white-space: nowrap; overflow: hidden;}
/*************** stranky 2. urovne s rozsahlejsim textem ***********/
/* (bez strelky) */
#iMaskZpet{                 /* viz soubor VertigoMSIE.css */
  margin:13px 0px 0px 25px;
  width:85px; height:85px;
  border:0px solid white;
}

#iSubTitle{                  /* poloha vazana na iMaskZpet */
  margin: -59px 0px 0px 160px;
  top: 40px;
  left:130px;
  width: 500px;
  height: 30px;
  overflow: hidden;
  color:#000000;;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height:1.5em;
  border: 0px dotted blue;
}
#iProjekt #iSubTitle, #iMidInst #iSubTitle{font-size:22px;}
.cSubMid{                       /* viz soubor VertigoMSIE.css */
  margin: 44px 0px 0px 12px;
  width: 776px;
  height: 468px;
  overflow: hidden;
  border: 0px dashed red;
}
.cSubText{                /* jednosloupcovy stredni blok textu */
  margin:2px 0px 0px 26px;
  width: 750px;
  height: 360px;
  overflow: auto;
  border: 0px dashed blue;
  color: #000000;
}
.cSubText2{               /* dvousloupcovy stredni blok textu */
  margin:2px 0px 0px 0px;
  width: 774px;
  height: 360px;
  overflow: auto;
  border: 0px dashed blue;
  color: #000000;
}
.cSubText *{ font-size:12px; color: #000000;}
.cSubText h2{ font-size: 18px; margin-top: 30px;}
.cSubText h3{ font-size: 14px; margin-top: 20px;}
.cSubText table{ padding:5px 15px 0px 15px;}
.cSubText p{padding:0px 15px 5px 0px;}
.cSubText p:first-child{ margin-top: 10px;} /* odsazeni prvni radky textu od horniho okraje */
.cSubText2 .cPrKap:first-child{ margin-top: 0px; margin-bottom:0px;} /* odsazeni prvni radky textu od horniho okraje */
/* toto je jen obecna definice uprasnovana pro konkretni stranky dal */
.cPrKap{width: 754px; text-align: left; clear: both; float: left; border: 0px solid black;}
.cPrKapL{
  border: 0px dashed black;
  margin: 0px 0px 0px 0px;
  padding:5px 0px 0px 0px;
  width: 106px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  clear: left;
  float: left;
}
.cPrKapR{
  border: 0px dotted black;
  margin: 0px 0px 0px 113px;
  padding: 5px 20px 0px 30px;
  font-size: 12px;
  color: black;
  text-align: justify;
}
.cPrKapR p{padding-bottom:8px;}
.cImg3 img{ /*width:190px;*/ height: 140px;}
/*************** ramecek vedle menu na strankach 2. urovne ***********/
/* stranky, ktere nemaji menu 2. urovne */
/* stranky s 2. urovni bez menu a pravym sloupcem = Projekt */

/* stranky, ktere maji strelku a menu 2. urovne */
#iSubPage{
  margin:-415px 0px 0px 390px;
  width: 388px;
  height:390px;
  border: 0px #707a68 solid;
  overflow:auto;
  padding:5px;
}
#iSubPage p{padding-bottom: 8px;}
.cScrollMain *{   color: black;   font-size:12px; }
.cScrollMain p{  margin-bottom: 5px;}
.cScrollMain acronym{
  /* background:#b4beac; *//* toto je normalni pozadi stranky */
  /* background:#b0b1a9; */ /* toto je normalni pozadi stranky */
  padding:0px 3px 0px 3px;
  border-bottom: 1px #008000 dashed;
  color: #008800;
}
#iSubPage ul{margin: 1em 1em 1em 1em;}
#iSubPage ul li{padding-left:0.5em;}
#iSubPage hr{margin-bottom:10px; width: 100%; height:2px; background-color:#707a68;}
/************** pujcovna *********************** */
#iMidPujc .cPrKap{margin-top:45px;}
#iMidPujc .cPrKap:first-child{margin-top:10px; margin-bottom:-20px;}
#iMidPujc .cPrKapL img{width: 95px;} /* sirka obrazku v pujcovne */
#iMidPujc .cPrKapR {text-align:left; border: 0px dotted red; padding:0px 0px 0px 5px;} /* tabulka zarovnana vlevo */
#iMidPujc .cPrKapR ol{margin:5px 0px 0px 30px;}
#iMidPujc .cPrKap:first-child{  /* odsazeni prvni radky textu od horniho okraje */
  padding-bottom:0px;
  padding-top:0px;
  border:0px solid blue;
}
.cPujcTable{
  table-layout: fixed;
  width:620px;
  border-spacing: 0px 0px;
  margin:0px;
  border:0px green dashed;
}
.cPujcTable tr{vertical-align:top; padding:0px; margin:0px;}
.cPujcTable td{vertical-align:top;  border: 0px white solid; padding: 0px 5px 0px 5px;}
.cPujcTable td.cPujcTdJmeno{
  font-size:14px;
  font-weight: bold;
  width: 80px;
  text-align: center;
}
.cPujcCena{  /* tim se stane novym omezujicim blokem pro cPujcCena? */
  width:380px; height:21px;
  border-bottom: 3px #bdb2ab solid;
  margin:10px 0px 0px 0px;
  overflow: hidden;
  padding-left:25px;
}
.cPujcCena1,.cPujcCena3,.cPujcCena6,.cPujcCena10,.cPujcCenaZ{
  top:0px;
  color:#444444;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  width: 69px;
  overflow: hidden;
  border:0px red solid;
  float: left;
}

/************** galerie projektu *********************** */
/*obrazky v galerii*/
.cProjCard {
	float: left;
	width: 115px;
	height: 111px;
	margin: 8px 2px 0px 8px;
	text-align: center;
  /* background: #F3E3C9 url(../img/bg-card.gif) bottom right repeat-x; */
  /* background: #F3E3C9 none bottom right no-repeat; */
  /* background-color:#F3E3C9;
  border-right:#642202 1px solid;
	border-bottom:#642202 1px solid;
	border-left:#EEDCBF 1px solid;
	border-top:#EEDCBF 1px solid;*/
	font-size: 11px;
}
.cProjCard h2 {margin: 0px 0px 2px 0px; font-size:11px; color:#000000;
  line-height:12px;
  height: 31px; width:110px; overflow: hidden;}
.cProjCard p{
	width: 109px;
	height: 84px;
  /* border: 1px blue solid; overflow: hidden; display: block; */
}
.cProjCard img{
	width: 109px;
	height: 84px;
  text-align: center;
  /* cursor: move;
	border-style: outset;*/
}
/* .cProjCard a{ border: 1px dashed red;} */
/************ kontakty **************/
#iKont{margin-top: 70px;}

/* -------------------- spodni lista (novinky) ---------------- */
#iBot{               /* vazano na cMid (radek novinek v menu 1. urovne) */
  position: relative;
  z-index:1;
  margin: 0px 0px 0px 0px;
  height: 42px;
  width: 800px;
  display: block;
  border: 0px dashed red;
  text-align: left;
  /* cursor: pointer; */
}
#iBotR{
  margin: 0px 0px 0px 130px;
  border: 0px solid red;
  display: block;
  padding-left: 5px;
  padding-right:0px;
  width: 640px;
  height: 30px;
  /*
  background-color: #ffebd2;
  color: #030405;
  */
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
  line-height:29px;
  white-space: nowrap;
  vertical-align: middle;
  /*
  position: relative;
  z-index:1;
  */
}
#iBotNicImg{
  margin: -30px 0px 0px 12px;
  width:776px;
  height:30px;
  border: 0px dashed yellow;
  /* cursor: pointer; */
}
/* --------------------- novinky jako samostatna stranka -------------------- */
#iMidNovi .cSubMid{margin-top:14px;} /* horni radek je uzsi nez u stranek se "zelenym" pruhem */
#iMidNovi .cPrKap{margin:0px 0px 10px 0px;}
/*#iMidNovi .cPrKap:first-child{margin-top:-20px;}*/
#iMidNovi .cPrKapL {color: #ffffff; display: inline-block; height:100%; width:114px;}
#iMidNovi .cPrKap:first-child .cPrKapL{ background-color:#fa723f; height:40px; display:block;}
#iMidNovi .cPrKapR {text-align:left; border: 0px dotted red; padding:5px 0px 0px 25px;}
#iMidNovi .cPrKapR:first-letter {margin-left: -14px;}

/* --------------------- novinky animaci (nepouziva se) --------------------- */
#iNovinkyMainAnim{ /* frame pro cele novinky zobrazene animaci */
  display:none;
  visibility: hidden;
  overflow: hidden;
  height: 483px;  width: 800px;
  margin:-454px 0px 0px 0px;
  max-height:483px;
  padding-bottom:20px; /* protoze na spodnim okraji je stin */
  border:0px white solid;
}
#iNovinkyZpetImg{ /* prazdny obrazek pro klikaci mapu navratu z novinek */
  position: relative;
  left:0px;
  top:-5px;
  margin: 0px 0px 0px 27px;
  width:84px;  height:84px;
  border: 1px dotted yellow;
}
#iNovinkyTxt{   /* omezuje text vsech novinek, aby nelezly do stinu */
  width:800px;
  height:443px;
  margin: 20px 0px 0px 0px;
  overflow: hidden;
  border: 1px dotted yellow;
}
#iNovinky1, .cNovinkyRow{ /* nejcerstvejsi novinka, zvyrazneny podklad vlevo */
  margin: 0px 0px 5px 12px;
  width: 776px;
  border: 0px solid white;
}
#iNovinky1{background-color:#fa723f;}
#iNovinky1L, .cNovinkyRowL{
  width: 114px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  border: 0px solid black;
}
#iNovinky1R, .cNovinkyRowR{
  margin: -31px 0px 0px 114px;
  padding: 10px 20px 0px 30px;
  font-size: 12px;
  color: black;
  background-color: #ffebd2;
  border: 0px dashed blue;
}
/* #iNovinky1R{ font-weight: bold;} */
#iNovinky1R:first-letter, .cNovinkyRowR:first-letter{ margin-left:-15px;}
#iNovinkyAnim{
  position: absolute;
  display:none;
  visibility: hidden;
  overflow: hidden;
  height: 484px;        /* meni se pri animaci */
  width: 776px;
  margin:-496px 0px 20px 12px; /* na okrajich je podklad nebo stin */
  max-height:484px;
  background-color: #e7511e;
  border: 1px dotted blue;
}
#iNovinkyAnimL{
  position: absolute;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding-top: 5px;
  width:114px;
  height:488px;
  border: 1px solid blue;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:white;
 }
#iNovinkyAnimR{
  position: absolute;
  overflow: hidden;
  width:657px;
  height:483px;
  margin: 0px 0px 0px 114px;
  padding:5px 0px 0px 5px;
  background-color: #ffebd2;
  font-size: 12px;
  font-weight: bold;
  color: black;
  border: 1px solid green;
}
#iNovinkyAnimH{  /* tohle se animuje ve druhem kroku */
  display:none;
  visibility: hidden;
  position: absolute;
  overflow:hidden;
  width:280px;
  height: 114px;
  max-width: 776px;
  margin:0px 0px 20px 12px; /* na okrajich je podklad nebo stin */
  background-color: #e7511e;
}