/* 
    Document   : newCascadeStyleSheet
    Created on : 2010-01-12, 17:09:51
    Author     : kse
    Description:
        Główny CSS - formatuje strone powitalna
*/


body {
    margin: 0;
    padding: 0;
    background: #000000;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
}

body,h1,h2,h3,h4,h5,h6,p,a,td {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
}
.no_display {
    display: none;
}
.yellow {
    color: #FFF6D1;
    font-weight: bold;
}
h2{
    margin-bottom:15px;
}
#layout {
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
#header {
    margin: 0;
    padding: 0;
    text-align: left;
    background: black url(../img/home_header.jpg) repeat-x;
}
#logo {
    padding-top: 10px;
    margin-left: 20px;
    width: 76px;
    height: 93px;
    background: transparent url(../img/home_logo.gif) bottom center no-repeat;
    float: left;
}
#logo a{
    display: block;
    border: none;
    width: 76px;
    height: 93px;
}

ul.menu_help {
    margin: 0 0 0 650px;
    padding: 10px 0 0 0;
    list-style:none;
    height: 30px;
    width: 350px;
    display: block;

}
ul.menu_help li {
    display: inline;

}
ul.menu_help li a {
    display: block;
    float: left;
    margin-right: 20px;
    padding: 10px 10px 10px 35px;
    text-decoration: none;
    color: #7F7F7F;
}
ul.menu_help li a:hover {
    color: #BFBFBF;
}
ul.menu_help li.home a {
    background: transparent url(../img/home_home.jpg) no-repeat;
}
ul.menu_help li.home a:hover {
    background: transparent url(../img/home_home_on.jpg) no-repeat;
}
ul.menu_help li.login a {
    background: transparent url(../img/home_login.jpg) no-repeat;
}
ul.menu_help li.login a:hover {
    background: transparent url(../img/home_login_on.jpg) no-repeat;
}
ul.menu_help li.mail a {
    background: transparent url(../img/home_mail.jpg) no-repeat;
}
ul.menu_help li.mail a:hover {
    background: transparent url(../img/home_mail_on.jpg) no-repeat;
}
ul.menu {
    margin: 40px 0 0 300px;
    padding: 0 0 20px 0;
    list-style:none;
    height: 44px;
    width: 550px;
    display: block;
}
ul.menu li {
    padding: 0;

    display: inline;
    margin-right:20px;

}
ul.menu li a{
    display: block;
    width: 126px;
    height: 44px;
    float: left;
    margin-right: 10px;
}
ul.menu li a.selected {
    background: black url(../img/menu/home_port_on.gif) top left no-repeat;
}

ul.menu li.Home a{
    background: transparent url(../img/menu/home_home.gif) top left no-repeat;
}
ul.menu li.Home a:hover{
    background: transparent url(../img/menu/home_home_on.gif) top left no-repeat;
}
ul.menu li.Home_active a{
    background: transparent url(../img/menu/home_home_on.gif) top left no-repeat;
}
ul.menu li.Portfolio a{
    background: transparent url(../img/menu/home_port.gif) top left no-repeat;
}
ul.menu li.Portfolio a:hover{
    background: transparent url(../img/menu/home_port_on.gif) top left no-repeat;
}
ul.menu li.Portfolio_active a{
    background: transparent url(../img/menu/home_port_on.gif) top left no-repeat;
}
ul.menu li.Foto a{
    background: transparent url(../img/menu/home_foto.gif) top left no-repeat;
}
ul.menu li.Foto a:hover{
    background: transparent url(../img/menu/home_foto_on.gif) top left no-repeat;
}
ul.menu li.Foto_active a{
    background: transparent url(../img/menu/home_foto_on.gif) top left no-repeat;
}
ul.menu li.Blog a{
    background: transparent url(../img/menu/home_blog.gif) top left no-repeat;
}
ul.menu li.Blog a:hover{
    background: transparent url(../img/menu/home_blog_on.gif) top left no-repeat;
}
ul.menu li.Blog_active a{
    background: transparent url(../img/menu/home_blog_on.gif) top left no-repeat;
}
ul.menu li.Kontakt a{
    background: transparent url(../img/menu/home_kont.gif) top left no-repeat;
}
ul.menu li.Kontakt a:hover{
    background: transparent url(../img/menu/home_kont_on.gif) top left no-repeat;
}
ul.menu li.Kontakt_active a{
    background: transparent url(../img/menu/home_kont_on.gif) top left no-repeat;
}
#main{
    border-top: dotted 1px white;
    
}
#main.home {
    background: black url(../img/home_papuga.jpg) bottom left no-repeat;
}


#jestem {
    width: 25%;

    float:left;
}
#jestem h1 {
    width:206px;
    height: 241px;
    background: black url(../img/home_jestem.jpg) top left no-repeat;
    margin: 43px 0 0 22px;

}
#main_content {
    margin-left:25%;
    background: black url(../img/home_drzewo.jpg) top right no-repeat;
}
.prezentacja {
    width: 50%;
    text-align:left;
    padding: 20px;
    border-top: dotted 1px white;
}
.prezentacja p {
    margin-left: 40px;
}
.prezentacja ul {
    margin: 10px 0 0 60px;
}
.prezentacja ul li {
    margin-bottom: 10px;
}
#webmaster{
    border: none;
}
.prezentacja h2 {
    width: 204px;
    height: 50px;
    margin-top: 0;
}
#webmaster h2 {

    background: black url(../img/home_webmasterem.gif) top left no-repeat;
}
#webdesigner h2 {

    background: black url(../img/home_webdesignerem.gif) top left no-repeat;
}
#webdeveloper h2 {


    background: black url(../img/home_webdeveloperem.gif) top left no-repeat;
}
#fotograf h2 {

    background: black url(../img/home_fotografem.gif) top left no-repeat;
}
#footer {
    height: 56px;
    margin:10px 0 0 250px;
    border-top: dotted 1px white;
    padding: 10px 0 0 0;
    text-align:left;
}
.walidacja {
    float: right;
}
#footer a {
    text-decoration: none;
    color: #7F7F7F;
    margin-right: 5px;
}
#footer a:hover {
    color: #BFBFBF;
}

#kontakt_page {
    cursor: pointer;
    margin: 30px 0 30px 300px;
    width: 500px;
    height: 273px;
    background: transparent url(../img/kontakt_malpy.jpg) bottom left no-repeat;
}
/*kontakt*/
#kontakt_details {
    width: 500px;
    height: 273px;
    background: transparent url(../img/kontakt_arrows.gif) top right no-repeat;
    padding: 30px 0 0 0;
}
#kontakt_details h2 {

    width: 82px;
    height: 17px;
    background: transparent url(../img/kontakt_title.jpg) top right no-repeat;
    margin: 0 0 0 157px;
}
#kontakt_details p {
    display:block;
    width: 162px;
    height: 17px;
    margin: 20px 0 0 157px;
    background: transparent url(../img/kontakt_mail.jpg) top right no-repeat;
}