/* CSS Document */

div#IndexContent {background : url(../images/bg_content.jpg) repeat-y;}

div#SlidesRotator {height : 346px; width : 980px;background : url(../images/bg_fcslider_stripe.jpg) no-repeat left 300px;
}

/* SLIDER ROTATOR START */
#cp_fcslider{ 
	position:relative; 
	width:980px;
	height:300px; 
	border : 0;
	margin : 0;
	padding : 0;
	background : #000;
	}
#cp_fcslider ul.ui-tabs-nav{ 
	position:absolute; 
	top:300px; left:10px; 
	list-style:none; 
	padding:0; margin:0;
	width:960px;
	height : 40px;
	
}
#cp_fcslider ul.ui-tabs-nav li{ 
	display : inline;
	height :40px;
	width : 240px;
	float: left;
}
#cp_fcslider ul.ui-tabs-nav li img{ border : 0;
}
#cp_fcslider ul.ui-tabs-nav li span{ visibility : hidden;
}
#cp_fcslider li.ui-tabs-nav-item a{ 
	display : block;
	height : 40px; 
	width : 240px;
	border : 0px;
	text-decoration : none;
}
#cp_fcslider li.ui-tabs-nav-item a:hover{ 
background-position:bottom left;	
}
#cp_fcslider li.ui-tabs-selected { 
	  
}
#cp_fcslider ul.ui-tabs-nav li.ui-tabs-selected a{ background-position:bottom left;	
	
}
#cp_fcslider .ui-tabs-panel{ 
	width:400px; height:300px; 
	background:#999; position:relative;
}
#cp_fcslider .ui-tabs-panel .slider_info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../images/fcslidertransparent-bg.png'); 
}
#cp_fcslider .slider_info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#cp_fcslider .slider_info p{ 
	margin:0; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#cp_fcslider .slider_info a{ 
	text-decoration:none; 
	color:#fff; 
}
#cp_fcslider .slider_info a:hover{ 
	text-decoration:underline; 
}
#cp_fcslider .ui-tabs-hide{ 
	display:none; 
}
.tabs-nav-item01 {background : url(../images/bg_slide_01.jpg) no-repeat top left; width : 240px; height : 40px;}
.tabs-nav-item02 {background : url(../images/bg_slide_02.jpg) no-repeat top left; width : 240px; height : 40px;}
.tabs-nav-item03 {background : url(../images/bg_slide_03.jpg) no-repeat top left; width : 240px; height : 40px;}
.tabs-nav-item04 {background : url(../images/bg_slide_04.jpg) no-repeat top left; width : 240px; height : 40px;}
.tabs-nav-item01 span {visibility : hidden;}
/* SLIDER ROTATOR END */

div#ContentS1 {width : 980px;
height : 310px;
overflow : auto;}

div#ContentS1Left { float : left; width : 490px;}

div#ContentS1LeftHello { width : 490px;
height : 180px;
background : url(../images/bg_welcome.jpg) no-repeat;}
#ContentS1LeftHello h2 {display : block;
width : 340px;
height : 44px;
background : url(../images/h2_welcome.png) no-repeat; margin : 0 auto;}

#ContentS1LeftHello p { padding : 6px 25px 0 25px;
line-height : 18px;
}

#ContentS1LeftServices { width : 460px;}
#ContentS1LeftServices h2 { 
display : block;
width : 160px;
height : 44px;
background : url(../images/h2_main_services.png) no-repeat; margin : 0 auto;}

.LeftList {width : 210px; padding : 0 0 0 20px; float : left;}
.RightList {width : 230px; float : right;}
#ContentS1LeftServices li { background : url(../images/bullet.png) no-repeat left 6px;
padding : 1px 0 3px 10px;}
/* Projekty najnowsze */
div#ContentS1Right { float : right; width : 490px;
background : url(../images/bg_latest_works.jpg) no-repeat;
height : 310px;
overflow : auto;}
#ContentS1Right h2 {display : block;
width : 250px;
height : 44px;
background : url(../images/h2_main_najnowsze.png) no-repeat; margin : 0 auto;
text-align : center;}
#ContentS1Right img {margin : 7px;}

#ProjektyIndex {height : 240px; overflow : hidden;}
div#Projekt01 {width : 220px; height : 200px;
background : url(../images/bg_miniatury.jpg) no-repeat;
float : left;
z-index : 1;
margin : 0 10px;}
.NewProjectImg {width : 206px; height : 144px; position : relative; z-index : 1;}
.NewProjectInfo { /*background : url(../images/bg_podpisy.png) no-repeat 4px top;*/ width : 214px; position : relative; top : -28px; z-index : 2;}
.NewProjectInfo h3 {width : 218px;
padding : 22px 0 0 6px;
font-weight : bold;
font-size : 10pt;
text-transform:uppercase;
}
.NewProjectInfo p {padding : 4px 0 0 4px; font-size : 9pt; line-height : 11pt;}

