/* barvy
	#900 	- dark red
	#663300	- braun
	#990000 - rodina
	#f68914 - vyzva
	#6c9a16 - amos
*/
body {
	background: url('/files/xtopbcg.png') repeat-x;
	background-position: 0 0;
}

#atoplogo {
	position: absolute;
	top: 19px;
	width: 305px;
	height: 33px;
}
#atoplogo img {
	width: 682px;
	height: 72px;
}
#topmenu {
	position: absolute;
	top: 95px;
	width: 959px;
	background: #900 url('/files/topbcg.png') repeat-x;
	z-index: 100;
}
#topmenu ul {
	padding: 0;
	margin: 0;
}
#topmenu ul.sub {
	position: absolute;
	top: 44px;
	left: 0;
	width: 130px;
	/*border: 1px solid black;*/
	overflow: hidden;
	height: 1px;
}
#topmenu li {
	position: relative;
	list-style-type: none;
	float: left;
	border-right: 1px solid #c8c5c5;
	overflow: visible;
	z-index: 1;
}
#topmenu li:hover {
	overflow: visible;
}
#topmenu ul.sub li {
	line-height: 22px;
	border-right: none;
	width: 130px;
	overflow: visible;
}
#topmenu a {
	display: block;
	background: #900 url('/files/topbcg.png') repeat-x;
	background-position: top;
	text-align: center;
	float: left;
	width: 130px;
	line-height: 45px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	z-index: 2;
}
#topmenu ul.sub li a {
	line-height: 22px;
	text-transform: none;
	background: #900 url('/files/topbcg.png') repeat-x;
	background-position: left bottom;
}
#topmenu a.akt, #topmenu ul.sub li a.akt {
	font-weight: bold;
}
#topmenu a:hover, #topmenu ul.sub li a:hover {
	/*color: #CCC;*/
	font-weight: bold;
	background: #663300 url('/files/topbcg-over.png') repeat-x;
	background-position: left bottom;
}

#rodinamenu, #vyzvamenu, #amosmenu {
	position: absolute;
	top: 148px;
	width: 200px;
	height: auto;
	background: url('/files/rodinamenubcg.jpg') no-repeat;
	background-position: 0 40px;
	z-index: 15;
}
#vyzvamenu {
	background: url('/files/vyzvamenubcg.jpg') no-repeat;
	background-position: 0 40px;
}
#amosmenu {
	background: url('/files/amosmenubcg.jpg') no-repeat;
	background-position: 0 40px;
}
#rodinamenu.hd, #vyzvamenu.hd, #amosmenu.hd {
	background-image: none;
	height: auto;
}
.druh {left: 210px;}
.tret {left: 420px;}
#titlerodina, #titlevyzva, #titleamos {
	display: block;
	text-align: center;
	width: 200px;
	height: 92px;
	background: url('/files/titlebcgrodina.png') no-repeat;
	color: #FFF;
	font-weight: bold;
	line-height: 44px;
	text-decoration: none;
	font-size: 1.2em;
	z-index: 5;
}
#titlevyzva {
	background: url('/files/titlebcgvyzva.png') no-repeat;
}
#titleamos {
	background: url('/files/titlebcgamos.png') no-repeat;
}
#titlerodina:hover, #titlevyzva:hover, #titleamos:hover {
	text-decoration: underline;
}
.xbody {
	width: 200px;
	/*min-height: 200px;*/
	background: url('/files/pagepruhtop.png') no-repeat;/*#e8e7e7*/
	background-position: top;
	padding-top: 0px;
	margin-top: 67px;
}
#rodinamenu .bodynapis, #vyzvamenu .bodynapis, #amosmenu .bodynapis {
	width: 200px;
	height: 70px;
	background: url('/files/napisyrodina.png') no-repeat;
	background-position: top;
}
#vyzvamenu .bodynapis {
	background: url('/files/napisyvyzva.png') no-repeat;
}
#amosmenu .bodynapis {
	background: url('/files/napisyamos.png') no-repeat;
}
.hd {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.bodybot {
	height: 17px;
	background: url('/files/pagepruhbot.png') no-repeat;/*#e8e7e7*/
	background-position: top;
}
.xbody a {
	padding: 3px 10px 0px 10px;
	margin: 0 0 0 10px;
	display: block;
	text-decoration: none;
	color: #000;
}
#rodinamenu .xbody a {background: url('/files/dotrodina.png') no-repeat left;}
#vyzvamenu .xbody a {background: url('/files/dotvyzva.png') no-repeat left;}
#amosmenu .xbody a {background: url('/files/dotamos.png') no-repeat left;}
.xbody a.sub {
	font-size: 11px;
	padding: 3px 10px 0px 7px;
	margin-left: 18px;
}
.xbody a.sube {
	margin-left: 26px;
}
#rodinamenu .xbody a.sub {background: url('/files/dotrodina-s.png') no-repeat left;}
#vyzvamenu .xbody a.sub {background: url('/files/dotvyzva-s.png') no-repeat left;}
#amosmenu .xbody a.sub {background: url('/files/dotamos-s.png') no-repeat left;}
#rodinamenu .xbody a:hover, #vyzvamenu .xbody a:hover, #amosmenu .xbody a:hover {
	background: url('/files/dot.png') no-repeat left;
/*	text-decoration: underline;*/
	color: #666;
}
#rodinamenu .xbody a.sub:hover, #vyzvamenu .xbody a.sub:hover, #amosmenu .xbody a.sub:hover {
	background: url('/files/dot-s.png') no-repeat left;
	color: #666;
}
.xbody a.akt {
	font-weight: bold;
}
.xbody ul {
	padding: 0;
	margin: 0;
}
.xbody ul ul {
/*	display: none;
	height: 1px;
	overflow: hidden;*/
}
.xbody ul ul.akt {
/*	display: block;
	height: auto;*/
}
.xbody li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: normal;
	height: auto;
	display: inline;
}
.pozn {font-size: 10px; color: #999; text-align: right; margin-right: 10px; line-height: 70%;}

#baner {
	position: absolute;
	top: 148px;
	left: 630px;
	width: 300px;
	height: 244px;
	overflow: hidden;
	/*background-color: #666;*/
}
#baner .ram {
	position: absolute;
	display: block;
	width: 300px;
	height: 244px;
	background: url('/files/banerbcg.png') no-repeat;
	background-position: top left;
	z-index: 10;
}
#baner .ram a {
	position: absolute;
	display: block;
	width: 300px;
	height: 244px;
}
#banerbot {
	position: absolute;
	margin-top: 392px;
	margin-left: 640px;
	width: 280px;
	overflow: hidden;
	background-color: #fff;
}
#banerbot a {
	color: #333;
	background-color: #fff;
	border: 1px solid #333;
	text-decoration: none;
	line-height: 12px;
	font-weight: bold;
	font-size: 8px;
	padding: 0px 2px 0px 2px;
	margin-right: 2px;
}
#banerbot a:hover {
	color: #000;
	background-color: #ccc;
}
#banerbot a.fright {
	border: 1px solid #fff;
}
#banerbot a.akt {
	color: #fff;
	background-color: #333;
	border: 1px solid #000;
}
#loga {
	position: absolute;
	top: 630px;
	width: 620px;
	height: 64px;
	background: url('/files/logabcg.png') no-repeat;
	background-position: top left;
}
.logabdr {
	position: absolute;
	width: 620px;
	height: 62px;
	margin: 1px;
	overflow: hidden;
}
#loga .napis {
	width: 117px;
	height: 63px;
	overflow: visible;
	color: #666;
	position: absolute;
