/*
	File: screen.css
	Media: screen
	Copyright: (c) 2009 Extomusic Event Aagency
	Author: Adam Ziemba
	Notes: 
/* Reset Defaults
 * thumbs
 * 
 */
/* -------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}
blockquote { font-size: 1.8em; margin: 30px auto 35px auto; width: 80%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue" Helvetica, Arial, sans-serif; line-height: 1.6em; text-align: center; color: #000000; font-weight: 200; }
blockquote p {  }
a:focus  { outline: none; }

/* Basic Selectors
--------------------------------------------------------------------------------------- */

body {  background: #f9e7db url(../images/new/back.jpg) top center no-repeat; 
		font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; 
		color: #666666; 
		height: auto;
		margin: 0px;
		padding:0px;
		overflow-x:hidden;
		}

h1, h2, h3, h4, h5, h6 { font-size:1.8em; font-weight:bold; color: #1f1e1c; font-family: sans-serif; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; margin: 0 0 10px 10px; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.margin-bottom { margin-bottom: 20px; }
.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }
.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }



/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #01a5a3;}
a:visited { color: #01a5a3;}


.header {border-bottom: 0px solid red;}
.header a {font-weight: bold; text-decoration: none;}
.header a:link { color: #FFF;}
.header a:visited { color: #999999;}
.header a:hover { color: #00bad8; text-decoration: none;}
.header a:active { color: #999999;}

.footer a:link { color: #666666; font-weight: normal; }
.footer a:visited { color: #666666; font-weight: normal;}
.footer a:hover { color: #00bad8; text-decoration: none; font-weight: normal; }
.footer a:active { color: #666666; font-weight: normal;}



/* Main Structural Selectors
--------------------------------------------------------------------------------------- */
.main_container { width:100%; overflow:hidden;}
.container {position:relative; width:1000px; margin: 0px auto; margin-top:5px; border: 0px solid green; height:auto;}
.header { position: relative; width:1000px; height:105px; margin: 0 auto; padding: 0; overflow: hidden; }
.content { width:639px; height:507px; margin: auto; overflow: hidden; border: 0px solid red;}
.content-site { width:1000px; margin: 0 auto 0 auto; }
.main { width:570px; float:left; display:inline; margin: 0 0 0 0; }


* html .container { width:996px; margin: 0 auto; padding:0 18px; padding: 0 0; height:auto; }

/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { position: absolute; display: inline; top: 0px; left: 0px; border: 0px solid blue;}
.header h1 a { display: block; width: 154px; height: 30px; text-indent: -9999px; padding: 10px 0 0 10px;  }
.header h1 a img{ display: block; width: 154px; height: 30px; text-indent: -9999px;  border:none;}
/*.header h1 a:hover { display: block; width: 250px; height: 110px; text-indent: -9999px; background: transparent url(../images/bg/bg_nav.gif) -355px -110px no-repeat; }*/

a.btn_zapytanie { position: absolute; right: 10px; top:10px; display:block; height:30px; width:168px; background:url("../images/btn_zapytanie.png") 0 0 no-repeat; text-indent: -200px; overflow: hidden; }
a:hover.btn_zapytanie { background-position:0 -30px; } 
a:active.btn_zapytanie { background-position:0 -60px; } 

.main_nav_left { height: 48px; width:980px; overflow: hidden; margin-top: 55px; float: left;  border-top: solid 1px #dac5b4; border-bottom: solid 1px #dac5b4;padding:0 10px;}
.main_nav_left li { height: 11px; float: left; display: inline; margin-top:16px;}
.main_nav_left li a{color: #FFF;  font-size:14px; }
.main_nav_left li a div, .main_nav_left li a img{ margin-top:2px;}
.main_nav_left li.separator { background: url("../images/new/separator.gif") no-repeat 50% 50%; height:13px; width:52px; }


/* Menu buttons
______________________________________________________________________________________ */

#onas { width: 40px; height: 11px; background: url('../images/new/o-nas.png') no-repeat;  }
#onas:hover { background: url('../images/new/o-nas.png') 0 -11px; cursor:pointer; }
#onas-hover { width: 40px; height: 11px; background: url('../images/new/o-nas.png') no-repeat 0 -11px; }

#oferta { width: 99px; height:11px; background: url('../images/new/oferta.png') no-repeat ; }
#oferta:hover { background: url('../images/new/oferta.png') 0 -11px; cursor:pointer; }
#oferta-hover { width: 99px; height: 11px; background: url('../images/new/oferta.png') no-repeat 0 -11px; }

#artist { width: 145px; height:11px; background: url('../images/new/artist.png') no-repeat; }
#artist:hover { background: url('../images/new/artist.png') 0 -11px; cursor:pointer;}
#artist-hover { width: 145px; height: 11px; background: url('../images/new/artist.png') no-repeat 0 -11px; }

#galeria { width: 56px; height:11px; background: url('../images/new/galeria.png') no-repeat; }
#galeria:hover { background: url('../images/new/galeria.png') 0 -11px; cursor:pointer;}
#galeria-hover { width: 56px; height: 11px; background: url('../images/new/galeria.png') no-repeat 0 -11px; }

#video { width: 42px; height:11px; background: url('../images/new/video.png') no-repeat; }
#video:hover { background: url('../images/new/video.png') 0 -11px; cursor:pointer;}
#video-hover { width: 42px; height:11px; background: url('../images/new/video.png') no-repeat 0 -11px; }

#klienci { width: 90px; height:11px; background: url('../images/new/klienci.png') no-repeat; }
#klienci:hover { background: url('../images/new/klienci.png') 0 -11px; cursor:pointer;}
#klienci-hover { width: 90px; height: 11px; background: url('../images/new/klienci.png') no-repeat 0 -11px; }

#partnerzy { width: 79px; height:11px; background: url('../images/new/referencje.png') no-repeat; }
#partnerzy:hover { background: url('../images/new/referencje.png') 0 -11px; cursor:pointer;}
#partnerzy-hover { width: 79px; height:11px; background: url('../images/new/referencje.png') no-repeat 0 -11px; }

#kontakt { width: 62px; height:11px; background: url('../images/new/kontakt.png') no-repeat; }
#kontakt:hover { background: url('../images/new/kontakt.png') 0 -11px; cursor:pointer;}
#kontakt-hover { width: 62px; height: 11px; background: url('../images/new/kontakt.png') no-repeat 0 -11px; }


/* My selectros
______________________________________________________________________________________ */
.left-margin{margin-left:42px;}
.top-margin{margin-top:40px;}
.top-margin20{margin-top:20px;}
.color-italic {color: #00bad8; font-style:italic; padding-left:145px;}
#displayerHeader{
	display:none;
}
.mini-header{
	color:white;
	font-size: 10px;
	margin-bottom:5px;
	padding:0px;
}
.inner{
	width: 90%;
	height:auto;		
	padding:0px 40px;
	margin-top:10px;
	border: 0px dotted #00bad8;
	border-bottom: 0px dotted #00bad8;
	
}
.inner p{
	margin-top:0px;
	font-size:1.2em; 
	line-height:1.5em; 	 
	text-align:left; 
	padding-right:0px;
	padding:0px;
	border-bottom: 0px dotted #00bad8;
}
.inner h3{
	font-size:1.8em; 
	font-weight:200; 
	color: #00bad8; 
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
a.inner-link:hover {color: #333333; text-decoration: underline;}
a.inner-link:active {color: #01a5a3;}

.all-page-inner p{
	width: 96%;
	height:auto;
	padding:0px;
	margin: 0px;
	margin-left: 10px;
	font-size:1.2em; 
	line-height:1.5em; 	 
	text-align:justify; 
	padding-right:0px;
	border-bottom: 0px dotted #00bad8;
}
.top-border-dotted{
	width:890px;
	height:1px;
	margin:0px auto;
	border-top: 1px dotted #00bad8;	
}
.inner img{
	border: 1px solid #004d59;
	text-align:justify;
}
#tooltip{
	position:absolute;
	z-index:3;
	border:1px solid #000;
	background:#000;
	padding:4px 6px;
	color:#00BAD8;
	display:none;
	font-size:1.2em;
	letter-spacing:0em;
	opacity:.90;filter:Alpha(Opacity=90);
	}	
.turkus{
	color: #a50611;
}
.turkus1{
	color: #a50611;
	font-size: 14px;
}
.turkus2{
	color: #a50611;
	font-size: 12px;
}
.special{
	color: #00BAD8;
	font-size: 14px;

	
}
.adres{
	font-size: 13px;
}


/* IF Internet Explorer 6.0
--------------------------------------------------------------------------------------- */
#ifIE{
	position:absolute;
	z-index:50000;
	top:20%;
	left:26%;
	width:630px;
	height:300px;
	margin:0px auto;
	color: #FFF;
	font-size: 14px;
	padding:15px;
	line-height: 1.5em;
	border: 1px solid #00bad8;
	background: #000;
}
#ifIE a{
	font-weight:200;
}
#ifIE a:hover{
	font-weight:200;
	color: #008ca3;
	
}


/* Homepage Layout
--------------------------------------------------------------------------------------- */

.home_top {
	width:1000px;
	height: 311px;
	position: relative;
}

.home_img_plamy { position: absolute; left: 0; top: 0; z-index: 15;height: 268px; }
.home_img_mikrofon { position: absolute; left: -45px; top: -7px; z-index: 35; }
.home_img_dzieciak { position: absolute; left: 100px; top: -6px; z-index: 30;height: 274px; }
.home_img_bila { position: absolute; left: 436px; top: -23px; z-index: 50; }
.home_img_chomik { position: absolute; right: 201px; top: -7px; z-index: 45; }
.home_img_kosci { position: absolute; right: 45px; top: -11px; z-index: 40;}
.home_img_napis { position: absolute; left: 520px; top: 129px; z-index: 35; }
.home_img_film { position: absolute; right: -42px; top: 133px; z-index: 15; }

#slider {
	position:relative;
    width:1000px;
    height:311px;
    background:url("../images/loading.gif") no-repeat 50% 50%;
    overflow: hidden;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

#slide_1.button {
	position: absolute;
	right: 126px;
	bottom:69px;
	height:35px;
	width:202px;
	background:url("../images/zapytanie-red.png") 0 0 no-repeat;
	text-indent: -200px;
	overflow: hidden;
	z-index: 9999;
}

#slide_1.button:hover { background-position:0 -35px; } 
#slide_1.button:active  { background-position:0 -70px; }

#slide_2.button {
	position: absolute;
	left: 105px;
	bottom:31px;
	height:35px;
	width:202px;
	background:url("../images/zapytanie-yellow.png") 0 0 no-repeat;
	text-indent: -200px;
	overflow: hidden;
	z-index: 9999;
}

#slide_2.button:hover { background-position:0 -35px; } 
#slide_2.button:active  { background-position:0 -70px; }

#slide_3.button {
	position: absolute;
	left: 106px;
	bottom:72px;
	height:35px;
	width:202px;
	background:url("../images/zapytanie-blue.png") 0 0 no-repeat;
	text-indent: -200px;
	overflow: hidden;
	z-index: 9999;
}

#slide_3.button:hover { background-position:0 -35px; } 
#slide_3.button:active  { background-position:0 -70px; }

#slide_4.button {
	position: absolute;
	right: 110px;
	bottom:47px;
	height:35px;
	width:202px;
	background:url("../images/zapytanie-green.png") 0 0 no-repeat;
	text-indent: -200px;
	overflow: hidden;
	z-index: 9999;
}

#slide_4.button:hover { background-position:0 -35px; } 
#slide_4.button:active  { background-position:0 -70px; }

.nivo-controlNav {
	position:absolute;
	width:108px;
	height:30px;
	padding:7px 0 0 17px;
	bottom:10px;
	left:400px;
	z-index:999;
	background:url("../images/slider_bg.png") no-repeat 0 0;
}
.nivo-controlNav a {
	display:block;
	width:16px;
	height:16px;
	background:url("../images/bullets.png") no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -16px;
}


.welcome_text { height:208px; margin:15px 0;  }

.column {
	width:330px;
	border-right:1px solid #dac5b4;
	height: 220px;
	float:left;
	padding: 10px 0; 
}

.column.last {
	border:none;
}

.column .head {
	border-bottom: 1px solid #f2e9df;
	margin:0 10px;
	padding:0 10px 10px 10px;
	position: relative;
}

.column .head h1 {
	font:bold 18px "Myriad Pro", sans-serif;
	color:#2b8488;
}

.column .head h2 {
	font:14px "Myriad Pro", sans-serif;
	color:#b39e8c;
}

.column .head .front-icon {
	position: absolute;
	right:15px;
	top:-5px;
	width:32px;
	height:32px;
	background:url("../images/front-icons.png") no-repeat;
}

.column .head .front-icon.icon-1 {
	background-position: 0 0;
}

.column .head .front-icon.icon-2 {
	background-position: 0 -32px;
}

.column .head .front-icon.icon-3 {
	background-position: 0 -64px;
}

.column p {
	margin:0 10px;
	padding:10px 10px;
	color:#535353 !important;
	font:12px sans-serif;
	text-align:justify;
}

.column a {
	display: block;
	text-align: right;
	font-weight: normal;
}

.column a:hover {
	color:#266365;
	text-decoration: underline;
}

.column a.readmore {
	border-top:1px solid #edddcf;
	padding-top:8px;
}




/* Oferta Page
______________________________________________________________________________________ */
.oferta { width: 1000px; min-height:544px; margin: 0px; padding-top:7px; border-left: 0px solid red;background:url("../images/new/content_back.png") no-repeat 50% 0;}
.oferta h1{
		font-size:1.8em; 
		font-weight:bold; 
		color: #1f1e1c; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}
#oferta-content{
		position: relative;
		z-index: 0;
		margin-top:-178px;
		float:left; 
		width: 1000px;
		height: auto;			
		padding-top:7px; 		 
		color:#666564;
		border: 0px dotted #00bad8;
		}
#oferty{
		position:relative;
		float:left; 
		width: 700px;
		height: auto;	
		margin-left:282px;		 		 
		margin-top:5px;		
		color:#666564;
		border-left:1px solid #ede3da;
}
#oferty .inner{
	min-height:420px;
	
	
}
#oferta-content #oferty{
	text-align: left;
}
#oferta-foot{
	clear:both;
	width:645px;
	height:25px;
	margin-left:38px;	
	margin-top:10px;
	border-top: 1px solid #ece1d8
}

#head-oferta{
	width:645px;
	height:64px;
	margin-left:40px;
	padding-top:10px;
	border-bottom: 1px solid #ece1d8;
}
#head-oferta #caption{
	padding-left:3px;
	font-size:12px;
	color:#b1a39a;
}
#head-oferta h1, #head-oferta h2{
	font-size:30px;
	color: #2d6264;
	font-weight: 200;
	font-family:"Myriad Pro", sans-serif;
}
#submenu-oferta{
		position:relative;
		z-index: 1;
		float:left; 
		height: 150px; 
		width: 230px; 
		margin-top:25px; 
		margin-left:22px; 
		padding-right:0px; 
		color:#FFF; 
		font-size:10px; 		
		border: none;
}
#submenu-oferta p{
		height: 90px; 
		font-size:1.2em; 
		line-height:1.5em; 
		margin:10px 0 0 0 ; 
		text-align:justify; 
		padding-right:20px; 
		border-right: 1px solid #ece1d8;
}

