@charset "iso-8859-2";

/* Główne */
* {margin: 0;
   padding: 0;
  }

html {width: 100%;
      padding: 10px 0 0;
      background-color: #1F1F1F;
     }

body {margin: 0 auto;
      padding: 0; 
      font: 62.5% "Lucida Grande", Tahoma, sans-serif; 
      width: 730px;
      background-color: #FFF;
      text-align: center;
     }

img {border: none}
.none {border: none}
	 
.left {text-align: left}
.center {text-align: center}	 
.right {text-align: right}
.clear {clear: both}

/* --- Przyciski i formularze --- */	
input[type=submit], input[type=reset], input[type=button] {border: 1px solid #888; 
                                                           background-color: #FFF;
                                                           color: #444;
														   font-weight: normal;
	                                                       cursor: pointer;
	                                                       padding: 1px 5px;
	                                                       font-size: 1.1em;
                                                          }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {border: 1px solid #2E5B82;
                                                                            } 	
																		
/* Banner */
h1#banner {background: url('images/structure/logo.jpg') top left no-repeat; 
	       width: 690px;
	       height: 210px;
	       padding: 0;
	       margin: 0 auto 2px;
          }
h1#banner span {position: absolute;
                top: 0;
				left: 55px;
				overflow: hidden;
			   }
h1#banner span a {display: block;
                  width: 205px;
				  height: 193px;
				  background: url('images/structure/nalogo.jpg') no-repeat;
				  text-indent: -666em;
				 } 			    

/* Menu */
#menu {padding: 0 0 2px 0;
       margin: 0 auto;
       border-bottom: 3px solid #8A8F92;
       height: 45px;
       width: 690px;
      }
#menu li {list-style-type: none;
          float: left;
		  overflow: hidden;
         }
#menu li a {display: block;
            width: 115px;
		    height: 45px;
		   }	

#t-intro a {background: url('images/structure/but_ofirmie.gif') no-repeat}					
#t-intro a:hover {background: url('images/structure/but_ofirmie.gif') no-repeat;
                  background-position: -115px;
                 }
#t-nagrobki a {background: url('images/structure/but_nagrobki.gif') no-repeat}					
#t-nagrobki a:hover {background: url('images/structure/but_nagrobki.gif') no-repeat;
                     background-position: -115px;
                    }
#t-liternictwo a {background: url('images/structure/but_liternictwo.gif') no-repeat}					
#t-liternictwo a:hover {background: url('images/structure/but_liternictwo.gif') no-repeat;
                        background-position: -115px;
                       }
#t-inne a {background: url('images/structure/but_inne.gif') no-repeat}					
#t-inne a:hover {background: url('images/structure/but_inne.gif') no-repeat;
                 background-position: -115px;
                }
#t-materialy a {background: url('images/structure/but_materialy.gif') no-repeat}					
#t-materialy a:hover {background: url('images/structure/but_materialy.gif') no-repeat;
                      background-position: -115px;
                     }
#t-kontakt a {background: url('images/structure/but_kontakt.gif') no-repeat}					
#t-kontakt a:hover {background: url('images/structure/but_kontakt.gif') no-repeat;
                    background-position: -115px;
                   }				 

/* Treść właściwa */				 				 				 				  
#container {position: relative; 
            top: 0; 
            left: auto; 
            text-align: left;
            width: 730px; 
            margin: 0 auto;	
            background-color: #FFF; 
            padding: 0;
            color: #6C6C6C;
           }

#wrapper {width: 730px;
          padding: 10px 0 0 0;
          background-color: #FFF;
          float: left;
         }

h2 {list-style: none; 
    background: #FFF url('images/structure/tlo_nag.gif') no-repeat;
   }
h2.header {margin: 0 0 5px; 
           font-family: Arial; 
		   font-size: 1.4em;
           padding: 2px 0 2px 12px; 
           border-bottom: 1px solid #8A8F92;
		  }
		  
