/* kvuli validnosti nutno zachovat poradi */
a:link { text-decoration: none; color: black; } 
a:visited {text-decoration: none; color: black; }
a:hover {text-decoration: underline; color: black; } 
a:active {text-decoration: none; color: black; }

body { background-color: #CCCCCC; margin: 0px; }
p { margin: 0px; } /* jinak si to kazdy prohlizec vyklada po svem */
h1 { font: bold 12pt Arial; margin-top: 30px;}
img { border: 0px; }

.pruhObrazek { font-size: 0px; height: 7px; margin-top: 2px; background-color: #CCCCCC;}
.popisTlacitka {position: relative; margin: 5px; margin-top: 20px; display: block; padding-top: 20px; 
				padding-bottom: 40px; text-transform: uppercase; font: bold 9pt Arial; text-align: center; }
.tucne { font-weight: bold; }

#celaStranka { position: absolute; width: 740px; left: 50%; margin-left: -370px; height: auto; 
				background-color: white; border: 1px solid #7F7F7F; border-top: 0px; padding-bottom: 5px;}
#hlavicka { position: relative; width: 740px; height: 80px; background-image: url('images/topgas1.jpg');
			background-repeat: no-repeat; }
#logoOdkaz a { display: block; position: relative; width: 120px; height: 65px; margin-left: 25px; }
#odsazeniVnitrku { position: relative; width: 717px; margin-left: 12px; margin-right: 12px; }
#navLista {position: relative; width: 717px; height: 96px;}
#button1 {position: absolute; width: 103px; height: 96px; background-image: url('images/topgas5.jpg');
		  background-repeat: no-repeat; }
#button1Text {position: relative; margin-top: 12px;}
#button2 {position: absolute; width: 103px; height: 96px; margin-left: 103px;
		  background-image: url('images/topgas2.jpg'); background-repeat: no-repeat; }
#button3 {position: absolute; width: 102px; height: 96px; margin-left: 206px;
		  background-image: url('images/topgas3.jpg'); background-repeat: no-repeat; }
#button4 {position: absolute; width: 103px; height: 96px; margin-left: 308px;
		  background-image: url('images/topgas4.jpg'); background-repeat: no-repeat; }
#button5 {position: absolute; width: 103px; height: 96px; margin-left: 411px;
		  background-image: url('images/topgas10.jpg'); background-repeat: no-repeat; }
#button6 {position: absolute; width: 103px; height: 96px; margin-left: 514px;
		  background-image: url('images/topgas11.jpg'); background-repeat: no-repeat; }
#button7 {position: absolute; width: 103px; height: 96px; margin-left: 617px;
		  background-image: url('images/topgas12.jpg'); background-repeat: no-repeat; }
#velkyObrazek {position: relative; border: 1px solid #B2B2B2; width: 715px; height: 210px;
			   background-image: url('images/topgas6.jpg'); background-repeat: no-repeat; }
#sedivyPruh { position: relative; width: 717px; }
#hlavniProstor {position: relative; width: 717px; height: 100%;}
#hlavniOknoNerozdelene {position: relative; width: 717px;  margin-top: 3px; }
#levaCast { position: relative; width: 354px;  margin-top: 3px; float: left;}
#pravaCast { position: relative; width: 333px; margin-top: 3px; margin-left: 0px; padding-left: 10px;
		 	 padding-right: 10px;	background-image: url('images/topgas8.jpg'); background-repeat: no-repeat;
			 float: right; font: normal 10pt Arial; }
#lcTitulek { position: relative; width: 100%; height: 34px; border-top: 2px dotted #B2B2B2;
			 border-bottom: 2px dotted #B2B2B2; }
#lcTitulekText { padding-left: 10px; padding-top: 12px; text-transform: uppercase; font: bold 10pt Arial; letter-spacing: 0px;}
.lcLine {position: relative; width: 100%; height: 105px; margin-top: 5px;}
.lcLineImg {position: absolute; width: 106px; height: 80px; margin-left: 10px; margin-top: 5px; border: 0px;}
.lcLinePruh {position: absolute; width: 106px; margin-top: 88px; margin-left: 10px;}
.lcLineText {position: absolute; width: 175px; height: 83px; margin-left: 170px; margin-top: 12px;
			  font: normal 9pt Arial;}
.lcTeckyMezi {position: relative; width: 280px; height: 0px; border-top: 2px dotted #B2B2B2; font-size: 0px;}

div#pravaCast p { margin-top: 10px; margin-bottom: 10px; }
div#navLista a:hover {text-decoration: none; }

.galLine {position: relative; width: 100%; height: 105px; margin-top: 5px;}
.galLineLevy {position: relative; width: 350px; float: left; }
.galLinePravy {position: relative; width: 350px; float: right; }
.galTeckyMezi {position: absolute; width: 280px; height: 0px; margin-top: 102px; margin-left: 10px;
				border-top: 2px dotted #B2B2B2; font-size: 0px;}
.galThumbnail { width: 106px; height: 80px; margin: 2px; border: 0px; }
#galNavigace { width: 100%; height: 40px; text-align: right; margin-top: 10px; font: normal 8pt Arial; }

/* kontakt - zobrazeni mapky vedle textu */
#konAdresa { width: 310px; height: 80px; }
#konAdresaText { float: left; width: 190px; height: 65px;}
#konMapa { float: right; width: 100px; height: 64px; margin-top: 8px; }
#konMapa img { border: 1px solid #B2B2B2; }

/* zapati */
DIV.cleaner {
  clear:both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding:0;
  border:none;
  visibility: hidden;
}

#zapati { position: relative; margin-top: 100px; width: 717px; height: 20px; border-top: 2px dotted #B2B2B2;
		  font: normal 9pt Arial; color: #B2B2B2; padding-top: 3px;}
#zapati a { color: #B2B2B2; }
#createdBy { position: absolute; width: 200px; height: 20px; text-align: right; margin-left: 517px; }
#pocitadlo { position: absolute; width: 200px; height: 20px; text-align: left; margin-left: 0px; }
#atreaOdkaz, #atreaOdkaz a { color: #B2B2B2; }
#atreaOdkazUvodni { text-decoration: underline; }
h1#pcTitulek, p#pcTitulek { margin-top: 14px !important; }