@charset "utf-8";
/* CSS Document */



html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr {
	margin:0;
	padding:0;
	border:0;
	border-collapse:separate;
	border-spacing:0;
}
ul, li {
	list-style-type:none;
}
html, body {
	height:100%
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	background:#fff url(../images/bodyBg.png) top center repeat-x;
	min-width:980px;
}
input, select, textarea {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
strong, b {
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#9B9B9B;
}
a:hover {
	text-decoration:underline;
	color:#DA251D;
}
/**layout**/



#wrapper {
	width:100%;
	margin:0 auto;
}
#top {
	height:200px;
	width:980px;
	margin:0 auto;
}
#logo {
	width:50px;
	height:100px;
	float:left;
	margin:50px 0 0 20px;
	background:transparent url(../images/logo.png) no-repeat;
}
#logo h1 a {
	width:50px;
	height:100px;
	display:block;
	text-decoration:none;
	text-indent:-999em;
	outline:none;
}
#topMenu {
	float:right;
	width:700px;
	margin-left:200px;
}
#page {
	height:300px;
	font-size:0.81em;
	color:#dadada;
	background:transparent url(../images/pageBg.png) top center no-repeat;
}
.slogan {
	width:400px;
	height:80px;
	position:absolute;
	top:140px;
	left:100px;
}
.start {
	background:transparent url(../images/slogan_www.png) no-repeat;
}
.firma .slogan {
	background:transparent url(../images/slogan_firma.png) no-repeat;
	left:0;
}
.uslugi .slogan {
	background:transparent url(../images/slogan_uslugi.png) no-repeat;
	left:0px;
}
.portfolio .slogan {
	background:transparent url(../images/slogan_portfolio.png) no-repeat;
	left:0;
}
.kontakt .slogan {
	background:transparent url(../images/slogan_kontakt.png) no-repeat;
	left:0;
}
.tab p {
	margin:90px 0px 0 220px;
	z-index:10;
	position:relative;
	/**text-align:justify;**/

line-height:1.4em;
}
.tab.firma p {
	margin-top:130px;
}
.tab.kontakt p {
	margin-top:180px;
}
.xtra {
	font-size:1.5em;
	color:#fff;
	padding-right:13px;
	background:transparent url(../images/showLink.png) top right no-repeat;
}
.xtra.nolink {
	padding-right:0;
	background:none;
}
.xtra a, .xtra a:hover {
	color:#fff;
	text-decoration:none;
}
.xtra img {
	margin:5px 0 5px 30px;
}
.tab.uslugi p {
	margin:130px 60px 0 260px;
}
.tab.portfolio .items {
	margin:140px 0 0 220px;
	position: absolute;
}
.tab.portfolio .folioShow p {
	margin:0;
	text-align:right;
}
.folioItem {
	float:left;
	width:100px;
	height:100px;
	background:#fff;
	overflow:hidden;
	margin:0 3px 0 0;
	padding:10px;
 filter:alpha(opacity:100);
	KHTMLOpacity: 1;
	MozOpacity: 1;
	/**	opacity: 1;**/
	border:10px solid #000;
	cursor:pointer;
}
.folioItem img {
	margin:-20px 0 0 -50px;
}
.folioItem:hover {
 filter: alpha(opacity:50);
	KHTMLOpacity: 0.50;
	MozOpacity: 0.50;
	/**opacity: 0.50;**/
 }
.folioShow {
	display:none;
	position:absolute;
	z-index:100;
	margin:-270px 0 0 -250px;
	color:#fff;
	text-align:right;
	font-size:0.88em;
}
.folioItem .folioShow img {
	margin:10px 0 0 10px;
	width:482px;
	height:289px;
}
.folioShow .item {
	position:absolute;
	z-index:100;
}
.folioShow .bg {
	width:500px;
	height:300px;
    filter: alpha(opacity:70);
	KHTMLOpacity: 0.70;
	MozOpacity: 0.70;
	opacity: 0.70;
	background:#000;
	position:absolute;
	padding:10px;
}
.folioItem:hover .folioShow {
	display:block;
}
#tabs {
	width:980px;
	margin:0 auto;
	position: relative;
}
#slider {
	width:978px;
	height:298px;
	margin:0 auto;
	border:1px solid green;
}
#footer {
	width:980px;
	margin:0 auto;
	padding:20px 5px 20px 5px;
	font-size:0.69em;
	color:#9B9B9B;
}
#footer ul {
	border-right:1px solid #DA251D;
	text-align:right;
	padding-right:10px;
}
#footer .left a, #footer .left a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#9B9B9B;
}
.left {
	width:49%;
	float:left;
}
.right {
	width:49%;
	float:right;
}
/** yui tabview **/



