/* Aby obrazki byly dobrze przycinane*/
.blocked {
       display: block;
}

.inlined {
       display: inline;
}

/* Pogrubiona czcionka*/
.bold {
       font-weight:bold;
}

.centered {
       text-align: center;
}

#CONTENT  .centered {
       text-align: center;
}

.indent {
       margin-left: 50px;
}

/* W ramce */
.boxed {
       border: 2px solid #8B2500;
       /* Z odstepami.. */
       padding: 10px 20px 10px 20px;
}

/* Duza czcionka*/
#CONTENT .big {
       font-size: 16px;
}

/* Na brazowo */
.brown {
       /*color: #F25517;*/
       color: #8B2500;
}

/* Aby z zewnatrz byly marginesy po 30 */
.hmargin30 {
       margin-left: 30px;
       margin-right: 30px;
}

/* Prosta galeria */
#CONTENT .simgal h1 {
       /*font-size: 16px;*/
       color: #8B2500;
       /*text-align: center;*/
       display: block;
       margin: 0;
       padding: 40px 0 10px 5px;
       border-bottom: 2px solid white;
}

#CONTENT .simgal img {
       display: block;
       margin: 0;
       padding: 0;
       border-bottom: 2px solid white;
}

/* Aby obrazki nie mialy ramki*/
img {
       border: 0;
}

/*
Czcionki
*/
h1 {
       /*
       font-family: Verdana, Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       */
       font-size: 14px;
       font-weight:bold;
}

/*
Zerowe marginesy strony
Odpowiedni padding z gory od dolu
Defaultowy kolor tla i czcionki
Ustawienia czcionki
*/

body {
       margin: 0;
       padding: 35px 0 10px 0;

       background-color: #E6E6E6;
       color: black;
       /*
       text-align: center;
       */
       
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       text-decoration: none;
       
}


/*
Calosc - ustawiamy szerokosc
margin auto powoduje, ze strona jest na srodku ekranu
*/
#MAIN {
       width: 780px;
       margin: auto;

       /*EXP*/
       /*
       background-color: red;
       */
       
}

/*
Cala lewa kolumna strony
Ustawiamy szerokosc (190, bo marginesy wewnetrzne po 5, a wiec razem szerokosc 200)
Dodatkwo margines zewnetrzny, przezroczysty, z prawej strony = 10
Czyli cala szerokosc 210
Ustawiamy, zeby sie przyklejala do lewej
Ustawiamy kolor tla
Ustawiamy margines na 5 pikseli
*/
#LEFT {
       
       width: 190px;
       float: left;
       overflow: hidden;
       
       /*EXP*/
       /*
       background-color: white;
       */

       margin-right: 10px;
       
       /*
       padding: 5px;
       */
       border: 5px solid white;
}

#LOGO {
       display: block;
       width: 190px;
       height: 150px;
       
       background-image: url(gfx2/logo.jpg);
       background-repeat: no-repeat;
       background-position: left top;

       border-bottom:2px solid white;
}

/*
Link w logo
*/
#LOGO a {

       display: block;
       width: 190px;
       height: 150px;
       
       background-image: url(gfx2/reha-ewa.gif);
       background-repeat: no-repeat;
       background-position: center;
       
      /* font-size: 32px;
       font-weight: normal;
       color: #F2DCCE;
       text-align: center;*/
       /*line-height: 150px;*/
       
       /*text-decoration: none;*/
       /*
       padding-top: 50px;
       padding-right: 20px;
       */
       
}

#LOGO a:hover {

       background-image: url(gfx2/reha-ewa2.gif);
       /*color: white;
       text-decoration: underline;*/
}

/* Tabela w menu */

#MENU {
       display: block;
       margin: 0;
       padding: 0;
}

/* Elementy listy w menu
Zagospodarowujemy cala szerokosc
Nie ustawiamy dla przyciskow paddingu
ani marginesu zewetrznego
*/

#MENU li{

       list-style: none;
       width: 190px;
       height: 36px;
       /*
       padding-left: 34px;
       */
       background-color: #F2DCCE;

}

/*Ustawienia linkow
ktore sa naszymi przyciskami*/
#MENU li a {
       display: block;
       width: 190px;
       /*
       padding-right: 34px;
       */
       /*padding-left: 5px;*/
       text-indent: 5px;
       height: 35px;
       border-bottom:1px solid white;
       /*
       background-image: url(gfx2/bullet.jpg);
       background-repeat: no-repeat;
       background-position: right top;
       */
       
       /*
       text-indent: 10px;
       */

       font-family: Arial, Verdana, Helvetica, sans-serif;

       color: black;
       font-weight: bold;
       text-decoration: none;
       font-size: 15px;
       line-height:35px;
       text-align: left;
}

