HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/benatky.cz/css
/srv/http/adent.cz/benatky.cz/css/
Current File : /srv/http/adent.cz/benatky.cz/css/benatky-slabozraci.css
@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }


.cleaner-left { clear:left; font-size: 1px; }		
.cleaner-right { clear:right; font-size: 1px; }


#body_top {
	width: 100%;
	background: url(../img/pabe-bg-top.jpg) top repeat-x
	}
	
#body_bottom {
	width: 100%;
	background: #f6f9fb url(../img/pabe-bg-bot.jpg) bottom repeat-x;
	}
	
.page_wrap {
	width: 100%px;
	/*margin: 0 auto;*/
	}	
	
	
	
#top1 {
	position: relative;
	/*height: 103px;*/
	}
	
#top2 {
	position: relative;
	/*height: 188px;*/
	}	
	
	#flags {
		position: absolute;
		top: 7px;
		right: 0px;
		visibility: hidden;
		}
		
		#flags a {
			display: inline-block;
			width: 24px;
			height: 19px;
			margin: 0 2px;
			}
			
			.cz { background: url(../img/flags.png) 0 0px no-repeat; }
			.de { background: url(../img/flags.png) -26px 0px no-repeat; }
			.en { background: url(../img/flags.png) -52px 0px no-repeat; } 
			
			.cz-active { background: url(../img/flags.png) 0 -19px no-repeat; }
			.de-active { background: url(../img/flags.png) -26px -19px no-repeat; }
			.en-active { background: url(../img/flags.png) -52px -19px no-repeat; }
			
			.cz :hover { background: url(../img/flags.png) 0 -19px no-repeat; }
			.de :hover { background: url(../img/flags.png) -26px -19px no-repeat; }
			.en :hover { background: url(../img/flags.png) -52px -19px no-repeat; }	
			
	#rss {
		position: absolute;
		top: 7px;
		right: 128px;
		visibility: hidden;
		}
		
		#rss a, #rss a:visited, #rss a:active, #rss a:hover {
			display: inline-block;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			font-size: 10px;
			color: #92a5b4;
			text-decoration: none
			}
		
		#rss a span {
			display: block;
			height: 17px;
			line-height: 17px;
			padding: 0 0 0 24px;
			background: url(../img/rss.png) left center no-repeat;
			cursor: pointer;
			}
			
	#slabozraci {
		position: absolute;
		 top: 4px;
		 left: 570px;
		 
		 }
		 
		 #slabozraci a {
		 	display: inline-block;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			text-decoration: none;
			}
			
			#slabozraci a span {
				display: block;
				height: 30px;
				padding: 0 0 0 32px;
				background: url(../img/slabozraci.png) left center no-repeat;
				font-size: 28px;
				color: #6a7a87;
				}
				
	#home {
		position: relative;
		margin: 0 0 0 0;
		/*left: 0;*/
		width: 340px;
		height: 72px;
		background: url(../img/benatky.png) top left no-repeat;
		}
		
	#menu1 {
		position: relative;
		/*bottom: 8px;*/
		right: 0;
		margin: 30px 0 0 0;
		}
		
		#menu1 ul {
			/*float: left;*/
			list-style: none;
			}
			
			#menu1 ul li {
				/*float: left;*/
				padding: 0 0 0 0;
				/*height: 50px;*/
				}
				
				#menu1 ul li.divider {
					width: 1px;
					font-size: 1px;
					background-color: #728397;
					visibility: collapse;
					}
				
			#menu1 ul li a {
				display: inline-block;
				height: 70px;
				padding: 0 0 0 0;
				text-decoration: none;
				}
				
				#menu1 ul li a span, #menu1 ul li a span.double {
					display: block;
					height: 40px;
					line-height: 40px;
					padding: 0 15px 0 15px;
					font-size: 24px;
					color: #000;
					text-decoration: none;
					text-transform: uppercase;
					text-align: left;
					cursor: pointer;
					}
					
					#menu1 ul li a span.double {
						line-height: 24px;
						padding: 3px 15px 0 15px;
						}
						
					#menu1 ul li a:hover span, #menu1 ul li a:hover span.double, #menu1 ul li a.active span, #menu1 ul li a.active span.double {
						color: #9d0000;
						
						}	
				
					
					
	#pos1 { 
		position: absolute; 
		top: 0; 
		left: 0;
		padding: 20px 0 0 0;
		height: 105px;
		width: 333px;
		background: url(../img/pos.png) 0 0 no-repeat;
		}
		
	#pos2 { 
		position: absolute; 
		top: 0; 
		left: 334px;
		padding: 20px 0 0 0;
		height: 105px;
		width: 333px;
		background: url(../img/pos.png) -334px 0 no-repeat;
		}
		
	#pos3 { 
		position: absolute; 
		top: 0; 
		left: 668px;
		padding: 20px 0 0 0;
		height: 105px;
		width: 333px;
		background: url(../img/pos.png) -668px 0 no-repeat;
		}	
		
	#menu2 {
		position: relative;
		
		}
		
		#menu2 ul {
			/*float: left;*/
			list-style: none;
			padding: 120px 0 0 0
			}
			
			#menu2 ul li {
				/*float: left;*/
				}
				
				#menu2 ul li a {
					display: inline-block;
					width: 166px;
					/*height: 59px;*/
					text-decoration: none;
					}
					
					/*#menu2 ul li a.knihovna { background: url(../img/menu2.jpg) 0 0 no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.zpravodaj { background: url(../img/menu2.jpg) -167px 0 no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.informace { background: url(../img/menu2.jpg) -334px 0 no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.tv { background: url(../img/menu2.jpg) -501px 0 no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.rozhlas { background: url(../img/menu2.jpg) -668px 0 no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.formulare { background: url(../img/menu2.jpg) -836px 0 no-repeat;  }
					
					#menu2 ul li a.knihovna :hover, #menu2 ul li a.knihovna-active { background: url(../img/menu2.jpg) 0 -59px no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.zpravodaj :hover, #menu2 ul li a.zpravodaj-active { background: url(../img/menu2.jpg) -167px -59px no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.informace :hover, #menu2 ul li a.informace-active { background: url(../img/menu2.jpg) -334px -59px no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.tv :hover, #menu2 ul li a.tv-active { background: url(../img/menu2.jpg) -501px -59px no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.rozhlas :hover, #menu2 ul li a.rozhlas-active { background: url(../img/menu2.jpg) -668px -59px no-repeat; margin: 0 1px 0 0; }
					#menu2 ul li a.formulare :hover, #menu2 ul li a.formulare-active { background: url(../img/menu2.jpg) -836px -59px no-repeat; }
					*/					
					#menu2 ul li a span, #menu2 ul li a span.double {
						display: block;
						width: 166px;
						/*height: 59px;*/
						/*line-height: 80px;*/
						padding: 10px 0 10px 0;
						text-align: center;
						font-size: 24px;
						color: #000;
						text-transform: uppercase;
						}
						
					#menu2 ul li a span.double {
						/*line-height: 80px;*/
						/*padding: 17px 0 0 0;*/
						}
						
					#menu2 ul li a:hover span, #menu2 ul li a:hover span.double, #menu2 ul li a.knihovna-active span, #menu2 ul li a.zpravodaj-active span, #menu2 ul li a.informace-active span, #menu2 ul li a.tv-active span, #menu2 ul li a.rozhlas-active span, #menu2 ul li a.formulare-active span   {
						color: #990000;
						}	
						
						
