html {
 height: 100% ;
}

body {
 color: #000000 ;
 font: normal 12px 'Helvetica', serif ;
 padding: 0 ; margin: 0 ;
 text-align: center ;
 background-color:  #d6d6d6 ;
 background-image: url('img/bkg/PozadiGradient.png') ;
 background-repeat: repeat-x ;
}

h1, h2, h3, h4, h5 {
 padding: 10px 0px 10px 5px ; margin: 0 ;
}

.csc-header h2, .csc-header-n2 h2 {
 padding: 0px; margin: 0px 
}

p { 
 padding: 0 ; margin: 0 ;
}

/* telo dokumentu */
#Dokument {
 margin: 0 ; padding: 0 ;
}

/* Hlavni castu stranky */
#HlavniObsahPodklad {
 width: 786px ;
 position: relative ;
 top: 66px; 
 left: -20px ;
 text-align: right ;
 /* border: solid 1px yellow ; */
 background-color: #f0f0f0 ;
}

#HlavniObsah {
 width: 775px ;
 margin: 0 0 0 auto ; text-align: left ;
 /* border: solid 1px blue ; */
 /* background-color: #f0f0f0 ;*/
}

#HlavniObsah .bodytext { 
 padding: 0px 20px 0px 20px ; margin: 0 ;
 text-align: justify ;
}

#HlavniObsah .imgtext-table {
 margin-right: 10px ;
}

#HlavniObsah td {
 font: normal 12px 'Helvetica', serif ;
}

#MensiObsah {
 width: 736px ;
 margin-top: 10px ;
 padding: 0px 20px 20px 20px ;
 /* border: solid 1px blue ; */
 text-align: left ; 
}

#MenuAOstatni { 
  width: 100% ; 
  height: 50px ;
  position: absolute ;
  top: 11px;
  left: -50px ;
  /* border: solid 1px Magenta ; */
}

/* banner */
#BannerLayer { 
  width: 100% ; 
  height: 50px ;
  position: absolute ;
  top: 0px;
  left: -50px ;
  /* border: solid 1px Magenta ; */
}

#BannerVertical { 
 width: 236px ; 
 /* height: 590px ; */
 position: relative ;
 top: 50px;
 left: 545px ;
 text-align: center ;
 background-color: #ffffff ;
 /* border: solid 1px Orange ; */
}

#BannerHorizontal { 
 width: 590px ; height: 80px ;
 position: relative ;
 top: 75px;
 left: 0px;
 text-align: center ;
 /* border: solid 1px Orange ; */
}

#HlavniMenu {
 width: 786px ; height: 56px ;
 padding: 0px 0px 0px 0px ;
 position: relative ;
 top: 0px; 
 left: 30px ;
 z-index: 2 ;
 /* border: solid 1px blue ; */
 background-color: #ffffff ;
 background-image: url('img/bkg/PozadiHlavniMenu.gif') ;
 background-repeat: no-repeat ;
 background-position: center center ;
}

/* reklama */
#reklama { 
 display: none ;
 width: 776px ; height: 50px ;
 position: relative; 
 top: 158px ;
 left: 34px ;
 padding: 0 ;
 text-align: center ;
 /* border: solid 1px brown ; */
 background-image: url('img/bkg/PozadiReklamaRed.gif') ;
 background-repeat: repeat-y ;
 background-position: center bottom ;
}

#reklama .bodytext { 
 margin: 0px ; padding: 0 ;
}

#reklama a { 
 text-decoration: none ; 
 color: yellow;
}

/* reklama */
#reklama2 { 
 display: none ;
 width: 776px ; height: 50px ;
 position: relative; 
 top: 160px ;
 left: 34px ;
 padding: 0 ;
 text-align: center ;
 /* border: solid 1px brown ; */
 background-image: url('img/bkg/PozadiReklamaRed.gif') ;
 background-repeat: repeat-y ;
 background-position: center bottom ;
}

#reklama2 .bodytext { 
 margin: 0px ; padding: 0 ;
}

#reklama2 a { 
 text-decoration: none ; 
 color: yellow;
}

#MaleMenu {
 width: 776px ; height: 28px ;
 position: relative ;
 top: 250px ; 
 left: 35px ;
 /* border: solid 1px black ; */
 text-align: center ;
}

#EtapaII {
 width: 196px ;
 position: relative ;
 top: -130px; 
 left: -452px ; 
 z-index: 1 ; 
 /* border: solid 1px yellow ; */ 
}