h2.category { 
	font:bold 14px sans-serif !important;
	color:#040404 !important;
	margin-bottom: 8px !important;
}

/* Artist Management Page
______________________________________________________________________________________ */
.artist {width: 1000px; min-height:752px; margin: 0px; margin-top:0px; border-bottom: 0px solid red;background:url("../images/new/content_back.png") no-repeat 50% 0;}
.artist h1{
		font-size:1.8em; 
		font-weight:bold; 
		color: #1f1e1c; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}
#artist-content{
		margin-top:-178px;
		float:left; 
		width: 1000px;
		height: auto;			
		padding-top:7px; 		 
		color:#666564;
		border: 0px dotted #00bad8;
}
#artists{
		position:relative;
		float:right; 
		width: 705px;
		height: auto;			 		 
		color:#666564;
		border-left:1px solid #ede3da;
}
#head-artist{
	margin-left:40px;
	padding-top:15px;
}

#head-artist h1, #head-artist h2{
	font-size:30px;
	color: #2D6264; 
	font-weight: 200;
	font-family:"Myriad Pro", sans-serif;
}
#head-artist h1 a{
	font-size:30px;
	color: #2D6264;
	font-weight: 200;
	font-family:"Myriad Pro", sans-serif;
}
#head-artist h1 a:hover{
	font-size:30px;
	color: #00bad8;
	font-weight: 200;
	text-decoration:underline;
	font-family:"Myriad Pro", sans-serif;
}
#head-klienci{
	margin-left:0px;
	padding-top:0px;
}

