html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

{

    background-color:transparent;

    border:0 none inherit;

    font-size:100%;

    font-family: Verdana;

    margin-right:0;

    margin-top:0;

    outline-color:-moz-use-text-color;

    outline-style:none;

    outline-width:0;

    padding:0;

    text-align:left;

    vertical-align:baseline;

    

    }

    

/*------------ klasy ogólne ---------------*/



p {text-align:justify; font-size: 12px; text-indent: 20px;}



a, a:visited, label

{

    color: inherit;

    cursor: pointer;

    text-decoration:none;    

    font-family: inherit;

    }



h1, h2, h3, dt {color: #266AAB;}



h1 {font-size: 15px; line-height: 20px;}



h2 {font-size: 13px; margin-left: 40px;}



dt {font-size: 12px; font-weight: bold;  margin:15px 0 15px 60px}

dd {font-size: 12px; margin-left: 80px}



ol, ul {margin-left: 40px; font-size: 12px;}

.holder li {margin-bottom: 10px;}



.link,

.link_inv 

{

    color: inherit;

    text-decoration: underline;

    color: #000000;

    }



.link_inv {text-decoration: none;}

.link_inv:hover{text-decoration: underline;}    

.link:hover{text-decoration: none;} 



.line

{

    height: 1px;

    background-color: #266AAB;

    margin: 15px 0 15px 0;

    clear:both;

}



.cent {text-align: center;}



.cent_in

{

    margin-left: auto;

    margin-right: auto;

    }



.fl {float: left;}

.fr {float: right;}    

.clear {clear:both;}



/*----------------- główne bloki ---------------------*/



body

{

    text-align: center;

    background: url('../img/bg.png') repeat-x 0 0;

    font-family: Verdana;

    }



.main

{

    margin: 0 auto 0 auto;

    width: 781px;

    min-height: 600px;

    }



.main>div {width: 100%;}



.header

{

    height: 310px;

    background: url('../img/header.jpg') repeat-x 0 0;

    position: relative;

    }



.logo 

{   

    display: block;

    width: 781px;

    height: 99px;

    background: url('../img/logo.jpg') repeat-x 0 0;

    position: absolute;

    top: 60px;

    left: 0;

    }



.logo_box

{

    position: absolute;

    top: 60px;

    left: 0;

    }



.open_hrs

{

    float: right;

    width: 240px;

    height: 50px;

    margin-right: 20px;

    padding: 5px 10px 5px 10px;

    font-family: verdana;

    color: #266aab;

    font-weight: bold;

    font-size: 16px;

    line-height: 22px;

    }



.content

{

    margin-bottom: 50px;

    }



.left 

{

    float: left;

    width: 193px;

    }



.right

{

    float: left;

    width: 585px;

    }



.holder

{

    border: solid 1px #c9c6c6;  

    min-height: 500px;  

    padding: 20px;

    background: url('../img/bg_holder.png') repeat-x 0 0 #f8f8f8;

    }



.menu 

{ 

    list-style:none; 

    margin: 0;

    padding: 0;

    border: solid 1px #c9c6c6;

    border-width: 0 0 1px 1px;    

    }



.menu a

{

    display: block;

    width: 193px;

    height: 48px;

    background: url('../img/menu.jpg') repeat-x 0 0;

    border-top: solid 1px #c9c6c6;    

    }



.menu .glowna {background-position: 0 0;}

.menu .o_firmie {background-position: 0px -50px;}

.menu .oferta {background-position: 0 -100px;}

.menu .kontakt {background-position: 0 -150px;}



.menu .glowna.act,

.menu .glowna:hover {background-position: -193px 0px;}



.menu .o_firmie.act, 

.menu .o_firmie:hover {background-position: -193px -50px;}



.menu .oferta.act,

.menu .oferta:hover {background-position: -193px -100px;}



.menu .kontakt.act,

.menu .kontakt:hover  {background-position: -193px -150px;}



.left .bottom

{

    height: 32px;

    background-image: url('../img/bottom_l.jpg')

    }



.right .bottom

{

    height: 29px;

    background-image: url('../img/bottom_r.jpg')

    }



.footer

{

    padding-top: 15px;

    height: 50px;

    background: url('../img/ue_logo.png') no-repeat 0 -10px ; 

    position: relative;

    } 



.authors

{

    position: absolute;

    left: -190px;

    top:10px;

    font-size: 9px;

    line-height: 11px;

    color: #656565;

    }





.footer ul

{

    list-style: none;

    font-size: 12px;

    color: #656565;

    text-align: right;    

    }



.footer li

{

    display: inline;

    }



.footer li a {color: #666666;}



/*---------------------- elementy ogólne -------------------------*/



.photo_box           

{

    -webkit-box-shadow: 4px 5px 5px -2px #000000;

    -moz-box-shadow: 4px 5px 5px -2px #000000;

    box-shadow: 4px 5px 5px -2px #000000; 

    border: 1px solid #C9C6C6;

    margin-top: 15px;

    }



.photo_box:hover

{

    opacity: 0.7;

    cursor: pointer;

    }



/*------------------------ główna --------------------------------*/    



.welcome_text

{

    text-align: center;

    text-shadow: 1px 1px 1px #ffffff;

    filter: dropshadow(color=#ffffff, offx=1, offy=1);     

    }



.map_holder

{

    margin-top: 30px;

    }



.map_holder .fl {width: 380px;}

.map_holder .fr {width: 160px;}    

    

.google_map:hover

{

    cursor:auto;

    opacity:1;

    }    

    

.google_map_text

{

    font-size: 9px;

    font-family: Verdana;

    padding-top: 10px;

    text-align: center;

    }    





/*------------------------ o firmie -------------------------------*/



.slogan_box {margin-top: 40px;}



/*------------------------ oferta -------------------------------*/



.gallery {list-style: none;}



.gallery li 

{

    display: block;

    width: 150px;

    height: 250px;

    float: left;

    font-size: 10px;

    text-align: center;

    margin-right: 16px;

    }    



.gallery li img {margin-bottom: 10px;}