#NovinkyTeaser {
 width: 194px ;
 position: relative ;
 top: -110px; 
 left: -452px;
 border: solid 1px #acacac ;
 padding: 0; 
 background-color: #ffffff ;
 text-align: left ;
 /* border: solid 1px yellow ; */
}
#NovinkyTeaser h3 { text-align: center; }
#NovinkyTeaser h5 {
	margin: 5px 10px 5px 10px ;
	padding: 0; 
	text-align: left ;
}
#NovinkyTeaser .bodytext { 
	padding: 5px 10px 10px 10px ;
	text-align: justify ;
}

#EtapaIILogo {
 width: 196px ; height: 58px ;
 margin: 0 ; padding: 0 ;
 background-image: url('img/bkg/PozadiEtapaIILogo.gif') ;
 background-repeat: no-repeat ;
 background-position: top ;
}

#EtapaIIMenu {
 margin: 0 ;
 padding: 10px 0px 10px 0px ;
 background-color: #ffffff ;
 border-left: solid 1px #acacac ; border-right: solid 1px #acacac ; border-bottom: solid 1px #acacac ; 
}

#EtapaIIMenu .bodytext { font: normal 12px 'Helvetica', serif ; text-align: right; padding-left: 0px; padding-right: 0px ;}

#EtapaIIMenu h4, #EtapaIIMenu h5 { padding: 0px 0px 5px 0px ; margin: 0 ; }
#EtapaIIMenu a , #EtapaIMenu a:visited { color: black ; text-decoration: none; }

#EtapaIIMenu .imgtext-nowrap {
 width: 85% ;
 border-bottom: dotted 1px lightgrey ;
 padding-bottom: 5px ;
 margin-bottom: 5px ;
}
#tx_menuetapy_pi2_volne_byty {
	text-align: right ;
}
#tx_menuetapy_pi2_volne_byty a, .tx_menuetapy_pi2_volne_byty a:visited {
	color: #494949 ;
	font: normal 0.9em 'Helvetica', serif ;
}

/**************/
/* Bunky Menu */
/**************/

/* Hlavni menu */
#BunkaHlMenu {
 width: 156px ;
 float: left ;
 height: 36px ;
 padding: 20px 0px 0px 0px ;
}

#BunkaHlMenu a { 
 color: #ffffff ;
 font: bold 16px 'Helvetica', serif ;
 text-decoration: none ;
}

#BunkaHlMenuAct {
 width: 162px ;
 float: left ;
 height: 36px ;
 padding: 20px 0px 0px 0px ;
 background-color:  #ffffff ;
}

#BunkaHlMenuAct a {
 color: #667b02 ;
 font: bold 16px 'Helvetica', serif ;
 text-decoration: none ;
}

/* Male menu */
#BunkaMlMenuSpace {
 width: 20px ; 
 padding: 3px 0px 3px 0px ;
 float: left ;
 font: bold 14px 'Helvetica', serif ;
 background-color: gray ;
}

#BunkaMlMenu {
 width: 147px ;
 float: left ;
 padding: 3px 0px 3px 0px ;
 text-align: center ;
 background-color: gray ;
}

#BunkaMlMenu a { 
 color: #ffffff ;
 font: bold 14px 'Helvetica', serif ;
 text-decoration: none ;
}

#BunkaMlMenuAct {
 width: 147px ;
 float: left ;
 padding: 3px 0px 3px 0px ;
 background-color:  #f0f0f0 ;
 text-align: center ;
}

#BunkaMlMenuAct a {
 color: #4a9805 ;
 font: bold 14px 'Helvetica', serif ;
 text-decoration: none ;
}

/* Menu Etapy */
#BunkaE1MenuSpace { width: 196px ; height: 65px ; }
#BunkaE2MenuSpace { width: 196px ; height: 65px ; }

#BunkaE2Menu, #BunkaE1Menu {
 text-align: right ;
 width: 169px ; height: 72px ;
 margin: 0px 0px 10px 11px ;
 border-bottom: dotted 1px lightgrey ;
 background-image: url('img/ico/MenuEtapyIco.png') ;
 background-repeat: no-repeat ;
 background-position: center left ;
}

#BunkaE2Menu a , #BunkaE1Menu a, #BunkaE2MenuAct a , #BunkaE1MenuAct a{ 
 color: #494949 ;
 font: bold 12px 'Helvetica', serif ;
 text-decoration: none ;
}

#BunkaE2MenuAct, #BunkaE1MenuAct {
 text-align: right ;
 width: 169px ; height: 72px ;
 margin: 0px 0px 10px 11px ;
 border-bottom: dotted 1px lightgrey ;
 background-image: url('img/ico/MenuEtapyIco.png') ;
 background-repeat: no-repeat ;
 background-position: center left ;
}