#head-klienci h1{
	font-size:30px;
	color: #2D6264;
	font-weight: 200;
	font-family:"Myriad Pro", sans-serif;
}

#artist-foto-slide{
	position:relative;
	margin-left:38px;
	margin-top:2px;
	background: url('../images/new/top_image_bg.png') 50% 50% no-repeat #b1a39a;
	width: 639px;
	height: 266px;
}
#head-biografia{	
	margin-left:40px;
	padding-top:18px;
}
#head-biografia h1{
	font-size:30px;
	color: #54b2bc;
	font-weight: 200;
	font-family:"Myriad Pro", sans-serif;
}

#loopedSlider { 
	float:left;
	position:relative;
	top:3px;
	margin:0px auto;
	width:637px;
	height:290px; 	 
	clear:both; 
	border: 0px solid red;

}
.slide-image { 
	position:relative;
	width:637px; 
	height:260px; 
	overflow:hidden;  
	text-align:center;	
	border: 0px solid red;
	
}
.slides { 
	position:absolute;
	top:0;
	left:0;
}
.slides div { 
	position:absolute; 
	z-index:20000;
	top:0; 
	width:637px; 
	display:none; 
	
}
.slides div img{
	position:relative;
	z-index:1;
	border: 1px solid #ece1d8;

}
.slides div img:hover{
	cursor: url(../images/zoomin.cur), pointer;
	border: 1px solid #ece1d8;
}
#paginBox{
	float:left;
}
#zoomer{
	float:right;
	width:195px;
	height:21px;
	margin-top: 9px;
	border: 0px solid red;
}
.zoom-link{
	float:right;
	width:162px;
	height:20px;
	margin-bottom:4px;
	border: 0px solid red;
}
#zoomer span{
	font-size:12px;
	font-weight:200;
	color: #00bad8;
}

