/* 
    Document   : style
    Created on : 2011-10-17, 20:42:11
    Author     : Jacek Raczykowski
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
    outline: none;
}

body {
    background-image: url(../images/bg_head_bar.gif);
    background-position: left top;
    background-repeat: repeat-x;
    /*    background-color: #FAFCF9;*/
    font-family: Arial,Helvetica,sans-serif;
    overflow-y: scroll;
}

em {
    font-style: italic;
}
#wrapper {
    /*    background-image: url(/tl_files/aser/images/bg_head_bar.gif);
        background-position: left top;
        background-repeat: repeat-x;*/
}

#container {
    width: 993px;
    margin: 0 auto;
    position: relative;
    top:-46px;
    z-index: 2;
}

#container {
    background-image: url(../images/bg_left_menu2.gif);
    background-position: left top;
    background-repeat: repeat-y;
}

#top_bg {
    background-color: transparent;
    background-image: url(../images/bg_container_top2.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top:6px;
}


#dots_bg {
    background-color: transparent;
    background-image: url(../images/bg_dots.gif);
    background-position: right top;
    background-repeat: repeat-y;    
}

#left {
    width:287px;
}

#main {
    width: 624px;
    float:right;
    padding: 34px 42px 40px 40px;
}

#header {
    position: relative;
    z-index: 2;
    width: 993px;
    margin: 0 auto;
    /*    background-image: url(/tl_files/aser/images/bg_header2.jpg);*/
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 230px;
}

#roof_top {
    background-image: url(../images/bg_roof_top2.gif);
    background-position: left top;
    background-repeat: no-repeat;
    left:333px;
    top:0;
    z-index: 5;
    width:124px;
    height:46px;
    position:absolute;
}

#left .mod_navigation ul{
    background-image: url(../images/bg_menu_separator2.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top:2px;
    margin: 60px 0 20px 0;
    font-size: 13px;
}

#left .mod_navigation li{
    background-image: url(../images/bg_menu_separator2.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom:2px;
    position: relative;
}

#left .mod_navigation a,
#left .mod_navigation span{
    color:white;
    font-weight: bold;
    text-decoration: none;
    padding:8px 24px 6px 60px;
    display: block;
    width: 202px;
    line-height: 20px;
}

#left .mod_navigation a {
    text-shadow: 1px 1px 3px #381600;
    zoom: 1;
/*    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(Color=#381600, OffX=1, OffY=1)";
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#381600);    */
    /*filter: Shadow(Color=#292929,
                 Direction=135,
                 Strength=2);*/
}

#left .mod_navigation a:hover{
    background-image: url(../images/bg_left_menu_hover.gif);
    background-position: left top;
    background-repeat: repeat-y;
    text-shadow: 1px 1px 3px #000;
    zoom: 1;
/*    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(Color=#000000, OffX=1, OffY=1)";
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000);*/
    
}

#left .mod_navigation .icon {
    width: 28px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/aser_icons.gif);
    float: right;
    position: absolute;
    left: 22px;
    top: 6px;
}

#left .mod_navigation .komunikacja .icon {
    background-position: -56px 0px;
}

#left .mod_navigation .firma .icon {
    background-position: 0px -28px;
}

#left .mod_navigation .nazycie .icon {
    background-position: -112px -56px;
}

#left .mod_navigation .turystyka .icon {
    background-position: -56px -28px;
}

#left .mod_navigation .oczawodu .icon {
    background-position: 0px -56px;
}

#left .mod_navigation .motto .icon {
    background-position: 0px 0px;
}

#left .mod_navigation .nieruchomosci .icon {
    background-position: -112px 0px;
}

#left .mod_navigation .nw .icon {
    background-position: -112px -28px;
}

#left .mod_navigation .ocprywatne .icon {
    background-position: -56px -56px;
}


#left .mod_navigation a:hover.komunikacja .icon {
    background-position: -84px 0px;
}

#left .mod_navigation a:hover.firma .icon {
    background-position: -28px -28px;
}

#left .mod_navigation a:hover.nazycie .icon {
    background-position: -140px -56px;
}

#left .mod_navigation a:hover.turystyka .icon {
    background-position: -84px -28px;
}

#left .mod_navigation a:hover.oczawodu .icon {
    background-position: -28px -56px;
}

#left .mod_navigation a:hover.motto .icon {
    background-position: -28px 0px;
}

#left .mod_navigation a:hover.nieruchomosci .icon {
    background-position: -140px 0px;
}

#left .mod_navigation a:hover.nw .icon {
    background-position: -140px -28px;
}

#left .mod_navigation a:hover.ocprywatne .icon {
    background-position: -84px -56px;
}



#left .mod_navigation span {    
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #381600;
    background-image: url(../images/bg_left_menu_active.gif);
    background-position: left top;
    background-repeat: repeat-y;
    filter: Shadow(Color=#292929,
        Direction=135,
        Strength=2);
}

#left .mod_newslist {
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF;
}

