/* STRONA --------------------------------------------------------------------------- */

.lay_strona_kontener {
   position: relative;
   
   margin: auto;
   
   width: 980px;
}

/* NAGŁÓWEK ------------------------------------------------------------------------- */

.lay_naglowek {
   position: relative;
   
   height: 83px;
}

.lay_logo {
   position: absolute;
   
   left: 0px;
   bottom: 0px;
}

/* MENU GÓRNE ----------------------------------------------------------------------- */

.lay_menu_gorne_left {
   height: 42px;
   
   background-color: #ffffff;
   background-image: url('../images/lay/lay_menu_gorne_left.png');
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

.lay_menu_gorne_right {
   position: relative;
   
   height: 42px;
   
   background-image: url('../images/lay/lay_menu_gorne_right.png');
   background-repeat: no-repeat;
   background-position: 100% 0px;
}

.lay_menu_gorne_opcje {
   position: absolute;
   
   top: 8px;
   right: 25px;
   
   margin: 0px;
   padding: 0px;
   
   list-style-type: none;
}

.lay_menu_gorne_opcje li {
   display: block;
   float: left;
   
   margin: 0px;
   padding: 0px;
   padding-top: 5px;
   
   font-size: 14px;
   font-weight: bold;
}

/* BANER ---------------------------------------------------------------------------- */

.lay_baner_center {
   height: 248px;
   
   background-image: url('../images/lay/lay_baner_center.png');
   background-repeat: repeat-x;
   background-position: 0px 0px;
}

.lay_baner_naglowek {
   position: relative;
   
   height: 248px;
   
   background-image: url('../images/lay/lay_baner_naglowek.png');
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

.lay_baner_naglowek_tekst {
   position: absolute;
   
   left: 65px;
   top: 7px;
   
   font-size: 18px;
   font-weight: bold;
}

.lay_baner_opcje {
   position: absolute;
   
   left: 45px;
   top: 45px;
   
   margin: 0px;
   padding: 0px;
   
   width: 265px;
   
   list-style-type: none;
}

.lay_baner_opcje li {
   margin: 0px;
   padding: 0px;
   padding-top: 5px;
}

.lay_wineta {
   position: absolute;
   
   top: 0px;
   right: 0px;
   
   width: 650px;
   height: 229px;
   
   overflow: hidden;
}

.lay_nawigator {
   position: absolute;
   
   right: 20px;
   bottom: 5px;
}

/* BOKSY ---------------------------------------------------------------------------- */

.lay_boksy_center {
   height: 140px;
   
   background-image: url('../images/lay/lay_boksy_center.png');
   background-repeat: repeat-x;
   background-position: 0px 0px;
}

.lay_boksy_left {
   height: 140px;
   
   background-image: url('../images/lay/lay_boksy_left.png');
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

.lay_boksy_right {
   height: 140px;
   
   background-image: url('../images/lay/lay_boksy_right.png');
   background-repeat: no-repeat;
   background-position: 100% 0px;
}

.lay_boksy_1 {
   position: relative;
   
   float: left;
   
   width: 327px;
   height: 140px;
   
   background-image: url('../images/lay/lay_boksy_przerwa.png');
   background-repeat: no-repeat;
   background-position: 100% 0px;
}

.lay_boksy_2 {
   position: relative;
   
   float: left;
   
   width: 327px;
   height: 140px;
   
   background-image: url('../images/lay/lay_boksy_przerwa.png');
   background-repeat: no-repeat;
   background-position: 100% 0px;
}

.lay_boksy_3 {
   position: relative;
   
   float: left;
   
   width: 326px;
   height: 140px;
}

.lay_boksy_naglowek {
   position: absolute;
   
   left: 18px;
   top: 7px;
   
   width: 280px;
   height: 27px;
   
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #dadfe1;
   
   background-image: url('../images/lay/lay_boksy_ikona.png');
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

.lay_boksy_naglowek_tekst {
   position: absolute;
   
   left: 47px;
   top: 0px;
   
   width: 233px;
   height: 27px;
   
   font-size: 18px;
   font-weight: bold;
}

.lay_boksy_opcje {
   position: absolute;
   
   left: 45px;
   top: 45px;
   
   margin: 0px;
   padding: 0px;
   
   width: 265px;
   
   list-style-type: none;
}

.lay_boksy_opcje li {
   margin: 0px;
   padding: 0px;
   padding-top: 5px;
}

/* BOKSY CIEŃ ----------------------------------------------------------------------- */

.lay_boksy_cien_center {
   height: 9px;
   
   background-image: url('../images/lay/lay_boksy_cien_center.png');
   background-repeat: repeat-x;
   background-position: 0px 0px;
   
   overflow: hidden;
}

.lay_boksy_cien_left {
   height: 9px;
   
   background-image: url('../images/lay/lay_boksy_cien_left.png');
   background-repeat: no-repeat;
   background-position: 0px 0px;
   
   overflow: hidden;
}

.lay_boksy_cien_right {
   height: 9px;
   
   background-image: url('../images/lay/lay_boksy_cien_right.png');
   background-repeat: no-repeat;
   background-position: 100% 0px;
   
   overflow: hidden;
}

/* TREŚĆ ---------------------------------------------------------------------------- */

.lay_strona_top {
   background-color: #ffffff;
   background-image: url('../images/lay/lay_strona_top.png');
   background-repeat: repeat-x;
   background-position: 0px 0px;
}

.lay_strona_bottom {
   background-image: url('../images/lay/lay_strona_bottom.png');
   background-repeat: repeat-x;
   background-position: 0px 100%;
}

.lay_strona_left {
  float: left;
  
  width: 280px;
}

.lay_strona_right {
  float: left;
  
  width: 700px;
}

.lay_menu_boczne_opcje {
   margin: 0px;
   margin-left: 20px;
   
   list-style-type: none;
   
   border-width: 1px;
   border-style: solid;
   border-color: #aaaaaa;
   border-top-width: 0px;
   border-bottom-width: 0px;
}

.lay_menu_boczne_opcje li {
   display: block;
   
   margin: 0px;
   
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #aaaaaa;
   
   background-color: #dce7e9;
}

.lay_menu_boczne_opcje li:hover {
   display: block;
   
   margin: 0px;
   
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #aaaaaa;
   
   background-color: #ffffff;
}

.lay_menu_boczne_opcje li.aktywna {
   display: block;
   
   margin: 0px;
   
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #aaaaaa;
   
   background-color: #ffffff;
}

.lay_menu_boczne_opcje li.podmenu {
   display: block;
   
   margin: 0px;
   
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #aaaaaa;
   
   background-image: none;
   background-color: #ededdf;
}

.lay_menu_boczne_opcje li.podmenu:hover {
   display: block;
   
   margin: 0px;
   
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #aaaaaa;
   
   background-image: none;
   background-color: #ededdf;
}

.lay_menu_boczne_opcje li a {
   display: block;
}

.lay_menu_boczne_opcje li a span {
   display: block;
   
   padding-left: 30px;
   padding-top: 8px;
   padding-bottom: 8px;
   
   font-family: Arial;
   font-size: 12px;
   color: #4f4f4f;
   font-weight: bold;
}

.lay_menu_boczne_opcje li:hover a span {
   display: block;
   
   padding-left: 30px;
   padding-top: 8px;
   padding-bottom: 8px;
   
   font-family: Arial;
   font-size: 12px;
   color: #ff7d00;
   font-weight: bold;
}

.lay_menu_boczne_opcje li.aktywna a span {
   display: block;
   
   padding-left: 30px;
   padding-top: 8px;
   padding-bottom: 8px;
   
   font-family: Arial;
   font-size: 12px;
   color: #ff7d00;
   font-weight: bold;
}

.lay_menu_boczne_opcje li.podmenu a span {
   display: block;
   
   padding-left: 50px;
   padding-top: 8px;
   padding-bottom: 8px;
   
   font-family: Arial;
   font-size: 12px;
   color: #959586;
   font-weight: normal;
}

.lay_menu_boczne_opcje li.podmenu:hover a span {
   display: block;
   
   padding-left: 50px;
   padding-top: 8px;
   padding-bottom: 8px;
   
   font-family: Arial;
   font-size: 12px;
   color: #4f4f4f;
   font-weight: normal;
}

.lay_strona_center {
   float: left;
   
   margin-left: 20px;
   margin-right: 20px;
   
   width: 368px;
}

.lay_tresc_kontener {
   margin: auto;
   
   width: 720px;
}

.lay_tresc {
   padding: 20px;
   padding-bottom: 50px;
   
   border-width: 1px;
   border-style: solid;
   border-color: #5a3c08;
   
   background-color: #795316;
}


#lista-stronaglowna {border-right: 1px solid #D7DDDC; float:left; padding:10px; width:320px;}

#opracowujemy-stronaglowna{float:left; padding:10px; width:220px;}

/* STOPKA --------------------------------------------------------------------------- */

.lay_stopka_center {
   height: 91px;
   
   background-image: url('../images/lay/lay_stopka_center.png');
   background-repeat: repeat-x;
   background-position: 0px 0px;
}

.lay_stopka_left {
   height: 91px;
   
   background-image: url('../images/lay/lay_stopka_left.png');
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

.lay_stopka_right {
   position: relative;
   
   height: 91px;
   
   background-image: url('../images/lay/lay_stopka_right.png');
   background-repeat: no-repeat;
   background-position: 100% 0px;
}

.lay_stopka_opcje {
   position: absolute;
   
   left: 25px;
   top: 25px;
   
   margin: 0px;
   padding: 0px;
   
   list-style-type: none;
}

.lay_stopka_opcje li {
   display: block;
   float: left;
   
   margin: 0px;
   padding: 0px;
   padding-top: 5px;
   
   font-size: 11px;
}

/* NOTA PRAWNA ---------------------------------------------------------------------- */

.lay_nota_prawna {
   position: relative;
   
   height: 25px;
}

.lay_prawa_autorskie {
   position: absolute;
   
   left: 20px;
   top: 0px;
}

.lay_projekt_i_wykonanie {
   position: absolute;
   
   top: 0px;
   right: 20px;
}

.lay_na_gore {
   position: absolute;
   
   top: -45px;
   right: 45px;
}

.lay_drukuj {
   position: absolute;
   
   left: 45px;
   top: -45px;
}



#trzy_graficzne
{
position: absolute; 
top: 0px; 
right: 20px; 
width: 117px; 
height: 72px; 
background-image: url('http://szkoleniebhp.com.pl/public/images/lay/ikony.png'); background-repeat: no-repeat; 
background-position: 0px 0px;
}

/* KONIEC --------------------------------------------------------------------------- */