HOME

5h-3LL 1.0
DIR: /srv/http/vyvoj.adent.cz/vyvoj/letnany.cz/_praha18net.cz/css
/srv/http/vyvoj.adent.cz/vyvoj/letnany.cz/_praha18net.cz/css/
Current File : /srv/http/vyvoj.adent.cz/vyvoj/letnany.cz/_praha18net.cz/css/layout.css
body, div, span, form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	color: #464646;
	background-color: #fff;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent url('../img/body.gif') repeat-x 50% 0%;
}
body.home {
	color: #1f1f1f;
	background: transparent url('../img/home-body.gif') repeat-x 50% 0%;
}
.bg {
	background: transparent url('../img/bg.gif') no-repeat 50% 0%;
	text-align: center;
}
.home .bg {
	background: transparent url('../img/home-bg.gif') no-repeat 50% 0%;
}
.bg-bottom {
	background: transparent url('../img/footer-bg.gif') repeat-x 50% 100%;
}
.bg-top {
	background: transparent url('../img/bg-top.gif') no-repeat 50% 0%;
}
.home .bg-top {
	background: transparent url('../img/home-bg-top.gif') no-repeat 50% 0%;
}

p { text-align: justify; }
a { color: #2269DA; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { color: #1667ee; }
.home h1, .home h2, .home h3, .home h4, .home h5, .home h6 { color: #2269da; }


#container, #header, #home-header, #main, #home-main, #footer {
	width: 1010px;
}

#container {
	margin: 0 auto;
	text-align: left;
}

