/*
 * author: StudioFabryka.pl
 * theme: reajetpl
 *
 * cd: 22/03/2010
 */

body {background: #a3a3a3 url(../images/master.png) 0 -191px repeat-x;}
#all {width:1000px; position:relative; margin:0 auto;}

.video {width:512px; height:384px; padding:5px;}
.lightbox .play {position:absolute; top:0; z-index:20; border:0 !important;}
.lightbox {position:relative; float:left;}

/* header: logo, anim, search */
header {float:left; background:url(../images/master.png) 0 0 no-repeat; width:996px; height:138px;}
#logo {float:left; width:238px; height:97px; display:block; margin:0 0 0 18px;}

.romb {float:right; width:484px; height:98px; position:relative;}
.romb div {position:absolute; width:128px; height:79px; top:18px; z-index:20;}
.romb .item1 {background: url(../images/romb001.gif) 0 0 no-repeat; left:1px;}
.romb .item2 {background: url(../images/romb002.gif) 0 0 no-repeat; left:119px;}
.romb .item3 {background: url(../images/romb003.gif) 0 0 no-repeat; left:237px;}
.romb .item4 {background: url(../images/romb004.gif) 0 0 no-repeat; left:355px;}

header form {position:absolute; top:105px; right:30px;}
#lupa {width:30px; background:none; border:0; cursor:pointer;}
.szukaj {width:208px; color:#666; font: .75em/1 Arial; padding:4px 5px 0 0; text-align:right; background:none; border:0;}
#madeinger {background: url(../images/master.png) -428px -138px no-repeat; width:106px; height:53px; display:block;
position:absolute; top:86px; right:-84px; z-index:10;}

#content {float:left; background:#eee; margin:0 0 0 18px; width:960px; border-bottom:1px solid #003366; padding:0 0 30px 0;}

/* nav */
nav {position:relative; float:left; clear:left; width:183px;}
.firstMenu {float:left; margin:10px 0 0 18px;}
.firstMenu a  {color:#003366; float:left; clear:left; width:183px; text-decoration:none;}
.menu_head, #item6, .firstMenu a {font: bold .7em/1 Arial; cursor:pointer;}
.menu_head strong {text-transform:uppercase;}
.menu_body a {font: normal .7em/1 Arial;}
.firstMenu span {width:38px; height:37px; display:block; float:left; margin:0 10px 0 0;}
.firstMenu #item1 span {background: url(../images/master.png) 0 -138px no-repeat;}
.firstMenu #item2 span {background: url(../images/master.png) -38px -138px no-repeat;}
.firstMenu #item3 span {background: url(../images/master.png) -76px -138px no-repeat;}
.firstMenu #item4 span {background: url(../images/master.png) -114px -138px no-repeat;}
.firstMenu #item5 span {background: url(../images/master.png) -152px -138px no-repeat;}
.firstMenu #item6 span {background: url(../images/master.png) -190px -138px no-repeat;}
.firstMenu #item6 {background:#eee;}
.firstMenu a {margin:5px 0 0 0; float:left;}
ul.menu_body {float:left; padding:5px 0 10px 0; display:none; background:#eee;}
.menu_body li {list-style:square; margin-left:53px; float:left;}
.menu_body li a {margin:0; line-height:1.5em; width:130px;}

.secondMenu {float:left; width:208px; margin:10px 0 0 0;}
.secondMenu a {display:block; width:153px; height:22px; background: url(../images/master.png) -228px -137px no-repeat; margin:2px 0; color:#fff; font:bold .8em/1.5 Arial; text-decoration: none; padding:0 0 0 30px;}
.secondMenu a:hover {background:url(../images/master.png) -228px -159px no-repeat;}

/* slideshow, cycle */
#slideshow {position:relative; float:left;}
#slideshow img {position:absolute; top:0; left:0; z-index:10;}

/* main content, articles */
article {float:left; width:469px; min-height:350px; height: auto !important; height:350px;}
article h1 {font-size:1.5em; background:#003366; color:#fff; padding:4px; margin-bottom:.6em;}
article p, article ul {margin-bottom:1em;}
article li {list-style:square; margin:0 0 0 15px;}
section {float:left; margin:10px 0 10px 20px; width:469px; font:.8em/1.4 Verdana; color:#323232;}
article a, article a:visited, article a:hover {color:#003366; font-weight:bold;}

/* news */

#news img, #news-arch img {float:left; margin-right:5px; border:1px solid #666;}

#news {float:left; width:227px; margin:10px 0 0 40px; font: .7em/1 Verdana;}
#news h2 {font-size:1.2em; margin-bottom:.5em; text-transform:uppercase;}
#news .item {float:left; margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px solid #003366;}
#news .last {border:0;}
#news .more {float:left; text-decoration:none; color:#003366; font-weight:bold; padding:0 0 0 10px; background: url(../images/arrow-more.gif) 0 3px no-repeat; margin:4px 0 0 0;}

/* news archive */
#news-arch {float:left; width:470px; margin:10px 0 0 20px; font: .7em/1 Verdana;}
#news-arch h2 {font-size:1.2em; margin-bottom:.5em; text-transform:uppercase; color:#003366;}
#news-arch .item {float:left; margin:0 0 1.4em 0; padding:0 0 1.4em 0; border-bottom:1px solid #003366; width:100%;}
#news-arch .last {border:0;}
#news-arch p {font: 1.2em/1.3 Tahoma;}
#news-arch .more {float:left; text-decoration:none; color:#003366; font-weight:bold; padding:0 0 0 10px; background: url(../images/arrow-more.gif) 0 3px no-repeat; margin:4px 0 0 0;}


/* footer */
footer {float:left; width:960px; margin:10px 0 0 18px; height:100px;}
footer a {color:#003366; font: .7em/1 Arial; text-decoration:none;}
#gotop {float:left;}
#realizacja {float:right;}

/* col */
aside {float:left; width:227px; margin:10px 0 10px 40px; font: .7em/1 Verdana;}
#callback {width:100%; float:left; margin:10px 0 0 0;}
#callback input {clear:left; float:left; margin:3px 0; border:1px solid #dadada;#cadfff; width:215px; color:#003366; font-size:12px; padding:2px 0 2px 3px;}
#callback .button2 {background:#003366; color:#fff; font-weight:bold; width:auto; padding:5px 5px; float:right; border:0; margin:4px 7px 0 0;}
#callback .error2 {color:#cc0000; float:left; margin:13px 0 0 0;}
.error-input, .error-both, .error-same, .error-email, .error-string { background:#ffd2d2; }

/* download */
#download {float:left; padding:10px 0 0 0; border-top:1px solid #003366; width:100%;}
#download li {list-style:none; margin:0;}
#download ul {margin:5px 0 0 0;}
#download a {font:normal .85em/2 Arial; text-decoration:none; background: url(../images/pdf_small.gif) 0 0 no-repeat; padding:2px 0 2px 22px;}
#download a:hover {text-decoration:underline;}

/* gallery */
#gallery {float:left; margin:10px 0;}
#gallery a {float:left; margin:7px 9px;}
#gallery img {border:1px solid #dadada;}

/* tags */
.tags {float:left; padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #003366;}
.tags li {font:bold 1.3em/1 Verdana; float:left; padding:2px; color:#003366;}

/* small contact */
#smallContact {float:left; width:100%; padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #003366;}
#smallContact p {line-height:1.2em;}
#smallContact a {color:#003366;}

/* big contact */
.long {width: 725px;}


/* zastosowania */
#zastosowania {min-height:575px; height: auto !important; height:575px;}
#zastosowania .menu_head {background:#c2c2c2; width:99%; color:#003366; padding:5px 0 5px 5px; margin-bottom:10px; font-size:12px; font-weight:bold; float:left; clear:left; cursor:pointer;}
#zastosowania li {list-style:none; margin:0; float:left; clear:left; width:99%}
#zastosowania .menu_body a {text-decoration:none; font-weight:normal; color:#000; width:465px; padding-left:5px; display:block; font-size:12px;}
#zastosowania a.odd {background:#DFDFDF;}
#zastosowania a:hover,
#zastosowania a:active,
#zastosowania a.hit {color:#003366; background:#adadad; width:99%; padding-left:5px;}

#zastosowania .menu_body a:hover {color:#333; background: #d8d8d8; width:465px; }

/* other */
aside img {margin:0 auto;}