/* 
    Document   : style
    Created on : 2012-02-02, 19:19:00
    Author     : Tomek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
margin:0;
padding:0;
background-color: white;
color: #000;
font-family: Gill, Helvetica, sans-serif;
}
#container{
margin: 0 auto; /*Center container on page*/
width:960px;
height: auto !important;
height: 560px; /*IE*/
min-height: 560px;
background-color: #ebebeb;
        color: #555555;
        font-size: 12px;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-style: italic;
}
#header{
float: left;
width: 960px;
height: 100px;
background-color: #0bebea;
}
#logo{
float: left;
position: absolute;
background-color: #fff;
}

#tabs{
float: left;
width: 960px;
height: 36px;
background-color: #fff;
font-family:  "Lucida Grande", Arial, sans-serif;
}
.tab{
        top:0px;
        color: #555555;
        font-size: 12px;
        margin: 10px;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-style: italic;
        text-align: justify;

}
/* lista z tabami */
    ul.tabs {
        list-style-type:none;
        margin:0px;
        padding:0;
        clear:both;
        background:#fefefe repeat-x;
        overflow:hidden;
    }

/* zwykłe taby */
    ul.tabs li {

        height:30px;
        float:left;
        text-align:center;
        line-height:30px;
        margin-right:0px;
        position:relative;
        min-width:110px;
        cursor:pointer;
    }

    ul.tabs li span.right {
        position:absolute;
        right:0;
        top:0;
        height:30px;
        overflow:hidden;
    }

    ul.tabs li a {
        font-size:14px;
        text-decoration:none;
        color:#333;
    }

/* taby po najechaniu */
    ul.tabs li:hover {
        color:#b0b0b0 !important;
    }

    ul.tabs li:hover a {color:#b0b0b0;
    }


    /* taby aktywne */

    ul.tabs li.active {
        cursor:default;
    }

    ul.tabs li.active a {color:#f6012d;
        cursor:default;
    }





#main{
float: left;
width: 960px;
height: auto !important;
height: 360px; /*IE*/
min-height: 360px;
background-color: #ebebeb;
}

.collumn{

        top:0px;
        color: #555555;
        font-size: 12px;
        margin: 20px;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-style: italic;
}

#inside{
        font: 14px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #555555;
	line-height: 110%;
        margin-left: 10px;
        margin-right: 10px;
	letter-spacing: 1px;
}
#ad{
clear:both;
float: left;
width: 960px;
height: 120px;
background-color: #ebebeb;
}
#copyrights{
float: left;
width: 960px;
height: 80px;
background-color: #ebebeb;

}
#footer{
clear:both;
float: left;
width: 960px;
height: 230px;
background-color: #ebebeb;
}

    .footer{
        font: 0%/0% "Lucida Grande", Arial, sans-serif;
        font-size: 10px;
	color: #464646;
	letter-spacing: 1px;
    }

    .footer a {
	color: #000;
	text-decoration: none;
        margin: 7px;
    }

    .footer a:hover {
	color: #555;
    }
   .footer h1 {
        font: 0%/0% "Lucida Grande", Arial, sans-serif;
        font-size: 9px;
	text-align: right;
        margin-right: 5px;
    }

#slider {
    clear: both;
    width: 960px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    background-color: #ebebeb;
}
#sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: relative;
    top: 0;
    margin-left: 0;
}
.sliderImage {

    position: absolute;
	display: none;
        margin-left: auto;
        margin-left: -42px;
        margin-top: -18px;
        background-color: #ebebeb;
}
.sliderImage span {
    position: absolute;
    font: 12px/17px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 960px;
    background-color: #484848;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 12px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
        left: 0;
}
ul { list-style-type: none;}

.corners {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
        border:none;
	}
        .small{
        color: #777777;
        font-size: 10px;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-style: italic;
        text-align: left;
}