html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input {
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	font-size: 11px;
	text-align:left;
	font-family: Tahoma,Verdana,Arial;
	margin: 0px; 
	padding: 0px; 
	background: url('/images/cms/tlo.jpg') repeat-x #24398c;
	color: #ffffff;	
}
     
a:hover  { color: #ffffff; text-decoration:none; font-size: 11px;} 
a { color: #ffffff; text-decoration:none; font-size: 11px; }
a:focus { outline: none;} /* Usuwa ramke z linkw na img w FF */
object { outline:none; }


/*  ----------------------- STANDARDOWE ------------------------------ */
div,form,p   { padding:0px; margin:0px;  }
img { border:0px; }
.czysc { clear:both; font-size:1px; overflow:hidden;}
/* --------------------------------------------------------------------------- */

.alarm { font-size:11px; color:#861410;  font-weight:bold; }

hr { color:#ffffff; border-top: 1px solid #ffffff; border-bottom:none; border-left:none; border-right:none;}
.naglowek { margin-top:11px; height:41px; background: url('/images/cms/tlo_naglowek.jpg') repeat-x bottom; font-size:14px; font-family:tahoma; margin-bottom:18px; overflow:hidden; font-weight:bold;}


/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							GLOWNE WARSTWY							                           */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
div#kontener { margin:0px auto; width:1000px; overflow:hidden; }

div#top { width:1000px;  height:142px; overflow:hidden;}
div#top_logo_jezyk{ float:left; overflow:hidden; padding-left:100px; padding-top:40px; width:100px;}
div#top_logo_dodatki img.lang{ margin:0 8px;}
div#top_logo_left { margin-left:238px; float:left; overflow:hidden; display:inline; width:140px; height:142px; background: url('/images/cms/top_left_logo.jpg') no-repeat; }
div#top_logo_srodek { float:left; overflow:hidden; width:203px; height:116px; padding-bottom:26px; background: url('/images/cms/index_11.jpg') no-repeat bottom; }
div#top_logo_right{ float:left; overflow:hidden; width:174px; height:142px; background: url('/images/cms/top_right_logo.jpg') no-repeat; }
div#top_logo_dodatki{ float:left; overflow:hidden; padding-left:70px; width:100px;}
div#top_logo_dodatki img{ margin:0px; padding:0px; float:left; }

div#center { margin-left:80px; width:922px; overflow:hidden; }

div#bottom_tlo { background: url('/images/cms/tlo_bottom.jpg') repeat-x bottom; width:100%;  }
div#bottom {	margin:0px auto; width:1000px;	overflow:hidden; }
div#bottom_dodatkowe { text-align:center; background: url('/images/cms/tlo_bottom_dodatkowe.jpg') repeat-x; height:54px; overflow:hidden; padding-top:1px;}

div#main_baner { width:1000px; height:491px; overflow:hidden; background: url('/images/cms/main_baner.jpg') no-repeat top left;} 


div.gal_fotka { width:120px; height:90px; margin-bottom:12px; margin-right:13px; display:inline; overflow:hidden; display:block; float:left;} 
div.gal_box { margin-bottom:4px; }
div.gal_foto_ramka { width:135px; height:135px; overflow:hidden; float:left; display:inline; margin-right:22px; }
/* ----------------------------------------------------------------------------------------------------------------------------------------*/	
/*							FORMULARze							                       			 */
/* ----------------------------------------------------------------------------------------------------------------------------------------*/
	input.formularz
	{
		width:240px; height:15px;
		padding-left:3px; padding-right:3px; padding-top:2px; 
		background-color: #F6FAF9; border:1px solid #B2B3B5; 
		color: #252525; font-size: 11px; 	font-family: Tahoma,Verdana,Arial;
		margin-bottom:4px;
	}

	select.formularz
	{
		width:249px; height:19px;
		background-color: #F6FAF9; border:1px solid #B2B3B5; 
		color: #252525; font-size: 11px; 	font-family: Tahoma,Verdana,Arial;
		margin-bottom:4px;
	}	
	
	.wiadomosc,textarea.formularz
	{
		width:240px; height:150px; padding:3px;
		background-color: #F6FAF9; 	border:1px solid #B2B3B5;  
		color: #252525; font-size: 11px;	font-family: Tahoma,Verdana,Arial;
		overflow:auto; 		margin-bottom:4px;
	}

	.guzik
	{
		background-color:#F6FAF9;
		color:#252525;
		font-weight:bold;
		font-size:11px;
		border:1px solid #B2B3B5; 
		font-family: Tahoma,Arial, Verdana;
		padding:3px;
	}
	

div.zapisy {
  width: 370px;
  margin-left: 30px;
}
#contactForm {
   margin-top: 10px;
   width: 370px;
   display: block;
   overflow: hidden;
}

#contactForm fieldset {
	display: block;
	padding: 10px 10px;
	border: 1px solid #fff;
}

#contactForm fieldset legend {
	padding: 5px 0;
	margin: 0;
	font: 11px Arial, Tahoma, sans-serif;
	white-space: normal;
	overflow: hidden;
	font-weight: bold;
}

form dt {
   margin-top: 10px;
}

form dd {
   overflow: hidden;
}

form .errors li {
   color: red;
   text-align: right;
   font: bold 10px Arial, Tahoma, sans-serif;
}

form .errors li {
   text-align: left;
}

form label {
   cursor: pointer;
   color: #fff;
   font-size: 11px;
   text-align: justify;
   margin: 0 0 1px;   
}

form input, form textarea, form select {
   width: 320px;
   background: #F6FAF9;
   padding: 3px 3px;
   border: 1px solid #B2B3B5;
   color: #000;
   font: 11px Arial, Tahoma, sans-serif;
}

form textarea {
   height: 68px;
   padding: 2px 3px;
}

dd input[type="checkbox"] {
	width: auto;
	border: 0;
	padding: 0;
	margin: 3px 0 10px;
}

form input.submit {
   width: auto;
   border: none;
   cursor: pointer;
   color: #fdfdfd;
   font-weight: bold;
   background: #a0a0a0;
   float: right;
   clear: both;
   margin: 0 0 20px;
}



div#menu { width: 100%; margin: 20px auto; overflow: hidden;}
  div#menu ul.navigation { width: 100%; padding: 0 0 15px 0; margin: 0; list-style: none; text-align: center;}
  div#menu ul.navigation li {display: inline; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px !important; color: #fff; background: url(/images/cms/bullet.gif) no-repeat right center; font-weight: bold; padding: 0 11px 0 8px; }
  div#menu ul.navigation li a { color: #ffffff; font-size: 12px; }
  div#menu ul.navigation li.active a, div#menu ul.navigation li a:hover { color: #fff !important; text-decoration: none !important; text-shadow: 0 0 18px #fff; }  
  div#menu ul.navigation li:last-child { background: none !important; }
  
div#wrapper {  }
  div#wrapper div#header { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 21px; font-weight: bold; font-style: italic; color: #ffffff; line-height: 40px; margin-top:15px;  }
  div#wrapper div#menu { margin: 5px auto; width: 400px; }
  div#wrapper div#menu ul.navigation { margin: 0px; padding-left: 0; list-style: disc; text-align: left; }
  div#wrapper div#menu ul.navigation li { background: url(/images/cms/bullet.gif) no-repeat left center; display: block; clear: both; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #ffffff; font-size: 11px; line-height: 23px; padding-left: 10px; font-weight: bold; }
  div#wrapper div#menu ul.navigation li a, div#wrapper div#menu ul.navigation li a:visited { font-size: 14px; text-decoration: none; color: #ffffff; }
  div#wrapper div#menu ul.navigation li a:hover, div#wrapper div#menu ul.navigation li.active a { text-decoration: underline; }
  div#wrapper div.clear { width: inherit; height: 0px; font-size: 0px; line-height: 0px; clear: both; }
  div#wrapper div#menu ul.navigation li:last-child {background: url(/images/cms/bullet.gif) no-repeat left center !important;}
  
#center h1 {
	margin-top:11px; 
	padding: 0;
	height:24px; 
	background: url('/images/cms/tlo_naglowek.jpg') repeat-x bottom; 
	font-size:14px; 
	font-family:tahoma; 
	margin-bottom:18px; 
	overflow:hidden; 
	font-weight:bold;
}

#center ul, #center ol {
	margin: 4px 0 20px 20px;
}

#center ul {
	list-style-type: disc;
}

#center ol {
	list-style-type: decimal;
}

#center li {
	padding: 7px 0;
}

#center td, #center th {
	padding: 2px;
}

#center div.images {
	width: 792px;
	margin: 10px -6px;
}

#center .photo {
	width: 120px;
	display: inline;
	float: left;
	margin: 6px;
}

#center .photo img {
	display: block;
    border: 2px solid #fff;
}

#center .photo a:hover img {
    border-color: #1a5df5;
}
a.button {
	display: block;
  	width: 250px;
	height: 71px;
	overflow: hidden;	
	background: url(/images/cms/buttona.png) no-repeat;
	text-align: center;
	font: bold 14px/35px Arial, Tahoma, sans-serif;
	color: #fff;
	cursor: pointer;
	margin: 0 0 0 22px;
}

a.button:hover {text-decoration: underline}