ul.pagination { list-style-type:none; margin:0; padding:0; margin-top:5px; width:370px; height:21px; border: 0px solid red; }
ul.pagination li { float:left; margin:0px; margin-left:2px;}	
ul.pagination a {
	display:inline-block; 
	padding-top:4px; 
	text-align:center; 
	width:21px; 
	height:21px; 
	color:#fff; 
	text-decoration:none; 
	background:url('../images/pagination.png') no-repeat; 
	border: 0px solid red
} 
ul.pagination a:hover {
	background:url('../images/pagination-over.png') no-repeat; 
} 
ul.pagination li.active a {background:url('../images/pagination-over.png') no-repeat;  }	
a.previous { position:absolute; top:100px; left:1px; visibility:hidden;}
a.next { position:absolute; top:100px; right:0px; visibility:hidden;}
h2.mini-header{
	color: #FFF;
}

/* Events Page
______________________________________________________________________________________ */
.events {position:relative; width: 1000px; height:790px; margin: 0px; padding-top:7px; border-left: 0px solid red; background:url("../images/new/content_back.png") no-repeat 50% 0;}
.events h1{
		font-size:1.8em; 
		font-weight:bold;
		color: #2D6264; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}	
#events-content{
		position:relative;
		float:left; 
		width: 1000px;
		height: 440px;
		margin-top:20px;
		padding-top:7px; 		 
		color:#FFF; 
		border: 0px dotted #00bad8;
}	
.events-item{
	position:relative;
	left:35px;
	float:left;
	height:auto;
	padding-top:10px;
	border: 0px solid red;
}	
.next-item {
	border-top: 1px dotted #00bad8;
	margin-top:20px;
}
.events-logo{
	float:left;
	width: 310px;
	height:150px;
	text-align:center;
	border: 0px solid green;
}
.events-article{
	float:left;
	width:585px;
	height:auto;
}