#home-header {
	height: 405px;
	background: #fbfdff url('../img/home-header.jpg') no-repeat 0 0;
}
#header {
	height: 230px;
	background: #fbfdff url('../img/header.jpg') no-repeat 0 0;
}
	.home .header1 {
		height: 121px;
	}
	.header1 {
		height: 107px;
	}
	.header1 a {
		color: #252525;
	}
		.header1 h1{
			float: left;
		}
		.header-logo {
			float: left;
			text-align: right;
		}
		.header-logo {
			padding: 16px 0px 0px 33px;
		}
		.home .header-logo {
			padding: 25px 0px 0px 33px;
		}
		.header-text {
			float: left;
			text-align: right;
			color: #2269da;
			font-size: 18px;
		}
		.header-text {
			padding: 22px 0px 0px 31px;
		}
		.home .header-text {
			padding: 30px 0px 0px 31px;
		}
		.header-rightbox {
			float: right;
			width: 370px;
			_width: 590px;
			text-align: left;
			height: 41px;
			_height: 77px;
		}
		.header-rightbox {
			padding: 25px 0px 0px 220px;
		}
		.home .header-rightbox {
			padding: 36px 0px 0px 220px;
		}
			.header-rightbox .rss {
				float: left;
				padding: 6px 6px 0px 0px;
			}
			.header-rightbox .rss a {
				color: #ff9900;
				text-decoration: none;
			}
			.header-rightbox .lang {
				padding-top: 6px;
				float: left;
			}
			.header-rightbox .lang a {
				padding: 0px 2px 0px 10px;
			}
		 .searchform {
			float: right;
		}
		.searchTxt {
			padding: 4px 4px 0px 4px;
			width: 136px;
			_width: 144px;
			height: 21px;
			_height: 25px;
			vertical-align: top;
			background: #fff url('../img/searchform.gif') no-repeat 0 0;
			border: none;
		}
		.searchBtn {
			color: #fff;
			width: 72px;
			height: 25px;
			background: #0a862a url('../img/searchbutton.gif') no-repeat 0 0;
			border: none;
		}

		.header1 .header-rozcestnik {
			float: right;
			text-align: right;
			padding: 4px 0px 0px 0px;
			color: #252525;
		}
		.header1 .header-rozcestnik img {
			padding: 0px 20px 0px 20px;
			vertical-align: middle;
		}
		.header1 .header-rozcestnik a {
			text-decoration: none;
			color: #252525;
		}
		.header1 .header-rozcestnik a:hover {
			text-decoration: underline;
		}

	.header2 {
		height: 86px;
		font-size: 0px;
	}
		.header-images {
		}
		.header-images img {
			padding-right: 1px;
		}
	.home .header2 {
		height: 247px;
		font-size: 0px;
	}
		.header-left {
			float: left;
		}
		.header-right {
			float: right;
		}
	.header3 {
		height: 247px;
	}
		.topmenu {
			width: 1010px;
			height: 37px;
			background-color: #4284b2;
		}
		.topmenu .li {
			float: left;
		}
		.topmenu a {
			height: 37px;
			width: 126px;
			color: #fff;
			text-decoration: none;
			text-align: center;
			font-size: 12px;
			cursor: pointer;
			display: block;
			background: #e7e7e7 url('../img/m.gif') no-repeat 0 0;
		}
		.topmenu span {
			display: none;
		}
		#t1 {
			background: #4284b2 url('../img/t1.gif') no-repeat 0 0;
		}
		#t2 {
			background: #c30a49 url('../img/t2.gif') no-repeat 0 0;
		}
		#t3 {
			background: #f7841f url('../img/t3.gif') no-repeat 0 0;
		}
		#t4 {
			background: #ffd24e url('../img/t4.gif') no-repeat 0 0;
			color: #000;
		}
		#t5 {
			background: #3b9cdb url('../img/t5.gif') no-repeat 0 0;
		}
		#t6 {
			background: #209318 url('../img/t6.gif') no-repeat 0 0;
		}
		#t7 {
			background: #8c8c8c url('../img/t7.gif') no-repeat 0 0;
		}
		#t8 {
			background: #b5b5b5 url('../img/t8.gif') no-repeat 0 0;
		}
		a#t1.active, a#t1:hover {
			background: #5ba8ce url('../img/t1.gif') no-repeat 0% 100%;
		}
		a#t2.active, a#t2:hover {
			background: #db0f68 url('../img/t2.gif') no-repeat 0% 100%;
		}
		a#t3.active, a#t3:hover {
			background: #fbad2f url('../img/t3.gif') no-repeat 0% 100%;
		}
		a#t4.active, a#t4:hover {
			background: #ffe679 url('../img/t4.gif') no-repeat 0% 100%;
		}
		a#t5.active, a#t5:hover {
			background: #5ac2ea url('../img/t5.gif') no-repeat 0% 100%;
		}
		a#t6.active, a#t6:hover {
			background: #3cbd2f url('../img/t6.gif') no-repeat 0% 100%;
		}
		a#t7.active, a#t7:hover {
			background: #b4b4b4 url('../img/t7.gif') no-repeat 0% 100%;
		}
		a#t8.active, a#t8:hover {
			background: #d4d4d4 url('../img/t8.gif') no-repeat 0% 100%;
		}

		.topmark {
			font-size: 1px;
		}

