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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {padding:0; margin:0 auto; font-family:Verdana; color:#7A7A7A; background-image:url(../images/gfx/containerbg.png); background-repeat:repeat-x;}

a {color:#1A1A1A; text-decoration:none;}
a:visited {color:#1A1A1A; text-decoration:none;}
a:hover {color:#7a7a7a; text-decoration:none;}
#active {color:#ed1c24;}


div.container {width: 944px; margin:0 auto;}

div.top {height:128px; padding:0px; margin:0 0 0 25px; float:left;}
div.top div.logo {height:70px; float:left; padding:0.7em;}
div.top div.nav {height:30px; float:left; clear:left; padding:0; margin:8px 0 0 0;}
div.top div.nav ul {display: inline; text-indent:1em; list-style-type:none; margin:0px; padding:0; float:left; height:30px;}
div.top div.nav ul  li {display: inline; float:left; font-size:0.8em; color:#7A7A7A; padding:0; margin:0;}

.middle #prev, .middle #next { position: absolute; top: 135px; z-index: 10; }
.middle #prev { left: 10px; }
.middle #next { right: 10px; }
div.middle div.nonImageContent div.jCarouselLite { width: 840px !important; margin: 0px 35px; }
div.middle div.nonImageContent div.jCarouselLite ul { height: 300px; overflow: hidden; }
/*div.middle div.nonImageContent div.jCarouselLite ul li { margin: 0 16px; }*/
div.middle div.nonImageContent div.jCarouselLite ul li { width: 268px; margin: 0 6px }
div.middle div.nonImageContent div.jCarouselLite ul li .klasa { height: 300px !important;  overflow: hidden !important; }


div.middle { height: 328px; /*width: 934px;*/ padding: 15px 0 4px 0;  margin: 0 auto; float:left; position: relative; overflow: hidden; }
div.middle div.content { height: 300px; float:left; background-color:#FFFFFF; padding-left:5px; padding-right:5px; margin-right: 7px; margin-left:7px; text-align:left;}
div.middle div.contentBig {height:280px; width:480px; float:left; background-color:#FFFFFF; padding:10px; margin:0 0px 0px 31px; text-align:left; }
div.middle div.contentBig img.krecha { margin-left: -4px; position: absolute; }
div.middle div.contentBig p{font-size:11px; line-height:17px; margin-top: 7px; }
div.middle div.nonImageContent div.jCarouselLite ul li div.txt {padding:3px; float:left; clear:left; width:268px; height: 193px; }
div.middle div.nonImageContent div.jCarouselLite ul li  div.txt.gallery { }
div.middle div.nonImageContent div.jCarouselLite ul li  div.txt.gallery img {  }
div.middle div.nonImageContent div.jCarouselLite div.txt span.tytul {font-size:0.8em; color:#000000;}
div.middle div.nonImageContent div.jCarouselLite div.txt div.tytulOffer {color: #1A1A1A; }
div.middle div.nonImageContent div.jCarouselLite div.txt p {font-size:11px;  line-height:20px; margin:5px 0 0 0; padding:0; text-align:left; width:260px;}
div.middle div.nonImageContent div.jCarouselLite div.txt p.indexDesc {font-size:10px;  line-height:12px; margin:5px 0 0 0; padding:0; text-align:left; width:260px;}
div.middle div.nonImageContent div.jCarouselLite div.txt p.offer {font-size:11px; line-height:19px;}
div.middle div.nonImageContent div.jCarouselLite div.txt img.krecha { margin-left: -4px; width:260px;}
div.middle div.nonImageContent div.jCarouselLite div.mini {float:right; width:50px; height:20px; font-size:0.6em;}
div.middle div.nonImageContent div.jCarouselLite div.mini div.overlay { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 100; text-align: center; }
div.middle div.nonImageContent div.jCarouselLite div.mini div.overlay div { background: #fff; bottom: 0; filter: Alpha(opacity=80); height: 100%; left: 0; opacity: 0.8; position: absolute; right: 0; top: 0; width: 100%; }
div.middle div.nonImageContent div.jCarouselLite div.mini div.overlay img { margin: 2px 0; position: absolute; top: -18px; }
div.middle div.nonImageContent div.jCarouselLite div.mini ul{padding:0; margin:0; text-indent:0; list-style-type:0;}
div.middle div.nonImageContent div.jCarouselLite div.mini div.tab {display:inline;}
div.middle div.nonImageContent div.jCarouselLite div.mini div.tab a {background: url(../images/gfx/mini_un.png) no-repeat 0 0; display:block; float: left; margin-left: 4px; padding: 3px; width: 13px; height: 10px;}
div.middle div.nonImageContent div.jCarouselLite div.mini div.tab a:focus { outline: 0; }
div.middle div.nonImageContent div.jCarouselLite div.mini div.active a { background: url(../images/gfx/mini_active.png) no-repeat 0 0; }
div.middle div.nonImageContent div.jCarouselLite div.mini div.tab a img {border: 0; height: 14px; overflow: hidden; width: 14px; }

div.middle div.nonImageContent div.jCarouselLite ul li div.portret { height: 289px;}
div.middle div.nonImageContent div.jCarouselLite ul li div.portret img.ziomki { vertical-align: middle; bottom: 0px; }
div.middle div.nonImageContent div.jCarouselLite ul li div.opis {font-size:10px; padding:3px;}
div.middle div.nonImageContent div.jCarouselLite div.logotyp {height:100%; margin:15% 0 0 0;}


/**** CAROUSEL ****/
#index div.jCarouselLite, #korzysci div.jCarouselLite { width: 826px; }
#klienci div.jCarouselLite, #zespol div.jCarouselLite { background: #ffffff !important;  height: 300px; }
#index div.jCarouselLite ul li, #korzysci  div.jCarouselLite ul li  {  background: #ffffff; height: 300px; /*width: 268px;*/ }
#klienci div.jCarouselLite ul li  { background: #ffffff; height: 300px;/* width: 268px;*/  }
#zespol div.jCarouselLite ul li { background: #ffffff; height: 300px; width: 203px; margin: 0 3px 0 4px;}
#zespol div.jCarouselLite ul li div.portret  { position: absolute; margin-bottom:0px; }
#zespol div.jCarouselLite ul li div.portret img { position: absolute; margin-bottom:0px; }

/** form in contact **/
div.middle div.kontakt {padding:0; margin:10px 0px 0px 21px; float:left; height:300px; width: 510px;}
div.middle div.kontakt div.field {float:left;  margin:15px 0 0px 10px;}
div.middle div.kontakt div.field_wyslij {float:right;  margin-right: 70px;}
div.middle div.kontakt div.field div.label {float:left; font-size:12px; width:219px; background-image:url(../images/gfx/fieldlabel.png); padding:5px 0 0 12px; text-align:left; margin:0 19px 0 0; }
div.middle div.kontakt div.field div.in {float:left;}
div.middle div.kontakt div.field div.in img {margin:5px 0 5px 15px;}
div.middle div.kontakt div.field input {float:right; width:250px; font-size:12px; border:0; }
div.middle div.kontakt div.field div.in textarea {float:left; font-size:12px; border:0;  width: 500px; overflow: auto;}
div.middle div.kontakt div.field div.label_input input#wyslij {text-align:right; position: absolute; font-size:14px; border:0; background:none; width:70px; color:#ED1C24;}

div.bottom {padding:0px; margin:0 0 0 25px; float:left; text-align:left;}
div.bottom div.border {line-height:10px; height:10px; float:left; width:100%; background-image:url(../images/gfx/border.jpg); background-repeat:repeat-x; padding:0; margin:0;} 
div.bottom ul {margin:0; padding:1.4em 0 0 0.6em; list-style-type:none; text-indent:1em; font-size:11px; line-height:18px; color:#7A7A7A;}
span.notice {color:#ED1C24; font-weight:800;}

span.form_error { display: block; font-size: 7pt; position: absolute; margin-left: 239px; color: #ED1C24; font-weight: bold;}

