/*
	AUTHOR:	Anna Romańska
			info@dronka.org
			http://dronka.org
*/

/* RESETES & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body {
	font: 70% "Courier New", Courier, monospace;
	background: url(images/body-bg2.jpg) top center no-repeat #bbbdbc;
	}
	
body#index {
	font: 62.5% "Courier New", Courier, monospace;
	background: url(images/body-bg.jpg) top center no-repeat #bbbdbc;
	}
	
ul {list-style:none inside; }
p {font-size: 1.2em; line-height:1.2em; margin-bottom: 1.2em; }
a {outline: none; }
a img {border: none; }
/* END RESET */

/* TOOLBOX */
.floatleft {float: left; }
.floatright {float: right; }
.clear {clear: both; height:0px;}
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 20px;
	min-height: 650px;
}

#navigation {
	width: 861px;
	margin: 0 auto;
	padding:55px 0 20px 0;
	}

ul#nav {
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
	display: block;
	height: 27px;
	text-indent: -9999px;
	float: left;
	cursor: auto;
			}
		ul#nav li.oferta a {
			width: 133px;
			background: url(images/nav-oferta.jpg) top center;
			}
		ul#nav li.foto a {
			width: 178px;
			background: url(images/nav-foto.jpg) top center;
			}
		ul#nav li.kreo a {
			width: 261px;
			background: url(images/nav-kreo.jpg) top center;
			}
		ul#nav li.szkolenia a {
			width: 157px;
			background: url(images/nav-szkolenia.jpg) top center;
			}
		ul#nav li.kontakt a {
			width: 132px;
			background: url(images/nav-kontakt.jpg) top center;
			}
		ul#nav li a:hover {
			background-position: bottom center;
			}
		body#oferta ul#nav li.oferta a,
		body#foto ul#nav li.foto a,
		body#kreo ul#nav li.kreo a,
		body#szkolenia ul#nav li.szkolenia a,
		body#kontakt ul#nav li.kontakt a {
			background-position: bottom center;
			}


#menu2 {
	width: 745px;
	margin: 0 auto;
	padding:20px 0 50px 0;
	}


ul#fotografika {
	}
	ul#fotografika li {
		display: inline;
		}
		ul#fotografika li a {
	display: block;
	height: 51px;
	text-indent: -9999px;
	float: left;
	cursor: auto;
			}
		ul#fotografika li.sesje_zdjeciowe a {
			width: 183px;
			background: url(images/sesje_zdjeciowe.jpg) top center;
			}
		ul#fotografika li.projekty a {
			width: 133px;
			background: url(images/projekty.jpg) top center;
			}
		ul#fotografika li.wydruki_obrazy a {
			width: 136px;
			background: url(images/wydruki_obrazy.jpg) top center;
			}
		ul#fotografika li.albumy_ksiazki a {
			width: 141px;
			background: url(images/albumy_ksiazki.jpg) top center;
			}
		ul#fotografika li.zdjecia_do_dok a {
			width: 152px;
			background: url(images/zdjecia_do_dok.jpg) top center;
			}
		ul#fotografika li a:hover {
			background-position: bottom center;
			}



#menu3 {
	width: 930px;
	margin: 0 auto;
	padding:20px 0 0px 0;
	}



	ul#kreowanie_i li {
		display: inline;
		}
		ul#kreowanie_i li a {
	display: block;
	height: 44px;
	text-indent: -9999px;
	float: left;
	cursor: auto;
			}
		ul#kreowanie_i li.fryzjerstwo a {
			width: 137px;
			background: url(images/fryzjerstwo.jpg) top center;
			}
		ul#kreowanie_i li.makijaz a {
			width: 107px;
			background: url(images/makijaz.jpg) top center;
			}
		ul#kreowanie_i li.analiza_kol a {
			width: 166px;
			background: url(images/analiza_kol.jpg) top center;
			}
		ul#kreowanie_i li.modelowanie_syl a {
			width: 229px;
			background: url(images/modelowanie_syl.jpg) top center;
			}
		ul#kreowanie_i li.przedluzanie_paz a {
			width: 153px;
			background: url(images/przedluzanie_paz.jpg) top center;
			}
		ul#kreowanie_i li.metamorfozy a {
			width: 138px;
			background: url(images/metamorfozy.jpg) top center;
			}
		ul#kreowanie_i li a:hover {
			background-position: bottom center;
			}


