@charset "utf-8";
@import "reset.css";
img, div {
    behavior: url(/css/iepngfix.htc);
}

html { margin: 0; padding: 0;  }
body {

    margin-top: 0px;
    padding-top: 0px;
    background-color: #d6d6d6;
    /* center layout in ie5 and 5.5. */

    background-image: url('../images/tlo_pion.jpg');
    background-position: top;
    background-repeat: repeat-x;
    color: #000;
}

body, p, table, td, tr{		 font-family: "verdana", "sans-serif";
                          font-style: normal;
                          font-size: 11px;
                          color: #373737;
                          font-weight: normal;
                          text-align: justify;
                          line-height: 19px;}

#container {
    width: 1012px !important;
    width: 1012px; /* IE */
    margin: 0 auto 0px auto;
    background-color: #fff;
}

#header { background-image: url('../images/header.jpg');
          height: 116px !important; height: 116px; /* IE */
          padding-left: 60px;			}





#content {	background-image: url('../images/cont.jpg'); background-repeat: repeat-y;   }



#tresc {	padding: 0px 55px 0px 55px;  min-height: 400px; margin: 0px;}



#stopka1, #stopka2, #stopka3 { clear: both;  padding: 0px   0px 0px 0px; }

#stopka1{ 	font-size: 14px; color: #fff; padding-left: 85px; letter-spacing: 1px;  line-height: 14px;
           background-image: url('../images/s1.jpg'); height: 51px !important; height: 51px; /* IE */  }
#stopka2{ background-image: url('../images/s2.jpg'); height: 35px !important; height: 35px; /* IE */  }
#stopka3{  	font-size: 11px;	text-align: center;	background-image: url('../images/s3.jpg'); height: 60px !important; height: 60px; /* IE */  }

#clr { clear: both;  	height: 10px !important; height: 10px; /* IE */   background-color: red;}




.menu { 	float:left; }





a{ 					  		color: #373737;
            font-style: normal;


            font-weight: bold;
}

a.menu{ color: #373737; margin: 92px 0px 0px 0px; font-family: "verdana", "sans-serif"; display: block;
        margin-right: 25px; text-align: center;  font-weight: normal; font-size: 12px; letter-spacing: 1px; }

a{ text-decoration: none;}

a:hover, a.menu:hover{ color: #df0024;}

input {font-size: 11px; margin-top: 5px;}
textarea {margin-bottom: 15px;}
form {margin: 0px; padding: 0px; margin-bottom: 15px;}

p{margin: 0px; padding: 0px;}
img { border: none;  margin: 5px;}
h4{font-size: 12px; font-weight: bold;}

#gallery {
  width: 98%;
  margin: 0 auto;
}

#gallery li {
  float: left;
  width: 150px;
  height: 180px;
  text-align: center;
  margin: 2px;
}

#gallery li img {
  vertical-align: bottom;
}

.form li {
  padding: 1px;
}

.form li .input {
  border:1px solid gray;
}

.form li textarea {
  border:1px solid gray;
}

.form li label {
 float: left;
 width: 190px;
 font-size: 10px;
 height: 10px;
 padding: 5px 0;
}
.errors {
  font-size: 10px;
  color: #ec1010;
  font-weight: bold;
}
#ok {
  color: #70ba27;
}