div, html {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #1d1d1d;
	font-family: "Tahoma", sans-serif;
	font-size: 11px;
	color: #ffffff;
}
#tresc a, #tresc a:link, #tresc a:visited, #tresc a:active {
	color: #7bfc00;
	text-decoration: none;
	border-bottom: 1px dotted #7bfc00;
}
#tresc a:hover {
	color: #7bfc00;
	text-decoration: none;
	border-bottom: 1px solid #7bfc00;
}
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h3 a, h3 a:link, h3 a:visited, h3 a:active { border-bottom: none; }
#tlo {
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(o/tlo.png);
	background-color: #2d2d2d;
}
#nagl {
	margin: 0px 105px 1px 105px;
	height: 92px;
}
#nagl img {
	margin-top: 25px;
}
#data {
	float: right;
}
#nagl p {
	padding: 4px 0px 4px 0px;
	line-height: 13px;
	color: #666666;
	font-size: 10px;
}
#nagl a, #nagl a:link, #nagl a:visited, #nagl a:hover, #nagl a:active { color: #dddddd; }
h1 {
	position: absolute;
	top: 24px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 68px;
	width: 400px;
	left: 290px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(o/logo-nagl-newlookgroup.png);
}
h1 a {
	display: block;
	padding: 68px 0px 0px 0px;
	height: 0px;
	overflow: hidden;
}
body#surprise h1 { background-image: url(o/logo-nagl-surprise.png); padding: 68px 0px 0px 0px; height: 0px; }
body#adwall h1 { background-image: url(o/logo-nagl-adwall.png); padding: 68px 0px 0px 0px; height: 0px; }
body#tpi h1 { background-image: url(o/logo-nagl-tpi.png); padding: 68px 0px 0px 0px; height: 0px; }
body#tpo h1 { background-image: url(o/logo-nagl-tpo.png); padding: 68px 0px 0px 0px; height: 0px; }
#srodek {
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(o/tlosrodek.png);
}
#tresc {
	min-height: 400px;
	padding: 15px 0px 0px 110px;
	width: 350px;
	float: left;
	overflow: hidden;
	
}
#dodatkowo {
	width: 520px;
	float: left;
	min-height: 130px;
	background-position: 3px 0px;
	background-repeat: no-repeat;
	background-image: url(o/dziubek-newlookgroup.png);
}
body#surprise #dodatkowo { background-image: url(o/dziubek-surprise.png); }
body#adwall #dodatkowo { background-image: url(o/dziubek-adwall.png); }
body#tpi #dodatkowo { background-image: url(o/dziubek-tpi.png); }
body#tpo #dodatkowo { background-image: url(o/dziubek-tpo.png); }

#logogrupa {
	clear:left;
	height: 100px;
	width: 980px;
	padding: 0px 0px 0px 0px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(o/logogrupatlo.png);
	background-color: transparent;
	text-align: center;
}
#logogrupa img { margin: 30px 30px 0px 30px; }
#logogrupa a { border-bottom: none; }
a img {
	border: none;
}
#dol {
	padding: 20px 0px 20px 0px;
	border: none;
	border-top: 1px solid #515151;
	color: #444444;
	text-align:center;
	font-size: 10px;
}
#dol strong {
	color: #444444;
}
#dol a, #dol a:link, #dol a:active, #dol a:visited {
	color: #444444;
	border-bottom: none;
}
#dol a:hover {
	color: #444444;
	text-decoration: underline;
}
#tresc a.wiecej, #tresc a.wiecej:link, #tresc a.wiecej:visited, #tresc a.wiecej:active, #tresc a.wiecej:hover { border-bottom: none; }
a.wiecej, a.wiecej:link, a.wiecej:active, a.wiecej:visited, a.wiecej:hover {
	display:block;
	overflow:hidden;
	height: 0px;
	padding: 20px 0px 0px 0px;
	width: 55px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(o/wiecej.png);
	border-bottom: none;
	margin: -7px auto 20px -2px;
}
a.mini {
	width: 45px;
	height: 45px;
	padding: 4px 4px 4px 4px;
	border: none;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(o/ramka-bm.png);
	display: block;
	float: left;
	margin: 0px 7px 16px 0px;
}
a.mini img {
	opacity: .7;
}
a.mini:hover img {
	opacity: 1;
}
.galspoz, .galspion { display: none; }
.galspoz#gals0, .galspion#gals0 { display: block; }
.galspoz a {
	width: 346px;
	height: 300px;
	padding: 4px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(o/ramka-s-poz.png);
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}
.galspion a {
	width: 260px;
	height: 300px;
	padding: 4px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(o/ramka-s-pion.png);
	margin: 0px 0px 0px 43px;
	padding: 4px 4px 4px 4px;
}
.galspoz p, .galspion p {
	width: 354px;
	height: 60px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.gald { display: none; padding: 40px 0px 0px 0px; position: relative;}
.gald img {
	border: 6px solid #f5f2f2;
	display: block;
	margin: 10px auto 0px auto;
}
.gald a img {
	border: none;
	margin: 0px 0px 0px 0px;
}
.gald a {
	display: block;
	position: absolute;
}
.gald .galx {
	top: 10px;
	left: 50%;
	padding: 0px 0px 0px 440px;
}
.gald .galn {
	top: 40px;
	left: 50%;
	padding: 150px 0px 150px 440px;
}
.gald .galp {
	top: 40px;
	right: 50%;
	padding: 150px 440px 150px 0px;
}
.gald p {
	text-align: center;
	padding: 10px 0px 0px 0px;
}
#galeria {
	width: 360px;
	padding: 20px 0px 10px 80px;
}


