/* 
    Document   : style
    Created on : 2010-01-22, 13:58:08
    Author     : l.polak
    Description:
        Purpose of the stylesheet follows.
*/

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

root { 
    display: block;
}

body{
    background: #de6a1a url(../images/body_bg.jpg) repeat-x left top;
    margin: 0;
    padding: 0;
    font-family:tahoma;
}

.clear{
    clear: both;
}

div.main{
    background: transparent url(../images/grafika_top.jpg) no-repeat center top;
}

div.header{
    width: 939px;
    margin: 0 auto;
    height: 338px;
    position: relative;
}

div.header a.logo{
    width: 300px;
    height: 55px;
    position: absolute;
    top: 24px;
    left: 0px;
    text-decoration:none;
}

/* menu */

div.menu{
    width: 939px;
    margin: 0 auto;
    color: #fef0eb;
    font-size: 24px;
}

div.menu ul{
    display:block;
    height:43px;
    margin:0;
    padding:0;
}

div.menu ul li{
    list-style-type:none;
    float: left;
    margin:0 15px 0 7px;
}

div.menu ul li div{
    _float: left;
}

div.menu ul li a{
    background:transparent url(../images/list_image.gif) no-repeat scroll left 12px;
    padding:6px 10px 8px 17px;
    color: #fef0eb;
    text-decoration: none;
    display: block;
}

div.menuhoverbgleft{
    padding: 0 0 0 4px;
}

div.menu ul li:hover div.menuhoverbgleft a{
    background:transparent url(../images/list_image_hov.gif) no-repeat scroll left 12px;
}

div.menu ul li:hover div.menuhoverbgleft{
    background: transparent url(../images/list_bg_hov_left.gif) no-repeat left top;
}

div.menuhoverbgright{
    padding: 0 4px 0 0 ;
}

div.menu ul li:hover div.menuhoverbgright{
    background: transparent url(../images/list_bg_hov_right.gif) no-repeat right 1px;
}

div.menuhoverbg{
    height:43px;
    padding:0 0 0 4px;
}

div.menu ul li:hover div.menuhoverbg{
    background: transparent url(../images/list_bg_hov.gif) repeat-x left top;
}

/* aktywna zakładka */
div.menu ul li.active div.menuhoverbgleft a{
    background:transparent url(../images/list_image_hov.gif) no-repeat scroll left 12px;
}

div.menu ul li.active div.menuhoverbgleft{
    background: transparent url(../images/list_bg_hov_left.gif) no-repeat left top;
}

div.menuhoverbgright{
    padding: 0 4px 0 0 ;
}

div.menu ul li.active div.menuhoverbgright{
    background: transparent url(../images/list_bg_hov_right.gif) no-repeat right 1px;
}

div.menu ul li.active div.menuhoverbg{
    background: transparent url(../images/list_bg_hov.gif) repeat-x left top;
}


/* menu po lewej */
div.menu_left ul{
    margin: 0;
    padding: 0;
}

div.menu_left ul li{
    list-style-type: none;
    margin:0 0 6px;
}

div.menu_left ul li:hover div.menuhoverbgleft{
    background: transparent url(../images/list_left_bg_hov_left.gif) no-repeat left top;
}

div.menu_left ul li.active div.menuhoverbgleft{
    background: transparent url(../images/list_left_bg_hov_left.gif) no-repeat left top;
}

div.menu_left ul li div.menuhoverbgleft {
    padding:0 0 0 5px;
}

div.menu_left ul li:hover div.menuhoverbgright{
    background: transparent url(../images/list_left_bg_hov_right.gif) no-repeat right 0px;
}

div.menu_left ul li.active div.menuhoverbgright{
    background: transparent url(../images/list_left_bg_hov_right.gif) no-repeat right 0px;
}

div.menu_left ul li div.menuhoverbgright {
    padding:0 5px 0 0;
}


div.menu_left ul li:hover div.menuhoverbg{
    background: #de6a1a;
}

div.menu_left ul li.active div.menuhoverbg{
    background: #de6a1a;
}

div.menu_left ul li div.menuhoverbg{
    height: 32px;
}

div.menu_left ul li div.menuhoverbg a{
    color: #7a1c0d;
    font-size: 19px;
    font-weight: normal;
}

div.menu_left ul li div.menuhoverbgleft a{
    background:transparent url(../images/list_left_image.gif) no-repeat scroll left 7px;
    padding:7px 10px 8px 20px;
    display:block;
}

div.menu_left ul li:hover div.menuhoverbgleft a{
    background:transparent url(../images/list_left_image_hov.gif) no-repeat scroll left 7px;
    text-decoration: none;
}

div.menu_left ul li.active div.menuhoverbgleft a{
    background:transparent url(../images/list_left_image_hov.gif) no-repeat scroll left 7px;
    text-decoration: none;
}

div.menu_left ul li div.menuhoverbg {
    padding: 0;
}

/* zawartość */
div.content_top{
    width: 939px;
    margin: 10px auto 0;
    position: relative;
    background: transparent  url(../images/content_top.gif) no-repeat center top;
    padding: 14px 0 0 0;
}

