/************** Body - plati pro celou stranku  **************/

body {
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	text-align: center;
    background-image: url("../images/layout/background.jpg");
	background-repeat: repeat-x;
	background-color: #5f3f40;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
}

a img {
	border: none;
}

* {
	padding: 0px;
	margin: 0px;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.send {
	display: inline-block;
	position: relative;
	top: 8px;
	margin-left: 20px;
}

.send input{
	border: none;
	text-align: left;
	float: left;
	display: inline-block;
	width: 84px;
	height: 29px;
	margin-top: 20px;
	background-color: #d8d0ce;
	background-image: url("../images/layout/send.gif");
	padding-left: 10px;
	padding-bottom: 3px;
	color: #000000;
	cursor: pointer;
	margin-right: 5px;
}

.send input:hover,
.send input.hover {
	border: none;
	text-align: left;
	float: left;
	display: inline-block;
	width: 84px;
	height: 29px;
	background-color: #d8d0ce;
	background-image: url("../images/layout/send_over.gif");
	padding-left: 10px;
	color: #000000;
	cursor: pointer;
	margin-right: 5px;
}

/************** Hlavni okno - zajistuje centrovani stranky na stred **************/
#center{
	vertical-align: top;
	width: 960px;
	height: auto;
	margin: auto;
	padding: 0px;

}


/************** Hlavni tri bloky stranky - odshora top, main a footer **************/
#top {
	width: auto;	
	vertical-align: top;
	width: 960px;
	height: auto;
	margin: auto;
	padding: 0px; 
}

#main {
	width: auto;
	height: auto;
}

#footer {
	width: 100%;
	height: 150px;
	background-image: url("../images/layout/footer_background.jpg");
}


/************** Obsah blocku top **************/
#topMain {
	width: auto;
	height: 79px;
}

	#defLogo {
		width: 109px;
		height: 79px;
		background-image: url("../images/layout/Logo_defactory.jpg");
		float: left;
		display: block;
		cursor: pointer;
	}
	
	#topMenu {
		width: 334px;
		height: 47px;
		padding: 0px;
		float: right;	
	}
	
		#langPanel {
			width: 99px;
			height: 47px;
			float: left;
			background-image: url("../images/layout/langPanel.jpg");
			text-align: center;
		}
		
			#langPanel a {
				color: #ffffff;
				text-decoration: none;
			}
			
			#langPanel a:hover {
				color: #d70a8b;
				text-decoration: none;
			}
		
		#searchPanel {
			width: 235px;
			height: 47px;
			float: right;
			background-image: url("../images/layout/searchPanel.jpg");	
		}
		
			#topMenuLeft {
				display: inline;
			}
			
    			#topMenuLeft input {
    				width: 115px;
    			}
		
			#topMenuRight {
				display: inline;
			}
			
    			#topMenuRight input {
    				position: relative;
    				right: 7px;
    				top: 1px;
    				background-color: transparent;
    				border: none;
    				cursor: pointer;
    				font-size: 18px;
    				color: #ffffff;
    			}
    		
    			#topMenuRight input:hover {
    				background-color: transparent;
    				border: none;
    				cursor: pointer;
    				font-size: 18px;
    				color: #d70a8b;
    			}

#mainMenu {
	width: auto;
	height: 43px;
	margin: 0px;
	padding-left: 160px;
	text-align: left;
	background-image: url("../images/layout/Logo2_defactory.jpg");
	background-repeat: no-repeat;
}

	#mainMenu li {
		list-style: none;
		float: left;
		padding-right: 10px;
	}
    
	#mainMenu li a {
		color: #d70a8b;
		text-decoration: none;
		font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		position: relative;
		top: 5px;
		margin-left: 20px;
		padding: 0px;
	}
	
	#mainMenu li a:hover,
    #mainMenu li a.hover {
		color: #d70a8b;
		text-decoration: none;
		font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		position: relative;
		top: 5px;
		margin-left: 20px;
		Padding-bottom: 11px;
		background-image: url("../images/layout/mainMenu_arrow.png");
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	
	#mainMenu li #mainMenuActive {
		color: #d70a8b;
		text-decoration: none;
		font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		position: relative;
		top: 5px;
		margin-left: 20px;
		Padding-bottom: 11px;
		background-image: url("../images/layout/mainMenu_arrow.png");
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	

#subMenuWrap {
	width: auto;
	height: 34px;
}

