﻿body {	text-align: center;
				margin: 0;
				padding: 0;
				font-size: 11px;
				background: #DDD;
				font-family: verdana;
				margin-top: 12%
				}

#banner { width: 770px;
					height: 170px;
					margin: 0 auto;
					padding: 0;
					background: #493;
					margin-bottom: 5px;
				}
#kontener { width: 770px;
						height: 530px;
						background: #FFF;
						margin: 0 auto;
						border: 1px solid #0A0;
						position: relative;
						text-align: center;
						}
		

#left			{ width: 150px;
					  height: 400px;
						text-align: right;
						padding-right: 10px;
						padding-top: 10px;
						position: absolute;
						left: 10px;
						top: 50px;
						border: 1px solid #FFF;
						border-right: 1px solid black;
						border-top: 1px solid black;
						background-image: url(graph/cam.jpg);
						background-repeat: no-repeat;
						}

#left2	  { width: 100px;
						height: 150px;
						text-align: center;
						position: absolute;
						left: 10px;
						top:10px;
						border: 1px solid blue;
						}



#center	  { width: 540px;
						height: 400px;
						position: absolute;
						left: 190px;
						top: 50px;
						background: #FFF;
						border: 0px dotted #555;
						font-family: Arial;
						font-size: 14px;
						color: black;
						text-align: justify;
						}

#gora				{width: 665px;
						height: 15px;
						background: #6D6;
						border: 0px solid #000;
						text-align: center;
						position: absolute;
						left: 1px;
						top: 1px;
						background-image: url(graph/gradient.jpg);
						
						}


.menugora	  {
						display: block;
						text-decoration: none; 
						background: #14A817;
						width: 130px;
						height: 15px;
						color: white;
						float: left;
						border-left: 2px solid black;
						border-right: 2px solid black;
						

						 }
.menugora:hover{
border-left: 2px solid #888;
border-right: 2px solid #888;
background: #DDD;
width:130px;
color: black;
text-decoration:none;
display:block;
}


.menuleft	{
					text-decoration:none;
					font-size: 14px;
					font-family: Arial;
					color: black;
					float: none;
					display:block;
					width: 130px;
					height: 20px;
					border: 1px solid green;
					margin: 1px;
					}
					
.menuleft:hover {background: #5F5;}





#stopka { width: 770px;
					height: 15px;
					background: #CCC;
					margin: 0 auto;
					margin-top: 5px;
					border: 1px solid green;
					}
	
.tabopen { width: 100px;
					 height: 20px;
					 background: #FFF;
					 float: left;
					 border-top: 1px solid black;
					 border-left: 1px solid black;
					 text-align: center;
					 margin: 0px;
					
					 }
.tabopen a {text-decoration: none;
						color: black;
						}
						
.tabopen a#visited {text-decoration: none;
					  color: a;
					  }
.tabclose a {text-decoration: none;
						color: black;
						}
						
.tabclose a#visited {text-decoration: none;
					  color: a;
					  }
					 
.tabclose { width: 100px;
					  height: 20px;
					  background: #DDD;
					  float: left;
					  border-top: 1px solid black;
					  border-left: 1px solid black;
					  margin: 0px;
					  text-align: center;
					 					  
					  border-bottom: 1px solid black;
					  }
					  
.tabrest	{ background: #FFF;
					  width: 235px;
						height: 20px;
					  margin: 0px;
					  float: left;
					  border-left: 1px solid black;
						border-top: 1px solid white;
						border-bottom: 1px solid black;
						
						
						}
h1					{ font-size: 10px;
							text-align: center;
							color: #000;
							margin: 0;
							}			  
							
li				 { float: left;
						 font-size: 10px;
						 color: #000;
						 }
						 
ul				 { margin: 0 auto;}

h2				 { font-size: 10px; float:left;}