#main {
	background: transparent url('../img/main.gif') repeat-y 0 0;
}
#home-main {
	background: transparent url('../img/home-main.gif') repeat-y 0 0;
}
.main-top {
	min-height : 312px;
	_height: 312px;
	padding-bottom: 24px;
	background: transparent url('../img/main-top.gif') no-repeat 100% 0%;
}
.home .main-top {
	min-height : 312px;
	_height: 312px;
	padding-bottom: 16px;
	background: transparent url('../img/rightbar.gif') no-repeat 100% 0%;
}

	.leftbar {
		padding-top: 11px;
		width: 219px;
		float: left;
	}
		.menu {
			padding: 1px 0px 0px 0px;
			background: transparent url('../img/menu.gif') no-repeat 0 0;
		}
		.home-menu {
			padding: 1px 0px 0px 0px;
			background: transparent url('../img/home-menu.gif') no-repeat 0 0;
		}
		.menu ul, .menu li, .home-menu ul, .home-menu li {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			line-height:150%;
		
		}
		.menu li, .home-menu li {
			_float: left;
			width: 219px;
			
		}
		.menu li {
			/*height: 48px;*/		  
		}
		.menu li li {
			height: 27px;
		}
		.home-menu li {
			height: 42px;
			background: #eaeaea url('../img/home-m.gif') no-repeat 0 0;
		}
		.menu a, .home-menu a {
			padding-left: 31px;
			padding-right: 5px;
			width: 187px;
			_width: 219px;
			text-decoration: none;
			display: block;
			float: left;
			cursor: pointer;
			text-align: left;
			font-size: 14px;
			vertical-align: middle;
		}
		.menu a {
			padding-top: 7px;
			padding-bottom: 7px;
			/*height: 43px;
			_height: 42px;*/
			color: #fff;									
			display: block;					  
      background: #4384b2 url('../img/m.gif') no-repeat 0 50%;
      border-bottom: 1px solid #205682;    
		}		
		#m-obcan.menu a {
      background: #4384b2 url('../img/m.gif') no-repeat 0 50%;
      border-bottom: 1px solid #205682;
    }
    #m-urad.menu a {
      background: #c30a49 url('../img/mm2.gif') no-repeat 0 50%;
      border-bottom: 1px solid #861139;
    }
    #m-mesto.menu a {
      background: #f7841f url('../img/mm3.gif') no-repeat 0 50%;
      border-bottom: 1px solid #b85600;
    }
    #m-projekty.menu a {
      background: #ffd24e url('../img/mm4.gif') no-repeat 0 50%;
      border-bottom: 1px solid #b48701;
    }
		.home-menu a {
			padding-top: 14px;
			height: 28px;
			_height: 42px;
			color: #585858;
		}
		.menu li li a {
			padding: 7px 0px 3px 50px;
			width: 173px;
			_width: 219px;
			height: 20px;
			_height: 27px;
			color: #fff;
			background: #216086 url('../img/submenu.gif') no-repeat 0px 1px;
			font-size:13px;
			
			
		}
		.menu a.image, .home-menu a.image {
			padding-top: 8px;
			height: 33px;
			_height: 42px;
			vertical-align: middle;
		}
		.menu a.image img, .home-menu a.image img {
			vertical-align: middle;
			padding-right: 10px;
		}
		#home-menufirst {
			background: #e7e7e7 url('../img/m-first.gif') no-repeat 0 0;
			
		}
		#home-menulast {
			background: #e7e7e7 url('../img/m-last.gif') no-repeat 0 0;
		}

		.home-menu a.tworows, .menu a.tworows {
			padding-top: 4px;
			height: 33px;
			_height: 37px;
		}
		.home-menu a.active, .home-menu a:hover {
			color: #000;
		}
		.home-menu a#m1 {
			background: transparent url('../img/home-m1.gif') no-repeat 0 0;
		}
		.home-menu a#m2 {
			background: transparent url('../img/home-m2.gif') no-repeat 0 0;
		}
		.home-menu a#m3 {
			background: transparent url('../img/home-m3.gif') no-repeat 0 0;
		}
		.home-menu a#m4 {
			background: transparent url('../img/home-m4.gif') no-repeat 0 0;
		}
		.home-menu a#m5 {
			background: transparent url('../img/home-m5.gif') no-repeat 0 0;
		}
		.home-menu a#m6 {
			background: transparent url('../img/home-m6.gif') no-repeat 0 0;
		}
		.home-menu a#m7 {
			background: transparent url('../img/home-m7.gif') no-repeat 0 0;
		}
		.home-menu a#m8 {
			background: transparent url('../img/home-m8.gif') no-repeat 0 0;
		}
		.home-menu a#m9 {
			background: transparent url('../img/home-m9.gif') no-repeat 0 0;
		}
		.home-menu a#m10 {
			background: transparent url('../img/home-m10.gif') no-repeat 0 0;
		}
                .home-menu a#m11 {
			background: transparent url('../img/home-m3.gif') no-repeat 0 0;
		}

		.menu span.br {
			text-align: center;
			display: block;
		}
		.leftbar .banners {
			clear: left;
			padding: 20px 0px 0px 0px;
		}
		.rightbar .banners {
			clear: right;
			padding: 20px 0px 0px 0px;
		}
		.banner {
			padding: 10px 0px 10px 0px;
		}

#page {
	width: 770px;
	margin: 0px 0px 0px 240px;
	_margin-left: 240px;
	line-height:150%;
