body {margin: 0 0 0 0;
		padding: 0 0 0 0;}




	  T {font-family: "Open Sans", sans-serif;
        font-weight: bold;
        font-size: 50px;
        text-decoration: none;
		color: #2E2A2B;
       
		
		margin-left:50px;
		margin-top; 50px;
		}
	  
	
#caly_blok {
  
  font-size:25px;
  font-family: "Open Sans", sans-serif;

}

  @media all and (max-height:800px) {
  #caly_blok {
  font-size:18px;
  font-family: "Open Sans", sans-serif;

}}


#naglowek {
  background-color:none;
  background: url("top-bg.jpg") repeat-x scroll 0 0 transparent;
   height:109px;
   z-index: 10;		
   width:100%;
		
}
#n1 {
  background-color:none;
   height:94px;
		z-index: 10;
		
		}

#logo {
  background-color:transparent;
   float: left;
   width:30%;
   padding:15px;
		}		

#menu {
  background-color:none;
	
  #text-align: right;
  width:30%;
  float:right;
  min-width:500px;
  max-width:1800px;
		}	
		

ul {
  
  padding:0;
  list-style-type:none;
  padding:15px;
}

ul > li > a {
  text-decoration:none;
  float:right;
  vertical-align:middle;
  display:block;
  #padding:15px;
  #border-left:1px solid #EEE;
  text-align:center;
  margin-right: 20px;
  background-color:none;

}

ul > li > a1 {
  text-decoration:none;
  float:right;
  vertical-align:middle;
  display:block;
  #padding:15px;
  #border-left:1px solid #EEE;
  text-align:center;
  margin-right: 20px;
  background-color:none;

}

ul > li > a:link, ul > li > a:visited, ul > li > a:active {
        color: #2E2A2B;
        font-family: "Open Sans", sans-serif;
        font-weight: normal;
        font-size: 24px;
        text-decoration: none;
		
	
		}
		
ul > li > a:hover {
        text-decoration: bold;
        font-family: "Open Sans", sans-serif;
        font-weight: none;
        font-size: 24px;
        color: #EFAA32;
	}
	  
		
#cien {

background: url("cien.png") 50% 100% no-repeat transparent;
bottom: -16px;
display: block;
height: 16px;

position: absolute;
width: 100%;
}		
		
		
		

#podpaska {
  background-color:none;
  height:95px;

  z-index: 1;
}

#mybgcarousel{ /* CSS for specific carousel container called #mybgcarousel. */
width:100%;
height:24em;
background-color:#DDD;
margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
}

#realizacje{ /* CSS for specific carousel container called #mybgcarousel. */
width:100%;
height:24em;
background-color:#DDD;
margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
}


/* ######### Shared CSS for various parts of carousel (in the event of multiple carousels) ######### */

div.bgcarousel{ /* shared CSS for main carousel container */
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
}

div.bgcarousel img.navbutton{ /* CSS for the nav buttons */
}

div.bgcarousel div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
#margin-left:-5px;
}

div.bgcarousel div.selectedslide{ /* CSS for currently selected slide */
}

div.bgcarousel div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.bgcarousel div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.bgcarousel div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.bgcarousel div.slide div.desc a{
color:yellow;
text-decoration:none;
}
  
#kontent {
  background-color:none;
  #height:42em;
		#z-index: 4;
}

#kontent2 {
  background-color:white;
  #height:39.6em;
  padding-top:0.6em;
  padding-bottom: 0.6em;
	#z-index: 5;
  
}

#kontent2b {
  #background-color:white;
  #height:39.6em;
  padding-top:0.6em;
  padding-bottom: 0.6em;
	#z-index: 5;
  background-attachment: scroll;
background-clip: border-box;
#background-color: gray;
#background-color: transparent;
background-image: url("ciapki.jpg");
background-position: right top;
background-repeat: no-repeat;
background-size: auto;
}

#oferta {
  background-color:none;
  height:33.6em;
  width: 48em;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  #padding-left:14%;
  padding-bottom: 2em;
  #padding-top: 20px;
  #padding-right:14%;
  
	
}
#oferta2 {
  background-color:none;
  height:40em;
  width: 60em;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  #padding-left:14%;
  padding-bottom: 2em;
  #padding-top: 20px;
  #padding-right:14%;
  
	
}


.tytul {
  background-color:none;
  height:4em;
  width: 100%;


  #padding-left:50px;
  #padding-top: 50px;

		
}	

.box { 
background-attachment: scroll;
background-clip: border-box;
#background-color: none;
background-color: transparent;
#background-image: url("grawer.png");
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
float: left;
height: 10em;
width: 14em;
margin-bottom: 1.2em;
margin-left: 1.2em;
margin-right: 0px;
margin-top: 0px;
position: relative;

}	



.box-kontakt { 
background-attachment: scroll;
background-clip: border-box;
#background-color: gray;
#background-color: transparent;

background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
float: left;
height: 29.6em;
width: 24em;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 0px;
margin-top: 0px;
position: relative;
text-align:justify; 
font-size: 18px;
}

.box-kontakt2 { 
background-attachment: scroll;
background-clip: border-box;
#background-color: gray;
#background-color: transparent;
#background-image: url("ciapki.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
float: right;
height: 29.6em;
width: 24em;
margin-bottom: 30px;
#margin-left: 30px;
margin-right: 0px;
margin-top: 0px;
position: relative;
text-align: center; 
#font-size: 18px;
}

#kontent3 { 
background-attachment: scroll;
background-clip: border-box;
#background-color: gray;
#background-color: transparent;
#background-image: url("http://www.fabrykamagika.pl/wp-content/themes/fabryka/images/box-main.png");
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
#float: left;
height: 29.6em;
#width: 48em;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 0px;
margin-top: 0px;
position: relative;
text-align:justify; 
font-size: 18px;
}

