/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	23.11.2007                   
	Kodowanie: Tomasz Piłat      

	Sections:
	GLOBAL STYLES
	GLOBAL CLASSES

	footer                              

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
    margin: 0;
    padding: 0;
    border: 0;
}
a { color: #0a9b9b; text-decoration: none; border-bottom: 1px dotted #0a9b9b; }
a:hover { color: #FEA20B; }
ul { list-style: none; }
body {
    background: #fff url("/_p/gfx/bg.gif") 0 0 repeat-x;
    font-family: Tahoma;
    font-size: 11px;
}

#wrapper {
    background: url("/_p/gfx/bg_main.gif") center 0 no-repeat;
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
}

#container {
    width: 901px;
    margin: 0 auto;
    position: relative;
}

p.logo a {
    display: block;
    background: url("/_p/gfx/logo.gif") 0 0 no-repeat;
    width: 283px;
    height: 67px;
    position: absolute;
    top: 30px;
    left: 15px;
    text-indent: -9999px;
    border: 0 !important;
}
#menu { position: relative; top: 130px; background: url("/_p/gfx/bg_menu.gif") 0 0px no-repeat; width: 901px; overflow: hidden; zoom: 1; }
#menu li { float: left;}
#menu li a {
    float: left;
    background: url("/_p/gfx/menu.gif") 0 0px no-repeat;
    text-indent: -99999px;
    width: 108px;
    height: 47px;
}
#menu li#m_glowna a { width: 150px; }
#menu li#m_aktualnosci a { width: 126px;  background-position: -145px 0; }
#menu li#m_ofirmie a { width: 96px;  background-position: -269px 0; }
#menu li#m_oferta a { width: 83px;  background-position: -365px 0; }
#menu li#m_klienci a { width: 87px;  background-position: -447px 0;}
#menu li#m_kariera a { width: 85px;  background-position: -535px 0;}
#menu li#m_kontakt a { width: 102px;  background-position: -620px 0; }

#menu li#m_glowna a.active, #menu li#m_glowna a:hover { background-position: 0 -48px; }
#menu li#m_aktualnosci a.active, #menu li#m_aktualnosci a:hover { background-position: -145px -48px; }
#menu li#m_ofirmie a.active, #menu li#m_ofirmie a:hover { background-position: -269px -48px; }
#menu li#m_oferta a.active, #menu li#m_oferta a:hover { background-position: -365px -48px; }
#menu li#m_klienci a.active, #menu li#m_klienci a:hover { background-position: -447px -48px; }
#menu li#m_kariera a.active, #menu li#m_kariera a:hover { background-position: -535px -48px; }
#menu li#m_kontakt a.active, #menu li#m_kontakt a:hover { background-position: -620px -48px; }

#kontakt {
    background: url("/_p/gfx/kontakt.gif") 0 0 no-repeat;
    width: 197px;
    height: 66px;
    position: absolute;
    right: 8px;
    top: 35px;
    text-indent: -9999px;
    border: none;
    outline: none;
}
#main_site { clear: both; position: relative; }
#reel { width: 598px; height: 300px; margin-right: 4px; float: left; outline: none; }
#news { background: #ffffff; float: right; padding: 15px; width: 267px; }
#news p { line-height: 1.5em; text-align: justify; }
#news h3 { margin-bottom: 0.7em; }
#news h4  { font-size: 11px; line-height: 1.5em;}

#news small, .news small { color: #caced3; margin: 4px 0; display: block; font-size: 11px; }
.news small { margin: 0 !important; }
#news ul { margin-top: 25px; }
#news ul li { margin-bottom: 0.8em; }
#news ul li a { font-weight: bold; }
#news ul li.last { margin-bottom: 0em; }

.news { margin-bottom: 2em; }

#offer { margin: 5px 0; float: left; clear: both; width: 100%; }
#offer div {
    float: left;
    width: 267px;
    margin-right: 4px;
    height: 190px;
    padding: 15px;
    background: #f7f7f7;
}
#offer div p { line-height: 1.8em; text-align: justify; }
#offer div ul { margin-top: 15px; margin-left: 15px; }
#offer h2 { padding-bottom: 5px; }
#offer div li {
    padding-left: 15px;
    background: url("/_p/gfx/list-style-dark.gif") 0 center no-repeat;
    margin-bottom: 0.8em;
}
#offer div.last { margin-right:0; }
#clients { width: 913px; height: 98px; background: url("/_p/gfx/klienci.gif") 0 0 no-repeat; clear: both; padding: 10px 0; }
/*~~~~~~~~~~~~~~~~~~~~~
    =#footer	
~~~~~~~~~~~~~~~~~~~~~~~*/
#footer { 
    clear: both;
    padding-top: 5px;
    border-top: 1px solid #EFEFEF;
    padding-left: 15px;
    color: #cdcdcd;
}

/*~~~~~~~~~~~~~~~~~~~~~
    =GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
.left { float: left; }
.right{ float: right; }

.aright { text-align: right; }
.acenter { text-align: center; }

#top { height: 185px; }

#right { 
    float: right;
    width: 300px;
}
.breadcrumbs { padding: 5px 15px 15px 15px; }
#text {
    float: left;
    width: 558px;
    padding: 10px 20px;
    color: #2f2f2f;
    font-size: 12px;
    background: #fff;
}
#text h1 { margin-bottom: 10px; }
#text p { line-height: 2em; margin-bottom: 1em; text-align: justify; }
#text dl { line-height: 2em; text-align: justify; }
#text dd { margin-bottom: 1em; }

#contact_box {
    background:#0AA2A2;
    padding: 10px 15px;
    color: #fff;
    overflow: hidden;
    zoom: 1;
}
#contact_box p { line-height: 1.5em; }
#contact_box form div { padding-bottom: 1em; float: left; margin-right: 5px;}
#contact_box form div.last { padding-bottom: 0em; }
#contact_box form { padding-top: 10px;}
#contact_box textarea { font-family: Tahoma; font-size: 11px; }
#contact_box input, #contact_box textarea { padding: 5px; border: 1px solid #065F5F; width: 110px; }
#contact_box form div.last input { padding: 0; border: none; width: auto; }

#text li {
    padding-left: 15px;
    background: url("/_p/gfx/list-style-dark.gif") 0 8px no-repeat;
    margin-bottom: 0.2em;
    line-height: 2em;
}
#text ul { margin-left: 15px; margin-bottom: 1em; }

.nm { margin-bottom: 0 !important; }


#form label { float: left; width: 100px; }
#form div { padding-bottom: 5px; line-height: 2em; overflow: hidden; zoom: 1; width: 100%;}
#form textarea { font-family: Tahoma; font-size: 12px; height: 80px;}
#form input.txt, #form textarea { border: 1px solid #cccccc; padding: 3px; width: 180px; }
#form .acenter { text-align: left; padding-left: 100px;}

.formularz { float: right; width: 300px; }
.dane { float: left; width: 250px; }
.dane address { font-style: normal; line-height: 2em; }

.folio { float: right; background: #f7f7f7; overflow: hidden; zoom: 1; padding: 10px; padding-bottom: 0; margin-left: 15px; }
.folio a { border-bottom: none; }
#fancybox-outer a { border-bottom: none; }
.ref { background: url("/_p/gfx/cudzyslow.gif") right 0 no-repeat; }
.folio ul li { float: left; list-style: none; padding: 0 !important; background: none !important; margin-right: 4px;}
.folio ul {  margin-left: 0 !important; }
dl dt { font-weight: bold; font-size: 11px; }

.client { margin-bottom: 4em; }
.client img { border: 1px solid #e3e3e3; }