/* style reset */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}



/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
       background-color: #959595;
       width: 850px;
       margin-left: 0;
       background-image: url("grafika/tlo.gif");
       Background-repeat: repeat-x;
    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 74%;    
              color: #111111; 
                         
              
}
 
a { text-decoration: none; color: #ffffff; } 

a.ciemne {color: #ffffff;}



h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 850px;

}

/* ----------banner for logo-------------- */
#banner {
 
       width: 850px;
       height: 56px;
			 padding: 10px 0 0 0;
       background-image: url("grafika/gora.jpg");
       top: 0px;
       margin: 0 auto;
	   text-align: right;
		 
		 position: relative;

}

#banner ul { float: right; width: 80px; height: 25px; }
#banner ul li { float :right; width: 26px; height: 23px; display: block; }
  #banner li a { width: 25px; height: 23px; display: block; background: no-repeat left top;}
	
	#banner li a.mapa { background-image: url("grafika/mapa.gif"); }
	#banner li a.home { background-image: url("grafika/domek.gif"); }
	#banner li a.mail { background-image: url("grafika/koperta.gif"); }
	 
	  #banner li a span { display: none; }
	
#banner h1 { position: absolute; bottom: 0; left :90px; height :56px; width: 440px; }	
	 #banner h1 a { display: block; height :56px; width: 400px; }
     #banner h1 a span { display: none; }
		 
		 
#banner2 {
background-image: url("grafika/logo.jpg");
height: 161px;
padding: 0px;
margin: 0px;
}

#banner img {padding:10px 0px;} 

div#button
{       
       position: absolute;
       width: 234px;
       height: 60px;
       top: 97px;
       left: 457px;
			 
			 /* -- */
			 background: url("grafika/add.png") no-repeat left top;
			 cursor: pointer;
}
 /* -- */
 div#button a { display: block; width: 234px; height: 60px;}
 div#button a span { display: none; }


/* -----------------Inhalt--------------------- */
#content {
padding: 0 0 40px 30px;
margin: 20px 0 0 0 ;
width: 630px;
min-height:280px;
float :right;
}

p, pre{
padding: 5px 10px 0 10px;
margin-top:20px;
display: block; 
}

.margin { margin-top: 30px !important; }
.center { text-align: center !important; }

span.obrazki { display: block; margin: 20px 0 0 0; border-top: 1px solid #999999; }
 span.obrazki .ins { display: block; padding: 10px; border-top: 1px solid #eeeeee; }
  span.obrazki img { vertical-align: center; margin: 0 5px; border: 1px solid #eeeeee; }
	

p.tresc {line-height: 15pt;}
h2 { font-size:100%; text-transform: uppercase; letter-spacing: 1em; }
/* --------------left navigavtion------------- */
#left {
float: left;
width: 189px;
margin: 0px;
padding: 0px;
clear: left; 
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }
  #footer a { color: #888888; }
  
  #footer h1 {
font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 95%;       
font-weight: normal;
background-color: #EEEEEE;
padding:5px 15px;
margin:0px }
	
	
/*a to klasy do menu*/
a.menu1 {
    width: 189px;
    height: 54px;
    background: url("grafika/home.png") 0 0 no-repeat; }

a:hover.menu1 { background-position: 0 -54px; }

a.menu2 {
    width: 189px;
    height: 54px;
    background: url("grafika/directory.png") 0 0 no-repeat; }

a:hover.menu2 { background-position: 0 -54px; }

a.menu3 {
    width: 189px;
    height: 54px;
    background: url("grafika/dodaj.png") 0 0 no-repeat; }

a:hover.menu3 { background-position: 0 -54px; }

a.menu4 {
    width: 189px;
    height: 54px;
    background: url("grafika/skad.png") 0 0 no-repeat; }

a:hover.menu4 { background-position: 0 -54px; }

a.menu5 {
    width: 189px;
    height: 54px;
    background: url("grafika/contact.png") 0 0 no-repeat; }

a:hover.menu5 { background-position: 0 -54px; }

#left a { display: block; }
  #left a span { display: none; }



.record, .record2 { display: block; }
  .record a, .record2 a { display: block; background: #ffffff; margin: 1px; overflow: hidden; width: 580px; float: left; clear: left; color :#999999; }
       .record a:hover, .record2 a:hover, .wyroznij a:hover  { background: #66cc33!important; color: #ffffff;}
          .record span, .record2 span { float: left; display: block; border-left: 1px solid #ECEBE8; padding: 3px 6px 3px 6px; }
          .record a .name,.record2 a .name { width: 190px; font-weight: bold; }
               .record a .category,  .record2 a .category { width: 100px; }
               .record a .descr, .record2 a .descr { width: 220px; }
               .record a .foto, .record2 a .foto { width:10px; }
                 .record a .foto  img , .record2 a .foto img { width: 12px; height: 12px; }
               .record .act, .record2 .act { width:20px !important; float: left; clear: none !important; }
               
  .record2 a { background: #dcdcdc; }
	
.wyroznij a { background-color: #E2FF6D !important; }       


	
	
form { float: left; padding: 10px 0 10px 15px; }


.clear { clear: both; } 
.search { float: right; width :300px; text-align :right; }
  .search input { background: #ededed;   font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; padding :2px; border :1px solid #999999; color: #222222; vertical-align: baseline; }
  .search .submit { padding: 0; margin-left: 6px; }

select	{  background: #ededed;   font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; border :1px solid #999999; color: #222222;  }
	option {background: #ededed;   font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; color: #222222;  }
	
/* ADD FORM ---------------------================================ */	

div.form { width :610px; clear: both; text-align: center; }

  .form .left { width: 300px; float :left; }
  .form .right { width :300px; float :right; }
	
	
	.form input, .form textarea { background: #ededed;   font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; padding :2px; border :1px solid #999999; color: #222222; width: 170px; text-align: left; float: left; }
	
	.form label { width: 100px; float :left; clear: left; text-align: left; margin-right: 6px; }
	
	.form label, .form input, .form textarea, .form select, .form .multiple { margin-top: 5px; }
	
	
	.form .multiple { height :80px; width: 168px; padding: 4px; overflow: auto; background: #ededed; border :1px solid #999999; text-align: left; float: left; }
	  .form .multiple input { clear: left; width:auto; margin: 0 5px 0 0; border: 0; padding: 0; }
	  .form .multiple label { display: block; clear :none; width: 110px; padding: 0; margin: 0; }
	  .form .multiple .clear { padding: 0; margin: 0;}
	
	
  .form .submit { width :70px; clear: both;border-width: 2px; font-weight: bold; margin: auto;  margin-top :20px;  text-align: center; float: none;  }
	
	
	
	
	
	
	
	
	
	
	
	
.numerystron { clear: both;  text-align: center; padding: 10px 0; width :450px;  }
  .numerystron li { display: inline; font-size :10px; padding: 0 2px;  }