#left .mod_newslist h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    text-shadow: 1px 1px 3px #381600;
}

#left .mod_newslist p {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 1px 1px 2px #381600;
}

#header .mod_navigation ul {
    margin-right:0px;
    margin-top:10px;
    text-align: right;
    float: right;    
}

#header .mod_navigation span {
    text-decoration: underline;
}

#header .mod_navigation li
{
    display: inline-block;
    padding: 0 0 0 16px;
}

#header .mod_navigation a
{
    text-decoration: none;
}

#header .mod_navigation a,
#header .mod_navigation span{
    color:white;
    text-shadow: 1px 1px 2px #000;
    display: inline-block;
    font-size:13px;
    font-weight: bold;
    line-height:15px;
    padding: 5px 3px 5px 3px;
    background-repeat: no-repeat;
    background-position: left 3px;
} 

#header .mod_navigation a.about_us,
#header .mod_navigation span.about_us{
    background-image: url(../images/icon_about_us_2.gif);
    padding-left:21px;
}

#header .mod_navigation a.home,
#header .mod_navigation span.home{
    background-image: url(../images/icon_home_2.gif);
    padding-left:21px;
}
#header .mod_navigation a.friends,
#header .mod_navigation span.friends{
    background-image: url(../images/icon_friends.gif);
    padding-left:21px;
}

#header .mod_navigation a.contact,
#header .mod_navigation span.contact{
    background-image: url(../images/icon_contact_2.gif);
    padding-left:21px;
}

#footer {
    margin:0 auto;
    font-size:11px;
    width:993px;
    text-align: right;
    background-color: #FE7C2B;
    color: #FFF;
    position: relative;
    top: -46px;
    background-image: url(../images/bg_footer_top.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

#footer_bg_left {
    background-image: url(../images/bg_footer_left.gif);
    background-position: left top;
    background-repeat: repeat-y;
}

#footer_shadow {
    background-image: url(../images/bg_footer_shadow.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-top:2px;
    padding-bottom:3px;
}

#footer p {
    margin: 2px 4px;
    text-align: right;
}

#bar {
    position: relative;
    z-index: 1;
    height:136px;
    background-image: url(../images/bg_white_bar2.gif);
    background-position: left top;
    background-repeat: repeat-x;
    top:-23px;
}

#aser_home {
    float:left;
    position:absolute;
    left:0;
    top:46px;
    width:286px;
    height: 184px;
    text-indent: -9999px;
    display: block;
    background-image: url(../images/bg_header_aser.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

#header_banner {
    float: left;
    position: absolute;
    left: 286px;
    top: 46px;
    width: 707px;
    height: 184px;
    display: block;
    background-image: url(../images/bg_header_photo.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}

#bar .inside {
    overflow: visible;
    width: 993px;
    margin: 0 auto;
}


#bar ul {
    padding: 28px 0 18px 0;
    width: 1293px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    left: -150px;
    background-image: url(../images/bg_white_bar2.gif);
    background-position: left top;
    background-repeat: repeat-x;
}
#bar li {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    height:75px;
    display: inline-block;
    margin-right: 20px;
    text-indent: -9999px;
}
#bar li.last {
    margin-right:0;
}
#bar li.allianz {
    width: 144px;
    background-image: url('../images/logo/companies.gif');
    background-position: -797px 0px;
}
#bar li.generali {
    width: 51px;
    background-image: url('../images/logo/companies.gif');
    background-position: -152px 0px;
}

#bar li.compensa {
    width: 155px;
    background-image: url('../images/logo/companies.gif');
    background-position: -355px 0px;
}

#bar li.hdi {
    width: 105px;
    background-image: url('../images/logo/companies.gif');
    background-position: -573px 0px;
}

#bar li.hestia {
    width: 79px;
    background-image: url('../images/logo/companies.gif');
    background-position: -1279px 0px;
}

#bar li.tuw {
    width: 119px;
    background-image: url('../images/logo/companies.gif');
    background-position: -678px 0px;
}

#bar li.warta {
    width: 126px;
    background-image: url('../images/logo/companies.gif');
    background-position: -1140px 0px;
}

#bar li.pzm {
    width: 104px;
    background-image: url('../images/logo/companies.gif');
    background-position: -203px 0px;
}

#bar li.pzu {
    width: 54px;
    background-image: url('../images/logo/companies.gif');
    background-position: -1073px 0px;
}

#bar li.interrisk {
    width: 129px;
    background-image: url('../images/logo/companies.gif');
    background-position: -942px 0px;
}

#aser_contact {
    display: block;
    width: 286px;
    height: 46px;
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-image: url('../images/phone.gif');
    float: left;
    z-index: 10;
    position: relative;
}

#main .photos_right {
    float:right;
    margin-top: 16px;
    overflow: hidden;
}

#main .photos_right  a{
    margin-left: 8px;
    display: block;
    float: left;
}

#map_canvas {
    width: 624px;
    height: 468px;
}