@charset "utf-8";
body {
margin:0 0 0 0;
background:url(../images/totalbg.jpg) top left repeat-x;
background-color:#74a410;
}
#kontener-zew {
margin: 0 auto 0 auto;
width:794px;
}
#txtbg {
float:left;
position:relative;
background:url(../images/maintxt-bg.jpg) top repeat-y;
margin-left:-1px;
}
#kontener {
margin: 0 auto 0 auto;
background:url(../images/total-kontener-p.jpg) top center no-repeat;
width:794px;
height:644px;
margin-left:1px;
}
/*top: logo, animka, menu*/

#logo img {
float:left;
position:relative;
border:none;
padding: 40px 0 0 15px;
}
#slogan {
padding: 40px 0 0 0;
float:left;
width:279px;
height:29px;
}

#anim-g {
float:left;
position:relative;
width:114px;
height:250px;
margin-left:8px;
background:url(../images/anim-p.jpg) top no-repeat;
}
.top2 {
width:114px;
height:242px;
top:4px;
left:0;
position:relative;
}

#menu {
padding:45px 0 0 0;
}
#menu a {
width:146px;
height:23px;
float:left;
text-indent:-10000px;
background-position:bottom;
display:block;
}

#m1 {
background:url(../images/mh1.gif);
margin-top:5px;
}
#m2 {
background:url(../images/mh2.gif);
margin-top:9px;
}
#m3 {
background:url(../images/mh3.gif);
margin-top:12px;
}
#m4 {
background:url(../images/mh4.gif);
margin-top:10px;
}
#m5 {
background:url(../images/mh5.gif);
margin-top:9px;
}
#m6 {
background:url(../images/mh6.gif);
margin-top:12px;
}

/*menu hover*/
#menu a:hover {
background-position: top;
}

/*treść*/
#maintxt {
float:left;
width:463px;
height:auto;
padding: 0 0 0 35px;
margin-top:-95px;
}
#maintxt h1 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
font-size:14px;
color:#333;
background:url(../images/koniczyna.gif) 0 0 no-repeat;
padding-left:25px;
display:block;
height:22px;
}
#maintxt p {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
text-align:justify;
font-size:12px;
color:#333;
padding-right:3px;
}

#maintxt a {
text-decoration:none;
color:#003300;
}

#maintxt a:hover {
text-decoration:underline;
color:#003300;
}


ul {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
color:#333;
margin-left:-30px;
margin-right:10px;
line-height:1.5em;
list-style:none;
}
li {
padding-left:15px;
background:url(../images/lista.gif) 0 4px no-repeat;
}


.oferta {
float:left;
}
.oferta img {
float:left;
padding:3px;
border:1px solid #006600;
margin: 5px 10px -1px 0;
}

#tagi {
float:left;
width:225px;
height:382px;
}
#tagi p {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:1.8em;
text-align:center;
font-size:11px;
color:#fff;

padding:190px 0 0 33px;
}

#stopka {
float: left;
width:766px;
height:105px;
padding: 45px 0 0 30px;
margin-left:-1px;
background:url(../images/stopka.jpg) top center no-repeat;
}
#bottommenu {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
text-align:justify;
text-align:center;
font-size:11px;
}
#bottommenu a {
color:#333;
text-decoration:none;
}
#bottommenu a:hover {
color:#999999;
}
#pp {
color:#333;
}


#realizacja {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
text-align:justify;
text-align:center;
font-size:10px;
}
#realizacja a {
color:#8f926e;
text-decoration:none;
}
#realizacja a:hover {
color:#443F35;
}
#pp2 {
color:#8f926e;
}

/***************************************** kontakt ***************/

#mapagoogle {
float:right;
margin-right:15px;
}

#mapagoogle small {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}

#mapagoogle a {
text-decoration:none;
color:#003300;
}

/**   FORMULARZ   **/
form {
 margin-top:65px;
 margin-left:70px;

 padding-bottom:25px;  

 text-align:justify; 

 color:#666;

 font-family:Tahoma, Arial, Tahoma, Verdana, Helvetica;

 font-size:12px;

 }



 input, textarea {

 border:1px solid #CCCCCC;

 }

textarea {
width:300px;
}
 

#form-error {

width:auto;

}

#form-error p {color:#006600; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 0 10px 25px;}

#form-error h2 {color:#33CC00; font-family:Arial, Helvetica, sans-serif; font-size:14px;line-height:1.3em; font-weight:bold; padding-left:25px;}


/********************  styl Galerii  ***********************/

div#realizacje {
	padding: 0 0 0 15px;
	height: auto;
}
#galeria h2 {font-family:Verdana, Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:1.5em; color:#999; padding:0 0 0 25px;}

.block {margin:0 0 0 0;}

div#realizacje div.block {
text-align:center;
	width: auto;
	height: 110px;
}
div#realizacje div.block1 {
text-align:center;
	width: auto;
	float: left;
}
div#realizacje div.block2 {
text-align:center;
	width: auto;
	float: left;
}
div#realizacje div.block3 {
text-align:center;
	width: auto;
	float: left;
}
#realizacje span {
text-align:center;
font-family:Verdana, Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:1.5em; color:#009900;
}

.block1 a img {
	border: 1px solid #009933;
	padding:5px;
	margin: 10px 10px 0 10px;
}
.block1 a:hover img {
	border: 1px solid #00CC33;
}
.block2 a img {
	border: 1px solid #009933;
	padding:5px;
	margin: 10px 10px 0 10px;
}
.block2 a:hover img {
	border: 1px solid #00cc33;
}

.block3 a img {
	border: 1px solid #009933;
	padding:5px;
	margin: 10px 10px 0 10px;
}
.block3 a:hover img {
	
	border: 1px solid #00CC33;
}

div#galeria div.lista {
	width: auto;
	padding: 0 0 0 10px;
}
.lista a img {
	border: 1px solid #009933;
	padding:5px;
	margin: 10px 10px 0 10px;
}
.lista a:hover img {
	border: 1px solid #00cc33;
}
div#galeria div#powrot {
	font-family:Verdana, Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:1.5em; color:#009933; padding-left:390px; padding-bottom:15px;
}
div#galeria div#powrot a {
	 color:#009933;
	 text-decoration:none;
}
div#galeria div#powrot a:hover {
	color:#00CC33;
}