@import url('reset.css');

body{
	background:#000;
	color:#fff;
	/*font-family: 'PT Sans Narrow', Arial, sans-serif;*/
	font-family: Arial, sans-serif;
}
a{
	color:#fff;
	text-decoration:underline;
}
img.mb_bgimage{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	/*opacity:0.8;*/
	z-index:1;
}
.mb_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../images/pattern.png) repeat top left;
	z-index:2;
}
.mb_pattern div{
	position:absolute;
	width:95px;
	height:92px;
	background:#000;
	z-index:10;
}
#logo{
	position:absolute;
	top:10px;
	left:180px;
	font-size:86px;
	color:#000;
	text-shadow:0px 0px 1px #fff;
	z-index:4;
}
.mb_menu{
	position:absolute;
	top:116px;
	left:0px;
	z-index: 12;
}
.mb_menu a{
	display:block;
	width:178px;
	height:59px;
	color:#fff;
	line-height:59px;
	text-align:center;
	text-transform:uppercase;
	outline:none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
}
.mb_menu a:hover{
	color:#000;
	background-color:#fff;
}
.mb_tresc_wrapper{
	background:transparent url(../images/bg_menu.png) repeat top left;
	width:610px;
	height:550px;
	position:absolute;
	top:120px;
	left:180px;
	z-index:4;
	display:none;
}
span.mb_close{
	position:absolute;
	top:10px;
	right:10px;
	width:11px;
	height:12px;
	cursor:pointer;
	background:transparent url(../images/close.png) no-repeat top left;
	opacity:0.8;
}
span.mb_close:hover{
	opacity:1.0;
}
.mb_tresc{
	padding:15px;
	display:none;
}
.mb_tresc h2{
	/*font-family:"Astloch";*/
	text-shadow:0px 0px 1px #fff;
	font-size:30px;
	background:transparent url(../images/line.png) repeat-x bottom left;
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
}
.mb_tresc_inner{
	line-height:24px;
	height:450px;
	outline: none;
}

.mb_tresc_inner img {
	float:left;
	padding: 1px;
	margin: 0 15px 7px 0;
	border: 3px solid #e4e8ee;
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
}

#carousel img {
	float:left;
	padding: 0;
	margin: 0;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.mb_tresc_inner p{
	padding:5px 0px;
}
ul.mb_imagelist li{
	float:left;
	margin:2px;
	cursor:pointer;
}

ul.listaProsta li{
	margin-left:20px;
	
}

ul.mb_imagelist li img{
	display:block;
	opacity:0.3;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-transition: all 0.5s ease-in-out;
}
ul.mb_imagelist li img:hover{
	opacity:1.0;
}
.mb_tresc form label{
	float:left;
	width:133px;
	text-align:right;
	margin-right:10px;
}
.mb_tresc form div{
	padding:5px 0px;
}

.mb_tresc form input, .mb_tresc form textarea {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #444444;
    color: #19D1C6;
    font-family: Arial;
    padding: 4px;
    width: 330px;
}

.mb_tresc form textarea{
	height:140px;
}
button{
	background:#19D1C6;
	border:none;
	color:#ffffff;
	padding:3px 10px;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	cursor:pointer;
	float:right;
	margin-right: 97px;
}
button:hover{
	background:#01B8A1;
}
.mb_footer{
	background:transparent url(../images/bg_menu.png) repeat top left;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:10px;
	height:30px;
	padding-bottom:5px;
	text-transform:uppercase;
	line-height:30px;
	z-index: 2;
}
.mb_footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.mb_footer a:hover{
	color:#fff;
}
.mb_footer a span{
	font-weight:bold;
}
.mb_footer a.mb_left{
	float:left;
	text-decoration: none;
}

.zdjecieTresc {
	float:left;
	padding: 1px;
	margin: 0 15px 7px 0;
	border: 3px solid #e4e8ee;
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
}
#galeria {

	margin-top:30px;
}