/*
Po najechaniu
*/

#MENU li a:hover {
       
       text-decoration:underline;
       
       background-image: url(gfx2/button.jpg);
       background-repeat: no-repeat;
       background-position: right top;
       color: white;
       
       /*width: 150px;*/
       /*padding-right: 30px;*/
       /*border-left: 10px solid white;*/
       /*height: 28px;*/
       /*border-top: 6px solid white;*/
       /*line-height:28px;*/
}


/*
Dolna kolumna
trzeba dodac jednopikselowa linie na gorze
bo ostatnia pozycja z menu dala jednopikselowa
a powinna byc dwu-.
*/
#INFO {
       display: block;
       width: 170px;
       /*height: 380px;*/
       padding: 15px 10px 10px 10px;
       /*
       line-height:18px;
       */
       
       background-image: url(gfx2/bar.jpg);
       background-repeat: repeat-y;
       background-position: left top;
       
       border-top: 1px solid white;
       
       font-size: 12px;
}

#INFO h1 {

       color: #F2DCCE;
       font-size: 14px;
       font-weight: normal;
       text-align: center;
       font-weight: bold;
}

#INFO p {

       color: white;
       font-size: 13px;
       font-weight: normal;
       text-align: center;
}

#INFO dl {
       /*
       
       
       font-weight: bold;
       */
       
       text-align: center;
       width: 100%;
       display: block;
       margin: 0;
       padding: 0;
       
}

#INFO dl dt {

       font-size: 13px;
       list-style: none;
       width: 100%;
       margin: 0;
       padding: 0;
       color: #F2DCCE;
       font-weight: bold;
       margin-top: 12px;
       margin-bottom: 5px;
       /*
       text-indent: 0;
       */
       
}

#INFO dl dd {

       list-style: none;
       width: 100%;
       margin: 0;
       padding: 0;
       color: white;
}

/*
E-mail w info.
*/

#INFO dl dd a:link, #INFO dl dd  a:visited {
       color: white;
       text-decoration:underline;
}
#INFO dl dd a:hover {
       color: white;
       text-decoration:none;
}


/*
190 lewa kolumna
10 jej margines wewnetrzny
10 jej margines zewnetrzny

560 prawa strona
10 jej margines

razem 780
*/
#RIGHT {
       width: 560px;
       float: left;
       overflow: hidden;

       /*
       background-color: yellow;
       */
       color: black;
       
       border: 5px solid white;
       /*
       padding: 5px;
       */
}

/*
Ustawienia dla tytulu
560 ma prawa strona
A wiec tyle samo ma nasz blok
*/
#TITLE {

       display:block;
       width: 560px;
       height: 150px;
       overflow: hidden;
       background-color: blue;
       
       background-image: url(gfx2/top.jpg);
       background-repeat: no-repeat;
       background-position: left top;
       
       border-bottom:2px solid white;
}

#TITLE h1 {
       font-size: 24px;
       font-weight: normal;
       color: #F2DCCE;
       padding-top: 50px;
       padding-right: 20px;
       text-align: right;
}

#TITLE h2 {
       font-size: 16px;
       font-weight: normal;
       color: white;
       padding-right: 20px;
       text-align: right;
}

/* Obrazek ma miec 560 x 251 pikseli!
bo 5 x 42 + 41 = 251*/
#IMAGE {
       display: block;
       border-bottom:2px solid white;
       /*
       display: block;
       */
}

/*
Tresc danej strony.
520 + 2x20 = 560
20 ma kazdy margines wewnetrzny (zeby tekst nie dotykal "bokow"

*/
#CONTENT {

       display:block;
       width: 560px;
       padding:30px 0px 10px 0px;
       line-height:18px;
       background-color: #F2DCCE;
       font-size: 13px;
}

#CONTENT h1 {
       font-weight: bold;
       font-size: 13px;
}

#CONTENT p {
       color: black;
       text-align: left;
}

#CONTENT li {
       margin-bottom: 10px;
}

#CONTENT a {
       color: black;
}

/*
Szer. 740 pikseli z uwagi na padding
*/
#FOOTER {
       clear: both;
       width: 740px;
       background-color: #E6E6E6;
       
       font-size: 11px;
       color: #888;
       font-weight: normal;
       text-decoration: none;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       
       text-align:center;
       padding: 20px;
       line-height:18px;
}

#FOOTER a {
       color: #888;
}

#FOOTER a:link, #FOOTER a:visited {
       color: #888;
       text-decoration:underline;
}
#FOOTER a:hover {
       color: #888;
       text-decoration:none;
}