.gallerylink { font-size : 8pt; font-weight : bold; text-align : center; margin : 0; padding : 0; position : relative; top : -14px;}
.gallerylink a {text-decoration : none; color : #c10412;}
.gallerylink a:hover {color : #939393;}

/*Sekcja 2 - video i nowosci */
div#ContentS2 { background : url(../images/bg_belka.jpg) no-repeat left top;
overflow : auto;
padding : 0 0 10px 0;}
div#ContentS2Video { width : 260px; float : left;}
#ContentS2Video h2 {display : block;
width : 150px;
height : 30px;
margin : 2px 0 4px 0;
background : url(../images/h2_main_livep.png) no-repeat;}
div#VideoStream {width : 260px; height : 170px; background : url(../images/bg_livep.jpg) no-repeat;}

div#ContentS2News { float : right; width : 720px;}
#ContentS2News h2 {display : block;
width : 150px;
height : 30px;
margin : 2px 0 4px 0;
background : url(../images/h2_main_news.png) no-repeat;}

.news { width : 700px; height : 110px;
margin : 0 0 0 10px;
border-bottom:solid #b0b0b0 1px;}

.news h4 {font-weight : bold; margin : 4px 0 4px 0;}
.news p {text-indent : 10px; margin : 0 0 4px 0;}
.news p.readmorenews {font-size : 8pt; font-weight : bold; text-align : right; text-indent : 0; color : #c10412; margin : 10px 0 0 0;}
.news p.readmorenews a {text-decoration : none; color : #c10412;}
.news p.readmorenews a:hover {color : #939393;}

/*--------------KONTAKT, REFERENCJE, NASTEPNY PROJEKT -------------------*/
div#ContentS3 {background : url(../images/bg_belka.jpg) no-repeat left top;
overflow : hidden;}
div#ContentS3Contact {float : left; width : 320px; }
#ContentS3Contact h2 {display : block;
width : 180px;
height : 30px;
margin : 2px 0 4px 0;
background : url(../images/h2_main_kontakt.png) no-repeat;}

input {background : url(../images/bginput.png) no-repeat; width : 310px; height : 18px; border : 0; text-indent : 10px; color : #fff; padding : 5px 0 7px 0; margin : 0 0 0 10px;}
label {padding : 10px; line-height : 1.4em;}
textarea {background : url(../images/bgtext_area.png) no-repeat; width : 310px; height : 102px; border : 0; text-indent : 10px; color : #fff; padding : 5px 0 7px 0; margin : 0 0 0 10px;}
.button {background : url(../images/bgform_button.png) no-repeat; width : 70px; height : 28px; border : 0; text-indent : 10px; color : #fff; padding : 5px 0 7px 0;margin : 0 0 0 10px;}
/*--------------REFERENCJE---------------*/
div#ContentS3References {float : left; width : 320px; overflow : hidden; position : relative;}
.readmorerefs { font-size : 8pt; font-weight : bold; text-align : center; margin : 0; padding : 0; margin : 4px 0 0 0;}
.readmorerefs a {text-decoration : none; color : #c10412;}
.readmorerefs a:hover {color : #939393;}


#ContentS3References h2 {display : block;
width : 180px;
height : 30px;
margin : 2px 0 4px 0;
background : url(../images/h2_main_opinie.png) no-repeat;}
.refs { margin : 5px 0 0 10px;
border-bottom : solid #b0b0b0 1px;
height : 70px;}
.refs p {text-ident : 10px; margin : 0 0 4px 0;}
.refs p.podpis { color : #c10412; font-size : 8pt; text-align : right;}
/*----------W REALIZACJI------------*/
div#ContentS3InProgress { float : right; width : 320px; margin : 0; position : relative;}
#ContentS3InProgress h2 {display : block;
width : 150px;
height : 30px;
margin : 2px 0 4px 0;
background : url(../images/h2_main_soon.png) no-repeat;}
#InProgressIMG {width : 300px; height : 160px;
background : url(../images/bg_in_progress.jpg) no-repeat; position : relative; z-index: 1;
margin : 10px 0 0 0;}
#InProgressIMG img {padding : 4px;}
#InProgressOpis { width : 300px;
background : url(../images/bg_podpisy.png) no-repeat 4px top;
position : relative;
top : -38px;
z-index : 2;}
#InProgressOpis h3 {width : 286px;
padding : 18px 0 0 6px;
font-weight : bold;
font-size : 10pt;
text-transform:uppercase;
}
#InProgressOpis p {padding : 6px 4px 0 4px; font-size : 9pt; }