/* page */

	#page {
		/*background: url(../img/page-bg.jpg) repeat-y;*/ width:1400px;
		}

	#bludivider { 
		height: 16px;
		background: url(../img/bludivider.jpg) repeat-x ;
		}
		
	#left_column {
		float: left;
		position: relative;
		border-top: #000000 4px solid;
		border-right: #000000 4px solid;
		border-bottom: #000000 4px solid;
		width: 400px;
		/*width: 230px;*/
		}
		
	#mid_column {
		float: left;
		position: relative;
		width: 541px;
		border-left: #999 4px solid;
		}
		
	#right_column {
		
		/*float: left;*/
		float: none;
		position: relative;
		width: 400px;
		border-top: #000000 4px solid;
		border-right: #000000 4px solid;
		border-bottom: #000000 4px solid;
		
		}	
		
	#left_column, #mid_column, #right_column {
		padding-bottom: 50px;
		}	
		
	#leftmenu {
		position: relative;
		}
		
		#leftmenu ul {
			list-style: circle;
			padding: 0 0 0 35px;
			}
			
			#leftmenu ul li {	
				list-style: circle;
				}
			
			#leftmenu ul li a, #leftmenu ul li a.active{
				display: inline-block;
				text-decoration: none;
				}
				
				
				
				#leftmenu ul li a span, #leftmenu ul li a.active span {
					display: block;
					padding: 5px 10px 5px 0;
					color: #000000;
					font-size: 21px;
					}
					
					#leftmenu ul li a:hover span {
						color: #990000
						}
					
					#leftmenu ul li ul {
						padding: 5px 0 10px 15px;
						list-style: square;
						color: #000;
						}
						
						#leftmenu ul li ul li {
							list-style: square;
							}
					
					#leftmenu ul li ul li a, #leftmenu ul li ul li a.active {
						display: inline-block;
						padding: 0 0 0 15px;
						height: 28px;
						text-decoration: none;
						font-size: 21px;
						}
						
						#leftmenu ul li ul li a span, #leftmenu ul li ul li a.active span {
							display: block;
							padding: 0 0 0 0;
							height: 28px;
							line-height: 28px;
							font-size: 21px;
							color: #000;
							/*background: url(../img/left-submenu.jpg) left top no-repeat;*/
							}
							
							#leftmenu ul li ul li a:hover span, #leftmenu ul li ul li a.active span {
								color: #990000;
								/*background: url(../img/left-submenu.jpg) left bottom no-repeat;*/
								}
						
					
	#kontakt {
		position: relative;
		padding: 50px 0 20px 10px;
		border-top:  #000000 4px solid;
		border-bottom:  #000000 4px solid;
		}
		
		.kon-cz { background: url(../img/kontakt-cz-slab.jpg) top left no-repeat; }
		
		#kontakt h3 {
			margin: 12px 5px 0 0;
			padding: 0 0 0 0px;
			font-size: 24px;
			color: #000;
			}

		#kontakt p {
			padding: 3px 5px 3px 0;
			font-size: 21px;
			color: #000;
			}
			
			#kontakt p a, #kontakt p a:active, #kontakt p a:visited {
				text-decoration: none;
				color: #000;
				}	
				
			#kontakt p a:hover {
				text-decoration: underline;
				}
				
	#vypis {
		display: block;
		margin: 32px 0 0 0;
		padding: 80px 0 20px 10px;
		}
		
		.vypis-cz { background: url(../img/vypis-slab.jpg) top left no-repeat; }
		
		#vypis a, #vypis a:visited, #vypis a:active, #vypis a:hover {
			display: block;
			font-size: 21px;
			text-decoration: underline;
			color:  #273643;
			}
			
	#spoluprace {
		width: 228px;
		padding: 30px 0 18px 0;
		margin: 0 auto;
		font-size: 24px;
		color: #92a4b4;
		text-align: center;
		background-color: #FFFFFF;
		}	
		
		#spoluprace strong {
			font-size: 24px;
			font-weight: bold;
			}
			
			
