body { margin: 0; 
background-color:black;
}

h1{
color: #00BCF3;
font-size:1.3em;
margin:0px;
padding:0px;
}
h2{
font-size:0.9em;
margin:0px;
padding-top:15px;
padding-bottom:15px;
padding-left:5px;
}
h3{
font-size:0.9em;
margin:0px;
padding-bottom:15px;
padding-left:5px;
}

.container{
font-family: 'century gothic';
width: 1000px;
margin: auto;
}
#bod{
width: 100%;
background-color:white;
margin: 0px;
padding: 0px;
outline: 0px none;
float:right;
height: 1px; 
height: 100%; 
}
#top{
width: 100%;
height: 300px;
background-color:black;
margin: 0px;
padding: 0px;
outline: 0px none;
}
#logo{
float:left;
width: 500px;
height: 88px;
background-color:black;
margin-right:100px;
margin-top:66px;
}
#menu{
width: 400px;
height: 150px;
float:left;
}
#menucontent{
margin-left:110px;
margin-top: 50px;
background-color: black;
width: 300px;
height: 60px;
background-color:black;
background: url(./img/logo2.png); 
}
#content{
width: 1000px;
float:right;
background-color:white;
 box-shadow: 10px 10px 25px #888888;
}
.ico{
width: 170px;
height:170px;
float:left;
margin:10px;
 border-radius: 12px 12px 12px 12px;
-webkit-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 9px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 9px 0px rgba(50, 50, 50, 0.75);
}
.ico:hover{
background-color:#BCE6F4;
}

/*BOX NA ARTICLE*/
#gg{
margin-top:25px;
margin-left:25px;
width: 500px;
height: 346px;
background: url(./img/gg.png);
float:left;
}
#box{
text-align: justify;
width: 375px;
overflow:hidden;
padding-top:50px;
padding-bottom:15px;
margin-bottom: 15px;
padding-right:70px;
color: 	black;
font-family: 'century gothic';
font-size:1.2em;
float:right;
}
#rules{
text-align: justify;
width: 800px;
overflow:hidden;
padding-top:50px;
padding-bottom:15px;
margin-bottom: 15px;
color: 	black;
font-family: 'century gothic';
font-size:1.2em;
margin: auto;
}
#lane{
background-color: #00BCF3;
width:100%;
height: 10px;
float:left;
}
#lane2{
margin-top:50px;
width:100%;
float:left;
}

#slider{
background-color: white;
margin-bottom:50px;
width: 1000px;
height: 200px;
float:left;
position: relative; margin-top: -100px; z-index: 1;
}



/*STOPKA*/

#bot{
width: 100%;
margin: 0px;
background-color:black;
outline: 0px none;
float:right;
height: 1px; 
height: 100%; 
}


#stopka{

width:1000px;
height:100px;
margin: 0px;
padding: 0px;
outline: 0px none;
background-color:black;
float:left;
}

#stopkamenu{
padding-top: 30px;
}

.link a:link, a:visited, a:unvisited{
color: #FFFFFF;
text-decoration: none;
}

.link  a{
color: #FFFFFF;
text-decoration: none;
}



.stopkainfo{
color: white; 
text-decoration: none;
padding-top: 40px;
width: 500px;
float:right;
font-family: 'century gothic';
font-size: 15px;
	color: white; 
}
.stopkainfo2{
padding-top: 40px;
width: 250px;
height: 150px;
float:left;
color: black;
font-family: 'century gothic';
font-size: 13px;
}

l {
color:	black ;
text-align: left;
}
ll {
color:	black ;
text-align: left;
}




/*===============END FONTS INCLUDE--------------------*/
/*===============MENU STYLE--------------------*/
#libot{
padding-top:25px;
color: #00688F;
width: 150px;
height: 80px;
float:left;
text-align:center;
font-family: 'impact';
font-size:1.4em;
background-color: #DCDCDC ;
}
#libot2{
padding-top:25px;
color:white;
width: 150px;
height: 80px;
float:left;
text-align:center;
font-family: 'impact';
font-size:1.4em;
background-color: #00688F;
}
.libot
{ color: #00688F;
text-decoration: none;
} 
.li
{ color: white; 
text-decoration: none;
} 
#licurrent{
text-decoration: none;
background-color: #00688F;
color: white;
padding-top:60px;
width: 150px;
height: 90px;
float:left;
text-align:center;
font-family: 'Impact';
font-size:1.4em;
}
#li{
padding-top:60px;
color:white;
width: 150px;
height: 90px;
float:left;
text-align:center;
font-family: 'impact';
font-size:1.4em;
}
#li:hover{
color:white;
background-color: #00688F;
padding-top:60px;
width: 150px;
height: 90px;
float:left;
text-align:center;
font-family: 'impact';
font-size:1.4em;

}
/*===============END MENU STYLE--------------------*/






