/* CSS Document */

	body{
		position: relative;
		background:url(grafika/bg.jpg) top center no-repeat;
		background-attachment:fixed;
		background-color: #000000;
		}
		
	#top{
		float:left;
		position:relative;
		background:url(grafika/lista-top.png) top left repeat-x;
		width: 100%;
		height: 179px;
		padding:0px;
		margin-top:-8px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		}
		
	#content-top{
		position: relative;
		padding: 0px;
		margin: 0 auto;
		width: 920px;
		height: 179px;
		}
		

	#content{
		position: relative;
		padding: 0px;
		margin: 0 auto;
		width: 920px;
		height: auto;
		}
		
	#logo{
		float:left;
		position: relative;
		background: url(grafika/logo-magic-diamonds.png) top left no-repeat;
		width: 293px;
		height: 179px;
		padding:0px;
		margin-bottom:0px;
		margin-left:25px;
		margin-right:0px;
		margin-top:0px;
		}
		
	.menu{
		float: right;
		position:relative;
		border:none;
		margin:0px;
		padding:0px;
		font-family: "Myriad Web Pro Condensed", "Arial Narrow";
		font-size:14pt;
		font-weight: normal;
		color: #000000;
		}	
		
	.menu ul{
		height: 112px;
		list-style:none;
		margin:0px;
		padding:0px;
		}	
		
	.menu li{
		float:left;
		}	
		
	.menu li a{
		color: #000000;
		display:block;
		height: 112px;
		line-height:90px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:25px;
		padding-right:25px;
		margin: 0px;
		text-align: center;
		text-decoration:none;
		}	
		
		.menu li a:hover{
			color:#ffffff;
			text-decoration:none;
			background:url(grafika/button-menu.png) top left repeat-x;
			}
			
		.menu #current{
			color:#ffffff;
			text-decoration:none;
			background:url(grafika/button-menu.png) top left repeat-x;
			}
		
	#head{
		float:left;
		position: relative;
		background:url(grafika/head.png) top left no-repeat;
		width: 920px;
		height: 228px;
		padding:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		}

	#telo{
		float: left;
		position: relative;
		padding:0px;
		margin-bottom:0px;
		margin-left: 0px;
		margin-right:0px;
		margin-top:10px;
		width: 920px;
		height: auto;
		}
		
	.telo-obsah{
		float: left;
		position: relative;
		background:url(grafika/body.png) top left repeat-y;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 0px;
		width: 580px;
		height: auto;
		font-size: 12pt;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		color:#ffffff;
		}
		
	.telo-obsah-full{
		float: left;
		position: relative;
		background:url(grafika/body.png) top left repeat-y;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 0px;
		width: 880px;
		height: auto;
		font-size: 12pt;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		color:#ffffff;
		}
		
	.obsah-line{
		float: left;
		position: relative;
		background: #666666;
		padding:0px;
		margin-bottom:15px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 5px;
		width: 580px;
		height: 1px;
		}
		
	.obsah-line-2{
		float: left;
		position: relative;
		background: #666666;
		padding:0px;
		margin-bottom:15px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 5px;
		width: 880px;
		height: 1px;
		}
		
	.telo-obsah h1{
		color: #ffffff;
		font-size: 40pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		height:40px;
		line-height:40px;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 12px;
		}
		
	.telo-obsah h2{
		color: #ff0066;
		font-size: 20pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		height:20px;
		line-height:20px;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 25px;
		}
		
	.telo-obsah p{
		margin-bottom:10px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 8px;
		}
		
	.telo-obsah-full h1{
		color: #ffffff;
		font-size: 40pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		height:40px;
		line-height:40px;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 12px;
		}
		
	.telo-obsah-full h2{
		color: #ff0066;
		font-size: 20pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		height:20px;
		line-height:20px;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 25px;
		}
		
	.telo-obsah-full p{
		margin-bottom:10px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 8px;
		}
			
	.telo-obsah-right{
		float:left;
		position: relative;
		width: 264px;
		height: auto;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		margin-bottom:0px;
		margin-left: 25px;
		margin-right:10px;
		margin-top:0px;
		font-size: 11pt;
		font-family: Arial, Helvetica, sans-serif;
		color:#ffffff;
		text-align: left;
		}
		
	.telo-obsah-right h1{
		color: #ffffff;
		font-size: 20pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		height: auto;
		line-height:30px;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 0px;
		}
		
	.kontaktni-form{
		float:left;
		position: relative;
		width: 264px;
		height: auto;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		}
		
	.kontaktni-form-textbox{
		float:left;
		position: relative;
		background:url(grafika/textbox-1.png) top left no-repeat;
		width: 264px;
		height: 32px;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font-family: Arial, Helvetica, sans-serif;
		border:none;
		}
		
	.kontaktni-form-textpole{
		float:left;
		position: relative;
		background:url(grafika/textbox-2.png) top left no-repeat;
		width: 264px;
		height: 141px;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font-family: Arial, Helvetica, sans-serif;
		border:none;
		}
		
	.kontaktni-form-patka{
		float:left;
		position: relative;
		width: 264px;
		height: 41px;
		padding:0px;
		margin-top: 10px;
		margin-bottom:20px;
		margin-left:0px;
		margin-right:0px;
		}
		
	.kontaktni-form-patka-text{
		float:left;
		position: relative;
		width: 154px;
		height: 41px;
		line-height:41px;
		padding:0px;
		margin-top: 0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		text-align:left;
		font-family: Arial, Helvetica, sans-serif;
		border:none;
		}
		
		#k_button  { 
			position : relative; 
			width : 110px !important ; 
			height : 41px !important ; 
			background: url(grafika/button.png) no-repeat left top; 
			color : #ffffff;
			font-family: Arial, Helvetica, sans-serif;
			font-size:10pt;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0px;
			margin-right:0px;			
			border : none !important ; 
 			}
			
	.diamond-shape-index{
		float:left;
		position: relative;
		width: 264px;
		height: 189px;
		padding:0px;
		margin-top:5px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:15px;
		}
		
	.vyvoj-ceny-graf-index{
		float:left;
		position: relative;
		width: 264px;
		height: 198px;
		padding:0px;
		margin-top:5px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:15px;
		}
		
	.foto-index-1{
		float:left;
		position: relative;
		width: 214px;
		height: 161px;
		padding:0px;
		margin-top:10px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		}
		
	.foto-index-2{
		float:left;
		position: relative;
		width: 214px;
		height: 161px;
		padding:0px;
		margin-top:10px;
		margin-left:8px;
		margin-right:0px;
		margin-bottom:0px;
		}
		
	#footer{
		float: left;
		position: relative;
		background:url(grafika/body.png) top left repeat-y;
		padding:0px;
		margin-bottom:25px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 15px;
		width: 620px;
		height: 40px;
		line-height:40px;
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		color:#ffffff;
		}
		
	#footer-full{
		float: left;
		position: relative;
		background:url(grafika/body.png) top left repeat-y;
		padding:0px;
		margin-bottom:25px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 15px;
		width: 920px;
		height: 40px;
		line-height:40px;
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		color:#ffffff;
		}
		
	.fontcolor{
		color: #ff0066;
		}	

	h1{
		color: #006699;
		font-size: 32pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 10px;
		}


	h2{
		color: #006699;
		font-size: 20pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 10px;
		}


	h3{
		color: #006699;
		font-size: 16pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		margin-bottom:5px;
		margin-left:0px;
		margin-right:0px;
		margin-top: 10px;
		}


	h4{
		color: #666666;
		font-size: 15pt;
		font-family: Open Sans Condensed, Arial, sans-serif;
		}
	
	a:link{
		color: #ff0066;
		}

	a:hover{
		color: #ff0066;
		}	

	a:visited{
		color: #ff0066;
		}


