/* ------------------------------------------------------------- */
/*                          layout.css                           */
/* ------------------------------------------------------------- */
/* 2007-03-11 20:13                                              */

/* BARVY: 
ProPolice zelená:		#00ab4f
Podtahová modrá:		#eff7ff
"Černá":				#222222
Linky šedá:				#a7b3a7
Červená:				#ea4d33
*/	


/* ----- general ----------------------------------------------- */
html, body {height:100%;}
body {
	color: #000;
	background-color: #fff;
	margin: 0; 
	padding: 0;
	text-align: center;
	/*border-top: 3px solid #00ab4f;*/
}

/* ----- window & podtah --------------------------------------- */
#window {
	position: relative;
	z-index: 2;
	background: url('../images/bg.footer.w1800.TRANSPARENT.png') center bottom no-repeat;
	border-top: 3px solid #00ab4f;
	_background: url('../images/bg.footer.w1800.WHITE.png') center bottom no-repeat;
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.footer.w1800.TRANSPARENT.png',sizingMethod='scale');*/
}
#podtah {
	position: absolute; left: 0; top: 385px;
	width: 100%; height: 350px;
	/*background: url('../images/bg.podtah.content.png') center top repeat-y;*/
	background: url('../images/bg.podtah.gradient.png') center top repeat-x;
	z-index: 1;
}


/* ----- page -------------------------------------------------- */
#page {
	width: 780px;
	margin:25px auto 0 auto;
	position: relative;
	text-align: left;
	height: 100%;
	z-index: 3;
}
html > body #page{ 
	height: auto;
	min-height: 100%;
}


/* ----- header ------------------------------------------------ */
#header {
	padding-top: 13px;
	height:98px;
}
#header a {
	text-decoration: none;
	border: none;
}
#header-image {
	width: 100%;
	height: 100px;
	background: #fff url('../images/bg.header-mapa.w1800.png') center top no-repeat;
	position: absolute;
	top: 0; left: 0;
}
#header h2 { 
	position: absolute;
	right: 0;
	top: 45px;
	width: 320px;
	height: 28px;
}
#header h2 span { 
	background: url('../images/propolice-slogan.png') top left no-repeat; 
	width: 320px;
	height: 28px;
}

/* ----- content ----------------------------------------------- */
#content {
	color: #222;
	background-color: #fff;
	position:relative;
	clear: both;
}

/* ----- menu -------------------------------------------------- */
#menu {
	border-top: 3px solid #a7b3a7;
	float: left;
	width: 108px;
	position: relative;
	z-index: 10;
	line-height: 140%;
}
#menu ul {
	position:relative;
}
#menu li {
	position: relative;
}


/* ----- submenu ----------------------------------------------- */
#submenu {
/*	position: absolute;*/
	top: 0px; left: 0;
	width: 100%;
}
#submenu ul {
}
#submenu li {
	position: relative;
}

	
/* ----- main -------------------------------------------------- */
#main {
	width: 393px;
	float: left;
	position: relative;
	top: 0px;
	margin-left: 43px;
}


/* ----- right_column ------------------------------------------ */
#right_column {
	width: 179px;
	float: right;
/*	background-color: #fff;*/
	position: relative;
	top: -4px;
}


/* ----- footer ------------------------------------------------ */
#footer {
	color: #222;
	background: #c4c5c5;
	font-size: 85%;
	text-align: right;
	margin: 100px 0 0 0;
	width: 780px;
}
#footer p {
	display: inline;
	margin-right: 5px;
}
#footer .info {
	position: relative; top: -4px;
}
#footer a {
	color: #222;
}
#footer #vytvorilo_studiopi {
	position: relative; top: -4px;
	width: 12px !important;
	height: 12px;
	overflow: hidden;
}
#footer #vytvorilo_studiopi span {
	background: url('../images/studio-pi-logo.png') top left no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
}


/* ----- Dokumenty --------------------------------------------- */
#novinka_dokumenty, #dokumenty {
	position: relative;
}
#novinka_dokumenty ul, #dokumenty ul {
	margin: 0 !important;
	padding:0 !important;
}
#novinka_dokumenty li, #dokumenty li {
	position: relative;
}
#novinka_dokumenty .description, #dokumenty .description {
	display: block;
}