/*================KONTAKT=======================*/

#dane{

    width: 860px;
    border-radius: 4px;
	margin-top:50px;
	margin:auto;
	font-size:1.2em;
}

}
#boxkontakt{
width: 1000px;

}
#leftsidemailer{
float:left;
width: 300px;
font-family: 'impact';
color:black;
font-size:1.4em;
margin-left:50px;
padding-top:50px;
}
#kontaktform{
margin-left:25px;
width: 600px;
float:left;
color:black;
font-family: 'century gothic';
padding-bottom:50px;
padding-top:50px;
}
#orderform{
margin:auto;
width: 900px;
color:black;
font-family: 'century gothic';

}
#orderform2{
margin:auto;
width: 900px;
color:black;
font-family: 'century gothic';
display:none;
}



#orderdiv {
    border: 2px solid #000;
    width: 900px;
    border-radius: 4px;
	margin:auto;
}


#orderdiv .title {
    background: none repeat scroll 0% 0% #56AAFF;
    height: 35px;
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    padding: 7px 0px 0px 20px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
#formdiv {
    border: 2px solid #000;
    width: 900px;
    border-radius: 4px;
	margin-top:150px;
	margin-left:20px;
	padding-bottom:30px;
}
#formdiv .title {
    background: none repeat scroll 0% 0% #56AAFF;
    height: 35px;
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    padding: 7px 0px 0px 20px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}




#adresfirmy{

margin-top:30px;
float:left;
color:black;
font-family: 'century gothic';
font-size:0.7em;
}
.input {
    border: 1px solid #999;
    border-radius: 4px;
    margin-bottom: 6px;
    display: inline-flex;
    background: none repeat scroll 0% 0% #FFF;
    height: 30px;
    width: 400px;
}



input {
 
    border: 0px none;
	width:100%;
    height: 30px;
    padding: 0px 10px;
    border-radius: 4px;

}
#blok{
    float:left;
    width: 400px;
    padding-left: 20px;
	margin-top:20px;
}
.titleform {
    background: none repeat scroll 0% 0% #E5E5E5;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    float: left;
    height: 24px;

    padding: 5px 10px 1px 12px;
    font-weight: bold;
    font-size: 13px;
}

.mid {
    background: url("img/mid.png") no-repeat scroll 0% 0% transparent;
    width: 30px;
    height: 32px;
    float: left;
}
.form {
    height: 30px;
}




.cartbutton
{
position: relative; margin-top:30px; z-index: 2; margin-left: 60%;
}




textarea {
  resize:none;
  max-width:100%;
  min-width:100%;
}



select {
  
    
    width:100%;
}










/* ============== END KONTAKT =========== */


#items{
width: 1000px;
}
#sum{
margin-left:80%;
margin-top:25px;
}
#products{
width: 1000px;
margin-left:25px;
}
#cart{
padding:50px;
width: 900px;
margin:auto;
margin-top:30px;

}
#txtHint{
margin-bottom: 20px;
margin-top: 50px;
width: 680px;
float:left;
}
.head{
padding-left: 5px;
width: 220px;
float:left;
border-bottom: 30px solid #47D1FF;
border-right: 15px solid transparent;
line-height: 2em;
margin: 0px;
height: 0px;
}


#selectorsc{
margin-left: 60px;
margin-top: 50px;
width: 240px;
float:left;

}
#selectorshead{

margin-left: 80px;
margin-top: 50px;
width: 240px;
float:left;
}
#selectors{
padding: 10px;
width: 240px;
float:left;

-webkit-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
}

}
#selectors2{
float:left;
}
#results{
font-size:0.8em;
width: 240px;
float:left;
}
#nakladc{
margin-left: 30px;
width: 270px;
float:left;
}
#nakladhead{
margin-left: 30px;
width: 270px;
float:left;
}
#naklad{
padding: 10px;
width: 270px;
float:left;

-webkit-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
}
#orderc{
margin-left: 30px;
width: 270px;
float:left;
}
#orderhead{
margin-left: 30px;
width: 270px;
float:left;
}
#orderinfo{
margin-bottom: 15px;
padding: 10px;
width: 270px;
float:left;

-webkit-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
}
#order{
padding: 10px;
width: 270px;
float:left;