.link-events a{	
	position:absolute;
	float:right;
	right:15px;
	bottom:0px;
	width:173px;
	height:16px;
	color:#fff;
	font-weight:200;
	text-align:center;
	font-size:11px;
	padding-top:2px;
	border: 0px solid red;
	background: url('../images/web-button.jpg');
}
.link-events a:hover{
	text-decoration:none;
	background: url('../images/web-button-over.jpg');
}

#page_navigation{
	position:relative;
	float:right;
	margin-right:375px;
	margin-top:10px;
	color:white;
}
#page_navigation a{
	padding:3px 5px;
	border:1px solid #004c59;
	margin:2px;
	color: #FFF;
	text-decoration:none
}
#page_navigation a:hover{
	color: #00b9d8;
	text-decoration:underline;
}
#page_navigation a.active_page{
	font-weight: bold;
	color: #00b9d8;
	border: none;
}
.page_link{
	border:0px solid #00b9d8;
}
#page_navigation a.previous_link, #page_navigation a.next_link {
	font-size:11px;
	font-weight:200;
	border: none;
}
#page_navigation a.page_link:hover {
	text-decoration:none;
}


/* Galeria Page
______________________________________________________________________________________ */
.galeria {position:relative; width: 1000px; min-height:759px; margin: 0px; padding-top:7px; border-left: 0px solid red;background:url("../images/new/content_back.png") no-repeat 50% 0;}
.galeria h1{
		font-size:1.8em; 
		font-weight:bold; 
		color: #2D6264; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}
#galeriaPage{
		float:left; 
		margin-top:-178px;		
		width: 1000px;
		height: auto;			
		padding-top:7px; 		 
		color:#FFF; 
		border: 0px dotted #00bad8;
		background: url('../images/artistfoot.png') -2px 755px repeat-x;
}
#galeria-content{
		position:relative;		
		float:left; 
		width: 705px;
		height: auto;
		margin-left:252px;
		padding-bottom:30px;	 
		color:#FFF; 
		border-left:1px solid #ede3da;
}
#big-photo{
		width: 639px;
		height: 507px;
		margin-left:38px;
		background: url('../images/galeriaback.png') no-repeat;
		border: 0px dotted #00bad8;
}
#thumbnails{		
		width: 639px;
		height: auto;
		margin-left:35px;
		margin-top: 6px;
	/*	background: url('../images/galeriathumb.png') no-repeat;*/
		border: 0px dotted #00bad8;
		
}
#thumbnails ul li{
	display: inline;
}
#thumbnails ul li a img{
	width:75px;
	height:75px;
	border: 1px solid #004c59;
	margin-left:10px;
	margin-top:10px;
}
#thumbnails ul li a img:hover{
	border: 1px solid #00bad8;
}
.itemAlbum {
	width: 224px;
	height:23px;
	height:30px;

}
.nameAlbum{
	width: 224px;
	height:23px;
	padding-top: 7px;
	padding-left:6px;
	font-size: 12px;
	font-weight: 200;
	color: #54b2bc;
	font-family: "Arial";
	border-bottom: dotted 1px #efe3d9;
}
.nameAlbum:hover{
	background: #f2e7e0;
}
#activeAlbum{background: #f2e7e0;}

/* Video Page
______________________________________________________________________________________ */
.video {position:relative; width: 1000px; min-height:559px; margin: 0px; padding-top:7px; border-left: 0px solid red;background:url("../images/new/content_back.png") no-repeat 50% 0;}
.video h1{
		font-size:1.8em; 
		font-weight:bold; 
		color: #1f1e1c; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}
#videoPage{
		
		width: 1000px;
		height: auto;			
		padding-top:7px; 		 
		color:#FFF; 
		border: 0px dotted #00bad8;
		background: url('../images/artistfoot.png') -2px 755px repeat-x;
}
#video-content{
		position:relative;		
		height: auto;
		padding-bottom:30px;	 
		color:#FFF; 
}
#videoPage #head-artist { margin:10px !important; padding:0;}
#big-photo{
		width: 639px;
		height: 507px;
		margin-left:38px;
		background: url('../images/videoback.png') no-repeat;
		border: 0px dotted #00bad8;
}
#videoPage #thumbnails{		
		width: 980px;
		height: auto;
		margin-left:10px;
		margin-top: 6px;
	/*	background: url('../images/videothumb.png') no-repeat;*/
		border: 0px dotted #00bad8;
		
}
#videoPage #thumbnails ul li{
	float:left;
	text-align: center;
	height:180px;
	width:220px;
	margin:10px 28px 10px 0;
}
#videoPage #thumbnails ul li a {
	font-size: 12px;
	color: #004c59;
}
#videoPage #thumbnails ul li a:hover {
	text-decoration: underline;
	color: #00bad8;
}
#videoPage #thumbnails ul li a img{
	width:220px;
	height:124px;
	border: 1px solid #004c59;
	margin:0 0 10px 0;
	
}
#videoPage #thumbnails ul li a img:hover{
	border: 1px solid #00bad8;
}
#videoPage #thumbnails ul li.last { margin: 10px 0 10px 0;}
.itemAlbum {
	width: 224px;
	height:23px;
	height:30px;

}
.nameAlbum{
	width: 224px;
	height:23px;
	padding-top: 7px;
	padding-left:6px;
	font-size: 12px;
	font-weight: 200;
	color: #54b2bc;
	font-family: "Arial";
	border-bottom: dotted 1px #efe3d9;
}
.nameAlbum:hover{
	background: #f2e7e0;
}
#activeAlbum{background: #f2e7e0;}