.zdjecieGaleria {
	float:left;
	padding: 1px;
	margin: 0 25px 7px;
	border: 3px solid #e4e8ee;
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {clear:both;}

h1 span{
	font-size:20px;
}

.bodyGaleria {
	background:#f0f0f0 url(../images/bg.jpg) repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #555;
}

.im_wrapper {
    margin-top: -48px;
    position: relative;
}

.im_wrapper div{
	left:-500px;
	width:125px;
	height:125px;
	position:absolute;
	background-repeat:no-repeat;
	background-color:#fff;
	cursor:pointer;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
}
.im_wrapper div img{
	float:left;
	width:115px;
	height:115px;
	margin:5px 0px 0px 5px;
}
.im_loading{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#fff url(../images/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	z-index:9999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.im_next,
.im_prev{
	width:50px;
	height:50px;
	position:fixed;
	bottom: 41%;
	margin-top:-25px;
	cursor:pointer;
	opacity:0.7;
	z-index:1000;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.im_next:hover,
.im_prev:hover
{
	opacity:0.9;
}
.im_next{
	background:#fff url(../images/next.png) no-repeat center center;
	right:-50px; /*10 to show*/
}
.im_prev{
	background:#fff url(../images/prev.png) no-repeat center center;
	left:-50px; /*10 to show*/
}

.link {
	top: 250px;
	position: absolute;
}
.naglowek {
	margin: 5px 0 15px 20px;
}

.naglowek-tresc {
	margin: 5px 0 15px 20px;
        font-size: 120%;
        font-weight: bold;
        color: yellow;
}

a.oMnie {	background:transparent url(../images/menu/o_mnie.png) no-repeat center center;}
a:hover.oMnie {	background:transparent url(../images/menu/o_mnieh.png) no-repeat center center;}
a.wesela { background:transparent url(../images/menu/wesela.png) no-repeat center center;}
a:hover.wesela { background:transparent url(../images/menu/weselah.png) no-repeat center center;}
a.oferta { background:transparent url(../images/menu/oferta.png) no-repeat center center;}
a:hover.oferta { background:transparent url(../images/menu/ofertah.png) no-repeat center center;}
a.sprzet { background:transparent url(../images/menu/sprzet.png) no-repeat center center;}
a:hover.sprzet { background:transparent url(../images/menu/sprzeth.png) no-repeat center center;}
a.galeria { background:transparent url(../images/menu/galeria.png) no-repeat center center;}
a:hover.galeria { background:transparent url(../images/menu/galeriah.png) no-repeat center center;}
a.imprezy { background:transparent url(../images/menu/imprezy.png) no-repeat center center;}
a:hover.imprezy { background:transparent url(../images/menu/imprezyh.png) no-repeat center center;}
a.aktualnosci { background:transparent url(../images/menu/aktualnosci.png) no-repeat center center;}
a:hover.aktualnosci { background:transparent url(../images/menu/aktualnoscih.png) no-repeat center center;}
a.referencje { background:transparent url(../images/menu/referencje.png) no-repeat center center;}
a:hover.referencje { background:transparent url(../images/menu/referencjeh.png) no-repeat center center;}
a.kontakt { background:transparent url(../images/menu/kontakt.png) no-repeat center center;}
a:hover.kontakt { background:transparent url(../images/menu/kontakth.png) no-repeat center center;}
.green {border: 1px solid #8fd92d; }
.niebieski { border: 1px solid  #00aef0;}

.headerLogo {
	width: 100%;
}
.wrap {
	margin: 0 auto;
    width: 437px;
}

.description{
        position:absolute;
        left:30px;
        top:30px;
        font-size:16px;
        color:#888;
}
.description a{
        font-size:22px;
        color:#888;
}
span.reference{
        position:fixed;
        left:10px;
        bottom:10px;
        font-size:16px;
}
span.reference a{
        color:#888;
        text-transform:uppercase;
        text-decoration:none;
        padding-right:20px;
}
span.reference a:hover{
        color:#444;
}
#logo2{
        margin:0 auto;
}
#logo2 a{

}
.news {
      width: 100%;
      padding-bottom: 20px;
      padding-top: 10px;
}

.news-tresc {
        float: left;
        width: 100%;
        padding-bottom: 20px;
        border: 1px solid #ffffff;
        border-top-style:none;
        border-right-style:none;
        border-bottom-style:dotted;
        border-left-style:none;
}

.data { 
    font-size: 80%;
    color: yellow;
}

img.bezramki {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}

.center {
	text-align:center;
}

.warning { color: red; }

form.cmxform label.error, label.error {
    color: #E30061;
    font-style: italic;
    font-size: 80%;
}

form.cmxform label.error {
    margin-left: 143px;
    width: 350px;
    text-align: left;
}

form.cmxform legend, form.cmxform label {
    
    font-size: 90%;
    line-height: 14px;
}

form.cmxform label {
    display: inline-block;
    vertical-align: top;
}

.mb_tresc form input.error, .mb_tresc form textarea.error{
    border: 1px dotted #E30061;
}

#gallery{
	/* The pics container */
	width:100%;
	height:590px;
	position:relative;
}

.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:120px;
	height:120px;
	overflow:hidden;
}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #EEEEEE;
	border-bottom:18px solid #eeeeee;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}

.galeriaInner{
    margin: 0 auto;
    width: 900px;
    position:relative;
    height: 590px;
}

.galeriaAlbumy {
    width: 100%;
}

.galeriaAlbumy li {
    display: inline;
}

.galeriaAlbumy img {
    margin: 28px;
}

a.facebook  {
	float:right;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    text-align: left;
	text-decoration: none;
}

#fancybox-title-inside table {
    border-width: 1px;
	border-spacing: 2px;
	border-style: inset;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
    text-align: left;
	line-height: 16px;
    width: 100%;
}

#fancybox-title-inside table th {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: #dddddd;
	background-color: white;
	-moz-border-radius: ;
}
#fancybox-title-inside table td {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: #dddddd;
	background-color: white;
	-moz-border-radius: ;
}