/* =============================================================================
                                                                       OGOLNE
============================================================================= */
html, body{
  width: 100%;
  padding: 0px; margin: 0px;
  background: rgb(225,222,215) url(graf/tlo_body_top.gif) repeat-x top left;
  font: normal 11px tahoma, arial, sans-serif;
  color: rgb(66,66,66);
}
img{ 
  display: block; 
  border: none; 
}
a{ 
  color: rgb(191,76,0); 
  text-decoration: none;
}
a:hover{
  color: rgb(121,56,0); 
}

.strong{ font-weight: bold; }
.clr{ clear: both; height:0px; padding:0px; margin: 0px; }
.underline{ padding-bottom: 10px; background: url(graf/underline.gif) no-repeat center bottom; }

/* =============================================================================
                                                                         LOGO
============================================================================= */
h1#logo{
  height: 89px; width: 780px;
  margin: 0px auto; padding: 0px;
  background: rgb(189,186,169) url(graf/kropki_pion.gif) repeat-y right top;
  border-bottom: 1px rgb(229,229,229) solid;
  overflow: hidden;
}
h1#logo a{
  display: block; float: left;
  height: 0px; width: 370px;
  padding-top: 89px;
  background: url(graf/logo_swinka_pink.jpg) no-repeat top left;
}
h1#logo #adsense{
  float: right;
  padding: 10px 20px;
}
/* =============================================================================
                                                                      CONTENT
============================================================================= */
#content{
  width: 780px;
  margin: 0px auto; padding: 10px 0px;
  background:  url(graf/tlo_content.gif) repeat-y left top;
  border-width: 3px 0px; border-color: rgb(130,134,117); border-style: solid;  
}
/*                                MENU
====================================== */
ul#menu_left{
  float: left;
  width: 197px;
  margin: 0px; padding: 0px 1px 20px;
  list-style: none;
}
#menu_left li{
  display: block; float: left;
  width: 198px;
  padding-bottom: 1px;
  background: url(graf/tlo_menu_li.gif) no-repeat right bottom;
}
#menu_left a{
  display: block;
  float: left;
  width: 168px;
  font-weight: bold;
  padding: 5px 5px 5px 24px;
  background: url(graf/mark_menu_left.gif) no-repeat 7px 9px;
}
#menu_left a:hover, #menu_left ul.submenu a:hover{
  background-color: rgb(209,205,197);
}
#menu_left ul.submenu{
  float: left;
  padding: 0px; margin: 0px;
  width: 197px;
  background: rgb(235,231,223);
}
#menu_left ul.submenu li{
  width: 197px;
  padding: 0px; margin: 0px;
}
#menu_left ul.submenu a{
  width: 153px;
  font-weight: normal;
  padding: 2px 14px 3px 30px;
  background: url(graf/mark_submenu.gif) no-repeat 19px 9px;
}
  
/*                                TEXT
====================================== */
#text{
  float: left;
  width: 540px;
  padding: 0px 20px 20px 20px;
}
#text h2{
  font: bold 12px tahoma, arial, sans-serif;
  margin: 10px 0px 0px; padding: 10px 0px 0px 18px;
  background: url(graf/mark_h2.gif) no-repeat 2px 13px;
  color: rgb(42,42,42);
}
#text p{
  margin: 0px; padding: 8px 0px 2px;
  text-align: justify;
}

/* =============================================================================
                                                                       STOPKA
============================================================================= */
#stopka{
  width: 778px;
  margin: 0px auto;
  border: 1px rgb(130,134,117) solid;
  background: url(graf/kropki_jasne.gif) repeat-y right top;
}
#stopka a{
  color: rgb(115,120,100);  
  text-decoration: underline;
}
#stopka a span{
  color: rgb(239,235,227);
}
#stopka a:hover{
  color: rgb(239,235,227); 
}
#stopka div{
  float: left;
  height: 28px; width: 158px;
  padding: 4px 20px;
  background: rgb(66,66,66) url(graf/kropki_jasne.gif) repeat-y right top;
  color: rgb(239,235,227);
}
#stopka ul{
  float: left;
  height: 16px; width: 580px;
  padding: 10px 0px; margin: 0px;
  background: rgb(66,66,66);
  list-style: none;
  text-align: center;
}
#stopka li{
  display: inline;
  color: rgb(130,134,117);
}
#stopka li a{
  padding: 0px 15px;
}
                                                  /* FORMULARZ MAILOWY
====================================================================== */
form.mail_form{
  width: 320px;
  padding: 0px; margin: 0px auto; 
}
form.mail_form ul{
  float: left;
  width: 310px;
  list-style: none;
  padding: 0px 0px 10px; margin: 0px;
}
form.mail_form li{
  padding-bottom: 5px;
}
form.mail_form h2{
  margin-bottom: 10px;
}
form.mail_form label{
  display: block; float: left;
  width: 80px;
  padding-left: 15px; padding-top: 4px;
}
form.mail_form input{
  width: 200px;
  border: 1px rgb(200,200,200) solid;
}
form.mail_form textarea{
  width: 280px;
  margin-left: 15px; margin-top: 5px;
  border: 1px rgb(200,200,200) solid;
}
form.mail_form input.submit{
  width: 80px;
  float: right;
  margin: 10px;
}
form.mail_form input.readonly{
  background: none;
  border: none;
}
div.kontakt{
  float: left;
  width: 250px;
  margin-left: 15px;
  padding: 20px 0px 200px 50px;
  background: url(graf/mapka.gif) no-repeat bottom center;
}