html, body					{ height: 100%; }
#head, #main, #foot	{ margin: 0 auto; position: relative; clear: both; width: 100%; }

.menu_h, .menu_v				{ margin: 0; padding: 0; }
.menu_h li, .menu_v li	{ margin: 0; padding: 0; }
.menu_h a, .menu_v a		{ margin: 0; padding: 0; display: block; text-decoration: none; }
.menu_h li							{ display: inline-block; }
.menu_h a:hover, .menu_v a:hover	{ text-decoration: none; }


#head												{ }
.head												{ padding-bottom: 63px; height: 190px; }

.head .lev1									{ overflow: hidden; text-align: center; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.head .lev1 a#logotype			{ display: block; margin-top: 1em; margin-bottom: 1em; }
.head .lev1 a#logotype img	{ width: 384px; }


.head .lev2					{ position: absolute; background: #ededed; width: 100%; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 999; }
#fb_container,
.head .lev2	nav			{ margin: 0 auto; width: 100%; max-width: 968px; }
#fb_container { margin-top:-43px; text-align:right;}
#fb_container .fb-like { margin-right:0px; margin-bottom:20px;}
.head .lev2	nav ul	{ text-align: right; padding-right: 100px;}
.head .lev2 nav li	{ margin-left: 25px; }
.head .lev2 nav a		{ font-size: 0.9em; line-height: 3.66em; text-transform: uppercase; }
.head .stickmenu		{ position: fixed; top:0; left:0 }

.head .lev2 nav a.active	{ color: #90b7df; }

.head .stickmenu li.menu_first,
.head .stickmenu li.menu_first_active	{ display: block !important; }


.head .lev2 li.menu_first,
.head .lev2 li.menu_first_active	{ display: none; float: left; margin: 0; }

.menu_mobile	{ display: none; font-size: 0.9em; line-height: 3.66em; text-transform: uppercase; background: url( nav-icon.png ) no-repeat right center; }



#main									{ height: 100%; }
#main .page						{ width: 100%; position: relative; min-height: 100%; text-align: center; overflow: hidden; }
#main .page .content	{ margin: 0 auto; }
#main .subpages_container	{ position: relative; display: block; }
#main .subpages_container .slider	{ position: relative; }
#main .subpage				{ width: 25%; position: relative; display: inline-block; vertical-align: top;  }




#main .page header		{ background: #f8f8f8; height: 140px; }
#main .page header h1	{ line-height: 140px; }

#main .plain	{ padding: 35px 0; }




#home	{ min-height: 1% !important; }
#home header		{ display: none; }
#home .content	{ width: 100%; padding: 0; }
#home .plain		{ padding: 0; }

#home .slide			{ position: relative; }
#home .slide img	{ width: 100%; display: block; }
#home .slide .content	{ background: rgba( 155, 185, 226, 0.6 ); position: absolute; bottom: 0; padding: 30px 0; }
#home .slide .content * 	{ color: #fff; text-align: left; }
#home .slide .grid				{ clear: both; display: block; margin: 0 auto; }
#home .slide h2	{ font-size: 50px; margin-bottom: 20px !important; }

#kontakt p	{ text-align: center; }
#kontakt a	{ font-size: inherit; }


#sklep header h1	{ width: 30%; display: inline-block; }
#sklep header nav	{ width: 70%; display: inline-block; vertical-align: top; margin-top: 40px; }
#sklep header ul	{ padding: 0; margin: 0; list-style: none; display: inline-block; width: 100%; }
#sklep header li	{ width: 21%; color: #9096a1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; display: inline-block; background: #f3f3f3; border-radius: 10px; margin-left: 4%; cursor: pointer; }
#sklep header li a	{ font-size: 1.25em; text-align: center; line-height: 2.4em; color: inherit; text-decoration: none }
#sklep header li:hover,
#sklep header li.menu_active	{ background: #ececec; color: #2d3a50; }


#sklep .sklep-lista	{ }
#sklep .sklep-lista .grid-2	{ width: 160px; }
#sklep .sklep-lista .item img	{ width: 100%; display: block; }
#sklep .sklep-lista .item .plec	{ width: 23px; height: 23px; margin: 0 auto; }
#sklep .sklep-lista .item h2		{ font-size: 1em; }
#sklep .sklep-lista .item h3		{ }
#sklep .sklep-lista .item p			{ font-size: 0.7em; text-align: center; }
#sklep h3.zamow	{ background: #c0c4ca; color: #fff; border-radius: 5px; border: none; padding: 10px 15px; margin: 40px 10px 0 10px; display: inline-block; cursor: pointer; }





#order												{ width: 640px; }
#order form										{ }
#order form span							{ display: block; }

#order .form-section h4				{ font-size: 1em; }


#order form span							{ display: inline-block; }
#order form span.produkt			{ width: 16.6%; }
#order form span.produkt span	{ display: block; }
#order form span.produkt img	{ width: 100%; display: block; margin: 0 auto; }

#order form span.name						{ font-size: 12px; height: 30px; text-align: center; }

#order form span.buttons				{ margin: 10px 0 0 0; text-align: center; }
#order form span.buttons .btn		{ width: 20px; border: 1px solid #ccc; border-radius: 5px; height: 20px; display: inline-block; line-height: 20px; vertical-align: top; cursor: pointer; }
#order form span.buttons input	{ width: 30px; text-align: center; border-radius: 3px; border: 1px solid #ccc; font-size: 12px; display: inline-block; height: 20px; line-height: 20px; vertical-align: top; }

#order form span.personal						{ padding: 0 20px; margin: 20px auto 0 auto; position: relative; }
#order form span.personal span			{ width: 250px; float: left; clear: none; margin: 0 25px; }
#order form span.personal span.textarea	{ width: 100%; }
#order form span.personal label			{ text-align: left; display: inline; line-height: 30px; float: left; font-size: 13px; width: auto; }
#order form span.personal input			{ display: block; width: 230px; border: 1px solid #ccc; border-radius: 5px; clear: both; line-height: 20px; height: 20px; padding: 5px 10px; }
#order form span.personal textarea	{ width: 530px; height: 70px; float: left; clear: both; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; padding: 5px 10px; }

#order form span.personal span.checkbox				{ width: 100%; margin-top: 10px; position: relative; }
#order form span.personal span.checkbox input	{
    width: auto;
    top: 0;
    left: 0;
    margin: 0;
    position: absolute;
}

#order form span.personal span.checkbox label {
    padding: 0 0 0 40px;
    display: block;
    line-height: 1.2em;
}

#order form span.personal span.checkbox label a {
    font-size: inherit;
    color: #90b7df;
}