/* Klienci Page
_002F37_____________________________________________________________________________________ */

.klienci {position:relative; width: 1000px; padding: 7px 0; border-left: 0px solid red;background:url("../images/new/content_back.png") no-repeat 50% 0;}
.klienci h1{
		font-size:1.8em; 
		font-weight:bold; 
		color: #2D6264; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}

#klienci-content{
		position:relative;
		float:left;
		width: 1000px;
		padding:7px 0;
		color:#FFF; 
		border: 0px dotted #00bad8;
		}
#headFirmy{
	width:1000px;
	height:40px;
	border: 0px solid red;
}		
#head-firmy{
	float:left;
	margin-left:10px;
	padding-top:0px;
}

#head-firmy h1, #head-firmy h2, #head-firmy1 h1{	
	font-size:30px;
	color: #2D6264;
	font-weight: 200;
	font-family:"Myriad Pro", sans-serif;
}
#head-firmy h2 span {
	color:#b1a39a;
	font-size: 18px;
}

#head-firmy1 {
	margin-left:470px;
}		
#klienci-logosy{
	width: 1000px;
	margin: 15px 0 20px 0;
	border: 0px dotted #00bad8;
}
#list-partnerzy{
	float:left;
	width: 1000px;
	padding-left:0px;
	border: 0px solid red;
	border-left: 0px dotted #00bad8;
	margin: 7px 0;
}

table.logos { 
	border:1px #e6dcd5 solid; border-collapse: collapse;
	margin:0 auto;
}

table.logos td {
	border:1px #e6dcd5 solid; border-collapse: collapse;
	background-color: #fff;
}



/* Partnerzy Page
______________________________________________________________________________________ */

.partnerzy {position:relative; width: 1000px; height:444px; margin: 0px; padding-top:7px; border-left: 0px solid red;background:url("../images/new/content_back.png") no-repeat 50% 0;}
.partnerzy h1{
		font-size:1.8em; 
		font-weight:bold; 
		color: #1f1e1c; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}

#partnerzy-content{
		position:relative;
		float:left; 
		width: 1000px;
		height: 440px;
		padding-top:7px;
		color:#FFF; 
		border: 0px dotted #00bad8;
		}	
#partnerzy-logosy{
		width: 800px;
		height: 390px;
		margin: 40px 10px 20px 10px;		
		border: 0px dotted #00BAD8;
		margin: 10px auto;
}	
#partnerzy-logosy .lightsGal img{
	border: 1px solid #00bad8;
	margin-left:20px;
	cursor: url(../images/zoomin.cur), default;
}
.refer{
	position:relative;
	float:left;
	width:140px;
	height: 190px;
	text-align: center;
	color:#88827e;
	border: 0px solid red;
	margin:10px 10px;
}
.referCaption{
	position:relative;
	top: -7px;
	display: inline;
	width:120px;
	height:20px;
	text-align: center;
	margin: 0px auto;
	border: 0px solid red;
	margin-left:15px;
	
}
.refer:hover{
	color: #54b2bc;
}
	
/* Kontakt Page
______________________________________________________________________________________*/

.kontakt {position:relative; width: 1000px; min-height:550px; margin: 0 !important; padding-top:7px; background:url("../images/new/content_back.png") no-repeat 50% 0;}
.kontakt h1{
		font-size:1.8em; 
		font-weight:bold; 
		color: #1f1e1c; 
		font-family: Helvetica, Arial, Verdana, sans-serif;
}

#kontakt-content{
		position:relative;
		float:left; 
		width: 1000px;
		
		padding-top:7px;
		color:#4e4c4a; 
		border: 0px dotted #00bad8;
		}
#left-kontakt{
		float:left; 
		width: 190px;
		height:400px;
		padding:10px;
		margin-left:0px;
		border: 0px dotted #00bad8;
		font-weight: 200;
		border-right: #f6f1ea solid 1px;
}	
#middle-kontakt{
		float:left; 
		width: 450px;
		padding:10px 20px;
		border: 0px dotted #00bad8;
		text-align: center;
}	
#right-kontakt{
		float:left; 
		width: 261px;
		height:400px;
		padding:10px;
		border-left: #f6f1ea solid 1px;
}
#right-kontakt p img{
		margin-top: 60px;
		margin-left:180px;
		border: 0px solid red;
}
#telephone{
		float:left;
		width:210px;
		height:90px;		
		font-size:12px;		
		border: 0px dotted #00bad8;
}


