body {
font-family: tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #444444;
margin:0px auto;
line-height:1.5;
}

a { color: #0072ca;  }
a:hover { color: #ff6a00; text-decoration: underline; }

h1 { font-family: arial, helvetica, sans-serif; margin:0px; text-transform:uppercase; }
h1.purple { font-size:12px; color:#e8006f; }
h1.blue{ font-size:12px; color:#0f8ff1; }
h1.green{ font-size:12px; color:#75b801; }

a.purple { color:#e8006f; }
a.blue{ color:#0f8ff1; }
a.green{ color:#75b801; }

img { border:0px; }

.cB { clear:both; }
.fWb { font-weight:bold; }
.mT10 { margin-top:10px; }
.mB10 { margin-bottom:10px; }
.fL { float:left; }
.fR { float:right; }

#mainShade {
background:url('../gfx/main_background.png') top repeat-x;
width:100%;
}

#mainContainer {
width:960px;
margin:0px auto;
/*border:1px solid red;*/
}
#pracownia_iluzji {
background:url('../gfx/pracownia_iluzji.png') bottom no-repeat;
width:57px;
height:59px;
float:right;
margin-bottom:5px;
}


/* NAGLOWEK */
#headerContainer { }

#logoContainer {
width:240px;
height:218px;
float:left;
padding-top:60px;
}
#logo {
background:url('../gfx/logo_ptsmf.gif') no-repeat;
width:210px;
height:210px;
margin-left:15px;
}

#bannerContainer {
width:720px;
height:278px;
float:left;
position:relative;
}

#topMenuContainer {
background-color:#353535;
width:100%;
height:55px;
background:url('../gfx/menuBackground.png');
}
#topMenuContainer table { 
width:100%;
border-collapse:collapse;
}
#topMenuContainer table td {
text-align:center;
width:10%;
padding-top:20px;
}
#topMenuContainer table #first { background:url('../gfx/menuCornerLeft.png') top left no-repeat; }
#topMenuContainer table #last { background:url('../gfx/menuCornerRight.png') top right no-repeat; }
#topMenuContainer table a {
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#f6f6f6;
}
#topMenuContainer table a:hover { color: #ff6a00; }

#bannerContent {
width:720px;
height:223px;
background-color:#97b369;
overflow:hidden;
}
#bannerMask {
background:url('../gfx/banner_mask.png') no-repeat;
width:215px;
height:248px;
padding:20px 10px 10px 495px;
color:#fff;
position:absolute;
top:55px;
left:0px;
z-index:100;
}
/* koniec NAGLOWEK */

/* LEWA KOLUMNA */
#leftColumnContainer {
width:210px; /*240 - 2x15 */
padding:0px 15px;
float:left;
margin-top:5px;
/*border:1px solid purple;*/
}

.leftMenu {
font-family:arial, helvetica, sans-serif;
list-style:none;
padding:0px;
}
.leftMenu a {
text-decoration:none;
text-transform:uppercase;
color: #444444;
font-weight:bold;
font-size:12px;
}
.subMenu {
font-family:tahoma, helvetica, sans-serif;
list-style:none;
padding:10px 0px 10px 20px; 
}
.subMenu a {
text-decoration:none;
text-transform:none;
color: #444444;
font-weight:normal;
font-size:11px;
}
.leftMenu a:hover, .subMenu a:hover { color: #ff6a00; }

.redBoxContainer {
background:url('../gfx/redBox.gif') no-repeat;
width:155px;
height:79px;
color:#fff;
line-height:1.2;
padding:6px 5px 0px 60px;
}
.redBoxContainer a { color:#fff; text-decoration:none; }
/* koniec LEWA KOLUMNA */

/* PRAWA KOLUMNA */
#rightColumnContainer {
width:720px;
float:left;
margin-top:5px;
}

#homePageRightContainer {
background:#e2e2e2 url('../gfx/newsContainerBackgroundBottom.gif') bottom repeat-x;
width:720px;
/*border:1px solid red;*/
}
#homePageRightContainerTop {
background:url('../gfx/newsContainerBackgroundTop.gif') top no-repeat;
width:710px;
padding:5px;
}

#homePageNewsContainer {
width:465px; /* 480 - 5 - 15 */
padding:5px 0px 5px 10px;
float:left;
/*border:1px solid red;*/
}
.newsContainer {
margin-top:10px;
}
#homePageNewsContainer .newsContainer .date {
width:105px;
}
.newsContainer .date {
padding-right:10px;
font-weight:bold;
text-align:right;
color:#444;
float:left;
/*border:1px solid yellow;*/
}
#homePageNewsContainer .newsContainer .content {
width:340px;
}
.newsContainer .content {
text-align:justify;
float:left;
padding-bottom:10px;
border-bottom:1px solid #d2d2d2;
}
.newsContainer .content a { color:#444; text-decoration:none; }
.newsContainer .content a:hover { text-decoration:underline; }

#homePageButtonsContainer {
width:230px;
padding-left:5px;
float:left;
margin-bottom:-5px;
/*border:1px solid yellow;*/
}
.buttonImage {
width:230px;
height:107px;
position:relative;
overflow:hidden;
margin-bottom:5px;
}
.buttonMask {
background:url('../gfx/buttonsMask.png') top no-repeat;
color:#fff;
width:210px;
height:87px;
padding:10px;
position:absolute;
top:0px;
left:0px;
}
.buttonMask a { color:#fff; text-decoration:none; }

#columnsContainer {
margin:20px -10px 0px 0px;
}
.columnContainer {
width:355px;
margin-right:10px;
float:left;
text-align:justify;
}
.speciesList { margin:0px; }
.speciesList  li { margin-bottom:10px; }
.speciesList  li a { color:#444; text-decoration:none; }
.speciesList  li a:hover { text-decoration:underline; }

.articleContainer, .speciesContainer {
margin-bottom:15px;
}
#specielColumnsContainer {
margin-right:-10px;
}
.speciesContainer {
width:340px;
margin-right:10px;
float:left;
}
.articleContainer a, .speciesContainer a { color:#444; text-decoration:none; }
.articleContainer a:hover, .speciesContainer a:hover { text-decoration:underline; }
.articleImage {
width:115px;
height:77px;
float:left;
margin:0px 5px 5px 0px;
position:relative;
overflow:hidden;
}
.articleMask {
background:url('../gfx/articleMask.png') top no-repeat;
width:115px;
height:77px;
position:absolute;
top:0px;
left:0px;
}

#pageContent {
margin-top:10px;
text-align:justify;
padding:0px 10px;
}

#galleryContainer {
width:720px;
margin:10px -10px 0px 0px;
}
#galleryContainer .image {
width:135px;
height:95px;
overflow:hidden;
margin:0px 5px 5px 0px;
float:left;
}
/* koniec PRAWA KOLUMNA */

/* STOPKA */
#footerContainer {
border-top:1px dotted #ddd; 
margin:10px 0px;
color:#aaa;
font-size:7pt;
}
/* koniec STOPKA */