/*  right column */

	#vyhledavani {
		height: 80px;
		position: relative;
		}
		
		.vyhledat {
			position: absolute;
			top: 16px;
			left: 16px;
			width: 360px;
			height: 30px;
			padding: 3px 0 0 3px ;
			line-height: 20px;
			font-size: 21px;
			font-style: italic;
			color:#000;
			background: none;
			background-color: #FFFFFF;
			border: #000 1px solid;
			}
			
		.submit {
			position: absolute;
			top: 16px;
			left: 376px;
			width: 80px;
			height: 35px;
			background-color: #990000;
			font-size: 21px;
			color: #fff;
			
			border: none;
			cursor: pointer;
			}	
		
	#novinky-cz {
		position: relative;
		background: url(../img/novinky-cz-slab.jpg) left top no-repeat;
		padding: 60px 0 0 0; 
		}
		
		.novinky-item {
			position: relative;
			margin: 0 auto;
			padding: 5px 10px 0 0;
			min-height: 85px;
			border-bottom: #000 2px solid;
			}
			
			.novinky-item a.theme {
				position: absolute;
				top: 5px;
				left: 0;
				width: 115px;
				height: 75px;
				visibility: collapse;
				visibility: hidden;
				}
				
			.novinky-item a.header {
				float: left;
				padding: 8px 0 0 0;
				font-size: 18px;
				text-transform: uppercase;
				color: #000;
				text-decoration: none;
				font-weight: bold
				}
				
			.novinky-item a.cely-clanek {
				display: inline-block;
				position: absolute;
				bottom: 5px;
				right: 2px;
				font-size: 21px;
				color: #000000;
				padding: 0 10px 0 0;
				}
				
				.novinky-item a.cely-clanek span {
					display: block;
					padding: 0 10px 0 0;
					}	
				
				
				
	#kalendar {
		position: relative;
		}
		
	#kalendar-header {
		height: 60px;
		background: url(../img/kalendar-slab.jpg) no-repeat;
		}
			
		
	#mesice {
		width: 600px;
		margin: 0 auto;
		padding: 0 0 0 0;
		height: 50px;
		}
		
		#mesice a {
			text-decoration: none;
			}
			
			#mesice a.mes-prev, #mesice a.mes-next {
				display: inline-block;
				width: 50px;
				height: 50px;
				line-height: 50px;
				background: url(../img/mes-prev.png) no-repeat ;
				}
				
			#mesice a.mes-next { 
				background: url(../img/mes-next.png) no-repeat;
				}	
				
				#mesice a.mes-prev img, #mesice a.mes-next img {
					width: 50px;
					height: 50px;
					vertical-align: middle;
					}
				
			#mesice a.mes-nazev {
				display: inline-block;
				height: 50px;
				width: 300px;
				line-height: 50px;
				}
		
		#mesice a.mes-nazev span {
			display: block;
			height: 50px;
			width: 500px;
			line-height: 50px;
			font-size: 21px;
			color: #000;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			}
			
	
	#kalendar-table {
		position: relative;
		width: 400px;
		margin: 0 auto;
		margin-top: 12px;
		}
		
		#kalendar-bg {
			position: absolute;
			top: 23px;
			left: 2px;
			width: 179px;
			height: 125px;
			background-color: #a50c0c;
			z-index: 1000;
			visibility: hidden;
			}
	
	table.kalendar {
		display: block;
		position:relative;
		z-index: 5000;
		padding: 0 0 0 0;		
		margin: 0 0 0 0;
		}
		
		table.kalendar thead td {
			width: 55px;
			height: 50px;
			font-size: 21px;
			text-transform: uppercase;
			font-weight: bold;
			color: #000;
			text-align: center;
			line-height: 20px;
			border-bottom: 4px #000 solid;
			}
			
		table.kalendar tbody td, table.kalendar tbody td.actual {
			widht: 55px;
			height: 50px;
			}
			
			table.kalendar tbody td.actual {
				background-color:#000;
				}
				
			
			table.kalendar tbody td a {	
				display: inline-block;
				width: 55px;
				height: 50px;
				text-decoration: none;
				}
			
			table.kalendar tbody td a span {
				display: block;
				width: 55px;
				height: 50px;
				text-align: center;
				line-height: 50px;
				font-size: 24px;
				font-weight: bold;
				color: #000;
				}
				
				table.kalendar tbody td a span.non {
					
					}
				
				table.kalendar tbody td a span.non, table.kalendar tbody td.actual a span {
					color: #666666;
					}
					
				table.kalendar tbody td.actual a span {
					color: #fff;
					}	
					
				table.kalendar tbody td a span.akce {
					text-decoration: underline;
					}	
			
		.vsechny-akce {
			display: inline-block;
			float: right;
			margin: 5px 0 5px 0;
			color: #000;
			}
			
			.vsechny-akce span {
				font-size: 21px;
				color: #000;
				padding: 0 10px 0 0;
				}
				
				
				
	#pocasi-cz {
		position: relative;
		display: block;
		height: 450px;
		}
		
		#pocasi-cz #pocasi-header {
			position:relative;
			height: 60px;
			background: url(../img/pocasi-cz-slab.jpg);
			}
			
		#pocasi-ikony {
			position: relative;
			height: 182px;
			width: 300px;
			margin: 0 auto;
			background-color: #fff;
			}	
			
		#poc1, #poc2, #poc3 {
			position: absolute;
			top: 0;
			left: 0;
			width: 199px;
			padding: 200px 0 0 0;
			font-size: 21px;
			color: #000;
			text-align: center;
			}
			
		#poc2 { left: 200px; }
		#poc3 { left: 400px; }
		
		.slunecno { background: url(../img/pocasi-ikony-slab.jpg) -400px 0 no-repeat; }
		.zatazeno { background: url(../img/pocasi-ikony-slab.jpg) 0px 0 no-repeat; }
		.destivo { background: url(../img/pocasi-ikony-slab.jpg) -200px 0 no-repeat; }
		
		.vice-opoc {
			display: block;
			margin: 3px;
			padding: 120px 5px 0 0;
			color: #000
			}
			
			.vice-opoc span {
				display: block;
				padding: 0 10px 0 0;
				font-size: 18px;
				color: #000;
				}
				
	#panorama-foto-cz, #panorama-foto-de, #panorama-foto-en {
		position: relative;
		text-align: center;
		font-size: 21px;
		color: #000;
		padding: 0 0 20px 0;
		}
		
		#panorama-foto-cz a, #panorama-foto-de a, #panorama-foto-en a {
			color: #aa1212;
			padding: 0 5px 0 0;
			}
		
		#panorama-foto-cz #panorama-header {
			position: relative;
			height: 60px;
			background: url(../img/panorama-cz-slab.jpg) no-repeat;
			}	
			
		#panorama-klip {
			height: 122px;
			margin: 0 0 5px 0;
			}		
				
		