@font-face {
 font-family: MyriadB;
 src: url(/MyriadPro-BlackSemiCn.ttf) /* TTF file for CSS3 browsers */
}


@font-face {
 font-family: MyriadC;
 src: url(/MyriadPro-SemiboldSemiCn.ttf) /* TTF file for CSS3 browsers */
}

h2 {
	font-size: 26px;
	font-family: "MyriadB","Tahoma",sans-serif;
	color: #75c907;
	text-shadow: 3px 3px 1px #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}



.ladnaczcionka {
	font-size: 13px;
	color: #eeeeee;
	font-family: "MyriadC", "Tahoma",sans-serif;
	text-shadow: 2px 2px 2px #000000;
	padding: 0px 0px 20px 0px;
	line-height: 20px;
}
strong { color: #7bfc00; }
em { color: #70cc06; }
#tresc a.kolorsurprise, .kolorsurprise strong, body#surprise em, body#surprise strong, body#surprise h2, .kolorsurprise { color: #fee600; border-color: #fee600; }
#tresc a.koloradwall, .koloradwall strong, body#adwall em, body#adwall strong, body#adwall h2, .koloradwall { color: #00baf5; border-color: #00baf5; }
#tresc a.kolortpi, .kolortpi strong, body#tpi em, body#tpi strong, body#tpi h2, .kolortpi { color: #cd00af; border-color: #cd00af; }
#tresc a.kolortpo, .kolortpo strong, body#tpo em, body#tpo strong, body#tpo h2, .kolortpo { color: #eb080f; border-color: #eb080f; }
ul.ladnaczcionka {
	font-size: 13px;
	font-family: "MyriadC", "Tahoma",sans-serif;
	text-shadow: 2px 2px 1px #000000;
	padding: 0px 22px 20px 20px;
	line-height: 20px;
	margin: -10px 0px 0px 0px;
	color: #dddddd;
}
ul {
	padding: 0px 22px 20px 20px;
	margin: 0px 0px 0px 0px;
}

h3 {
	font-size: 14px;
	font-family: "MyriadC","Tahoma",sans-serif;
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#tresc h3 a:link, #tresc h3 a:visited, #tresc h3 a:hover, #tresc h3 a:active { border-bottom: none; }
small { color: #666666; }

body#dziejesie h3 { color: #7bfc00; }

hr { height: 1px; 
	border-bottom: none;
}
.powiekszone { font-size: 15px; }

ul.ludziebeleczki {
	display: block;
	list-style: none;
	margin: 0px 0px 15px 80px;
	padding: 0px 0px 0px 0px;
}
ul.ludziebeleczki li {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 280px;
	height: 102px;
	background-position: top left;
	background-repeat: no-repeat;
}
ul.ludziebeleczki li a {
	overflow: hidden;
	display: block;
	padding: 40px 0px 0px 100px;
	margin: 0px 0px 0px 0px;
	width: 180px;
	height: 62px;
	text-decoration: none;
	color: #ffffff;
	line-height: 20px;
}
a#ludzie1 { background-image: url(/o/ludzie/1.png); }
a#ludzie2 { background-image: url(/o/ludzie/2.png); }
a#ludzie3 { background-image: url(/o/ludzie/3.png); }
a#ludzie4 { background-image: url(/o/ludzie/4.png); }

ul.ludziebeleczkikontakt {
	display: block;
	list-style: none;
	margin: 0px 0px 15px 80px;
	padding: 0px 0px 0px 0px;
}
ul.ludziebeleczkikontakt li {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 32px 0px 0px 90px;
	width: 190px;
	height: 70px;
	background-position: top left;
	background-repeat: no-repeat;
}

.ludziebeleczkikontakt a, .ludziebeleczkikontakt a:link, .ludziebeleczkikontakt a:visited, .ludziebeleczkikontakt a:active {
	color: #7bfc00;
	text-decoration: none;
	border-bottom: 1px dotted #7bfc00;
}
.ludziebeleczkikontakt a:hover {
	color: #7bfc00;
	text-decoration: none;
	border-bottom: 1px solid #7bfc00;
}


li#ludzie5 { background-image: url(/o/ludzie/5.png); }
li#ludzie6 { background-image: url(/o/ludzie/6.png); }
li#ludzie7 { background-image: url(/o/ludzie/7.png); }


p.ludziefoto {
	width: 250px;
	height: 380px;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 100px;
	padding: 20px 0px 0px 0px;
	line-height: 20px;
}
p#ludzie1 { background-image: url(/o/ludzie/d1.png); }
p#ludzie2 { background-image: url(/o/ludzie/d2.png); }
p#ludzie3 { background-image: url(/o/ludzie/d3.png); }
p#ludzie4 { background-image: url(/o/ludzie/d4.png); }

.video {
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/o/video.png);
	margin: 50px 0px 0px 70px;
	padding: 4px 4px 4px 4px;
}
#toplayer {
	width: 100%;
	height: 1200px;
	position: absolute;
	padding: 120px 0px 0px 0px;
	top: 0px;
	left: 0px;
	background-image: url(/o/toplayerzaciemnienie.png);
	z-index: 200;
	text-align:center;
}