.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
	margin:-140px 0 0 0;
	float:right;
	font-size:1em;
	font-family:"Century Gothic", Georgia, sans-serif;
}
.yui-skin-sam .yui-navset .yui-nav li, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
	margin:0;
	padding:1px 0 0;
	float:left;
}
.yui-skin-sam .yui-navset .yui-content {
	background: transparent;
	border:none;
	height:300px;/**overflow:hidden;**/
}
.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
	border:none;
	color:#666;
	position:relative;
	text-decoration:none;
	width:82px;
	height:62px;
	line-height:42px;
	background:none;
}
.yui-skin-sam .yui-navset .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
	border:none;
	bottom:0;
	text-align:center;
	padding:0.25em 0.75em;
	position:relative;
	right:0;
	top:-1px;
}
.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover {
	background:transparent url(../images/tabBg.png) top center no-repeat;
	color:#FFFFFF;
}
.yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-nav a:focus {
	background:transparent url(../images/tabBgOver.png) top center no-repeat;
	outline-style:none;
	outline-width:0;
	color:#fff;
	display:block;
}
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
	border:none;
}
.yui-skin-sam .yui-navset .yui-nav .selected, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected {
	margin:0;
}
/** yui-carousel **/


#container .opis {
	float:left;
	width:480px;
	margin-top:260px;
}
.opis p {
	width:350px;
	text-align:right;
	float:right;
}
#container .foto {
	float:right;
	width:500px;
	margin-top:10px;
}
.yui-carousel-element li {
	border:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	outline:none;
	overflow:hidden;
	padding:0;
	height:300px;
	position:absolute;
	text-align:center;
	width:980px;
}
.yui-carousel-nav {
	border:none;
	width:970px;
	position:absolute;
	z-index:100;
	top:200px;
}

.yui-carousel .yui-carousel-item-selected {
	border:none;
	margin:0;
}
.yui-skin-sam .yui-carousel, .yui-skin-sam .yui-carousel-vertical {
	border:none;
}
.yui-skin-sam .yui-carousel-nav {
	background:none;
	padding:3px;
	text-align:right;
}
.yui-skin-sam .yui-carousel-button {
	background:transparent url(../images/buttons.png) no-repeat scroll 66px 0;
	float:right;
	height:86px;
	margin:5px;
	overflow:hidden;
	width:66px;
	outline:none;
}
.yui-skin-sam span.yui-carousel-first-button {
	background-position:-66px 0;
	margin:-20px 0 0 300px;
}
.yui-skin-sam span.yui-carousel-first-button:hover {
	background-position:-66px -86px;
}
.yui-skin-sam span.yui-carousel-next-button {
	background-position:0 0;
	margin:-20px 535px 0 0;
}
.yui-skin-sam span.yui-carousel-next-button:hover {
	background-position:0 -86px;
}
.yui-skin-sam .yui-carousel-button button {
	background-color:transparent;
	border:0 none;
	cursor:pointer;
	display:block;
	width:66px;
	height:86px;
	margin:-2px 0 0 -2px;
	padding:0 0 0 50px;
	text-indent:-999em;
}

.yui-skin-sam .yui-carousel-nav ul {
	float:left;
	height:16px;
	margin:66px 0 0 0;
	padding:0;
	position:absolute;
	outline:none;
}
.yui-skin-sam .yui-carousel-nav ul li {
	background:transparent url(../images/paginator.png) no-repeat scroll 0 0px;
	cursor:pointer;
	float:left;
	height:16px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 0 5px;
	overflow:hidden;
	padding:0;
	width:15px;
	outline:none;
}
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus {
	outline:none;
}
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected {
	background-position: -15px 0;
	outline:none;
}
/*---------- bubble tooltip -----------*/



a.tt {
	position:relative;
	z-index:24;
	font-weight:normal;
	text-decoration:none;
}
a.tt span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover {
	z-index:25;
	background: none;
}
a.tt:hover span.tooltip {
	display:block;
	position:absolute;
	top:4px;
	right:-20px;
	padding:0;
	width:257px;
	font-size:0.69em;
	line-height:1.2em;
	color: #fff;
	text-align: left;
	z-index:50;
 	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top {
	display: block;
	padding:40px 0 0 0;
	background: transparent url(../images/tooltip.png) no-repeat top;
}
a.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding:0 15px 0 20px;
	background:transparent url(../images/tooltipM.png) repeat bottom;
}
a.tt:hover span.bottom {
	display: block;
	padding:0 0 20px 0;
	background:transparent url(../images/tooltip.png) no-repeat bottom;
}
.validator{
float:left;
}
.validator a{
	width:66px;
	height:23px;
	display:block;
	background:transparent url(../images/validator.png) no-repeat;
	text-decoration:none;
	text-indent:-999em;
	margin:5px 0 0 0;
	outline:none;
}
.nf{
float:left;
}
.nf a{
	width:22px;
	height:23px;
	display:block;
	background:transparent url(../images/nt.png) no-repeat scroll 0 0px;
	text-decoration:none;
	text-indent:-999em;
	margin:5px 0 0 10px;
	outline:none;
}
.nf a:hover{
background:transparent url(../images/nt.png) no-repeat scroll 0 -22px;
}
.wt{
float:left;
}
.wt a{
	width:22px;
	height:23px;
	display:block;
	background:transparent url(../images/wt.png) no-repeat scroll 0 0px;
	text-decoration:none;
	text-indent:-999em;
	margin:5px 0 0 10px;
	outline:none;
}
.wt a:hover{
background:transparent url(../images/wt.png) no-repeat scroll 0 -22px;
}