/* mid */

#mid-wrap {
	width: 510px;
	margin: 0 auto;
	}

#aktuality {
	height: 60px;
	background: url(../img/aktuality-cz-slab.jpg) no-repeat;
	}
	
	.akt-item-left, .akt-item-right {
		margin: 15px 0 0 0;
		padding: 0 0 20px 0;
		}
		

		.akt-item-left img {
			/*float: left;*/
			display: block;
			width: 221px;
			height: 131px;
			border-color: #9babba;
			}
			
		.akt-item-right img {
			/*float: right;*/
			width: 221px;
			height: 131px;
			border-color: #9babba;
			}		
			
		.info {
			/*width: 400px;*/
			padding: 0 10px 0 0;
			}
			
		.akt-item-left .info {
			/*float: right;*/
			}
			
		.akt-item-right .info {
			/*float: left;*/
			}		
			
			.info h3 {
				padding: 5px 0 0 0;
				color: #000;
				font-size: 26px;
				}
				
				.info h3 a, .info h3 a:visited, .info h3 a:active {
					color: #000;
					text-decoration: none;
					}
				
			.info h4 {
				padding: 10px 0 0 0;
				color: #000;
				font-size: 24px;
				font-weight: normal;
				}
				
				.info h4 a, .info h4 a:visited, .info h4 a:active {	
					color: #000;
					text-decoration: none;
					}
					
			.info p {
				padding: 10px 0 0 0;
				font-size: 21px; 
				color: #000;
				}
				
			.akt-clanek {
				display: inline-block;
				/*float: right;*/
				color: #000;
				font-size: 18px;
				}
				
				.akt-clanek span {
					display: block;
					padding: 0 10px 0 0;
					color: #000;
					font-size: 21px;
					}
	.akt-divider {
		height: 1px;
		font-size: 1px;
		background-color: #999999;
		}
		
	.akt-archiv {
		display: inline-block;
		color: #000;
		padding: 0 0 15px 0;
		}
		.akt-archiv span {
			display: block;
			padding: 0 10px 0 0;
			font-size: 21px;
			color: #000;
			}
									 		
										