.topSubMenu {
	width: auto;
	height: 34px;
	text-align: left;
	padding-left: 160px;
}

	.topSubMenu li {
		list-style: none;
		float: left;
	}	

	.topSubMenu li A {
		color: #FFFFFF;
		text-decoration: none;
		font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		position: relative;
		top: 5px;
		margin-left: 20px;
		Padding: 0px;
	}
	
	.topSubMenu li a:hover,
	.topSubMenu li a:active
	{
		color: #b9f24b;
		text-decoration: underline;
		font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		position: relative;
		top: 5px;
		margin-left: 20px;
		Padding: 0px;
	}
	
	.topSubMenu li .topSubMenuActive{
		color: #b9f24b;
		text-decoration: underline;
		font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		position: relative;
		Padding: 0px;
	}
	
#navigationDivider {
	width: auto;
	height: 20px;
}

#navBackg {
	width: auto;
	height: 29px;
	background-image: url("../images/layout/navBackg.gif");
}
	
#navigation {
	width: 960px;
	height: 29px;
	margin: auto;	
}

	#navigationLeft {
		background-image: url("../images/layout/navigation_start.jpg"); 
		width: 5px;
		height: 29px;
		float: left;
	}
	#navigationMain {
		background-image: url("../images/layout/navigation_background.jpg"); 
		width: auto;
		height: 22px;		
		float: left;
		color: #000000;
		font-size: 12px;
		font-weight: bold;
		padding-top: 7px;
		padding-left: 17px;
		padding-right: 17px;
	}
	
		
		#navigationMain A {
			font-weight: normal;
			text-decoration: none;
			color: #000000;
			font-size: 12px;
		}
		
		#navigationMain a:hover {
			font-weight: normal;
			text-decoration: underline;
			color: #000000;
			font-size: 12px;
		}
	
	#navigationRight {
		background-image: url("../images/layout/navigation_end.gif"); 
		width: 17px;
		height: 29px;
		float: left;		
	}

#topMenuLeft {
	float: left;
	text-align: center;
	position: relative;
	top: 7px;
	margin-left: 16px;
}

#topMenuRight {
	float: right;
	margin-right: 25px;
	text-align: center;
	position: relative;
	top: 5px;
	left: 10px;
}

.topMenuLang{
	text-align: center;
	position: relative;
	top: 5px;
}


/************** Formulare **************/

form .input,
form .textarea{
	width: 240px;
	padding: 2px;
}

form .textarea{
	height: 80px;
}

.button input{
	border: none;
	text-align: left;
	width: 84px;
	height: 29px;
	margin-top: 20px;
	background-color: #d8d0ce;
	background-image: url("../images/layout/send.gif");
	padding-left: 5px;
	padding-bottom: 3px;
	color: #000000;
	cursor: pointer;
	margin-right: 5px;
}

.button input:hover,
.button input.hover {
	background-image: url("../images/layout/send_over.gif");
}

/************** Hlavni obsah **************/

#mainContent{
	margin-top: 20px;
	width: 960px;
	height: auto;
}


	#mainContent H1{
		color: #d70a8b;
		font-weight: normal;
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
		font-size: 24px;
	}
	
	#mainContent H2{
		color: #d70a8b;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 10px;
		font-size: 18px;
	}
	
	#mainContent H3{
	    color: #d70a8b;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
		padding-top: 15px;
		padding-bottom: 5px;
		font-size: 15px;
	}
	/*
	#mainContent p{
		margin-bottom: 10px;
	}
	*/
	#mainContent ul{
		margin-left: 15px;
		margin-bottom: 10px;
	}
	
	#mainContent ol{
		margin-left: 15px;
		margin-bottom: 10px;
	}
	
	#mainContent ul li, ol li{
		margin: 10px;
		margin: 4px;
		margin-left: 15px;
	}
	
    #mainContent table h2 {
    	font-size: 16px;
    	padding-top: 0px;
    	padding-bottom: 5px;
    }
    
    #mainContent table td {
    	font-size: 13px;
    	padding: 5px;
    	border: none;
    }
    
    #mainContent .strong {
    	font-weight: bold;
    }
    
    #mainContent strong {
    	font-weight: normal;
    }
    
    #mainContent em {
    	font-style: normal;
    }
    
    #mainContent a.external {
    	background: transparent url(../images/layout/external_link.gif) no-repeat scroll right center;
    	padding-right: 15px;
    }
	
	.blockWrap {
			width: auto;
			height: auto;
			margin-bottom: 15px;
			background-color: #d8d0ce;
            background-image: url("../images/layout/block_background.jpg"); 
			background-repeat: repeat-x;
			background-position: bottom;
			color: #000000;
			text-align: left;
		}

	#leftColumnIndex{
		width: 650px;
		height: auto;
		float: left;
	}
			
			.block{
				padding: 20px;
				padding-bottom: 40px;
				height: auto;
				font-size: 15px;
				line-height: 1.5;
			}					
				
				.block p {
					padding-top: 5px;
					padding-bottom: 5px;
				}
				
				.block .text{
					width: 430px;
					height: auto;
					float: left;
				}
				
				.block a{
					text-decoration: underline;
					color: #D70A8B;
				}
				
				.block a:hover{
					text-decoration: none;
					color: #D70A8B;
				}
				
				.block .related a,
                .block .related a:hover {
					color: #000000;
				}
				
				.block .related div {
					margin: 0px;
					padding: 0px;
				}
	
	#rightColumn{
		width: 290px;
		height: auto;		
		float: right;
	}
	
    	#rightColumn label {
    		display: block;
            padding-bottom: 2px;
            padding-top: 10px;
    	}
    	
    	#rightColumn h3 {
    		color: #D70A8B;
    		margin: 0px;
    		padding: 0px;
    		padding-bottom: 10px;
    	}