#order form .form-figurki span.produkt img	{ width: 80%; }

#order form .form-zestawy,
#order form .form-akcesoria	{ float: left; width: 50%; }
#order form .form-zestawy span.produkt,
#order form .form-akcesoria span.produkt	{ width: 50%; }
#order form .form-zestawy span.produkt img,
#order form .form-akcesoria span.produkt img	{ width: 90%; }


#order form span.price	{ display: block; width: 100%; clear: both; border: 1px solid #ccc; border-width: 2px 0; padding: 0 20px; line-height: 30px; font-size: 14px; text-align: right; margin: 20px 0 0 0; float: left; }
#order form span.price input				{ border: none; background: none; width: 50px; text-align: right; font-weight: 600; color: #2D3A50; }

#order form .actionbuttons					{ display: block; width: 100%; text-align: center; clear: both; margin-bottom: 20px; }
#order form .actionbuttons button 	{ background: #c0c4ca; color: #fff; border-radius: 5px; border: none; padding: 10px 15px; margin: 20px 10px 0 10px; display: inline-block; cursor: pointer; width: 95px; }
#order form .actionbuttons .anuluj	{ background: #e8869d; color: #fff; border-radius: 5px; border: none; padding: 10px 15px; margin: 20px 10px 0 10px; display: inline-block; cursor: pointer; width: 65px; }
#order form .actionbuttons .regulamin	{ background: #e8869d; color: #fff; border-radius: 5px; border: none; padding: 10px 15px; margin: 20px 10px 0 10px; display: inline-block; cursor: pointer; width: 85px; }
#order form .actionbuttons .regulamin	a	{ color: inherit; text-decoration: none; }

.required,
.required label { color: #ff0000 }
.required input	{ border-color: #ff0000 !important; }

.accepted,
.accepted label	{ color: #093}
.accepted input	{ border-color: #093 !important; }

.error	{ font-size: 11px; color: #ff0000; float: right !important; width: auto !important; margin: 0 !important; line-height: 30px; }


.formsend	{ position: absolute; width: 100% !important; height: 100%; background: rgba( 255, 255, 255, .9 ); top: 0; left: 0; text-align: center; line-height: 300px; color: #093 }
.formsenderror	{ color: #ff0000 }