div.content_bottom{
    background: transparent  url(../images/content_bottom.gif) no-repeat center bottom;
    padding: 0px 0 5px 0;
}

div.content{
    background: #FFFFFF url(../images/content_bg.gif) repeat-x scroll left bottom;
    color: #333333;
    font-size: 12px;
    line-height:1.5em;
    text-align: justify;
}

div.content span,
div.content a{
    color: #de6a1a;
    font-weight: bold;
    text-decoration: none;
}

div.content a:hover{
    text-decoration: underline;
}


div.content div.left{
    float: left;
    width: 304px;
    padding:30px 17px;
}

div.content div.middle{
    float: left;
    width:286px;
    padding:30px 17px;
}

div.content div.right{
    float: left;
    width:278px;
    position: relative;
}

/* wersja 1 */
div.content.ver1{
    background: transparent none;
}

div.content div.left.ver1{
    float:left;
    padding:30px 10px;
    position:relative;
    width:222px;
    background:#FFFFFF none repeat scroll 0 0;
}

div.content div.left.ver1 div.left_bottom{
    background:blue none repeat scroll 0 0;
    width:242px;
    height: 259px;
    position: absolute;
    background: transparent url(../images/kontakt_ver1.gif) no-repeat 0 0;
    bottom:-259px;
    left:0;
}

div.content div.right.ver1{
    padding:20px 30px;
    width:637px;
    background: #FFFFFF url(../images/content_bg.gif) repeat-x scroll left bottom;
}

div.content div.left.ver1 a.kontakt{
    bottom:-259px;
    display:block;
    height:43px;
    left:0;
    position:absolute;
    top:auto;
    width:238px;
}

div.content_bottom.ver1{
    background: transparent  url(../images/content_bottom_ver1.gif) no-repeat right bottom;
    padding: 0px 0 5px 0;
}

/* wersja 2 */
div.content.ver2{
    background:transparent none;
}

div.content_top.ver2{
    background: transparent url(../images/content_top_ver2.gif) no-repeat right top;
}

div.content div.left.ver2{
    background: transparent url(../images/kontakt_ver2.gif) no-repeat 0 0;
    height: 240px;
    margin-top:-5px;
    position: relative;
    padding:0;
    width:242px;
}

div.content div.left.ver2 a.kontakt{
    border:626px none;
    bottom:-1px;
    display:block;
    height:45px;
    left:0;
    position:absolute;
    top:auto;
    width:236px;
}

div.content div.right.ver2{
    background: #FFFFFF url(../images/content_bg.gif) repeat-x scroll left bottom;
    padding:20px 20px 0 30px;
    width:647px;
}


/************/
h1.tytul{
    color: #de6a1a;
    font-size: 15px;
    font-weight: bold;
    margin:0 0 17px;
    padding:2px 0 2px 30px;
    background: transparent url(../images/h1_tytul.gif) no-repeat 0 0;
}

a.wiecej{
    background: transparent url(../images/wiecej.gif) no-repeat 0 0;
    display: block;
    width: 96px;
    height: 25px;
    margin: 20px 20px 20px 0;

}

div.kontakt{
    position: absolute;
    width: 306px;
    height: 240px;
    background: transparent url(../images/kontakt.gif) no-repeat 0 0;
    left: 20px;
}

a.kontakt{
    display: block;
    width: 306px;
    height: 45px;
    top: 264px;
    left: 20px;
    position: absolute;
    z-index: 100;

}

/* stopka */
div.footer{
    width: 939px;
    margin: 10px auto 0;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
}

div.footer a{
    color: #FFFFFF;
    text-decoration: none;
}

div.footer a:hover{
    text-decoration: underline;
}

div.footer ul{
    display:block;
    height:43px;
    margin:0;
    padding:0;

}

div.footer ul li{
    list-style-type:none;
    float: left;
    margin:0 15px 0 7px;
}

div.footer ul li.prawa{
    margin:0 100px 0 0px;
}

div.footer ul li.realizacja{
    margin:0 0 0 88px;
}

/*nagłówki */

h2{
    background:transparent url(../images/h4_bg.gif) no-repeat  15px 6px;
    font-size:15px;
    padding:12px 0 12px 60px;
    color: #333333;
}
h3{
    background:transparent url(../images/h5_bg.gif) no-repeat scroll 19px 6px;
    color:#333333;
    font-size:12px;
    padding:9px 0 9px 50px;
}
h4{
    background:transparent url(../images/h4_bg.gif) no-repeat  15px 6px;
    font-size:12px;
    padding:12px 0 12px 60px;
    color: #333333;
}
h5{
    background:transparent url(../images/h5_bg.gif) no-repeat scroll 19px 6px;
    color:#333333;
    font-size:11px;
    padding:9px 0 9px 60px;
}

.header span{
visibility:hidden;
}

.header h2{
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
padding:40px 0 12px 5px;
margin:0;
}

.sub h2{
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
padding:60px 0 12px 5px;
margin:0;
}

.header a span{

}