/*	float: left;*/
	background: url('/files/logaright.png') no-repeat;
	background-position: top left;
}
#loga .napis a {
	color: #444;
}
#loga .napis .in {
	margin: 15px;
	padding: 0;
}
#logaram {
	position: absolute;
	margin-left: 117px;
	line-height: 62px;
	width: 500px;
	height: auto;
	overflow: visible;
	text-align: left;
	/*border: 1px solid #000;
	margin-top: 535px;*/
}
#logaram img {
	vertical-align: middle;
	margin: 0px 10px 0 10px;
}
#akce {
	position: absolute;
	top: 410px;
	left: 630px;
	width: 300px;
	height: auto;
	overflow: visible;
	/*background-color: #666;*/
}
.akceit {
	margin: 2px;
	clear: both;
	float: left;
	width: 300px;
}
.akceit .den {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	line-height: 28px;
}
.akceit .mes {
	font-size: 10px;
	color: #000;
	line-height: 20px;
	letter-spacing: -1;
}
.akceit a {
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
.akceit a:hover {
	text-decoration: underline;
}
.akceit p {
	margin: 2px 0 2px 0;
}
.listrodina, .listvyzva, .listamos {
	float: left;
	width: 35px;
	height: 49px;
	margin-right: 5px;
	background: url('/files/kalbcgrodina.png') no-repeat;
	background-position: top left;
	text-align: center;
}
.listvyzva {
	background: url('/files/kalbcgvyzva.png') no-repeat;
}
.listamos {
	background: url('/files/kalbcgamos.png') no-repeat;
}
#center {
	position: absolute;
	overflow: hidden;
	background-position: top left;
}
.sek {
	top: 245px;
	background: url('/files/centerbcg.png') repeat-y;
}
.sekwin {
	background: url('/files/centerbcg.png') repeat-y;
	overflow: auto;
}
.sek1 {
	width: 410px;
	top: 245px;
	left: 210px;
	background: url('/files/centerbcg-rodina.png') repeat-y;
}
.sek2 {
	width: 410px;
	top: 245px;
	left: 210px;
	background: url('/files/centerbcg-vyzva.png') repeat-y;
}
.sek3 {
	width: 410px;
	top: 245px;
	left: 210px;
	background: url('/files/centerbcg-amos.png') repeat-y;
}
.topcenter {
	background: url('/files/centertopbcg.png') no-repeat;
	background-position: top left;
	width: 620px;
	height: 10px;
}
.sek1 .topcenter {
	width: 410px;
	background: url('/files/centertopbcg-rodina.png') no-repeat;
}
.sek2 .topcenter {
	width: 410px;
	background: url('/files/centertopbcg-vyzva.png') no-repeat;
}
.sek3 .topcenter {
	width: 410px;
	background: url('/files/centertopbcg-amos.png') no-repeat;
}
.botcenter {
	background: url('/files/centerbotbcg.png') no-repeat;
	background-position: bottom left;
	clear: both;
	width: 620px;
	height: 10px;
}
.sek1 .botcenter {
	width: 410px;
	background: url('/files/centerbotbcg-rodina.png') no-repeat;
	background-position: bottom left;
}
.sek2 .botcenter {
	width: 410px;
	background: url('/files/centerbotbcg-vyzva.png') no-repeat;
	background-position: bottom left;
}
.sek3 .botcenter {
	width: 410px;
	background: url('/files/centerbotbcg-amos.png') no-repeat;
	background-position: bottom left;
}
#centerin {
	width: 620px;
	height: 400px;
	padding: 0;
	overflow: auto;
	/*margin: 5px 20px 5px 20px;*/
}
.sek1 #centerin, .sek2 #centerin, .sek3 #centerin {
	width: 410px;
}
.podportenas {
	position: absolute;
	top: 2;
	left: 773;
}
.podportenas img {
	width: 186px;
	height: 84px;
}
.video {
	position: absolute;
	top: 10;
	left: 695;
}
.video img {
	width: 77px;
	height: 77px;
}
#bottom {
	position: absolute;
	top: 700px;
	width: 959px;
	height: 50px;
	line-height: 50px;
	background: url('/files/botbcg.png') no-repeat;
	background-position: top left;
	color: #666666;
	font-size: 12px;
	text-align: center;
}
#bottom .in {
	margin: 0;
	padding: 0 20px 0 20px;
}
#bottom a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 0 10px 0 10px;
}
#bottom a:hover {
	text-decoration: underline;
}
#bottom a.colrod, .colrod {color: #990000;}
#bottom a.colvyz, .colvyz {color: #f68914;}
#bottom a.colamo, .colamo {color: #6c9a16;}

