/* szkola_rysunku.css */
* {padding:0; margin:0;}
body {font-family:Trebuchet MS, Georgia, Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#000; background:#fff url('img/bg-body-.png') repeat-x;}
img, a img {border:0;}
.c {clear:both; height:0px; line-height:0px; font-size:0px;}
.alpha {filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1;}
.alpha:hover {filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.vis {visibility:hidden;}

h1 {font-size:160%; width:75%; margin:28px; padding-bottom:7px; border-bottom:0px solid #d9d9d9; background:mone;}

a {color:#757575;}
a:hover {color:#757575;}
a:active {color:#757575;}
a:visited {color:#757575;}

ul {list-style-position:inside; list-style-type:none;}
ul li {margin:0 0 7px;}

#menu {}
#menu-margin {float:left; width:335px; height:50px;}
#menu a {
	float:left; height:40px; 
	background:none;
	}
#menu a:hover {
	border:1px solid #232323; -moz-border-radius:7px;
	background:#757575 url(img/bg-btn-hover.png) repeat-x top left;
	}
#home    {width:136px;}
#galeria {width:97px;}
#kurs    {width:100px;}
#kontakt {width:97px;}
.kontakt {font-size:14px;}

.gallery img {height:170px;}
.gallery-flash {padding:14px; background:none;}

#galerie {margin:28px 0 0 0; background:none;}
#galerie img {height:75px; margin:7px; padding:3px; border:1px solid #757575;}

#galeria-autor {float:left; width:300px; margin:0 0 28px 90px; background:none;}
#galeria-autor a {display:block; padding:14px; border-bottom:1px solid #757575; color:#000; text-decoration:none; font-weight:bold;}
#galeria-autor a:hover {text-decoration:none; color:#040;}
#galeria-autor-opis {margin:7px; margin-bottom:28px; padding:7px; font-size:12px; color:#434343;}
#galeria-autor-opis:hover {color:#000;}
#galeria-autor-prace {float:right; width:510px; margin:0 56px 28px 0;}

.txt {
	float:right; width:500px; 
	background:none;
	font-size:1.2em; color:#434343;
	}
.txt-scroll {font-size:1.12em; color:#343434;}

#stopka {height:38px; line-height:38px; border-top:1px solid #757575; text-align:center;}
#stopka a {display:inline; line-height:38px; margin:0 14px; padding:14px; background:none;}
#stopka a:hover {background:#757575; color:#fff;}

/* PRELOADER */
div#preload, div#prelkom, div#prelcie {position:fixed; /* position: absolute; dla IE6 */ display:none;}

/* warstwa przykrywajaca strone */
div#preload {z-index:9997; width:100%; height:100%; /* height: 2000px; dla IE6 */ left:0; top:0; background:#000;
filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

/* kontener komunikatu */ 
div#prelkom {
z-index:9999;
left:50%;
top:200px;
height:110px;
width:200px; /* szerokosc preloadera */
margin-left: -90px; /* wartosc musi byc polowa szerokosci ze znakiem - */		
padding:50px 0 0;
color:#444;
font-size:14px;
text-align:center;
line-height:200%;
background:#c8c8c8;
border:1px solid #fff; 	
filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* kontener cienia */
div#prelcie {
z-index:9998;
left:55%; 
top:210px;		
height:162px;	
width:178px; /* szerokosc cienia */
margin-left: -110px; /* wartosc musi byc polowa szerokosci ze znakiem - */	 
background:#000;
filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}

/* scroll: ekran */
#hold   {position:relative; width:370px; height:320px; z-index:100; overflow:hidden; float:right;}
#wn     {position:absolute; width:290px; height:280px; z-index:  1; overflow:hidden; top:20px; left:30px;}
.content{position:absolute; visibility:hidden; z-index:1; top:0px; left:0px;}
/* scroll */
#scrollbar{width:15px; height:300px; position:absolute; z-index:1; top:10px; left:344px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
#scrollbar:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
#track  {width:15px; height:270px; position:absolute; z-index:1; top:15px; left:000px; background:#fff;}
#dragBar{width:13px; height:020px; position:absolute; z-index:1; top:01px; left:001px; background:#9db0c3 url(img/scroll/dragbar.gif);}
#up     {position:absolute; z-index:2; top:0px; left:0px;}
#down   {position:absolute; z-index:3; bottom:0px; left:0px;}

#lyr1 a {
	float:left; padding:3px;
	border:1px solid #757575; -moz-border-radius:7px;
	background:#343434; 
	color:#f9f9f9; text-decoration:none;
	}
#lyr1 a:hover {background:#757575;}

#lyr1 .galeria {
	margin:14px 0 0 0; padding:7px 14px; 
	border:0px; -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:0px;
	background:#000 url(img/bg-btn.png) repeat-x top left;
	}
#lyr1 .galeria:hover {background:#434343;}

#lyr1 .link {
	padding:3px 9px;
	}
	
#lyr1 .btn {
	padding:7px 14px;
	}

.btn {
	padding:7px 14px;
	border:3px groove #757575; -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:0px;
	background:#434343 url(img/bg-btn.png) repeat-x top left; 
	color:#000; text-decoration:none;
	}
.btn:hover {color:#f9f9f9!important; text-decoration:none; background:#030 url(img/bg-btn-hover.png) repeat-x top left;}
.btn:active {color:#222; text-decoration:none}
.btn:visited {color:#222; text-decoration:none}

/* szkola_rysunku.css, 05.12.2009 */