/* bottom */

#page-bottom {
	position:relative;
	height: inherit;
	padding: 0 0 50px 0;
	min-height: 177px;
	_height: 227px;
	}
	
	#bot1 {
		float: left;
		width: 323px;
		font-size: 5px;
		margin: 34px 0 0 0;
		}
		
	#bot2 {
		float: left;
		width: 323px;
		font-size: 5px;
		margin: 34px 0 0 5px;
		padding: 0 0 35px 0;
		}
		
	#bot3 {
		position: relative;
		float: right;
		width: 323px;
		margin: 34px 0 0 0;
		}
		
	#bot1 h3 , #bot2 h3 {
		padding: 0 0 10px 15px;
		font-size: 21px;
		color: #000;
		text-transform: uppercase
		}	
		
	#bot1 a , #bot2 a {
		padding: 0 0 0 15px;
		display: block;
		line-height: 30px;
		font-size: 21px;
		color: #000;
		}						
				
	#bot3 #slabozraci {
		position: absolute;
		top: 0;
		left: 0;
		}
		
	#copyright, #prohlaseni {
		position: absolute;
		bottom: 12px;
		left: 15px;
		font-size: 18px;
		color: #000;
		font-style: italic; 
		}
	
	#prohlaseni {
		left: 677px;
		font-style: normal;
		
		}
		
	#prohlaseni a, #prohlaseni a:hover, #prohlaseni a:visited, #prohlaseni a:active {
		color: #000;
		font-style: normal;
		}  	 		
																						
		
