/*
 *  CSS - základní části indexu
 */


/* Vytváří pozadí které je vidět zleva a zprava hlavičky webu 
	(vlevo černé pozadí a na pravé straně přechod, který prodlužuje fadeout hlavičky)
	- top je absolutně pozicováno na vršek stránky, je jako vrstva úplně vzadu, aby byla překryta a jako pozadí má vzor s přechodem
	- top-left je umístěno v top, má stejnou výšku, je zarovnáno doleva a zasahuje do poloviny stránky -
		vytváří černé pozadí vlevo od hlavičky stránky */
#top {
	position:absolute;
 	top: 0;
 	left: 0;
	width: 100%;
	height: 220px;
	margin: 0;
	padding: 0;
	background: #000000 url(../img/top-background.png) repeat-x;
}
#top-left {
	float:left;
	width: 50%;
	height: 220px;
	margin: 0;
	padding: 0;
	background-color: #000000;
}

/* Obsahuje v sobě page-top a center */
#page {
  position: relative;
  width: 900px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	/*background: #ffffff url(../img/top-background.png) repeat-x;*/
		
}

/* Obsahuje v sobě(pod sebou) top-header a top-menu */
#page-top {
	float: left;
	width: 900px;
	margin: 0;
	padding: 0;
	background: url(../img/finance/top-page-background.png) top left no-repeat;
}
#page-header {
	width: 900px;
	height: 188px;
	margin: 0;
	padding: 0;
}
#top-menu {
	float:left;
	width: 610px;
	height: 32px;
  margin: 0;
  margin-left: 0;
	padding: 0;
	padding-left:20px;
	text-align:left;
}

/* ----- [obsah v page-header]-------------------------------------------- */
#header-fotografie {
	float:right;
	width:155px;
	margin: 0;
	text-align: center;
}
#header-fotografie img {
	margin: 2px;
	margin-top: 15px;
	border: solid #c0c2bf 1px;
}
#header-fotografie-popis {
	width:170px;
	float:right;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #d1d3cf;
	position: relative;
	top: -5px;

}
/* ----- [konec - obsah v page-header] ---------------------------------------------- */

/* ----- [Horní menu] ---------------------------------------------- */

#top-menu a {
  float:left;
  margin: 0;
  margin-right: 25px;
  padding:0;
  font-weight: bold;
}
#top-menu a:hover, #topmenu a:active {
  position: relative;
  top: -1px;
}

/* ----- [konec - Horní menu] ---------------------------------------------- */


#center {
	float:left;
	width: 900px;
	margin: 0;
	padding: 0;
	
}

#left-panel {
	float:left;
	width: 190px;
	margin: 0;
	padding: 0;
	background-color: #f0f9ee;
	padding-right: 6px;
}
#right-panel {
	float:right;
	width: 180px;
	margin: 0;
	padding: 0;
}
#left-panel p, #right-panel p {
	/*height: 30px;*/
	line-height:30px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border: solid #ffffff 1px;
	border-left:solid #cbddca 1px;
	border-right:solid #cbddca 2px;
	background: #b5c6b2 url(../img/blue-prechod-64.png);
}
#left-panel p.nadp, #right-panel p.nadp {
	border-left:solid #8e928c 1px;
	border-right:solid #8e928c 2px;
	background-color: #50574e;
	background-image: none;
	color: #ffffff;
}
#right-panel a, #right-panel a:hover, #right-panel a:active {
	color: #ffffff;	
}
#vertical-menu p.o-1 {
		text-align: left;
		padding-left:10px;
		font-weight: bold;
}
#vertical-menu p.o-2 {
		text-align: left;
		padding-left:8px;
		line-height:24px;
		background: #cfdccb url(../img/blue-prechod-64-light.png);
}

#uzivatel-prihlaseny {
	background-color: #bacdb7;
	margin-bottom: 0px;
	padding-bottom: 1px;
}
#uzivatel-prihlaseny p.normal {
	line-height:20px;
}


#uzivatel-prihlaseny p {
	text-align: center;
}
#uzivatel-prihlaseny ul {
	text-align: left;
}

#prihlaseni {
	margin: 0;
	padding: 0;
	padding-top:4px;
	border: solid #ffffff 1px;
	border-left: solid #d7e4e6 1px;
	background: #ffffff url(../img/blue-prechod-180.png) repeat-x;
	
}
#videotipy {
	padding-top: 2px;
	background: #C8DBC5 url(../img/blue-prechod-180.png) repeat-x;
}
#videotipy p {
	padding-top: 2px;
	background: #C8DBC5 url(../img/blue-prechod-180.png) repeat-x;
	border: none;
	border-bottom: solid white 1px;
}
	

.obnoveni-hesla {
	font-size: 0.7em	
}

#zaregistrujtese {
	margin: 0;
	padding: 0;
	padding-top:4px;
	border: solid #ffffff 1px;
	border-left: solid #d7e4e6 2px;
	border-right: solid #d7e4e6 1px;
	background: #ffffff url(../img/blue-prechod-180.png) repeat-x;
	background-position: 100%;
}

#reklamy div {
	border: solid #ffffff 1px;
	border-left: solid #fdd79d 2px;
	border-right: solid #fdd79d 1px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background: #fcc167 ;
}

#burza, #kurzy {
	border: solid #ffffff 1px;
	border-left: solid #fdd79d 2px;
	border-right: solid #fdd79d 1px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background: #fcc167 ;
}

#content {
	float:left;
	width: 500px;
	margin: 0;
	padding: 8px;
	padding-top: 13px;
	text-align: left;
	font-size: 1.1em;

}



#poslat-odkaz {
	padding-top:4px;
	background-color: #fcc167;
	border: solid #ffffff 1px;
	border-left: solid #fdd79d 2px;
	border-right: solid #fdd79d 1px;

}

#form-posli-odkaz-text {
	width: 130px;	
}


#footer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer {
	color: #a0a0a0;
	font-size: 90%;
}
#footer a, #footer a:hover   {
	color: #a0a0a0;	
}


.end {
  clear: both;
  font-size: 1px;
  height: 1px;
}