ÿþ/*

Design by ArteGatto

*/



* {

	margin: 0;

	padding: 0;

}



body {

	margin: 20px 0;

	 /*background:  url(images/img1.gif) repeat-x left top; */

	/*background: url(images/10.jpg) no-repeat ;*/

            /* background: url(images/bg.jpg)  #FFFFFF; */

 	background: url(images/tlo-cien.jpg)  #FFFFFF;       



	font: normal 13px  Tahoma, Helvetica, Arial, sans-serif;

	color: #414141;

}



a {

	text-decoration: none;

	color: #FFCC66;

	font-weight: normal;

}



a:hover {

	text-decoration: none;

	color: #686868;

}



strong {

	color: #686868;

	text-transform: uppercase;

}



#table {



	border:2px color: #686868;

	cellspacing: 50px;

	callpadding:10px;



}



/* Tlo */



#tlo

{ 

height: 0px;

	padding-top: 0px;

	margin:0px 0px 0px 0px;

	float:right;

	



}

/* Boxed */



.title {  /*ikonka do tekstu*/

	padding-left: 30px;

	background: url(images/img04.png) no-repeat left center;

}



.boxed1 .title {

	height: 24px;

	padding-top: 5px;

	font-size: 100%;

}



.boxed1 .content {

	background: url(images/img05.gif) no-repeat left bottom;

	padding: 20px;

}



.boxed2 .title {

	font-size: 182%;

}



.boxed2 .content {

	background: url(images/img06.gif) no-repeat left bottom;

	padding: 20px;

}



.boxed3 .title {

	font-size: 129%;

}



.boxed3 .content {

	background: url(images/img07.gif) no-repeat left bottom;

	padding: 20px;

}



.boxed3 ol, .boxed3 ul {

	margin-left: 1em;

}





/* Header */



#header {

	

	width: 900px;

	height: 120px;

	margin: 0 auto;

	background: url(logo6.jpg) no-repeat 0% 5px;

	/*border-bottom: 5px solid #CCCCCC;*/

}



/* Logo */



#logo {

	float:left;

	margin: 0px  0px 0px 650px;

	width: 290px;

	height: 130px;

	background: transparent;

	border-right: 0px solid #FFFFFF;

	text-align: center;

}



#logo h1 {

	padding-top: 70px;

	

	letter-spacing: -2px;

	font-size: 36px;

	font-weight: normal;

	

}



/*padding-top: 80px;

	text-transform: lowercase;

	letter-spacing: -2px;

	font-size: 36px;

	font-weight: normal;

*/





#logo h2 {

	text-transform: uppercase;

	letter-spacing:2px;

	font-size:12px;

}



#logo a {

	text-decoration: none;

	color: #CCCCCC;

}



/* Menu */



#menu {

	float: left;

	margin: 8px 15px;

	width: 900px;

	height:20px;

	/*background:  url(images/img02.jpg) no-repeat 100% 15px ;*/

	border-bottom: 0px solid #FFFFFF;

}



#menu ul {

	height: 2px;

	background: #CCCCCC;

	list-style: none;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	float: left;

	height: 15px;

	padding: 10px 0px 0px 25px;

	



border-top: 2px solid #CCCCCC;



	text-decoration: none;

	font-weight: bold;

	color: #686868;

}



#menu a:hover {

	border-top-color: #FFCC66;

	color: #CCCCCC;

}



#menu .active a {

	color: #FFCC66;

}



#menu a b {

	text-decoration: underline;

}



/* Page */



#page {

	width: 900px;

          

	margin: 0 auto;

	/*background: url(images/img03.gif) repeat-y;*/

	border-top: 0px solid #FFFFFF;

	border-bottom: 0px solid #FFFFFF;

}



/* Content */



#content {

	float: left;

	width: 920px;

	height: 450 px;

	padding: 10px;

	border-bottom:0px solid #FFFFFF;

}



#content p, #content ol, #content ul {

	line-height: 152%;

}



#tekst {

	 float:left;

	width: 400px;

	padding: 65px 0 0 0px;

}



#tekst2 {

	 float:left;

	width: 800px;

	padding: 65px 0 0 0px;

}



#bottom {

	float:left

	background: url(bottom2.jpg) no-repeat;



}













/*Foto*/



#foto1

{ position: relative;

top: 40px;

right: 10px;

float: right;

width:500px;

padding: 45px 0px 0px 0px;

}







.fotobox a {

display: block;



text-align: center;

text-decoration: none;

padding: 0px 0 16px 0;

background-image: url(images/fotobg-bot.jpg);

background-position: bottom;

background-repeat: no-repeat;

}



.fotobox a img 

{

border: none;

}















/* Footer */



#footer {

	width: 800px;

	margin: 0 auto;

	padding: 10px 0;

	border-top: 0px solid #CCCCCC;

}



#footer p {

	text-align: center;

	font-size: 77%;

}