/* podstranka */

	#drobeckove-menu {
		height: 40px;
		padding: 0 0 0 250px;
		 font-size: 21px;
		 font-style: italic;
		 color: #000;
		 line-height: 40px;
		 border-bottom: #000000 4px solid;
		 border-top: #000000 4px solid;
		}
		
		#drobeckove-menu a, #drobeckove-menua:visited, #drobeckove-menu a:hover, #drobeckove-menu a:active {
			font-size: 21px;
		 	font-style: italic;
		 	color: #000;
		 	} 
		

	#topnavi {
	
		}
		
		#topnavi ul {
			/*float: left;*/
			list-style: none;
			}
			
			#topnavi ul li {
				/*float: left;*/
				}
				
				#topnavi ul li a, #topnavi ul li a.active {	
					display: inline-block;
					/*width: 200px;*/
					height: 49px;
					color: #000;
					text-decoration: none;
					/*background: url(../img/topnavi.jpg) -169px 0 no-repeat;*/
					}
				
				#topnavi ul li a.active, #topnavi ul li a:hover	 {
					/*background: url(../img/topnavi.jpg) 0 0 no-repeat;*/
					}
				
				#topnavi ul li a span, #topnavi ul li a.active span {
					display: block;
					/*width: 169px;*/
					height: 49px;
					text-align: center;
					line-height: 49px;
					font-size: 24px;
					color: #000;
					text-decoration: underline;
					}
				#topnavi ul li a:hover span {
					color: #000;
					} 	
					
				#topnavi ul li a span {
					color: #000;
					}
					
	#content {
		padding: 80px 0 0 0;
		}				
					
	#content p, #content ul li {
		font-family: Arial, Helvetica, sans-serif;
	 	font-size: 21px;
	 	color: #000;
	 	}
		
		#content p a, #content p a:hover, #content p a:active, #content p a:visited  {
			color: #ce1111;
			}
		
	#content h1 {
		color: #ce1111;
		}
		
	#content h2 {
		padding: 35px 0 0 0;
		color: #ce1111;
		font-size: 26px;
		}
		
	#content h3 {
		padding: 15px 0 0 0;
		color: #ce1111;
		font-size: 24px;
		}
		
	#content ul {
		list-style: none;
		padding: 15px 0 15px 0;
		}
		
		#content ul li {
			font-size: 21px;
	 		color: #000;
			}
			
	#content-divider {
		height: 4px;
		background-color: #000;
		margin: 15px 0;
		}
		
	#content img.left {
		float: left;
		margin: 0 15px 15px 0;
		border-color: #e8edf3;
		}
		
	#content img.right {
		float: right;
		margin: 0 15px 15px 0;
		border-color: #e8edf3;
		}		
				
		
		
								
					
					
							
				