#podgrupy  > a:link, a:visited, a:active {
        color: #2E2A2B;
        font-family: "Open Sans", sans-serif;
        font-weight: normal;
        font-size: 24px;
        text-decoration: none;
		
	
		}
		
#podgrupy > a:hover  {
        color: orange;
        font-family: "Open Sans", sans-serif;
        font-weight: normal;
        font-size: 24px;
        text-decoration: none;
		
		}	

#podgrupy{
#float:left;
position:relative;
		z-index: 0;

}
		
#mybgcarousel2{ /* CSS for specific carousel container called #mybgcarousel. */
width:300px;
height:250px;
background-color:#DDD;
#margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
float:right;
}

#mybgcarousel3{ /* CSS for specific carousel container called #mybgcarousel. */
width:300px;
height:250px;
background-color:#DDD;
#margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
float:right;
}
#mybgcarousel4{ /* CSS for specific carousel container called #mybgcarousel. */
width:300px;
height:250px;
background-color:#DDD;
#margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
float:right;
}
#mybgcarousel5{ /* CSS for specific carousel container called #mybgcarousel. */
width:300px;
height:250px;
background-color:#DDD;
#margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
float:right;
}

#mybgcarousel6{ /* CSS for specific carousel container called #mybgcarousel. */
width:300px;
height:250px;
background-color:#DDD;
#margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
float:right;
}

#mybgcarousel7{ /* CSS for specific carousel container called #mybgcarousel. */
width:300px;
height:250px;
background-color:#DDD;
#margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
float:right;
}

#mybgcarousel8{ /* CSS for specific carousel container called #mybgcarousel. */
width:300px;
height:250px;
background-color:#DDD;
#margin-bottom: -0.6em;
#margin-left:-2px;
z-index: 1;
float:right;
}

#tresc
{
 font-size: 16px;
 width: 60%;
 z-index: 8;
float:left;
  text-align:justify; 
  padding:15px;
  margin-left:20px;
}

#karuzela
{
 width: 30%;
 z-index: 8;
float:left;
padding:5px;
  
}

#stopka {
  #background-color:#EFAA32;
  background: url("krechy.png") repeat scroll 0 0 #EFAA32;
  height:230px;
  width: 100%;
  z-index: 2;
  margin-top: -0.6em;
  position:relative;
		z-index:2;
  
}
#top-stopka{
background-color: transparent;
height: 100px;
#padding-left:50px;
 #padding-top:30px;
#margin-bottom: 30px;
#margin-left: 50px;
#margin-right: 0px;
#margin-top: 50px;
}

#logo-stopka {
  background-color:transparent;
   float: left;
   width:30%;
   padding-top:30px;
   padding-left:30px;
		}		

#menu-stopka {
  background-color:none;
	
  #text-align: right;
  width:30%;
  float:right;
  min-width:500px;
  max-width:1800px;
		}	

#menu-stopka > ul > li > a:hover {
        text-decoration: bold;
        font-family: "Open Sans", sans-serif;
        font-weight: none;
        font-size: 24px;
        color: white;
	}


	
	
#kontent-stopka {
  background-color:transparent;
  height:100px;
  #width:100%;
  display:table-cell;
  clear:both;
 
}



#ikony{
background-color: transparent;
float: left;
height: 200px;
width: 50px;
margin-left: 50px;
padding-top:15px;
margin-right: -40px;
}


.s1{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;

background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
float: left;
#height: 100px;
#width: 180px;
#margin-bottom: 30px;
margin-left: 10px;
#margin-right: 0px;
margin-top: 20px;
#position: relative;
font-family: "Open Sans", sans-serif;
        font-weight: normal;
        font-size: 15px;
        text-decoration: none;
		color: #2E2A2B;
}

.s2{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;

background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
float: left;
#height: 100px;
#width: 180px;
#margin-bottom: 30px;
margin-left: 10px;
#margin-right: 0px;
margin-top:30px;
#position: relative;
font-family: "Open Sans", sans-serif;
        font-weight: normal;
        font-size: 15px;
        text-decoration: none;
		color: #2E2A2B;
}


.ikona{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;

background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
float: left;
height: 80px;
width: 40px;
#margin-bottom: 30px;
margin-left: 50px;
#margin-right: 0px;
margin-top: 20px;
position: relative;
font-family: "Open Sans", sans-serif;
        font-weight: normal;
        font-size: 15px;
        text-decoration: none;
		color: #2E2A2B;
		}

.adres{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;

background-position: 0px 0px;
background-repeat: no-repeat;
background-size: auto;
cursor: pointer;
float: left;
height: 100px;
width: 180px;
#margin-bottom: 30px;
margin-left: 50px;
#margin-right: 0px;
#margin-top: 50px;
position: relative;
font-family: "Open Sans", sans-serif;
        font-weight: normal;
        font-size: 15px;
        text-decoration: none;
		color: #2E2A2B;

}	

.seperator {
background-color: #2E2A2B;
height: 100px;
width: 2px;
float: left;

}

#autor{
clear:both;
text-align: right;
height:30px;
padding-right:30px;
#padding-bottom:15px;
font-family: "Open Sans", sans-serif;
        font-weight: bold;
        font-size: 15px;
        text-decoration: none;
		color: #2E2A2B;

}






#cien2 {

background: url("cien2.png") 50% 100% no-repeat transparent;
display: block;
height: 0.6em;
left: 0px;
position: relative;
right: 0px;
width: 100%;
z-index: 8;

}

#cien3 {

background: url("cien.png") 50% 100% no-repeat transparent;

display: block;
height: 0.6em;
left: 0px;
position: relative;

right: 0px;
width: 100%;
z-index: 8;

}