#mainTop {
	width: 960px;
	height: 425px;
}

	#leftColumn {
		width: 310px;
		height: 425px;
		float: left;
	}
	
		#introduction {
			width: 310px;
			height: 110px;
		}
		
			#introduction h1 {
				text-align: center;
				color: #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: normal;
				padding-left: 10px;
				padding-right: 15px;
				padding-top: 18px;
                line-height: 1.6;
			}
			
    			#introduction h1 .title {
    				color: #d70a8b;
    				font-size: 22px;
    			}
			
			#introduction p {
				text-align: left;
				color: #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 15px;
				font-weight: bold;
				padding-left: 15px;
				padding-right: 15px;
				padding-top: 10px;
				line-height: 1.5;
			}
		
		#tagCloud {
			width: 310px;
			height: 297px;
		}
		
			#tagCloud p {
				color: #000000;
				padding: 15px;
				padding-right: 5px;
				line-height: 1.9;
			}
			
						
			#tagCloud p a {
				text-decoration: none;
				color: #000000;
				padding-right: 10px;
			}

				#tagCloud p .importance1 {
					font-size: 20px;
				}
				
				#tagCloud p .importance2 {
					font-size: 18px;
				}
				
				#tagCloud p .importance3 {
					font-size: 15px;
				}
				
				#tagCloud p .importance4 {
					font-size: 12px;
				}
				
			#tagCloud p a:hover {
				text-decoration: underline;
				color: #000000;
			}
	
	#features {
		width: 630px;
		height: 425px;
		float: right;
	}
	
		#features .menu {
			width: 242px;
			height: 425px;
			float: left;
			background-image: url("../images/layout/funkceMenu_background.jpg");
			margin-bottom: 20px;
		}
		
			#features .menu .content {
				padding-left: 15px;
				padding-left: 10px;
				padding-top: 15px;
				text-align: left;
			}
			
				#features .menu .content .item {
					padding-top: 0px;
					padding-bottom: 0px;
					height: 48px;
				}
				
				#features .menu .content .item a:link,
				#features .menu .content .item a:visited {
					padding-top: 10px;
					padding-left: 10px;
					display: block;
					width: 225px;
					height: 39px;
					color: #d70a8b;
					font-weight: Bold;
					font-size: 15px;
					vertical-align: middle;
					text-decoration: none;
				}
				
				#features .menu .content .item a:hover,
                #features .menu .content .item a.active {
					background-image: url("../images/layout/feature_background.gif");
					background-repeat: no-repeat;
					color: #000000;
					font-weight: bold;
					font-size: 15px;
				}
					
		
		#features .description {
			width: 388px;
			height: 425px;
			float: right;
			background-image: url("../images/layout/funkcePics_background.jpg");
		}
		
			#features .description .content {
				text-align: left;
				padding-top: 15px;
				padding-left: 10px;
				display: none;
			}

				#features .description .content img {
					margin-top: 20px;
					padding: 1px;
					border: 1px solid #5F3F40;
				}
				
				#features .description .content div {
					padding-top: 30px;
					color: #000000;
				}
				
					#features .description .content div h3 {
						font-size: 24px;
						font-weight: normal;
						margin: 0px;
						padding: 0px;
						padding-bottom: 10px;
					}
					
					#features .description .content div p {
						line-height: 1.5;
						padding-right: 15px;
					}
					
					#features .description .content div a {
						color: #D70A8B;
					}
					
					#features .description .content div a:hover {
						text-decoration: none;
					}
				
				#features .description .content .item {
					width: 172px;
					height: 175px;
					float: Left;
					margin-left: 15px;
					margin-top: 15px;
				}
				
					#features .description .content .item .picture {
						width: 172px;
						height: 150px;
						background-color: #000000;
					}
					
					#features .description .content .item .note a:link,
					#features .description .content .item .note a:visited {
						width: 172px;
						height: 25px;
						color: #000000;
						text-decoration: underline;
					}
					
					#features .description .content .item .note a:hover {
						width: 172px;
						height: 25px;
						color: #000000;
						text-decoration: none;
					}
						


