/* elementy html */

* {margin: 0; padding: 0;}

body {
 font-family: verdana, arial, sans-serif;
 font-size: 62.5%;
 background: #222 url(bg.gif) repeat;}
 
a { text-decoration: none;}
img { border: 0px;}
abbr, code { color: #666; font-family: "courier new", monospace; background-color: #eef6ff; font-size: 1.4em; border: 0;}
h2 { width: 507px; font-size: 1.2em; text-transform: lowercase; height: 37px; margin: 20px auto 10px auto; color: #fff; line-height: 37px; color: #fff; text-indent: 20px; background: url(headers.gif) no-repeat;}

		
 
/***Inline Styles***/

.hidden { text-indent: -9000px; visibility: hidden;}
.br { clear: both;}
.small { font-size: x-small;}
.imgright { float: right; margin-left: 5px;}
.imgleft { float: left; margin-right: 5px;}
 
/***glowne divy ****/	  
 
#container { width: 599px; margin: 0 auto; background: #fff url(contentgrunge.gif) repeat-y; }
#menu {position: relative; top: 10px; margin-left: 135px; font-size:1.1em;}
	
	#menu a { color:#D01A71; font-weight: bold; text-decoration: none;}
	#menu a:hover { color: #fff; text-decoration: none; background:#D01A71;}
	#menu a#current  { color: #fff; text-decoration: none; background:#D01A71;}


#header { width: 516px; height: 125px; background: #BFD447 url(logo.gif) no-repeat; margin: 0 auto;}
	#header h1 { position: absolute; top: 28px; margin-left: 40px; color: #fff; font-weight: 300; font-size: 2.8em;}
	#header p {  position: absolute; top: 60px; margin-left: 41px; color: #fff;}
 
#content { width:510px; margin: 0px auto; padding: 0 8px 35px 8px ;}
	#content p { font-size: 1.1em; color: #555; margin-left: 10px; background: #fff; margin-top: 10px; line-height: 1.5em;}
	#content a { color:#D01A71; font-weight: bold; text-decoration: none;}
	#content a:hover { color: #fff; text-decoration: none; background:#D01A71;}
	.grubo { color:#D01A71; font-weight: bold; text-decoration: none;}

#footer { width: 588px; height: 24px; margin: 0 auto; background: #111 url(bottomgrunge.gif) no-repeat;}
	#footertext { margin: 30px auto; text-align: center; color: #777; font-size: 1em;}
	#footertext a { color: #777; text-decoration: none;}
	#footertext a:hover { color: #ddd; text-decoration: none;}
   
	  
	/**** kontakt ***/

 ul#form { margin: 10px auto; width: 400px;}
	ul#form  li { display: block; list-style: none; width: 100%; margin: 5px 0; clear: both; line-height: 20px;}
	ul#form li label { display: block; color: #666; text-transform: lowercase; line-height: 30px; font-size: 1.1em;}
	ul#form li input, ul#form li textarea { border: 2px solid #ddd; overflow: auto; padding: 3px; color: #666; margin-top: -28px; font-size: 1.3em; line-height: 1.4em; float: right; width: 270px; background: #f0f0f0;}
	ul#form li textarea { height: 170px; font-size: 1.5em;}
	ul#form li input.submit { width: 60px; margin-top: 10px;}
	ul#form li input:hover , ul#form li textarea:hover { border: 2px solid #ccc; background: #eee;}
	
	
#output {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7e7c7c;
position:relative;
top: 5px;	
margin-left: 25px;
}
.mini_pic{
z-index:7;
margin-left: 25px;

}
.single{ margin: 5px; padding-bottom: 25px;}
.single img {float: left; clear: left; margin-right: 4px; padding-bottom: 100px;}