@import url('camera.css');
@import url('flaticon.css');
@import url('gallery.css');
@import url('lightbox.css');
@import url('box-view.css');


@font-face { font-family: zekton; src: url('fonts/zekton.ttf'); }
body { background: url(images/bg.jpg) repeat, #000; padding: 0px; margin: 0px; color: #cecece; font-family: 'Andada', sans-serif; min-width: 960px;}

a { color: #dc8033; text-decoration: none; cursor: pointer;}
a:hover { color: #F8780D; }

h1,h2,h3,h4,h5 {  color: #fff; font-family: 'Italianno', sans-serif; margin: 10px 0px 0px 0px;}
h1 {font-size: 3em;}
h2 {font-size: 2.5em;}
h3{font-size: 2.2em;}
h4{font-size: 2em;}
h5{font-size: 1.17em;}

input, textarea, .textbox { background: rgba(0,0,0,0.3); border-radius: 5px; border: 1px solid rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);  padding: 6px 10px; color: #ccc; }
.textbox.big{ width: 299px; }
input[type=reset], input[type=submit] {
	width: 165px;
	background: rgba(255,0,0,0.7);
	padding: 10px;
	box-shadow: inset 0px 2px 2px #1d1d1d, 0px 1px 0 #2d2d2d;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	-o-border-radius: 50px; 
	-khtml-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}
input[type=reset]:hover, input[type=submit]:hover {
	background: #ff0000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#930000');
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#930000)); 
	background: -moz-linear-gradient(top,  #ff0000,  #930000);
}

input[type=reset]:active, input[type=submit]:active {
	box-shadow: inset 0px 2px 4px #1d1d1d, 0px 5px 0 #2d2d2d;
}

.abutton { 
	background: #ff0000;
	padding: 8px 15px;
	border-radius: 5px;
	color: #fff;
}

.abutton:hover { 
	-webkit-box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.5);
	color: #ccc;
}

.abutton:active { 
	-webkit-box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.75);
}

img.img-border { border: 5px solid #1d1d1d; box-shadow: 0px 0px 10px 0px #000; }
img.img-border.big { max-width: 940px; margin: 5px; }
.column-two img{ max-width: 460px; margin: 5px 0px; }

.contactinfo { overflow: hidden; margin-top: 10px; }
.contactinfo .shopinfo { margin: 0px 0px 0px 0px; padding: 0px; width: 100%;  }
	.contactinfo .shopinfo .icon { width: 30px; height: 30px; background: #ff0000; }
		.contactinfo .shopinfo .icon.phone  { background: url(images/phone.png) no-repeat center center, #ff0000; background-size: 24px 24px; }
		.contactinfo .shopinfo .icon.mail{  background: url(/images/icon/at1.png) no-repeat center center, #ff0000; background-size: 24px 24px; }
		.contactinfo .shopinfo .icon.title{  background: url(/images/icon/store.png) no-repeat center center, #ff0000; background-size: 22px 22px; }
		.contactinfo .shopinfo .icon.address{  background: url(/images/icon/pin7.png) no-repeat center center, #ff0000; background-size: 24px 24px; }
		.contactinfo .shopinfo .icon.time{  background: url(images/Debug-Watch-icon2.png) no-repeat center center, #ff0000; background-size: 24px 24px; }
		.contactinfo .shopinfo .icon.calendar  { background: url(images/calender.png) no-repeat center center, #ff0000; background-size: 24px 24px; }
		.contactinfo .shopinfo .icon.time  { background: url(images/time.png) no-repeat center center, #ff0000; background-size: 24px 24px; }

	.contactinfo .shopinfo tr:nth-child(n+2) td:nth-child(n+2) { text-align: center; padding: 2px 5px; }
	.contactinfo .shopinfo td{ vertical-align: middle; line-height: 32px; text-align: center; background: rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.3);}
	.contactinfo .shopinfo td.icon{ background: #ff0000; }
	
	.contactinfo .shopinfo tr:first-child td:first-child { border-radius: 5px 0px 0px 0px; }
	.contactinfo .shopinfo tr:last-child td:first-child { border-radius: 0px 0px 0px 5px; }
	.contactinfo .shopinfo tr:first-child td:last-child { border-radius: 0px 5px 0px 0px; }
	.contactinfo .shopinfo tr:last-child td:last-child { border-radius: 0px 0px 5px 0px; }

.contactinfo  .element{ line-height: 30px; min-height: 30px;color: #cecece; background: rgba(0,0,0,0.3); background-size: 24px 24px,;  border-radius: 5px; margin: 0px 0px 10px 0px; border-left: 30px solid #ff0000; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(0,0,0,0.3);}
.contactinfo  .element span{ height: 30px; width: 30px; display: block; float: left; margin: 0px 10px 0px -30px;  }
	.contactinfo  .element span.phone{  background: url(/images/icon/phone88.png) no-repeat center center; background-size: 24px 24px; }
	.contactinfo  .element span.mail{  background: url(/images/icon/at1.png) no-repeat center center; background-size: 24px 24px; }
	.contactinfo  .element span.title{  background: url(/images/icon/store.png) no-repeat center center; background-size: 22px 22px; }
	.contactinfo  .element span.address{  background: url(/images/icon/pin7.png) no-repeat center center; background-size: 24px 24px; }
	.contactinfo  .element span.time{  background: url(images/Debug-Watch-icon2.png) no-repeat center center; background-size: 24px 24px; }

.bgpage { position: absolute; z-index: -1; width: 100%; margin-top: -20px;border-spacing: 0px; }
.bgpage .gbpagecenter { width: 960px; }


.web { margin: 0 auto; width: 960px; min-width: 960px; overflow: hidden; }
#header, #content, #footer, .clear { clear: both; overflow: hidden; }

#top-index { height: 330px; overflow: hidden; background: url(images/bg-top3.png) repeat-x; position: absolute; top:0; width: 100%; z-index:1; min-width: 960px;}
#top-index .top-ribbon { height: 180px; width: 250px; background: url(images/weblogo2-bg.png) no-repeat top left; float: left; }
#top-index .top-logo { display:block; height: 100%; width: 100%; background: url(images/weblogo2-logo.png) no-repeat center center; opacity: 0.9; }
#top-index .top-logo:hover  { opacity: 1; }

#top { overflow: hidden; background: url(images/bg-top3.png) repeat-x; width: 100%; z-index:1; min-width: 960px;}
#top .top-ribbon { height: 180px; width: 250px; background: url(images/weblogo2-bg.png) no-repeat top left; float: left; }
#top .top-logo { display:block; height: 100%; width: 100%; background: url(images/weblogo2-logo.png) no-repeat center center; opacity: 0.9; }
#top .top-logo:hover  { opacity: 1; }

#mainmenu { margin: 35px 0px 0 270px; padding: 0px; list-style: none; float: right; position: absolute;}
#mainmenu ul { list-style: none; margin: 0; padding: 0; }
#mainmenu ul {width: 160px;}
#mainmenu ul li {clear: both;}
#mainmenu > li {float: left; margin-right: 10px; position: relative;}
#mainmenu > li li {position: relative;}
#mainmenu > li ul {position: absolute; left: 0;}
#mainmenu > li ul li ul {position: absolute; left: 160px; top: 0px;}
ul#mainmenu  ul {display: none;}
ul#mainmenu  li:hover > ul {display: block;}
	/*POZIOM 1*/
	#mainmenu { margin: 35px 0px 0 270px; float: right; }
	#mainmenu > li { float: left; margin-left: 20px; font-family: 'Italianno', sans-serif; font-size: 30pt; line-height: 60px; }
	#mainmenu > li > a {display: table; width: auto; text-align: center; text-decoration: none; color: #cecece;}
	#mainmenu > li:hover > a { color: #fff; background: url(images/menu-kreska_111.png) no-repeat bottom left, url(images/menu-kreska_222.png) no-repeat bottom right; }
	/*POZIOMY NIŻSZE*/
	#mainmenu ul { position: absolute; z-index: 1;font-size: 12px; background: url(images/bg-top-big-red.png) no-repeat bottom left; text-transform: none;  margin: 0px; padding: 0px 0px 0px 0px; z-index: 1000; }
	#mainmenu ul li > a {color: #fff; display: block; float: left; width: 100%; text-decoration: none; font-family: 'Andada', sans-serif; font-size: 12px; }
	#mainmenu ul li {margin: 0px; padding: 0px; line-height: 20px; height:20px; padding: 5px; width: 150px;}
	#mainmenu ul li:hover {color: #fff; background: rgba(0,0,0,0.2); background-image: none;}
	#mainmenu ul li:last-child { margin-bottom: 20px; }

	/*ARROW
	#mainmenu  .arrow {display: inline-block; margin: 0 5px 0; height: 0; vertical-align: top; content: ""; position: absolute;}
	#mainmenu > li > a > .arrow {top: 17px; right: 0; margin-right: -8px; border-top: 3px solid #333; border-right: 3px solid transparent; border-left: 3px solid transparent;}
	#mainmenu  ul ul .arrow {top: 10px; right: 0; border-top: 3px solid transparent; border-right: 3px solid transparent; border-left: 3px solid #333; border-bottom: 3px solid transparent;}
	*/

#header #slider{ margin: 125px 0px 40px 0px; z-index: 0; border-bottom: /*2px solid #3d0000;*/ overflow: hidden; padding-bottom: 12px; overflow: hidden;}
#header #slider ul li.pix_thumb{ z-index: 1; position:relative; float: left; background: url(images/bullets-red.png) no-repeat; height: 20px; width: 20px; display: block; margin-top: -11px; margin-bottom:10px; background-position: 0 -20px;}
#header #slider ul li.pix_thumb.cameracurrent { background-position: 0 0px;}

#content { min-height: 200px; padding-top: 5px; margin-top: -40px; }
#content #breadcrumb{ margin: 0px 0px 0px 260px; padding:0px; list-style: none; overflow: hidden;}
#content #breadcrumb li{ float: left; line-height: 20px;}
#content #breadcrumb li .icon-home{ background: url(images/icon_home.png) no-repeat center center; background-size: 18px 18px; width: 18px; height: 18px; display: block;}
#content #breadcrumb li a{ color: #838383; }
#content #breadcrumb li:last-child a{ color: #cecece; }
#content #breadcrumb li:hover a{ cursor: pointer;}
#content #breadcrumb li:nth-child(n+2){ padding-left: 15px; background: url(images/icon-ios7-arrow-forward-64.png) no-repeat center left; background-size: 16px 16px; }
#content .column-two { clear: both; overflow: hidden; }
#content .column-two .first { float: left; overflow: hidden; width: 475px; margin-right: 5px;}
#content .column-two .second { float: left; width: 475px;  margin-left: 5px;}
#content .column-four { clear: both; overflow: hidden; }
#content .column-four .box{ width: 232.5px; min-height: 100px; float: left; margin-right: 10px; margin-bottom: 10px; }
#content .column-four .box:nth-child(4n+4){ margin-right: 0px;}
#content .column-four img { height: 150px; width: 232.5px; }
#content .info-panel { /*background: url(../images/infobox_promocja_studniowka2015.jpg) no-repeat top left, #222; background-size: 930px;*/ padding: 5px; border: 5px solid rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4); min-height: 138px; width: 920px; margin: 10px auto; }
#content .info-panel .label-text-info { background: url(images/label-bg.png) no-repeat top left; width: 310px; height: 130px; position: absolute; margin: 0px 0px 0px 630px; } 
#content .info-panel:hover .label-text-info { background: url(images/label-bg-hover.png) no-repeat top left;  } 
#content .info-panel .label-text-info .title { -webkit-transform: rotate(351deg); -moz-transform: rotate(351deg); -o-transform: rotate(351deg); margin: 50px 0px 0px 15px; width: 190px; color: #cecece; } 
#content .info-panel:hover  .label-text-info .title { -webkit-transform: rotate(346deg); -moz-transform: rotate(346deg); -o-transform: rotate(346deg); margin: 57px 0px 0px 20px; } 
#content .info-panel .label-text-info .title a{ color: #cecece;} 

#content ul.stronicowanie { clear: both; margin: 10px 0; padding: 0; list-style-type: none; color: #000; font-size: 12px; text-align: center; }
#content ul.stronicowanie li { display:inline; padding: 6px 0px; border-radius: 3px; border: solid 1px #1d1d1d; background: #222; box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1); color: #feffff; text-shadow: 0px 1px 0px rgba(0,0,0, .5); }
#content ul.stronicowanie li a { color: #cecece; padding: 6px 10px; }
#content ul.stronicowanie li.active, #content ul.stronicowanie li.none  { border: none; background: #1b1b1b; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1); padding: 6px 10px; }
#content ul.stronicowanie li:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b1b1b), to(#3e4347)); background: -moz-linear-gradient(0% 0% 270deg,#1b1b1b, #3e4347);}
#content ul.stronicowanie li.active:hover, #content ul.stronicowanie li.none:hover {background:none;}

#footer { min-height: 200px; background: url(images/bg-bottom-big-red.png) repeat-x; overflow: hidden; }
#footer span.title { font-family: 'Italianno', sans-serif; font-size: 30pt; color: #cecece;}
#footer ul { margin: 0px; padding: 0px; color: #cecece; overflow: hidden;}
#footer ul li  { margin: 0px; line-height: 32px; margin-bottom: 5px;}
#footer #oferta ul li { margin: 0px; padding: 0px; line-height: 18px; }
#footer #kontakt ul li, #footer #sklep ul li   { padding-left: 36px;}
#footer ul li.skype, #footer .bottomshopinfo .skype  { background: url(images/Contact-Methods-Skype-icon2.png) no-repeat center left; background-size: 24px 24px;}
#footer ul li.phone, #footer .bottomshopinfo .phone  { margin-top: 8px; background: url(images/Contact-Methods-Phone-icon2.png) no-repeat center left; background-size: 24px 24px;}
#footer ul li.mail, #footer .bottomshopinfo .mail   { background: url(images/Buzz-Message-outline-icon2.png) no-repeat center left; background-size: 24px 24px;}
#footer ul li.address, #footer .bottomshopinfo .address  { margin-top: 8px; background: url(images/Maps-and-Geolocation-Marker-icon2.png) no-repeat center left; background-size: 24px 24px;}
#footer ul li.calendar, #footer .bottomshopinfo .calendar  { background: url(images/Objects-Tear-of-calendar-icon2.png) no-repeat center left;background-size: 24px 24px; }
#footer ul li.time, #footer .bottomshopinfo .time  { background: url(images/Debug-Watch-icon2.png) no-repeat center left; background-size: 24px 24px; }
#footer ul li.hrefgooglemap, #footer .bottomshopinfo .hrefgooglemap  { background: url(images/Maps-and-Geolocation-Map-marker-icon2.png) no-repeat center left; background-size: 24px 24px; cursor: pointer;}
#footer ul li a { color: #cecece; }
#footer .bottomshopinfo { margin: 0px; padding: 0px; }
#footer .bottomshopinfo .icon { display: block; width: 26px; height: 26px; }
#footer .bottomshopinfo tr:nth-child(n+2) td:nth-child(n+2) { text-align: center; padding: 2px 5px; }
#footer .bottomshopinfo td{ vertical-align: middle; line-height: 32px;}
#footer .web { padding-top: 25px; }
#footer .web >div{  float: left; width: 240px; } 
#footer #copyright { background: url(images/astro-logo.png) no-repeat 50% 10px; background-size: 240px; color: #cecece; padding-top: 119px;text-align: right; } 

.alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; }

.alert h4 { margin: 0; }

.alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; }

.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }

.alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }

.alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }

.alert-block { padding-top: 14px; padding-bottom: 14px; }

.alert-block > p, .alert-block > ul { margin-bottom: 0; }

.alert-block p + p { margin-top: 5px; }

/* glowny div z like box'em */
#facebook-box, #googleplus-box {
	position: fixed;
	z-index: 99;
	top: 250px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
#googleplus-box {
	top: 100px;  /* jego polozenie od gory */
}
 
/* wysuniecie like box'a */
#facebook-box:hover, #googleplus-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#facebook-box .outside, #googleplus-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}

#googleplus-box .outside {
	background: #DB4437;
}
 
/* wewnetrzne tlo boxa */
#facebook-box .inside, #googleplus-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}

#googleplus-box .inside {
	min-height: 110px;
	width:292px;
	text-align: center;
	padding: 30px 0px 0px 0px;
	color: #DB4437;
}
 
/* pasek z logo FB */
#facebook-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#facebook-box .belt a, #googleplus-box .belt a {
	font-weight: bold !important;
}

#googleplus-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 90px; 
	height: 50px;
	padding: 7px 0px 0px 20px;
	margin: 40px 0px 0px -55px;
	background: #DB4437;
	color: #fff !important;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#googleplus-box .belt a {
	color: #fff !important;
}