#logoImg{
		width: 190px;
		height:120px;
		border-bottom: 1px solid #eee7e2;
		text-align: center;
}
#adresTekst{
		width: 190px;
		padding: 10px 0;
		border-bottom: 1px solid #eee7e2;
}
.kontakt_boks {
		font-size: 12px;
		border-bottom: 1px solid #eee7e2;
		padding: 10px 0;
}
.kontakt_boks.noborder { border:none; }
.kontakt_boks .tekst a {
	color:#bf4d52 !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}
.kontakt_boks .tekst a:hover {
	color:#a50611 !important;
	text-decoration: none !important;
}
.kontakt_boks .icon {
		float: left;
		width:30px;
}
.kontakt_boks .icon.home {
		background: url("../images/new/icons.png") no-repeat 50% 0;
		height:23px;
}
.kontakt_boks .icon.phone {
		background: url("../images/new/icons.png") no-repeat 50% -24px;
		height:24px;
}
.kontakt_boks .icon.mail {
		background: url("../images/new/icons.png") no-repeat 50% -47px;
		height:17px;
}
.kontakt_boks .tekst {
		float: right;
		width:155px;
}
.input-text {
	background: url("../images/new/input-text.png") no-repeat !important;
	width:281px;
	height:36px;
	border:none !important;
}
.textarea-top {
	background: url("../images/new/textarea-top.png") no-repeat;
	width:281px;
	height:10px;
}
.textarea-bottom {
	background: url("../images/new/textarea-bottom.png") no-repeat;
	width:281px;
	height:10px;
}
.textarea {
	background: url("../images/new/textarea-bg.png") repeat-y !important;
	width:281px;
	height:300px !important;
	border:none !important;
	resize: none;
}
.send {
	background: url("../images/new/send.png") no-repeat 0 0 !important;
	width:282px;
	height:35px;
	border:none !important;
	cursor:pointer;
}
.send:hover {
	background: url("../images/new/send.png") no-repeat 0 -35px !important;
}
.send:active {
	background: url("../images/new/send.png") no-repeat 0 -70px !important;
}
#kreska1{		
		position:relative;
		top:0px;
		width: 210px;
		height:160px;
		margin-left:45px;
		border-bottom: 1px solid #eee7e2;
}
#telephoneinner{
		position:relative;
		float:left;
		width:210px;
		height:70px;
		margin-left:40px;
		border: 0px solid red;
}
#image-phone{
		position:relative;
		z-index:15;
		float:left;
		width:30px;
		height:70px;
		margin-left:-30px;
		margin-top:-14px;
		border: 0px solid red;
}
#caption-number{
		position:relative;
		z-index:15;
		float:left;
		width:100px;
		height:50px;
		font-size:12px;
		padding-top:20px;
		margin-left:9px;
		margin-top:-10px;
		border: 0px solid red;
}
#number-phone{
		position:relative;
		z-index:15;
		float:left;
		width:100px;
		height:50px;
		font-size:12px;
		padding-top:20px;
		margin-left:-25px;
		margin-top:-10px;
		border: 0px solid red;
}
#mail{
		float:left;
		width:210px;
		height:80px;
		font-size:12px;
		border: 0px solid red;
}
#monkey{
		float:left;
		width:30px;
		height:70px;
		margin-left:5px;
		margin-top:-4px;
		border: 0px solid red;
}
#caption-email{
		position:relative;
		z-index:15;
		float:left;
		width:29px;
		height:50px;
		font-size:12px;
		padding-top:25px;
		margin-left:13px;		
		border: 0px solid red;
}
#adresy-email{
		position:relative;
		z-index:15;
		float:left;
		width:100px;
		height:50px;
		font-size:12px;
		padding-top:16px;
		margin-left:-25px;
		border: 0px solid red;
}
#adresy-email a{
	color: #FFF;
	font-weight: 200;
}
#adresy-email a:hover{
	color: #01A5A3;
	font-weight: 200;
}

#form p{
	margin-bottom:-6px;
}		
#form, #name, #surname, #email, #message, #firm{
	font-family:"Helvetica";
	width:281px;
	
	
}	
#form input, #form textarea{
	border: 1px solid #008ca2;
	padding:0 10px;
	background: transparent;
	color:#b1a39a;
}
#form, #name, #surname, #email, #message, #firm {
	font-size:11px;
	 
}

#form, #message {
	font-size:11px;
	height:120px;
	
}			
.lightsGal{
	border: 0px solid #232323;
}
.lightsGal:hover{
	border: 0px solid #00bad8;
}
#dziekujemy{
	font-size:14px;
	
	
}

