/************************************************************************
 * Arkusz styli do serwisu http://www.czarodziejski-dworek.pl/
 * wszystkie prawa zastrzezone
 ************************************************************************/

body 	{  	
			font-family: Comic Sans MS, Verdana, arial, helvetica, sans-serif;
            text-align: center;
            margin: 0;
			padding: 0;
			color: #000;
			font-size : 13px; 
}

/************************************************************************
 * Style definiujace ogolne zalozenia strony
 ************************************************************************/
a                       { font-size: 12px; color: #000; text-decoration: none;}
a:hover         	 { text-decoration: underline;}

a.more			{ background: url(img/more.gif) 0 50% no-repeat;  display: block; height: 30px; width: 100px;}
a.more span		{ display: none;}
a:hover.more	{ background: url(img/more_a.gif) 0 50% no-repeat; text-decoration: none;}

a.more_yellow			{ background: url(img/more_yellow.gif) 0 50% no-repeat;  display: block; height: 30px; width: 100px; margin-right: 15px;}
a.more_yellow span		{ display: none;}
a:hover.more_yellow		{ background: url(img/more_yellow_a.gif) 0 50% no-repeat; text-decoration: none;}


img			 { border: 0;}
table, td		 { font-family: Comic Sans MS, Verdana, arial, helvetica, sans-serif; font-size: 12px }


h1          { font-family: 'Shadows Into Light', cursive, arial, helvetica, san-serif; font-size: 28px; margin: 0; padding: 10px; text-transform:uppercase}
h2          { font-family: Comic Sans MS,, arial, helvetica, san-serif; font-size: 19px; margin-bottom: 0px; padding: 0px; text-align: center;}
h3          { font-family: Comic Sans MS,, arial, helvetica, san-serif; font-size: 18px; margin-bottom: 0px; padding: 0px; background: url(img/line.gif) 0 -5% no-repeat;}


/************************************************************************
 * Style odnoszace sie do calej strony
 ************************************************************************/
.left			{ float: left; }
.right 			{ float: right; }
.bold 			{ font-weight: bold; }
.small 			{ font-size : 9px; }				             
.hidden			{ visibility: hidden;   width: 100%;  }
.clear 			{ clear: both;}		
.clearfix		{ clear: both; height: 1px; font-size: 1px;}		
.border      		{ border: 1px solid red; }
.clearfixFoto	{ clear: both; font-size: 10px; border: 1px solid #fff; height: 15px;}	
.textLeft		{ text-align: left; }	

.marginTopMinus5	{ margin-top: -5px; }
.marginTop0   		{ margin-top: 0px !important;}
.marginTop5   		{ margin-top: 5px; }
.marginTop10   		{ margin-top: 10px; }
.marginVer10   		{ margin: 10px 0; }
.marginLeft15  		{ margin-left: 15px; }
.marginRight10 		{ margin-right: 10px; }

/************************************************************************
 * Styl definiujace calosc strony
 ************************************************************************/
.container   		{ width: 800px; text-align: left; margin: auto;}
.menu			{ display: none; }

/************************************************************************
 * Styl definiujace strone glowna
 ************************************************************************/
.container.homePage   		 			{ text-align: center;}

.container.homePage	.leftSide   			{ width: 280px; text-align: left; float: left;}
.container.homePage	.leftSide  .logo  	{ padding: 0px 0 0 40px;}
.container.homePage	.leftInfo   			{ margin-top: -20px;}

.container.homePage	.rightSide   		 	{ width: 507px; text-align: left; float: right; }
.container.homePage  .content			{ background: url(../img/bg_index_bottom.gif) 0 0 no-repeat; margin-top: 15px;}


/*******O nas na stronie glownej **********/
.homePage .about_us_box 				{ width: 240px; float:left; margin-bottom: 50px;}
.homePage .about_us_box H1				{ margin-left: 50px; }
.homePage .about_us_box  p				{ line-height: 17px; margin:10px 10px 0 20px; }


/*******Konstrukcje na stronie glownej **********/

.homePage .integration 				{ width: 245px; float:left; margin-left: 10px;}
.homePage .integration H1 			{ margin-left: 35px;}
.homePage .integration  p			{ line-height: 17px; margin:10px 10px 0 30px; }
.homePage .singBold				{ text-align: center; font-weight: bold; font-size: 16px; }
a.sing_more					{ background: url(img/sing_more.gif) 0 50% no-repeat;  display: block; height: 30px; width: 130px; margin-right: 35px;}
a.sing_more span				{ display: none;}
a:hover.sing_more				{ background: url(img/sing_more_a.gif) 0 50% no-repeat; text-decoration: none;}


.special_banner	{ margin-left: -20px;}
/*******Stopka **********/
.copy			{ text-align: center; font-size: 9px; margin-top: 25px;}


/************************************************************************
 * Styl definiujace podstrone
 ************************************************************************/

.container.side  .content	{ margin: 40px 0 0 20px;  background: url(img/bg_site_content.gif) no-repeat;}






.button_print a 			{ background: url(img/developments_more.gif) 0 50% no-repeat;  display: block; padding-left: 30px; margin: 15px 15px 0 0;}
.button_print a:hover	{ background: url(img/developments_more_a.gif) 0 50% no-repeat; }

	


.contentArea .specifications 				{ padding: 5px 0px; background: #0a0909 url(img/s_specifications.gif) no-repeat 2% 50%; height: 30px; margin-top: 25px; border-top: 1px solid #fff; width: 700px}
.contentArea .specifications  span			{ display: none;}
.contentArea .specifications_table			{ border: 1px solid #fff; width: 700px; }
.contentArea .specifications_table  td		{ padding: 3px 15px; }
.contentArea .specifications_table .header	{ background: white; font-weight: bold; color: #000; }
.contentArea .specifications_table .first	{ width: 120px;}


.contentArea  .other_structures				{ padding: 5px 0px; background: #0a0909 url(img/s_other_structures.gif) no-repeat 2% 50%; height: 30px; margin-top: 25px; border-top: 1px solid #fff; width: 698px; /*IE*/ .width: 700px; margin-top: 25px;}
.contentArea  .other_structures  span			{ display: none;}
.contentArea  .other_structures_box			{ border: 1px solid #fff; width: 696px; /*IE*/ .width: 700px;}
.contentArea  .other_structures_box	ul		{ margin: 0px 15px; padding: 15px 0;}
.contentArea  .other_structures_box	li		{ display: inline; margin: 0px 0; padding: 0 5px;}