html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	text-decoration: none;
	background: #fff;
	font: 14px/21px 'Open Sans', Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	}
a, a > * {
	font: 14px/21px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #333;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
    }
a, a:link, a:active, a:visited, a:hover {
	-moz-text-blink: none;
	-moz-text-decoration-color: -moz-use-text-color;
	-moz-text-decoration-line: none;
	-moz-text-decoration-style: solid;
	color: #000;
	}
	
#wrap {
	min-height:100%;
	position:relative;
	}
	#wrap #wrap-content {
		padding-bottom: 230px; /* Wysoko�� stopki */
 	}
	#wrap #footer-wrap {
            margin-bottom: 70px;
            padding-top:10px;
            position:absolute;
            bottom:0;
            width:100%;
            height:120px;  /* Wysoko�� stopki */
            background:#ccc;
            border-top: 2px solid #000;
            font-size: 12px;
            }
		#wrap #footer-wrap a {
			font-size: 12px;
		}
		#wrap #footer-wrap .footer ul {
			list-style: none;
			margin:0;
			padding:0;
		}
	

	
	form input {margin: 0;border: 0;padding: 0;font-family: gothambook, 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px}
	:focus {
		outline: 0;
	}
	
	h1 { font-size: 30px; }
    h2 { font-size: 24px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    h5 { font-size: 12px; }
    h6 { font-size: 11px; }
    h1, h2, h3, h4, h5, h6 {
        color: #333;
        line-height: 1.25;
        text-transform: uppercase;
    }
    h1.capitalize {
        text-transform: capitalize;
    }
    dl,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset,blockquote,p {
		margin-top: 0;
        margin-bottom: 10px;
    }
	
img {border: none}
a.off {color: #656363}
a.on, a:hover {color: #000}
h1 { font-size: 30px; margin: 20px 0 20px 0}
.alignright {text-align:right}

/* ----------------------------------------------
 * Page Wrapper
 * ---------------------------------------------- */
/**.wrapper {
    background: #ccc;
    left: 50%;
    margin-left: -480px;
    position: relative;
    width: 960px;
}**/
/**
.container {
    margin: 0 20px;
    padding: 0 30px;
    position: relative;
}**/
/*
.container {
	min-height: 600px;
}*/

/* ----------------------------------------------
 * Colors
 * ---------------------------------------------- */
.bgred {background: red}
.bggreen {background: green}
.bgorange {background: orange}
.bggray {background: gray}
/* ----------------------------------------------
 * Header / Footer
 * ---------------------------------------------- */
/*.page_wrap {
	margin: 0 auto;
	width: 960px;
	background: #fff;
	min-height: 650px;
	}*/
	.header_wrap {
		width: 100%;
		height: 111px;
		
		position: relative;
	}
    #header {
    	background: #ddd;
        height: 103px;
		position: relative;
    }
   
	
/* ----------------------------------------------
 * Slider Styles
 * ---------------------------------------------- */
#slideshow-holder{
	width: 940px;
	height: 255px;
	position: relative;
	margin:0;
	overflow: hidden;
	padding: 0;
}
#slideshow{
	margin: 0px;
	padding: 0px;
	width: 940px;
	height: 255px;
}
/* ----------------------------------------------------------
 * pager
 * ----------------------------------------------------------
 * 	<div id="pager">
 * 	<a href="#" class="">1</a>
 * 	<a href="#" class="">2</a>
 * 	<a href="#" class="activeSlide">3</a>
 * 	<a href="#" class="">4</a>
 * 	</div>
 * ---------------------------------------------------------- */
#pager { 
	z-index: 10; 
	position:absolute; 
	top: 10px; 
	right:10px; 
	display: none;
	}
#pager a {
	display: inline-block;
	width: 23px;
	height: 20px;
	/*text-indent: -9999px;*/
	background-image: url(../img/dot_off.png);
	background-repeat: no-repeat;
	/*padding: 0 5px;*/
	margin: 0 5px;
	color: #333;
	text-align: center;
	padding-top: 7px;
	outline: 0;
	}
#pager a.activeSlide {
	display: inline-block;
	width: 23px;
	height: 20px;
	/*text-indent: -9999px;*/
	background-image: url(../img/dot_on.png);
	background-repeat: no-repeat;
	/*padding: 0 5px;*/
	margin: 0 5px;
	color: #fff;
	text-align: center;
	padding-top: 7px;
	}

/* ----------------------------------------------
 * Page formats
 * ---------------------------------------------- */
ul.menu2 { margin: 20px 0 0 0; padding:0; }
ul.menu2 li{ list-style-type:none; display:block; line-height: 0.9em; padding:0 ; margin: 0; background:none }
ul.menu2 li a.first { border-left: solid 2px #ed1b2e; padding-left: 10px;}
ul.menu2 li span { padding: 0 0; background:url(../images/subbullet-box.png) no-repeat 0px 6px;}
ul.menu2 li a { font-weight:normal; color:#626262; padding-left: 10px}
ul.menu2 li a.current { font-weight:normal; color:#bb0f18}
ul.menu2 ul {margin: 0 0 0 10px}



/* ----------------------------------------------
 * Images
 * ---------------------------------------------- */
img.responsive-image, img.ri {max-width: 100%; height: auto}

 

/* 
 * Kolumny wlasne
 */
 
.c12{ width: 48%; }
.c13 { width: 30.66%; }
.c23 { width: 65.33%; }
.c14 { width: 22%; }
.c34 { width: 74%; }
.c15 { width: 16.8%; }
.c25 { width: 37.6%; }
.c35 { width: 58.4%; }
.c45 { width: 79.2%; }
.c16 { width: 13.33%; }
.c56 { width: 82.67%; }
.cfull { width: 100%; }

.c12,
.c13,
.c23,
.c34,
.c14,
.c15,
.c25,
.c35,
.c45,
.c16,
.c56 {
	position: relative;
	margin-right: 4%;
	float: left;
}
.cfull{
	position: relative;
	margin-bottom: 0px;
}
.clast {
	margin-right: 0!important;
	clear: right;
}



.header_wrapper {
	width: 100%;
	border-top: solid 5px #000;
	height: 100px;
	}
	.header_wrapper #logo {
		margin: 20px 0 0 0;
    	}


img {
    box-shadow: 0 0 0 #000000 !important;
    height: auto;
    max-width: 100%;
    width: auto;
}

#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			width: 100%;
			height: 150px;
		}
		.slider_wrapper {
			margin: 0 auto;
			width: 100%;
		}
#camera_wrap_1 {

		}
		
		#header-image {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 100%;
}