.detail img.fleft {margin: 0 10px 10px 0;}

#page {
	margin: 0 auto;
	position: relative;
	width: 900px;
	height: 100%;
	text-align: left;
	background: url('/files/white.png');
	background-repeat: repeat-x;
	background-position: 0 326px;
}
#left {
	position: absolute;
	margin: 355px 0 0 0;
	background: url('/files/menubcgstin.png') no-repeat;
	background-position: top right;
	width: 220px;
	overflow: hidden;

}
#left .in {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}
#top {
	position: absolute;
	margin: 0px 0 0 0;
	width: 900px;
	height: 355px;
}
#topdomek {
	position: absolute;
	margin: 4px 0 0 420px;
	width: 97px;
	height: 62px;
}
#toplukaskoval {
	position: absolute;
	margin: 19px 0 0 647px;
	width: 253px;
	height: 33px;
}

.leftmenu a {
	font-family: "Tahoma";
	background: url('/files/menubcg.png') no-repeat top left;
    text-align: left;
    padding: 9px 0 10px 20px;
	/*height: 33px;*/
	color: black;
	font-size: 12px;
	display: block;
    text-decoration: none;
}
.leftmenu a.sub {
    padding: 5px 0 5px 25px;
	font-size: 11px;
}
.leftmenu a:hover, .leftmenu a.akt {
	background: url('/files/menubcgover.png') no-repeat top left;
    text-decoration: none;
	font-weight: bold;
	color: #f0f2f3;
}
.leftmenu a.sub:hover, .leftmenu a.akt.sub {
	font-weight: normal;
}
.odkaz {
	margin-top: 15px; margin-left: 570px;
	font-size: 0.9em;
}
.odkaz a {
	color: #222;
}
.odkaz2 {
	font-size: 0.9em;
	margin-top: 70px; margin-left: 40px;
}
.odkaz2 a {
	color: white;
}
.bottom-menu {
	margin-top: 5px; margin-left: 320px;
	color: White;
}
.bottom-menu a {
	color: #ddd;
	margin-left: 10px;
	padding-right: 10px;
}
.bottom-menu a:hover {
	color: Black;
	text-decoration: none;
}
.bottom-menu2 {
	color: silver;
}
.bottom-menu2 a {
	color: silver;
	margin-left: 10px;
	padding-right: 10px;
}
.bottom-menu2 a:hover {
	color: gray;
}
.page2 {
	background-image: url(../files/top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	height: 132px;
	text-align: left;
}

.login {
	text-align: center;
}
.login input {
	border: none;
	background-color: transparent;
	width: 100px;
}
.navigace {
	clear: both;
	text-align: center;
	margin: 5px 0 5px 0;
}
.navigace a {
	padding: 0 5px 0 5px;
}
.pozor {
	text-align: center;
	color: red;
}
#vokno {
	position: absolute;
	width: 300px;
	height: 300px;
	border: 1px solid #c2c2c2;
	background-color: #900;
	z-index: 99999;
	display:
}
#bcg {
	position: absolute;
	background-image: url(../files/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	heigth: 100%;
	left: 0;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: 9999;
}
#axloadin {
	overflow: auto;
}