#wrapper 		{ width:1200px; margin:0px auto; }

#backgr 		{	
				    background-image: url('../images/Backround005.jpg')   ;
				    background-color:#D9D7D0;
				    background-repeat: no-repeat;
				    background-size: 100% 100%;
		    	 	background-position:center; 
		    	    height: 1400px;
		    	    margin: 0px auto;
				}

#top			{ 
					width:100%; overflow:visible; margin:0px; padding: 0px;
					height: 430px;
					}

#topimg			{ 
					background-image: url('../images/Uvod003.gif');
				    background-repeat: no-repeat;
				    background-size: 95% 95%;
		    	 	background-position:center; 
					width:100%; overflow:hidden; margin:0px 0 0 0; padding: 0px;
					height: 400px;
					}
			
#header1			{width:100%; margin-top: -180px;}
#header1	h1		{ font-size:52px; color: #003399; text-align: center ; }

#header2			{width:100%; margin-top: -20px;}
#header2	h2		{ font-size:32px; color:#990000 ; text-align: center ; }

#header3			{width:100%; margin: -20px;}
#header3	h2		{ font-size:32px; color:#006600; text-align: center ; }

		
#topnav			{ width:100%; clear: both; margin:10px 0 0 0; }
#topnav	ul		{ width:100%; float:left ; margin: 0px 0 0 130px;  }
#topnav	ul li	{ display: inline ;  }
#topnav	ul li a	{ float: left; padding: 10px 20px; font-size: 26px; font-weight: bold ; }

#topnav	a:link 		{ color:#CC3300; }
#topnav	a:visited 	{ color:#CC3300; }
#topnav	a:active 	{ color:#CC3300; }
#topnav	a:hover 	{ color:#CCFFFF; background-color: #CC3300; }
	
#contenttop			{ width:100%; float: left; }
#contenttop h2		{ margin: 40px 20px; font-size: 28px; color: #003399; }
#contenttop p		{ margin: 20px; font-size: 22px; color: #003399; line-height: 160%;  text-align: justify; }

#contentbottom			{ width:100%; float: left; }
#examples				{ clear: both ;  text-align: center ; margin: 20 px auto; padding: 10pxp;  }

#contentbottom h3		{ margin: 40px 20px; font-size: 24px; color: #003399; }
#contentbottom p		{ margin: 20px; font-size: 18px; color: #003399; line-height: 160%;  text-align: justify; }





#footer			{ width: 100%; text-align: center ; margin-top:1000px;  }

#obrazky 	 		{ width:100%; clear: both; margin: 0px; }
#obrazky ul	 		{ width:100%; float:left; margin: 0px; }
#obrazky ul li 		{ display:inline; margin: 10px; }
#obrazky ul li img	{ width:300px; border: 1px #009933 solid; padding: 10px;}