-webkit-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.75);
}
.dropdown select { 
	  margin-bottom:10px;
      width: 200px;            /    *Width of select dropdown to give space for arrow image*/
}

/*===============FONTS INCLUDE--------------------*/
@font-face {
font-family: 'base4';
src: local('base4.ttf'), url(fonts/base4.ttf) format("truetype")
}
@font-face {
font-family: 'zekton';
src: local('zekton rg.ttf'), url(fonts/zekton rg.ttf.ttf) format("truetype")
}
@font-face {
font-family: 'pictogramz';
src: local('pictogramz.ttf'), url(fonts/pictogramz.ttf) format("truetype")
}
@font-face {
font-family: 'century gothic';
src: local('GOTHIC.TTF'), url(fonts/GOTHIC.TTF) format("truetype")
}






.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#cccccc; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
font-family: 'century gothic';
	
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
	background:-moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");	background: -o-linear-gradient(top,#56aaff,56aaff);

	background-color:#56aaff;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
	background:-moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");	background: -o-linear-gradient(top,#56aaff,56aaff);

	background-color:#56aaff;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}






  
 .submit-container {
   text-align:right;
   width:200px;
   margin-left:70%;
   }
.submit-button {
   margin-top:10px;
   border: 1px solid #056baf;
   background:  #56aaff;
   background: -webkit-gradient(linear, left top, left bottom, from(#056baf), to(#056baf));
   background: -webkit-linear-gradient(top,  #56aaff,  #56aaff);
   background: -moz-linear-gradient(top,  #56aaff,  #56aaff);
   background: -ms-linear-gradient(top,  #56aaff,  #56aaff);
   background: -o-linear-gradient(top,  #56aaff,  #56aaff);
   background-image: -ms-linear-gradient(top,  #56aaff 0%,  #56aaff 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #ffffff 0 1px 0;
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 5.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #7a9dde;
   text-shadow: #f5f5f5 0 1px 0;
   background: #7a9dde;
   background: -webkit-gradient(linear, left top, left bottom, from(#7a9dde), to(#7a9dde));
   background: -webkit-linear-gradient(top, #7a9dde, #7a9dde);
   background: -moz-linear-gradient(top, #7a9dde, #7a9dde);
   background: -ms-linear-gradient(top, #7a9dde, #7a9dde);
   background: -o-linear-gradient(top, #7a9dde, #7a9dde);
   background-image: -ms-linear-gradient(top, #7a9dde 0%, #7a9dde 100%);
   color: #ffffff;
   }
.submit-button:active {
   text-shadow: #ffffff 0 1px 0;
   border: 1px solid #7a9dde;
   background: #4d71b8;
   background: -webkit-gradient(linear, left top, left bottom, from(#4d71b8), to(#7a9dde));
   background: -webkit-linear-gradient(top, #4d71b8, #4d71b8);
   background: -moz-linear-gradient(top, #4d71b8, #4d71b8);
   background: -ms-linear-gradient(top, #4d71b8, #4d71b8);
   background: -o-linear-gradient(top, #4d71b8, #4d71b8);
   background-image: -ms-linear-gradient(top, #4d71b8 0%, #4d71b8 100%);
   color: #fff;
   }
   
   
   
   
   
   
   .belka_form_half {

    padding: 10px 15px;
    margin: 7px;
    border: 1px solid #999;
    border-radius: 3px;
    width: 400px;
    display: inline-block;
	text-align:center;

  background: #3498db;
}

.belka_form_half:hover {


 background: #3cb0fd;

}

   
 
  .btn {


  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.btn:hover {

  text-decoration: none;
}

.faqq{
margin:auto;

 border-radius:12px 12px 12px 12px;
min-height:50px;
background-color: 	#F8F8F8    ;
-webkit-box-shadow: inset 7px -176px 27px -185px rgba(0,0,0,0.75);
-moz-box-shadow: inset 7px -176px 27px -185px rgba(0,0,0,0.75);
box-shadow: inset 7px -176px 27px -185px rgba(0,0,0,0.75);
border-left: 6px solid #00BCF3 ;
padding-left: 8px;
font-size: 17px;
cursor: pointer;
text-decoration: none;
color: black;
padding-right:5px;
width:770px;



}

.faq{
margin:auto;


min-height:50px;

padding-left: 8px;
font-size: 17px;
cursor: pointer;
text-decoration: none;
color: black;
padding-right:5px;
width:740px;
  


}

.answer{



    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
   padding-left:5%;
font-size: 15px;


}