#mainDivider {
	width: auto;
	height: 10px;
}

#mainBottom {
	width: 960px;
	height: 266px;
}

	#mainBottom .left {		
		float: left;
	}
	
		#reference {
			width: 510px;
			height: 250px;
			margin-bottom: 10px;
			padding-top: 15px;
		}
		
			#reference .item {
				width: 150px;
				float: left;
				margin-left: 14px;
			}
			
				#reference .item .animation {
					width: auto;
					height: 127px;
				}
				
				#reference .item .note {
					color: #000000;
					padding: 5px;
					width: auto;
					height: 57px;
					font-size: 15px;
				}
				
    				#reference .item .note a {
    					color: #000000;
    					text-decoration: none;
    				}
    				
    				#reference .item .note a:hover {
    					color: #000000;
    					text-decoration: underline;
    				}
				
				#reference .item .link {
					text-align: left;
					padding-left: 5px;
				}
				
					#reference .item .link a {
						padding-top: 5px;
						padding-left: 10px;
						display: block;
						width: 74px;
						height: 24px;
						color: #000000;
						background-image: url("../images/layout/more_link.gif");
						text-decoration: none;
					}
					
					#reference .item .link a:hover {
						color: #000000;
						background-image: url("../images/layout/more_link_over.gif");
					}
					
	
	#mainBottom .right {
		float: right;
	}
	
		#news {
			width: 389px;
			height: 230px;
			padding: 20px;
			padding-top: 15px;
		}
		
			#news .item{
				width: auto;
				margin-top: 15px;
			}
			
				#news .item .date{
					margin-right: 15px;
					float: left;
					color: #494848;
				}
				
				#news .item h3 {
					display: inline;
					margin: 0px;
					padding: 0px;
					font-size: 14px;
					font-weight: normal;
				}
				
				#news .item a{
					color: #000000;
					text-decoration: underline;
				}
				
				#news .item a:hover{
					color: #000000;
					text-decoration: none;
				}
				
				#news .item .divider{
					margin-top: 10px;
					height: 1px;
					width: 232px;
					background-color: #ffffff;
				}		


/************** Obsah blocku footer **************/


#footer .content {
	width: 960px;
	height: 119px;
	margin: auto;
}

#footer a img {
	border: none;
	float: left;
}

#footer .content .top {
	width: 960px;
	height: 45px;
	background-image: url("../images/layout/footer_top.gif");
	margin-bottom: 6px;
	color: #000000;
	text-align: left;
}

	#footer .content .top div {
		padding-top: 13px;
		margin-left: 15px;
	}


.links {
	width: auto;
	text-align: left;
	float: left;
	margin-left: 20px;
	margin-top: 40px;
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}


.links a:link,
.links a:visited{
	color: #ffffff; 
	margin: 10px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: underline;
}

.links a:hover {
	color: #ffffff; 
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}



/************** Vyhledavani **************/