/* 

<div id="copyartfocus"><a class="artfocus" href="http://www.artfocus.cz/tvorba-www-stranek/tvorba-webovych-stranek.html" target="_blank" title="Tvorba webových stránek a e-shopů"><img src="img/nic.gif" width="89" height="30" border="0" alt="Artfocus" /></a></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi faucibus suscipit nibh, non mattis sem congue a. Praesent sagittis magna eget leo semper sollicitudin. Nullam condimentum, dolor a interdum faucibus, neque mauris scelerisque dui, ut aliquam risus justo ut lacus. Morbi nunc dui, pellentesque at congue ultricies, iaculis in velit. 

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed auctor eros id est facilisis tempor. Duis eu tellus sed dui ullamcorper dictum eget vel mi. Aenean pellentesque lorem ultricies eros accumsan laoreet. Praesent sit amet metus enim. Integer at diam id tortor scelerisque rutrum sed ut lectus. Praesent ac nisi lacus.

Aliquam semper rutrum placerat. Sed laoreet, ipsum sit amet hendrerit lobortis, enim massa faucibus felis, vel adipiscing lacus lectus ut urna. Pellentesque malesuada neque in sem consequat sed dapibus est laoreet. Duis dapibus interdum nisi eu tincidunt. Mauris commodo, dolor eu auctor cursus, odio urna blandit lorem, feugiat commodo ante tortor id neque. Duis dapibus urna vel metus sodales a pulvinar tortor malesuada. Integer bibendum est vel risus tincidunt eu auctor ipsum ullamcorper. Etiam vel felis non ligula malesuada aliquam. Maecenas at posuere purus. Duis feugiat leo non tellus eleifend ut pretium augue semper. Morbi imperdiet consequat erat, at pharetra erat pharetra eu. Integer libero nunc, scelerisque sit amet mattis in, gravida eget lectus. Donec et justo vel leo vehicula pulvinar sit amet eu ipsum. Suspendisse laoreet iaculis metus, eu consequat nisi elementum vitae.

Praesent eget urna at sem facilisis feugiat eu a urna. Fusce venenatis rutrum auctor. Duis viverra venenatis magna, at placerat tellus consequat at. Suspendisse ornare rhoncus dolor non gravida. Proin adipiscing cursus pellentesque. Maecenas euismod turpis diam. Pellentesque enim enim, bibendum at placerat vel, consequat nec est. Ut vel nisi nibh, molestie adipiscing ante. In mi felis, tincidunt a tempor at, cursus ut felis. Nam quis sem et felis faucibus dictum.

Sed id justo rutrum lacus lacinia ullamcorper. Cras imperdiet libero eros, eleifend imperdiet tortor. Pellentesque commodo nulla non dolor eleifend hendrerit. Sed sit amet scelerisque ipsum. Proin vel aliquam elit. Suspendisse potenti. Ut dapibus, neque euismod accumsan faucibus, augue arcu adipiscing leo, sit amet consequat elit massa in urna. Pellentesque rhoncus, lacus luctus dictum malesuada, nulla orci lobortis mi, scelerisque scelerisque quam metus vel libero. Integer ac purus et tellus suscipit accumsan vel id est. Donec sit amet rutrum nulla. Aliquam vehicula viverra odio, vitae bibendum erat iaculis et. Quisque posuere eros eget velit vehicula non venenatis lorem fringilla.

Aliquam at porta velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec id purus mauris, a consectetur ante. Nulla lacinia lacus ac enim vestibulum sollicitudin. Phasellus ac ipsum orci, vel dignissim libero. Sed velit tortor, dictum vel dignissim eget, sollicitudin a ipsum. Maecenas scelerisque fringilla elit volutpat luctus. In hendrerit euismod enim sed pulvinar. Morbi ultrices imperdiet convallis. Donec in nunc vitae enim porttitor bibendum quis vitae libero. Vivamus at metus orci, ac faucibus orci. Nulla pretium metus id magna iaculis vestibulum. Vestibulum at tortor a nisl tincidunt suscipit sed nec risus. Fusce viverra blandit arcu in aliquet. Aenean bibendum, magna et feugiat scelerisque, sem sapien auctor ipsum, lacinia suscipit nibh felis ac quam. Sed volutpat hendrerit augue, ullamcorper lacinia magna ullamcorper id. Maecenas accumsan suscipit lacus, id tristique quam mattis a.  

*/