.header-image {
    position: relative;
    margin: 0 auto;
			width: 100%;
			height: 197px;
}

		
	.header-image img {
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
    height: 197px;
}

	


 label.valid {
    width: 24px;
    height: 24px;
    background: url(../img/valid.png) center center no-repeat;
    display: inline-block;
    text-indent: -9999px;
    }
    label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
    }
    

tbody > tr.current { background-color: #a8ffd3 }

.boxMessage { font-size: 11px !important; width: 100%; margin-top: 30px; padding:10px}

.boxError {
	background: #FFC2B9 url(../img/icons/48/delete.png) no-repeat scroll 20px 20px;
	border: 1px solid #F45D43;
	color: #C74029;
}
.boxWarning {
	background: #FEFEC8 url(../img/icons/48/warning.png) no-repeat scroll 20px 20px;
	border: 1px solid #F1AA2C;
	color: #B5780C;
}
.boxSuccess {
	background: #D4F685 url(../img/icons/48/tick.png) no-repeat scroll 20px 20px;
	border: 1px solid #749F1C;
	color: #425C0C;
}
.boxInfo {
	background-color: #C4E4FD url(../img/icons/48/info.png) no-repeat scroll 20px 20px;
	border: 1px solid #688FDC;
	color: #204387;
}

div.line_after_konfigurator {
	width: 100%;
	height: 5px;
	background: #000;
}

/* ----------------------------------------------
 * Dealer form
 * ---------------------------------------------- */
.dform {}
	.dform .irow {margin: 5px 0}
		.dform .irow_label {float: left; width: 100px}
	.dform .irow input,
	.dform .irow select {color: #000; border: 1px solid #ddd; padding: 5px; width: 250px}
	.dform .irow select {width: 300px}
	.dform .irow.odbiorca {margin: 20px 0 20px 0}
	.dform .irow.submit {margin: 20px 0}
	.dform .irow .btn {width: 80px; cursor: pointer}



		.window-box .windowDesc input.note,
		.windowDesc input.note {
			width:450px; 
			height:25px;
			padding: 0 5px;
			border: solid 1px #ddd;
			background: #f5f5f5;
			}
			
			
			
/*.icon-basket {width: 60px; height: 60px; background: url(../img/icon-basket.png) no-repeat center; position: absolute; top: 10px; right: 5px; cursor: pointer;}*/
.icon-basket {width: 60px; height: 60px; position: absolute; top: 20px; right: 5px; cursor: pointer;}
.icon-basket .basket-layer > a {width: 60px; height: 60px; display: block; position: absolute; top: -60px; right: 0;}
.icon-basket .basket-layer {width: 400px; height: auto; background-color: #222; position: relative; top: 60px; right: 340px; z-index: 10; box-shadow: -5px 5px 8px rgba(0, 0, 0, 0.2); display: none;}
.icon-basket .basket-layer > span {width: 12px; height: 10px; background: url(../img/black-triangle-bg.png) no-repeat center; display: block; position: absolute; top: -10px; right: 23px;}
.icon-basket .products {padding: 10px; color: #fff;}
.icon-basket .products .product {height: 23px; padding: 7px 40px 5px 10px; border-bottom: 1px solid #565656; position: relative;}
.icon-basket .products .product:last-child {border: 0;}
.icon-basket .products .product span {width: 30px; height: 30px; background: url(../img/icon-remove.png) no-repeat center; display: block; position: absolute; top: 0; right: 0;}

#preview {
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px;
	display: none;
	color: #000;
	z-index: 2000;
	font-size: 12px;
}
#preview img {
	width: 150px;
	height: 150px;
	
	}
/* ----------------------------------------------
 * Images
 * ---------------------------------------------- */
img.responsive-image, img.ri {max-width: 100%; height: auto}
.img {
	border: 3px solid #666666;
	padding: 3px;
	
}
.page-right {
	float:right;
	margin: 0 0 10px 10px;
	}

#simplemodal-overlay {
background-color: #000;
}
#simplemodal-container {
background-color: none;
border: 0px solid #557DD5;
}



.camera_text {
    width: 95%; position: absolute; top:10%; left:5%; font-style: italic; text-align: center; font-size: 70px; font-weight: bold; color:red; line-height: 1.2em; text-shadow: rgba(0,0,0,0.5) 3px 2px 4px;
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@media (max-width: 1024px) {
    .camera_text { font-size: 50px; }
}


#display{
  background: #ffffff;
  height:70px;
  overflow:hidden;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  border-top: 1px solid #e20412;
}
#text{
  cursor:pointer;
  overflow:hidden;
  position:absolute;
  left:10px;
  margin-right:10px;
  top:10px;
  color: #000000;
  font-size: 40px;
  white-space : nowrap;
  line-height: 110%;
}
#text span.sec {
    padding: 0 50px;
}
#text span.rd {
    color: #e20412;
}