*{
margin:0px 0px;
padding:0px;
border:none;
text-align: center;

}
#calosc{
margin-left: auto;
margin-right: auto; 
height:100%;
width:100%;
background-color: #FFFFFF;

}
#logo{
border:0px solid black;
height:150px;
width:100%;
background-image: url(images/tlo_01.png);
background-position: center top;
background-repeat: no-repeat;
}

#menu{
border:0px solid black;
height:40px;
width:100%;
margin-top:-45px;
}

#srodek{
border:0px solid black;
height:auto;
width:100%;
}

#pole{
margin: 0 auto 0 auto; 
border:0px solid black;
height:230px;
width:800px;
margin-top:10px;
margin-bottom:10px;

}
#pole2{
margin: 0 auto 0 auto; 
border:0px solid black;
height:100px;
width:800px;
margin-top:10px;
margin-bottom:10px;


}

#kontakt{
margin: 0 auto 0 auto; 
border:0px solid black;
height:400px;
width:800px;
margin-top:20px;
margin-bottom:0px;

}

#kontakt2{
border:0px solid black;
height:75%;
width:auto;
margin-top:20px;
margin-bottom:0px;
background-image: url(images/kontakt_tlo.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;



}
img.bottom 
{vertical-align:text-bottom;}

#ofertaobrazek{
 border: 0px solid; 
 width: 70%;
margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
height:780px;
}
#ofertaobrazek2{
 border: 0px solid black; 
 width: 800px;
margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */

position:relative;
}
#ofertaobrazek3{

height:500px;
 border: 0px solid black; 
 width: 800px;
margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
}
#ofertaobrazek5{
height:600px;
 border: 0px solid black; 
 width: 700px;
margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
}
#ofertaobrazek4{
 border: 0px solid black; 
 width: 800px;
 height:300px;
margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
}

#ofertaobrazek6{
height:310px;
 border: 0px solid black; 
 width: 700px;
margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
}
#pasek{
border:0px solid black;
height:250px;
width:auto;
margin-top:0px;
margin-bottom:0px;
background-image: url(images/pasek_02.png);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding:0px;
}

#pasek2{
border:0px solid black;
height:250px;
width:auto;
margin-top:0px;
margin-bottom:0px;
background-image: url(images/pasekkontakt_04.png);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding:0px;

}


.column {
  position: relative;
  float: left;
}



p.stopka{

margin:auto; 
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;

color:gray;
}
#tabela{
padding:10px; 
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;

color:#000;
}


#tabela ul{
padding:0; 
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
}



#stopka{
border:0px solid black;
height:220px;
width:100%;
margin-bottom:0px;
position: relative;
margin:auto 0px auto 0px;
background-image: url(images/stopka_02.png);
background-repeat: no-repeat;

clear:both
}
#textstopka{

	margin:0px auto 0px auto;
	padding:10px 0px 0px 0px;
	list-style-type:none;
	width:700px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px solid black;
	}
#textstopka2{

	margin:0px auto 0px auto;
	padding:10px 0px 0px 0px;
	list-style-type:none;
	width:700px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px solid black;
	}
#textstopka3{

	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	width:700px;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px solid black;
	}
	
#podpis{
	margin:0px auto 0px auto;
	position:relative;
	bottom:-40px;
	padding:0px 0px 0px 0px; 
	list-style-type:none;
	width:600px;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:0px solid black;
	text-align: left;

	}
		
#textstopka	a:hover
{	
	color:#FFFFFF;
	height:22px;
		
}

#textstopka .active a
{
	display:inline;
	color:#FFFFFF;	
}

#textstopka a
{
	display:inline;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

#textstopka p
{
	
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}
#textstopka2	a:hover
{	
	color:#FFFFFF;
	height:22px;
		
}

#textstopka2 .active a
{
	display:inline;
	color:#FFFFFF;	
}

#textstopka2 a
{
	display:inline;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:0px 7px 0px 0px;
}

#textstopka2 p
{
	
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}



  select, input, textarea {
    font-size: 1em;
  }

  
  h2 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #dedede;
  }
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }
  .example {
    border: 1px solid #CCC;
    background: #fff;
    padding: 20px;
  }
  ul {
    list-style-image:url(list-style.gif);
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 0px solid #CCC;
    background: #fff;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 0%;
    background: #fff;
	margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
	width:700px;
	
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #fff;
    margin: 10px auto 0px auto; /* można zapisać krócej: margin: 0 auto; */
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }

	  p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #fff;
        margin-bottom: 4px;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
}