/* e - Kawalec */

* {margin: 0; padding: 0; border: 0;}
body {text-align: center; background: url('../images/bg_body.jpg') repeat-x; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #000000; line-height: 14px; }
a {text-decoration: none; color: #000000;}
a:hover {color: #9d9d9d;}


/* jS: lewo: 461px; - srodek: 1000px; - prawo: 459px*/ 
#container {position: relative; display: block; width: 1000px; height: 1077px; text-align: left;margin: 0; overflow: hidden;}
    #container #bg_left {float: left; width: 0px; height: 100%; background: url('../images/bg_left.jpg') no-repeat right top; }
    #container #bg_right {float: right; width: 0px; height: 100%; background: url('../images/bg_right.jpg') no-repeat left top; }
    
#content {float: left; width: 1000px; height: 100%; overflow: hidden;}

    #content #top {position: relative; width: 1000px; height: 390px; background: url('../images/bg_top.jpg') no-repeat;}
    #content #center {float: left; width: 1000px; height: 489px; background: url('../images/bg_center.jpg') no-repeat; overflow: hidden;}
    #content #center_ofirmie {float: left; width: 1000px; height: 489px; background: url('../images/bg_ofirmie.jpg') no-repeat; overflow: hidden;}
    #content #center_oferta {float: left; width: 1000px; height: 489px; background: url('../images/bg_oferta.jpg') no-repeat; overflow: hidden;}
    #content #center_realizacje {float: left; width: 1000px; height: 489px; background: url('../images/bg_realizacje.jpg') no-repeat; overflow: hidden;}
    #content #footer {float: left; width: 1000px; height: 198px; background: url('../images/bg_footer.jpg') no-repeat;}
    #content #footer_ofirmie {float: left; width: 1000px; height: 198px; background: url('../images/footer_ofirmie.jpg') no-repeat;}
    #content #footer_oferta {float: left; width: 1000px; height: 198px; background: url('../images/footer_oferta.jpg') no-repeat;}

        
#content #top #lang {position: absolute; margin-top: -2px; left: 65px; display: block; width: auto; height: 43px; background: lime;}
#content #top #lang img {float: left; display: inline; border: 0; padding: 0; margin: 0px;}        
#content #top ul {position: absolute; top: 287px; left: 95px; display: block; height: 49px; width: 815px;}
#content #top ul li {float: left; display: inline;}
#content #top ul li a {width: 163px; height: 49px; float: left; display: inline;}
#content #top ul li#l1 a {background-image: url('../images/menu_domowa.jpg');}
#content #top ul li#l2 a {background-image: url('../images/menu_ofirmie.jpg');}
#content #top ul li#l3 a {background-image: url('../images/menu_oferta.jpg');}
#content #top ul li#l4 a {background-image: url('../images/menu_realizacje.jpg');}
#content #top ul li#l5 a {background-image: url('../images/menu_kontakt.jpg');}
    
#content #top ul li a:hover {background-position: 0 -49px;}

#content #center #left {float: left; width: 410px; height: 100%; padding-top: 18px; padding-left: 93px; padding-right: 30px;}
#content #center #right {float: left; width: 374px; height: 100%; padding-top: 18px; padding-right: 93px;}
#content #center #right_form {float: left; width: 374px; height: 100%; padding-top: 18px; padding-right: 93px; background: url('../images/bg_kontakt_form.jpg') no-repeat;}
    #content #center_ofirmie #left {float: left; width: 410px; height: 100%; padding-top: 18px; padding-left: 93px; padding-right: 30px;}
    #content #center_ofirmie #right {float: left; width: 374px; height: 100%; padding-top: 18px; padding-right: 93px;}
    #content #center_oferta #left {float: left; width: 410px; height: 100%; padding-top: 18px; padding-left: 93px; padding-right: 30px;}
    #content #center_oferta #right {float: left; width: 374px; height: 100%; padding-top: 18px; padding-right: 93px;}



div#h_domowa {position: relative; display: block; width: 100%; height: 45px; background: url('../images/h_domowa.jpg');}
div#h_oferta {position: relative; display: block; width: 100%; height: 45px; background: url('../images/h_oferta.jpg');}
div#h_kontakt {position: relative; display: block; width: 100%; height: 45px; background: url('../images/h_kontakt.jpg');}

#left h1.h_domowa {height: 1em; margin: 0; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #5b9f1f;}
#left h1.h_oferta {height: 1em; margin: 0; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #1d88a8;}
#left h1.h2_oferta {height: 2em; margin: 5px 0px 5px 10px;font-family: Tahoma, Verdana, sans-serif; text-indent: 30px; font-size: 11px; color: #1d88a8; background: url('../images/oferta_pointer.jpg') 3px -3px no-repeat; }
#right h1#h_oferta_right {height: 1em; margin-top: 45px; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #1d88a8;}

#content #right .news {float: left; height: 135px; width: 100%;} 
#content #right .news #h_pusty {position: relative; display: block; height: 44px; width: 100%; background: url('../images/title_domowa.jpg') no-repeat;}
#content #right .news #h_akt {position: relative; display: block; height: 44px; width: 100%; background: url('../images/domowa_akt.jpg') no-repeat;}
#content #right #start  {float: left; height: 202px; width: 100%;}
#content #right #start #h_start {position: relative; display: block; height: 44px; width: 100%; background: url('../images/domowa_start.jpg') no-repeat;}

img {float: left; display: inline; margin-right: 10px; margin-bottom: 10px;}

#left p {position: relative; display: block; padding: 5px 5px 5px 5px; text-indent: 30px;}
#left p span {position: relative; display: block; padding: 5px 0px 0px 0px; text-indent: 30px; text-align: center;}
#left p#oferta_dolny {position: relative; display: block; padding: 5px 5px 5px 5px; text-align: center;}

#right .news p {position: relative; display: block; text-indent: 30px;}
   span#data  {position: relative; display: block; text-align: right; font-size: 9px; }
#right .news span#wiecej {position: relative; display: block; text-align: left; text-indent: 0px;}

#right #start p {text-indent: 30px;}
#right #start span {position: relative; display: block; text-align: right;}
#right #start span#domowa_zapraszamy {position: relative; display: block; text-align: right; font-weight: bold;}
#right p#oferta_right {position: relative; display: block; padding: 5px 5px 5px 5px;}



/* ---- O FIRMIE -------- */
div#h_ofirmie {position: relative; display: block; width: 100%; height: 45px; background: url('../images/h_ofirmie.jpg');}
#left .h_ofirmie {height: 1em; margin: 0; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #dc6b00;}
    #left ul {list-style-type: disc; margin-left: 50px;}
    
/* ----- Oferta --------- */
#right ul {margin: 10px 0 0 60px;}
    
/* ------ REALIZACJE ------ */
#left #realizacje_slajd {float: left; display: inline; margin-top: 110px; margin-left: 120px; height: 312px; width: 402px; overflow: hidden;}
#right table {display: block; width: 312px; height: auto; float: left; padding-top: 35px; margin-left:95px; bottom:5px;}
    #right table tr {width: 100%; height: 104px;}
    #right table tr td {width: 78px; height: 104px;}
    #right table tr td a img {padding: 2px; border: solid 2px #ffffff;}
    
    #right #navi {clear: left; position: relative; margin-left: 650px; display: block; width: 300px; height: 40px;}
    #right #navi p {float: left; margin-left: 95px;}
        #right #navi p a.active {font-weight: bold;}
   
    
    #content #center_realizacje #left #realizacje_slajd img.middle  {display: none;}


/* ------ KONTAKT -------- */
#left p#p_kontakt1  {position: relative; display: block; padding: 5px 5px 5px 5px; text-indent: 0px; font-size: 13px;}
#left p.p_kontakt_dane  {position: relative; display: block; padding: 15px 5px 5px 20px; text-indent: 0px;}
#right_form form {position: relative; display: inline; height: 489px; width: 400px; font-size: 12px;}
    #right_form form div#form1  {position: relative; height: 128px; background: url('../images/bg_imie');}
    #right_form form div#form2  {position: relative; height: 64px; background: url('../images/bg_temat');}
    #right_form form div#form3  {position: relative; height: 226px; background: url('../images/bg_tresc');}
    #right_form form div#submit {position: relative; height: 71xp; background: url('../images/bg_wyslij');}
  #right_form form div#form1 input {position: absolute; bottom: 30px; left: 10px; display: block; width: 170px; background: none;}
  #right_form form div#form2 input {position: absolute; top: 15px; left: 10px; display: block; width: 170px; background: none;}
  #right_form form div#form3 textarea {position: absolute; top: 10px; left: 10px; display: block; background: none; font-family: Tahoma, Verdana, sans-serif;  }
  #right_form form div#submit input {position: absolute; top: -5px; left: 300px; background: none; color: #fff; font-size: 13px; font-weight: bold;}