/* pro podstranky 
	margin: 0px 0px 0px 246px;
	_margin-left: 246px;
*/
}
.window {
	float: left;
	width: 525px;
	padding-top: 12px;
}
	.content {
/*		padding: 10px 10px 10px 10px;
border:1px solid red;
	
*/	}

	.main-bookmarks a {
		text-decoration: none;
		font-size: 13px;
		float: left;
	}
	.mb1 a, .mb2 a {
		color: #707070;
		padding: 15px 0px 0px 33px;
		height: 30px;
		_height: 45px;
	}
	.mb1 a {
		width: 167px;
		_width: 200px;
		background: #f8f8f8 url('../img/mb1.gif') no-repeat 0 0;
	}
	.mb1 a:hover, .mb1 a.active {
		color: #008000;
		background: #e2f1e6 url('../img/mb1.gif') no-repeat 0% 100%;
	}
	.mb2 a {
		width: 167px;
		_width: 200px;
		background: #f8f8f8 url('../img/mb2.gif') no-repeat 0 0;
	}
	.mb2 a:hover, .mb2 a.active {
		color: #008000;
		background: #e2f1e6 url('../img/mb2.gif') no-repeat 0% 100%;
	}
	.mb3 a {
		color: #707070;
		padding: 10px 0px 0px 33px;
		height: 35px;
		_height: 45px;
		width: 93px;
		_width: 126px;
		background: #f8f8f8 url('../img/mb3.gif') no-repeat 0 0;
	}
	.mb3 a:hover, .mb3 a.active {
		color: #008000;
		background: #e2f1e6 url('../img/mb3.gif') no-repeat 0% 100%;
	}
	.content h3 {
		font-size: 15px;
		padding:10px 0px 0px 0px;
	}
	
	
	.heading h2 {
		font-size:19px;  background: transparent url('../img/sipka-modra.gif') no-repeat 5px 20px; padding:20px 0px 0px 80px; margin:0px
	}
	
	
	.content  ul {margin:10px 0px 20px 0px}
	.content ul li {padding-bottom:5px}
	
	.content  ul.bezz {list-style-type:none; padding:0px 0px 10px 10px; margin:0px}
	.content ul.bezz li {list-style-type:none; text-align:justify}
	
	.content a {color:#017824}
	
	.content table {width:400px; font-size:12px; margin:0px}
	.content table  tr {vertical-align:top}
	.content table th {padding-top:10px; font-size: 15px; color:#2269da }

	table.form    {background:#fff; margin-top:20px;
		 width:400px; margin-left:2px;
	}
	
	table.form th { background:#f1f8f1; color:#000; font-size: 12px; padding:7px 5px 7px 15px; vertical-align:middle;  }
	
	table.form td   { background:#f1f8f1; 
		padding:7px 5px 7px 15px; text-align:left; font-weight:normal; color:#000;
	}

	
	.mainimg {
		margin-bottom: 20px;
		font-size: 0px;
	}
	.mainimg img {
	}
	.legend {
		padding: 6px 8px 6px 8px;
		font-style: italic;
		font-size: 11px;
		color: #fff;
		background-color: #8c8c8c;
	}
	p.images img {
		padding: 0px 3px 0px 3px;
	}
	.sign {
		text-align: right;
		font-style: italic;
	}
	.clanek {
		padding: 5px 0px 8px 0px;
		width: 536px;
		height: 88px
		}
		
	.clanek p {display:inline}

	
	.clanek   h3 {margin: 0px 0px 5px 0px; font-size:15px;
/*		width: 536px;
*/		color: #2269da; padding:0px;
		}
	.clanek  h3 a { color:#2269da; text-decoration:underline }
	.clanek  h3 a:visited {color:#2269da; text-decoration:underline}
	.clanek  h3 a:hover {color:#2269da; text-decoration:underline} 
	
	.clanekimg {
		float: left;
		margin: 0px 0px 0px 0px;
		padding:0px 15px 0px 0px;
	}
	.clanektext {
		padding: 6px;
		margin: 0px 0px 0px 225px;
	}
	
	.clanektext a {color: #2269DA;}
	
	.sipka-zelena {
		padding: 1px 0px 7px 5px;
		width: 73px;
		_width: 78px;
		height: 20px;
		_height: 23px;
		color: #fff;
		font-size: 13px;
		background: transparent url('../img/sipka-zelena.gif') no-repeat 0 0;
	}
	
	.homeclanek {
		padding: 0px 0px 0px 0px;
		width: 536px;
		margin:25px 0px 30px 0px;
		height:148px;
		
	}
	
	.homeclanek p {display:inline; text-align: justify}
	
	.homeclanek   h3 {font-size:13pt; margin:0px; padding:0px 0px 10px 0px; line-height:120%}
	.homeclanek  h3 a { color:#2269da; text-decoration:underline }
	.homeclanek  h3 a:visited {color:#2269da; text-decoration:underline}
	.homeclanek  h3 a:hover {color:#2269da; text-decoration:underline} 

	.homeclanekimg {
		float: left;
		margin: 0px 0px 0px 0px;
		padding:0px;
	}

	.rightbar {
		background: #fff url('../img/rightbar-bottom.gif') no-repeat 100% 100%;
		float: right;
		padding: 12px 0px 20px 0px;
		width: 205px;
		font-size: 11px;
		text-align:center;
	}
	.home .rightbar {
		background: transparent url('../img/rightbar.gif') no-repeat 100% 0%;
		float: right;
		padding: 12px 0px 0px 0px;
		width: 205px;
	}
	.vp {
		padding : 0px 0px 20px 0px;
	}
	.svatek {
		font-size: 13px;
		padding : 0px 0px 15px 0px;
	}
	
	#kalendar
	
	.kalendar {border:1px solid red}
	table.kalendar_header { font-size:13px; color:#018003; margin:0px; padding:0px; font-weight:bold; width:100%}
	table.kalendar_header td {text-align:center}
	table.kalendar_header td.list-sipka  {width:30px; padding:0px; margin:0px;
	}
	
	.kalendar-nadpis {padding:3px; text-align:center; margin:0 auto; color:#008000; background:#e2f0e4; font-size:15px; font-weight:bold; width:135px}
	
	table.kalendar_table    {background:#73b985;
		 width:200px; margin-left:2px;
	}
	
	table.kalendar_table th {text-align:center; background:transparent url('../img/bg-kalendar.gif') repeat-x 0 0;}
	
	table.kalendar_table td   { background:#f1f8f1;
		padding:4px 5px 4px 5px; text-align:center; font-weight:normal; color:#000;
	}
	
	table.kalendar_table td.kalendar_den_s_akci   { background:transparent url('../img/bg-kalendar-activ.gif') no-repeat 0 0;

	}
	
	table.kalendar_table td.kalendar_den_s_akci   a {color:#fff}
	.pocasi {background: transparent url('../img/bg_pocasi.png') no-repeat 0 0; margin-bottom:20px; }
	.pocasi-blok  {width: 180px;  margin: 0 auto; margin-left:15px; text-align: center; padding-top:8px; padding-bottom:5px}



	.infopanel {
		clear: both;
		float: right;
		width: 205px;
		background: transparent url('../img/infopanel-bg.gif') repeat-y 0 0;
	}
	.infopanel-top {
		background: transparent url('../img/infopanel-top.gif') no-repeat 0 0;
	}
	.infopanel-bottom {
		padding-top: 2px;
		background: transparent url('../img/infopanel-bottom.gif') no-repeat 0 100%;
	}
	.infopanel-title {
		color: #008000;
		font-size: 15px;
		padding: 10px 0px 0px 16px;
		height: 23px;
		_height: 33px;
		font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
	}
		.infopanel-box {
		}
		.infopanel-date {
			padding: 2px 0px 0px 5px;
			height: 17px;
			_height: 19px;
			color: #fff;
			background: transparent url('../img/sipka-zelena-mala.gif') no-repeat 0 0;
		}
		.infopanel-text {
			padding: 7px 14px 10px 16px;
			color: #464646;
		}
		.infopanel-text a {
			color: #464646;
		}
	
#footer {
	background: #2a9346 url('../img/footer.gif') repeat-x 50% 100%;
	height: 113px;
	clear: both;
	color: #fff;
}
	.footer1 {
		height: 58px;
		padding-left: 240px;
	}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
		.footmenu {
			padding-top: 25px;
		}
		#footer .footmenu a {
			text-decoration: none;
		}
		#footer .footmenu a.active, #footer .footmenu a:hover {
			color: #fff;
			text-decoration: underline;
		}
		.footmenu .separator {
			padding: 0px 10px 0px 10px;
		}
	.footer2 {
		height: 49px;
		padding-left: 240px;
		color: #c5e3ce;
	}
		#footer .address {
			padding-top: 20px;
		}
		#footer .copyright {
			float: left;
		}
		#footer .webdesign {
			float: right;
			display: none;
		}

.bold {
	font-weight: bold;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.blue {
	color: #1667ee;
}
.lightblue {
	color: #8dc2f7;
}
.green {
	color: #138f2f;
}
p.green {
	font-size: 14px;
}
.home .green {
	color: #037e25;
}
.underline {
	text-decoration: underline;
}
.yellow {
	color: #e1cf00;
}
a .green-link {
	font-size: 12px;
	color: #098429;
	text-decoration: underline;
}

.clearer {
	clear: both;
	height: 0px;
	font-size: 0px;
	border: none;
	margin: 0px 0px 0px 0px;
	visibility: hidden;
}
.clearleft {
	clear: left;
}
.hidden, .textonly {
	display: none;
	font-size: 0px;
	visibility: hidden;
}

.hide {
	display: none;
}
.show {
	display: block;
}

p {
/* bez tohoto FF odsazuje cely blok main */
/*
	margin: 0px;
	padding: 5px 0px 5px 0px;
*/
}

a.outlink,		
a.outlink:link,
a.outlink:hover	{ padding-right:12px; background:transparent none no-repeat 100% 50%; background-image:url("../img/out-link.gif"); }

.pdf	{ padding:0px 0px 0px 18px; background:transparent none no-repeat 0 0; background-image:url("../img/ico_pdf.png"); }

.detail {background: #000  url('../img/bg-detail-fotogalery.png') repeat 0 0; margin:0px; width:525px; height:550px}

.fotoGaleryFoto { width:130px; height:117px; text-align:center; padding-top:15px; float:left; display: table-cell;}

.knihovnaFotogalerieFoto {border:4px solid #fff}

.cely-text h2 {
		font-size:19px;  background: transparent url('../img/sipka-modra1.gif') no-repeat 5px 20px; padding:20px 0px 0px 90px; margin:0px
	}


 table.tb-foto {width:530px; font-size:12px}
 table.tb-foto tr {background: transparent url('../img/bg-table-fotogalery.png') no-repeat 0 0; height:40px}

.datum {background: transparent url('../img/bg-datum-fotogalery.png') no-repeat 0 0; color:#fff; height:22px; width:70px; display:block; float:left; text-align:center; margin:0px 8px 0px 8px; font-size:11px; }
.prohledni {background: transparent url('../img/bg-prohledni-fotogalery.png') no-repeat 0 0; height:22px; float:right; display:block; font-size:11px; margin:0px 3px 0px 3px; padding:0px 8px 0px 8px; margin-right:7px}
.prohledni a.bila {color:#fff; text-decoration:none}
.prohledni a.bila:visited {color:#fff}
.prohledni a.bila:hover {color:#000}

.advancedNavigaceDown {font-size:13px; color:#b4b2b2; text-align:center; }
.advancedNavigaceDown a {text-decoration:none}
.navigace-active-number {border:1px solid #b4b2b2; color:green; padding:2px 5px 2px 5px}

.successMessage {
 border:1px solid #AFAFAF; width:400px; font-size:14px; text-align:center; margin:0 auto; background:#efefef; padding:20px; line-height:180%; margin-top:15px; margin-bottom: 15px; color:#21a121
}

.errorMessage {
 border:1px solid #AFAFAF; width:400px; font-size:14px; text-align:center; margin:0 auto; background:#efefef; padding:20px; line-height:180%; margin-top:15px; margin-bottom: 15px; color:red
}