/*------------------------------------------------------------------*/
.box1 p, .box2 p, .box3 p { height: 90px; font-size:12px; line-height:1.6em; margin:5px 0 0 0 ; text-align:left; padding-right:20px; border-right: 1px dotted #00bad8;}
.box3 p{border:none;}

.box1 .number, .box2 .number, .box3 .number { margin:7px 0 0 0 ; font-size: 2em; font-weight: 200; color: #00bad8; width: 100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.box1 .number {color: #00bad8; padding-left:257px;}
.box2 .number {color: #008ca2; padding-left:257px;}
.box3 .number {color: #004d59; padding-left:257px;}


.social_left { float:left; margin: 5px 0 0 15px; border-right: 1px solid red; }
.social_right { float: right; margin: 5px 15px 0 0; }

/* Footer Layout
--------------------------------------------------------------------------------------- */

.divTextToGive { width:920px; padding:20px; background: #ff0042; color: #ffffff; overflow: hidden; }
.text_panel_left { width: 196px; float: left; display: inline; border-right: 2px solid #ff5763; padding-right: 17px; }
.text_panel_right { width: 685px; float: right; display: inline; position: relative; height: 140px; }
.text_panel_right small { display: block; position: absolute; left: 0; bottom: 0; width: 100%; color:#610019; font-size: 1em; }
.text_panel_right h3 { font-size: 2.6em; color: #ffffff; margin-top: 24px; font-weight: normal; }


.footer { 
	position:relative;		
	clear:both; 
	border: 0px solid red;
	width: 980px; 
	height:20px;
	margin: 10px auto 0 auto; 
	padding: 20px 10px 24px 10px; 
	color: #444444; 
	overflow: hidden;
	background: url("../images/new/line.png") no-repeat 50% 0;
	z-index:120; }
		
.copyright { width: 310px; height:20px; float: left; margin-top: 14px;}
.copyright p { font-size: 10px !important; margin: 0 0 4px 0;color:#baaea6; }
.copyright p.last { margin-bottom: 0; }
.links { width:660px; float: right;font-size: 10px !important;text-align: right;color:#baaea6; padding-right: 10px; }
.links a { font-size: 10px; color:#696460; }
.links a:hover { color:#54b2bc; text-decoration: underline }
#communication{
	float:right;
	margin-top:5px;
	width:87px;
	height:25px;
	border: 0px solid red;

}

/* Oferta Podstrony
_______________________________________________________________________________________________ */

#textBasic{
	float:left;
	width:460px;
	height:auto;
	border: 0px solid green;
}
#imagesBasic{
	float:right;
	width:218px;
	height:434px;
	padding-top: 6px;
	border:0px solid red;
}
#imagesBasic img{
	margin-top:7px;
	border:1px solid #004D59;
}
/*-----------------------------Strona 01-----------------------------------*/
#link1{
	float:left;
	border: 0px solid red;
}
#link1 ul li{
	margin-left:15px;
	margin-top:3px;
	font-size: 12px;	
	list-style-type: disc;
}
/*-----------------------------Strona 02-----------------------------------*/
#link2 {
	margin-top:3px;	
}
/*-----------------------------Strona 03-----------------------------------*/
#link3 {
	margin-top:3px;	
}
#link3 ul{
	margin-top:-10px;
}
#link3 ul li{
	font-size: 12px;
	margin-left:15px;
	margin-top:3px;
	list-style-type: disc;
}
/*-----------------------------Strona 04-----------------------------------*/
#link4 {
	margin-top:3px;	
}
/*-----------------------------Strona 05-----------------------------------*/
#link5 {
	margin-top:3px;	
}
#link5 ul li{
	font-size: 12px;
	margin-left:15px;
	margin-top:3px;
	list-style-type: disc;
}
/*-----------------------------Strona 06-----------------------------------*/
#link6 {
	margin-top:3px;	
}
/*-----------------------------Strona 07-----------------------------------*/
#link7 {
	margin-top:3px;	
}
#link7 ul{
	margin-top:-10px;
}
#link7 ul li{
	font-size: 12px;
	margin-left:15px;
	margin-top:3px;
	list-style-type: disc;
}

/*-----------------------------Strona 08-----------------------------------*/
#oferty .inner #obrazki ul{margin: -6px 0px 6px -6px;}
#oferty .inner #obrazki ul li{
	font-size: 12px;
	list-style-type: decimal;	
	margin-left:6px;
}
#oferty .inner #obrazki img{margin-top:5px;}
.inner #obrazki ul li{
	list-style-type:none;
	display:inline;
	margin-top:8px;
}
#oferty .inner #propozycje {
	width:620px;
	height:140px;
	margin-bottom:5px;
	font-size: 12px;
	border: 0px solid red;
}
#oferty .inner #propozycje ul li{
	display:block;
	margin-top:3px;
}
.propozycje {
	float:left;
}
/*.itemdfgfg {
	width:125px;
	height:125px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;	
	overflow:hidden;	
	position:relative;	
	float:left;
}*/


/*-----------------------------Strona 09-----------------------------------*/
#link9 {
	margin-top:3px;	
}
#link9 ul{
	margin-top:-10px;
}
#link9 ul li{
	font-size: 12px;
	margin-left:15px;
	margin-top:3px;
	list-style-type: disc;
}

#link10 ul li{
	font-size: 12px;
	margin-left:15px;
	margin-top:3px;
	list-style-type: disc;
}
/*-----------------------------Strona 11-----------------------------------*/
#link11 {
	margin-top:3px;	
}
#link11 ul li{
	font-size: 12px;
	margin-left:15px;
	margin-top:3px;
	list-style-type: disc;
}

/*-----------------------------Strona 12-----------------------------------*/
#link12 {
	margin-top:3px;	
}
#link12 ul{
	margin-top:-10px;
}
#link12 ul li{
	font-size: 12px;
	margin-left:15px;
	margin-top:3px;
	list-style-type: disc;
}

#facebook{
	position:absolute;
	top:50px;
	right: -205px;
	z-index:900000;
	width:232px;
	height:420px;
	background: url('../images/slider.png') 0px 0px no-repeat;
}
#facebook iframe{
	float:right;
	background: #FFF;
	margin-top:10px;
	
}