/*------------------------------------- OGOLNE -------------------------------*/
html {height:100%;}
body {height:100%; font-size:62.5%; background:#f9f2e5 url(../img/bg.gif) 0 0 repeat-x; margin:0; padding:0; margin:0 auto; behavior: url(csshover3.htc); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
img {border:none; vertical-align:top;}
h1 {margin:0; padding:0; font-size:3.8em; color:#fff; font-weight:normal; letter-spacing:-2px;}
ul {margin:0; padding:0;}
li {list-style:none; background:url(../img/ik-lista.gif) 0 3px no-repeat; padding-left:15px; color:#f9f0de; font-size:1.1em;}
p {margin:0; padding:0;}
form {margin:0; padding:0;}
fieldset {border:none; margin:0; padding:0;}
a {text-decoration:none; color:#E13473;}
div { behavior: url(iepngfix.htc); }

/*------------------------------------- WARSTWY -------------------------------*/
.container {width:998px; margin:0 auto;}
.bgHead {background:url(../img/bgHead.jpg) center 0 no-repeat; margin:0 auto;}
#header {width:998px; height:133px;}
#portfolio {overflow:hidden; margin-bottom:20px;}
.pfolioNag {width:185px; float:left; margin-right:29px; text-align:right;}
.cytat {font-size:1.3em; color:#4c4c4c; padding-top:55px; line-height:1.25em; background:url(../img/cytat.png) 0 50px no-repeat;}
.pfolioTxt {width:784px; float:left;}
.pfolio {position:relative; width:382px; float:left; margin-bottom:20px;}
.pfolio img {border:4px solid #d81475;}
.podpis {position:absolute; bottom:0; left:0; height:33px; background:url(../img/bgp.png) 0 0 repeat; width:100%; color:#fff; z-index:100;}
#kontakt {float:right; font-size:1.4em; width:300px; margin-top:30px;}
#kontakt p {margin-bottom:5px; font-size:1.1em;}
#footer {font-size:1.1em; color:#f9f0de; min-height:326px; background:#2a2a2a url(../img/bgFoot.gif) 0 top repeat-x; width:100%; padding:50px 0 10px 0; clear:both;}
.offer {width:480px; float:left;}
.offerNag {width:185px; float:left; margin-right:29px; text-align:right;}
.offerTxt {width:266px; float:left; padding-bottom:5px; *margin-bottom:-15px!important;}
.contact {width:518px; float:left;}
.contactNag {width:160px; float:left; margin-right:29px; text-align:right;}
.contactTxt {width:327px; float:left;}
.blad {color:#fff; margin-top:10px; background-color:#e52a4d; text-align:center; font-size:1.1em; font-weight:bold; padding:2px 0;}
.thx {margin-top:10px; text-align:center; font-size:1.1em; font-weight:bold; padding:2px 0;}
.tytul {float:left; font-weight:bold; font-size:1.4em; padding:6px 0 0 10px;}
.adres {float:right; font-size:1.1em; padding:7px 10px 0 0;}
.info {color:#919191; font-size:1.1em; text-align:right;}

/*------------------------------------- FORMULARZE -------------------------------*/
.fpyt label {display:block; width:auto; margin-top:10px; font-weight:bold;}
.fpyt input.text {width:327px; border:1px solid #9a9a9a; background-color:#4c4c4c; color:#fff; padding:0;}
.fpyt textarea {width:327px; padding:0; border:1px solid #9a9a9a; background-color:#4c4c4c; color:#fff; overflow:auto; height:104px; font:1.1em Arial, Helvetica, sans-serif;}
.fpyt input:focus, textarea:focus {background-color:#f9f0de; color:#4c4c4c;}
.fpyt input.submit {*margin-right:-2px; margin-top:5px;}

/*------------------------------------- UL, LI -------------------------------*/
.li_pod li {background:url(../img/ik-lista-pod.gif) 0 7px no-repeat; padding-left:12px; font-size:1.0em;}

/*------------------------------------- ODNOSNIKI -------------------------------*/
h1 span {background-color:#d81475; padding:0 15px;}
h1 span:hover {background-color:#fff; color:#000;}
.adres a {color:#fff;}
.adres a:hover {color:#E13473}
.mtop {display:block; background:url(../img/btn-menu-top.gif) 0 -64px no-repeat; height:64px; float:left; width:209px; margin-left:115px;}
.mtop:hover {background-position:0 0;}
.up {color:#969696;}
.up:hover {color:#fff;}
.contactNag a:hover {color:#fff;}

.grey {color:#969696;}
.pink {color:#E13473;}
.light {font-weight:normal;}
.mt4 {margin-top:4px;}
.mt10 {margin-top:5px;}
.mb5 {margin-bottom:5px!important;}
.mt18 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mr3 {margin-right:4px;}

/* ------------------------------------- POZYCJE  ------ */
.clearfix:after {content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clr {clear:both;}
.flol {float:left;}
.flop {float:right;}
.vam {vertical-align:middle;}
.prawa {text-align:right;}
.lewa {text-align:left;}
.srodek {text-align:center;}


.tooltip_image{position:absolute; z-index:200; left:-9999px; top:0px;}
.tooltip_image div{width:477px; height:280px; overflow:hidden; left:25px; position:absolute; top:-34px; z-index:210; border:1px solid #4f4f4f;}
.tooltip_image span{position:absolute; z-index:209; top:-60px; left:0;}