#searchResults {
}

	#searchResults form {
		margin: 0px;
		padding: 0px;
		padding-bottom: 30px;
		display: block;
	}

	#searchResults .item {
		padding-bottom: 20px;
	}
	
		#searchResults .item h3 {
			margin: 0px;
			padding: 0px;
			padding-bottom: 3px;
			font-size: 16px;
			font-weight: normal;
		}
		
		#searchResults .item p {
			margin: 0px;
			padding: 0px;
		}
		
		#searchResults .item p.link {
			margin: 0px;
			padding: 0px;
			font-size: 13px;
			padding-top: 2px;
		}
		
		#searchResults .item p.link a,
        #searchResults .item p.link a:hover {
			color: #696969;
		}
		
	#searchResults .resultsCount {
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: right;
	}
	
    	#searchResults .resultsCount strong {
    		font-weight: bold;
    	}
    	
	#searchResults .paging {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		font-size: 16px;
	}
	
    	#searchResults .paging .actual {
    		font-weight: bold;
    		background-color: #ffffff;
    	}
    	
    	#searchResults .paging span,
        #searchResults .paging a {
    		padding: 2px;
    		padding-left: 5px;
			padding-right: 5px;
			border: 1px solid #b8b0af;
    	}
    	
        #searchResults .paging a:hover {
			border: 1px solid #D70A8B;
			background-color: #D70A8B;
			color: #ffffff;
    	}
    	
        #searchResults .paging .previousPage,
        #searchResults .paging .nextPage {
    		font-size: 13px;
    	}
    	
        #searchResults .paging .previousPage {
    		margin-right: 15px;
    	}
    	
        #searchResults .paging .nextPage {
    		margin-left: 15px;
    	}


/************** Hlasky **************/
.messageNotice {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #8bcd35;
	color: #8bcd35;
	font-weight: bold;
	margin-bottom: 10px;
}

.messageWarning {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #dd7608;
	color: #dd7608;
	font-weight: bold;
	margin-bottom: 10px;
}

.messageError {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 2px #D70A8B;
	color: #D70A8B;
	font-weight: bold;
	margin-bottom: 10px;
}

#mainContent .messageNotice p,
#mainContent .messageWarning p,
#mainContent .messageError p {
	margin: 0px;
}


/************** Staticky obsah **************/
.staticContent .images {
    width: 180px;
    height: auto;
	float: left;
	padding-top: 25px;
}

.staticContent .demo .images {
    width: auto;
	float: none;
	padding-top: 25px;
}

.staticContent .images .thumb {
    width: 100px;
    height: auto;
    padding-bottom: 10px;
    text-align: center;
}

.staticContent .demo .images .thumb {
    float: left;
    width: 140px;
    padding-right: 12px;
}

    .staticContent .images .thumb img {
        border: 1px solid #5f3f40;
        padding: 1px;
    }

.staticContent .bodyWrapper {
    width: 445px;
    width: 420px;
    height: auto;
	float: left;
}

.staticContent .references .preview {
    width: 195px;
    height: 200px;
	float: left;
	padding-right: 7px;
}
	
	#mainContent .staticContent .references .preview h3 {
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 5px;
		font-size: 14px;
		font-weight: bold;
		padding: 0px;
		margin-bottom: 5px;
		margin-top: 4px;
	}
	
	.staticContent .references .preview a {
		color: #000000;
		text-decoration: none;
	}
	
	.staticContent .references .preview a:hover {
		text-decoration: underline;
	}
	
.staticContent .perex {
    font-size: 18px;
    padding-bottom: 20px;
}

	
/************** Clanky **************/
.articles .category {
    width: auto;
    height: auto;
}

.articles .category .photo {
    width: 100px;
    height: auto;
    padding: 5px;
    float: left;
    text-align: center;
}

.articles .category .photo img {
    border: 1px solid #5f3f40;
}

.articles .category .text {
    width: 480px;
    height: 100px;
    padding: 5px;
    float: right;
    margin-bottom: 3px;
}

.articles .category .text .title {
    margin: 0px;
    padding: 0px;
	font-size: 16px;
}

.article {
    width: auto;
    height: auto;
    margin-bottom: 4px;
}

.article .photo {
    width: 100px;
    height: 100px;
    padding: 5px;
    float: left;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 3px;
}

.article .photo img {
    border: 1px solid #5f3f40;
}

.article .text {
    width: 480px;
    height: 100px;
    padding: 5px;
    float: right;
    margin-bottom: 3px;
}

.article .text .title {
    margin: 0px;
    padding: 0px;
	font-size: 16px;
}

.article .text .date {
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.article .body {
    padding: 10px;
	padding-top: 20px;
}

.article .perex {
    font-size: 18px;
}

.articles .article .perex {
    font-size: 15px;
}