#menu4 {
	width: 920px;
	margin: 0 auto;
	padding:22px 0 50px 0;
	}



	ul#sesje li {
		display: inline;
		}
		ul#sesje li a {
	display: block;
	height: 42px;
	text-indent: -9999px;
	float: left;
	cursor: auto;
			}
		ul#sesje li.s_indywidualne a {
			width: 165px;
			background: url(images/s_indywidualne.jpg) top center;
			}
		ul#sesje li.s_okazyjne a {
			width: 137px;
			background: url(images/s_okazyjne.jpg) top center;
			}
		ul#sesje li.s_plener a {
			width: 199px;
			background: url(images/s_studio.jpg) top center;
			}
		ul#sesje li.s_kosciol a {
			width: 216px;
			background: url(images/s_kosciol.jpg) top center;
			}
		ul#sesje li.s_cywilny a {
			width: 203px;
			background: url(images/s_cywilny.jpg) top center;
			}

		ul#sesje li a:hover {
			background-position: bottom center;
			}


#menu5 {
	width: 406px;
	margin: 0 auto;
	padding:30px 0 30px 0;
	}



	ul#przejdz li {
		display: inline;
		}
		ul#przejdz li a {
	display: block;
	height: 28px;
	text-indent: -9999px;
	float: left;
	cursor: auto;
			}
		ul#przejdz li.przejdz_do a {
			width: 206px;
			background: url(images/przejdz.jpg) top center;
			}
		ul#przejdz li.powrot a {
			width: 206px;
			background: url(images/powrot.jpg) top center;
			}
		ul#przejdz li a:hover {
			background-position: bottom center;
			}




div.bialy {
	background: #d6dada;
	width:330px;
	border-style: outset;
	border-color: #CCCCCC;
	height: auto;
	padding:10px 10px 10px 10px;
	margin:30px 50px 0 50px;
	}

div.bialy2 {
	background: #d6dada;
	width:350px;
	border-style: outset;
	border-color: #CCCCCC;
	height: auto;
	padding:10px 10px 10px 10px;
	margin:120px 50px 0 80px;
	}

div.szary {
	background: #d6dada;
	width:220px;
	border-style: outset;
	border-color: #CCCCCC;
	height: auto;
	padding:10px 10px 10px 10px;
	margin:60px 0 0 20px;
	text-align:left;
	}
	
img.naszarym {
	margin:60px 20px 0 0px;
	border: 10px #ffffff solid;
	}
	
p.nabialym, p.nabialym2, p.naszarym{
	line-height: 1.5em;
	}

img.klient{
	margin:20px 80px 30px 80px;
	}

div.namenu {
	margin: 20px 80px 30px 80px;
	}
	
div.kontaktowy {
	background: url(images/mapka.jpg) top left no-repeat #d6dada;
	width: 820px;
	min-height:500px;
	margin: 120px 102px 0 102px;
	}
	
a.kontaktowy, a.kontaktowy:visited {
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	float:left;
	color: #000;
	}
	
a.kontaktowy:hover, a.kontaktowy:active {
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
	float:left;
	color: #000;
	}

a.ofertowy, a.ofertowy:visited {
	text-decoration:none;
	color: #000;
	}
a.ofertowy:hover, a.ofertowy:active {
	text-decoration:underline;
	color: #000;
	}

p.kontaktowy {
	margin: 0 0 60px 0;
	}
	
div.kontaktowy2 {
	padding:165px 0 0 470px;
	}
	
div.kontaktowy3{
	font-size: 1.5em;
	padding: 5px 180px 0 180px;
	width:460px;
	text-align:center;
	}

p.kontaktowy3 {
	margin: 70px 0 0 0;
	}

h1{font-size:1em;
	font-weight: normal;
	margin:25px 0 10px 0;
	cursor:auto;
	}
	
div.kreowanie {
	font-size:1.5em;
	width:790px;
	border-style: outset;
	border-color: #CCCCCC;
	height: 215px;
	padding:10px 10px 10px 10px;
	margin:80px 117px 0 117px;
	background-color: #fff;

}


div.kreowanie p {
	text-align:justify;
	line-height:40px;
	margin: 17px 25px 0 25px;
	word-spacing: 5px;
	letter-spacing: 2px;
		}
		
div.kreo_i {
	font-family: "Times New Roman", Times, serif;
	font-size:1.4em;
	width:790px;
	border-style: outset;
	border-color: #CCCCCC;
	padding:10px 10px 10px 10px;
	margin:140px 117px 0 117px;	
	background-color: #d8d8d7;

}
div.kreo_i p {
		text-align:justify;
		line-height:30px;
		margin-top:17px;
		} 
		
img.kreo_i {
		margin:10px 0 10px 400px;
		}
		
div.forgallery {
	padding:10px 10px 10px 10px;
	margin:50px 0 0 100px;
	}
div.forgallery2 {
	padding:10px 10px 10px 10px;
	margin:50px 0 0 130px;
	}
/* END */