/*
 * author: studiofabryka.pl
 * theme: link air
 *
 * cd: 18/03/2010
 */


/* main div's */
body {background: #fff url(../images/bg.gif) top no-repeat;}
#all {position:relative; margin: 0 auto; width:952px;}
#insider {position:relative; z-index:30; float:left; width:952px; height:100%; background: url(../images/dom.gif) bottom right no-repeat;}
#main, #col {float:left; z-index:10;}

#home { position:absolute; top:5px; left:0; text-decoration: none; font:bold 13px/1 "Trebuchet Ms", Helvetica, Arial, sans-serif; color:#ff9400; }


/* top nav */
.tMenu {position: relative; z-index:20; top:257px; left:-20px; width:731px; height:130px; background: url(../images/topmenu-bg.png) 0 0 no-repeat;}
.tMenu li {position:relative; float:left; width:117px;}
.tMenu li.first {margin: 0 0 0 13px; position:relative; width:117px;}
.tMenu a {width:117px; height:119px; position:relative; float:left; display:block; text-align:center;  text-decoration:none;}
.tMenu img {position:absolute; z-index:25; width:94px; height:94px;}
.tMenu span {position:absolute; font: bold .8em/1 Arial; color:#fff; width:100%; bottom:12px; left:0;}
span.double {bottom:8px;}

#tmenu1 img {top:10px; left:12px;}
#tmenu2 img {top:15px; left:10px;}
#tmenu3 img {top:12px; left:10px;}
#tmenu4 img, #tmenu5 img, #tmenu6 img {top:5px; left:10px;}


/* flash animation */
.flash {background: url(../images/flash-bg.png) top no-repeat; position:absolute; top:25px; left:0; width:675px; height:277px;}



/* column */
#col {background: url(../images/col-bg.png) top no-repeat; position:relative; float:right; margin:-132px 0 0 0; width:285px; min-height:688px; height:auto !important; height:688px;}
#col p, .zapytanie, #infolinia a, #newsletter a  {color:#fff; text-decoration:none; letter-spacing:.01em;}


/* column content */
.logo {float:left; margin:40px 0 20px 8px;}
#logicon {float:left;}
#ltxt {float:left;}
.colborder {float:left; height:1px;}
.colborder img {float:left;}


/* contact box */
.zapytanie {float:left; background: url(../images/zap-off.jpg) top right no-repeat; width:265px; height:90px;  display:block; cursor:pointer;  margin:10px 0 0 0;}
.zapytanie span {float:left; margin:12px 0 0 25px; font:bold 1em/1.6 "Trebuchet MS";}
.zapytanie strong {font-size:1.2em; margin:0 0 0 18px;}
.zapytanie:hover {background: url(../images/zap-on.jpg) top right no-repeat; color:#323232;}


/* phone box */
#infolinia {float:left; width:265px;}
#infolinia img {float:left; margin:0 10px 0 25px;}
#infolinia p {font:bold 1em/1.6 "Trebuchet MS"; padding:20px 0 0 0;}
#infolinia span {font-size:1.5em; line-height:0.8em;}
#infolinia em {float:left; font-style:normal; padding:10px 0 10px 0;}
#dom {float:left; margin:160px 0 0 -60px; z-index:20; position:relative;}

/* mainpage content */
.colInside {float:left; width:340px; border-right: 1px solid #666; padding:0 20px 0 0;}

/* news */
#news {float:left; width:269px; margin:0 0 0 20px; position:relative; z-index:30;}
h2 {font:bold .8em/.8 Arial; color:#444; padding:10px 0;}
.date {font: .6em/1 Arial; color:#555;}
.item {float:left; clear:left; margin:0 0 20px 0; width:100%;}
.item img {float:left; margin-right:10px; border:1px solid #323232;}
.item p {margin:5px 0 0 0; text-align:justify;}
.more {float:left; color:#FF8000; background: url(../images/txt-arrow.jpg) right no-repeat; padding: 0 15px 0 0; font:bold .7em/1 Arial; text-decoration:none; margin:4px 0 0 0; z-index:50; position:relative; display:block;}


/* #main content, typo, etc */
#main {float:left; width:655px; height:auto !important; min-height:410px; height:410px; margin-top:270px; padding-bottom:30px; margin-bottom:110px;}
#main p, #main ul, #main ol, blockquote {color:#323232; font:.8em/1.2 Arial; padding-bottom:5px;}
blockquote img {float:left; margin-right:10px;}
h1 {font:bold 1.3em/1 Arial; color:#ff8000; margin:0 0 10px 0;}
#main ul {margin:10px 0 0 10px;}
#main li {background: url(../images/ul-arrow.gif) 0 5px no-repeat; padding:0 0 5px 10px;}
#main strong {color:#666;}
#main a {color:#fc650a; font-weight:bold;}


/* footer */
#foot {background:#46494D; height:102px; width:100%; float:left; margin:-102px 0 0 0;}
#footInner {margin:0 auto; width:952px;}


/* bottom nav */
.bMenu {float:left; margin:20px 0 0 0;position:relative; z-index:50;}
.bMenu li {float:left; color:#fff; font:.75em/1 Arial; padding:0 10px; border-right:1px solid #fff;}
.bMenu a {color:#fff; font:.8em/1 Arial; text-decoration:none;}
.bMenu a:hover {color:#ff8000;}
.bMenu li.last {border:0;}


/* gallery */
#gallery {float:left; margin:20px 0 0 0;}
.row a {margin:5px; float:left;opacity:.8; filter: alpha(opacity=80);}
.row a:hover {opacity:1; filter: alpha(opacity=100);}


/* side menu */
#sideMenu {float:left; width:270px; margin:15px 0; }
#sideMenu h1 {color:#323232; margin:0 0 0 10px;}
.menu_head {cursor:pointer;}
.menu_head, .lvl1 {float:left; clear:left; color:#fff; font: bold .9em/2 Arial; text-decoration:none; display:block; width:260px; height:23px; background: url(../images/left-menu-ico.png) 0 11px no-repeat; padding:0 0 0 15px; margin:0 0 0 10px;}
.menu_body {display:none; float:left; margin:10px 0 5px 35px;}
.menu_body li {clear:left; float:left; color:#fff; background: url(../images/submenu-arrow.gif) 0 8px no-repeat; padding:0 0 5px 10px;}
.menu_body a {font:bold .8em/1 Arial; color:#fff; text-decoration:none;}
.menu_body li:first-letter {text-transform:uppercase;}
.menu_body li a:hover {color:#DF6300;}

/* formularz kontaktowy */
#kontakt { float:left; clear:left; }
#kontakt fieldset { border-top: 1px dashed #999; padding: 1em 0em 2em 1em; }
#kontakt input { line-height: 14px; }
#kontakt input, select,
#kontakt textarea { float: left; width: 30%; padding: 1px 2px 1px 2px; }
#kontakt label { float: left; width: 90%; margin: 1px; display: block; padding: .3em 0 .3em 0; cursor: pointer; }
#kontakt label span { float: left; width: 20%; margin: 1px; padding: 0 3px 0 0; text-align: right; font: .8em/1 Arial; color: #111; }
#kontakt legend { padding: 0 1em 1em 1em; font-weight: bold; }
#kontakt textarea { float: left; overflow: hidden; overflow: auto; width: 70%; height: 100px; }
#kontakt .button { float: right; width: 100px; border: 1px !important; padding: 4px; text-align: center; margin:0 50px 0 0; _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
#kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#daneKontaktowe { float:left; clear:both; width:100%; padding-bottom:10px; }