.item {width: 430px;
       float: left;
       margin: 0 30px 0 20px;
      }
	  
.item2  {width: 220px;
         float: left;
         margin: 0 20px 0 0;
         padding:0;
        }

.item img, .item2 img {float: left;
                       padding: 2px;
					   margin-top: 10px;
					   border: 1px solid #8A8F92;
                      }

.item3 {width: 690px;
        float: left;
        margin:0 20px 10px;
       }

.item p, .item2 p {padding: 8px 0 10px 10px;
                   margin: 0 0 10px 0;
                   width: 250px;
                   font-size: 1.1em;
                   float: left
                  }
.item p a, .item2 p a {color: #6C6C6C;
                       text-decoration: underline
                      }
.item p a:visited, .read:visited, .item2 p a:visited, #footer a:visited {text-decoration: underline}
.item p a:hover, .read:hover,.item2 p a:hover, #footer a:hover {text-decoration: none}

p.granit, p.marmur, p.piask, p.contact {padding: 5px 0 0 10px;
                                        width: 95%;
		                               }
p.where {padding: 0 0 0 10px;
         width: 95%;
		}
				   
.read {background-image: url('images/structure/circle.gif');
       background-position: 0px 5px;
       background-repeat: no-repeat;
	   width: 90%;
       padding: 0 0 0 7px;
       margin: 7px 0 0;
       float: left;
       color: #8A8F92;
       text-decoration: underline;
      }
	  
/* Prawa kolumna */
ul.why_we {padding: 5px 0 0 0;
           margin: 0 auto 10px;
           width: 100%;
           font-size: 1.1em;
           float: left
          }
li.obszar, li.nagrobek, li.gwarancja, li.dojazd, li.materialy, li.dom {list-style: none; 
                                                                       width: 170px; 
																	   height: 50px;
																	   margin: 0 5px; 
																	   padding: 2px 0 5px 50px; 
																	   float: left;
																	  }

li.obszar {background: #FFF url('images/structure/polska.gif') no-repeat}
li.nagrobek {background: #FFF url('images/structure/nagrobek.gif') no-repeat}
li.gwarancja {background: #FFF url('images/structure/gwarancja.gif') no-repeat}
li.dojazd {background: #FFF url('images/structure/dojazd.gif') no-repeat}
li.materialy {background: #FFF url('images/structure/materialy.gif') no-repeat}
li.dom {background: #FFF url('images/structure/dom.gif') no-repeat}
li.kontakt {background: #FFF url('images/structure/kontakt.gif') no-repeat;
            list-style: none; 
            width: 170px; 
			margin: 0; 
			padding: 0 0 0 50px; 
			float: left;
	       }

/* Galeria */
.album {list-style-type: none;
        padding: 0 0 0 10px;
		clear: both;
	   }
.album li {float: left;
           margin: 0 8px 5px 0;
		  }
.album img {display: block;
            border: 1px solid #8A8F92;
		   }		  
.album img:hover {border: 1px solid #AD1A01}	

/* Formularz kontaktowy */
.form_kon {width: 99%;
           float: left;
		  }
.form_kon td.dane {width: 200px;
                   text-align: right;
				  }
.form_kon label {padding-right: 5px}				  
.form_kon .dane_tresc {vertical-align: top;
                       text-align: right;
					  }
.form_kon input {width: 200px}				
.form_kon textarea {width: 330px;
                    height: 150px;
			       }
.form_kon .send {text-align: center;
                 font-size: 1.1em;
			    }
.alert {color: #FF0000;
        text-align: center;
	   }
	   
/* Stopka */
#footer {background: #FFF url('images/structure/bg.gif');
         background-position: top left;
         background-repeat: repeat-x;
         float: left;
         width: 690px;
         color: #1F1F1F;
         text-align: center;
         padding: 15px 0;
         font-size: 1.1em;
         margin: 7px 20px 0;
        }
#footer a {color: #8A8F92;
           text-decoration: none;
		  }
#footer a:hover {text-decoration: underline}