/* Author: Beata Samonek 
   https://netata.pl */

font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Roboto', sans-serif;


/*dla IE*/
article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section {
	display: block;
}



audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}

[hidden] {
	display: none;
}

a {
text-decoration: none;
outline: medium none;
}


html, body {
margin:0;
padding:0;
text-align:center;
}

body {
background:url("etnova_tlo.jpg")  no-repeat center top fixed #ffffff;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
}

#top_sg {
background:url("tlo_biale_ziel1.jpg") top center no-repeat #ffffff;
width:960px;
margin-left:auto;
margin-right:auto;
font-family:PT Sans Narrow, Arial, Helvetica, sans-serif;
}

#top {
background:url("tlo_biale_z1.jpg") top center no-repeat;
width:960px;
margin-left:auto;
margin-right:auto;
font-family:PT Sans Narrow, Arial, Helvetica, sans-serif;
}

#top_gw {
background:url("tlo_biale_ziel_gd1.jpg") top center no-repeat;
width:960px;
margin-left:auto;
margin-right:auto;
font-family:PT Sans Narrow, Arial, Helvetica, sans-serif;
}

#kalendarz{
margin:15px 5px 0px 20px;
font-family:PT Sans Narrow, sans-serif;
color: #a3becf;
text-align:left;
}

#logo{
float:right;
margin-top:-51px;
}

#logostudio{
width:660px;
height:72px;
float:left;
margin-top:29px;
}

#logostudio1{
width:660px;
height:72px;
float:left;
margin-top:28px;
}

#logo_sam{
float:right;
margin-top:-5px;
}

/*menu lewe*/

#menu-left{
position:absolute;
clear:both;
float-left;
margin-top:120px;
width:156px;
overflow:hidden;
text-align:left;
}

#menu-left ol, ol li{
display:block;
list-style:none;
margin:0;
padding:0;
width:156px;
hight:32px;
font-size:20px;
}

#menu-left ol a:link, ol a:visited{
display:block;
text-decoration:none;
color:#000000;
padding-left:26px;
}

#menu-left ol a:hover, #menu-left ol .nav-activ{
color: #a3becf;
background: url("foto_h.png") no-repeat right top;
padding-left:56px;
}


/*menu kontakt*/

#menu_kontakt{
clear:both;
position:absolute;
float-left;
margin-top:270px;
width:156px;
overflow:hidden;
text-align:left;
}

#menu_kontakt{
list-style:none;
padding:0;
width:156px;
hight:32px;
font-size:20px;
}

#menu_kontakt a:link, a:visited{
display:block;
text-decoration:none;
color:#cdca01;
padding-left:26px;
}

#menu_kontakt a:hover, #menu_kontakt .nav-activ{
color: #cdca01;
background: url("foto_h.png") no-repeat right top;
padding-left:56px;
}


/*sub-menu górne*/

#menu-top{
margin-top:19px;
margin-left:180px;
float:left;
overflow:hidden;
}

#menu-top ul, ul li{
display:block;
margin:0;
padding:0;
float:left;
font-size:20px;
color:#cdca01;
list-style:none;
text-align:center;
}

#menu-top ul li{
border-left:3px solid #cdca01;
}

#menu-top ul li:first-child {
 border-left:0;
}

#menu-top ul a:link, ul a:visited{
width:100px;
display:block;
text-decoration:none;
background-color:#ffffff;
color:  #cdca01;
text-align:center;
}

#menu-top ul a:hover, #menu-top ul .nav-activ{
color: #a3becf;
}

#menu-top_1{
margin-top:19px;
margin-left:168px;
float:left;
overflow:hidden;
}

#menu-top_1 ul, ul li{
display:block;
margin:0;
padding:0;
float:left;
font-size:20px;
color:#cdca01;
list-style:none;
text-align:center;
}

#menu-top_1 ul li{
border-left:3px solid #cdca01;
}

#menu-top_1 ul li:first-child {
 border-left:0;
}

#menu-top_1 ul a:link, ul a:visited{
width:100px;
display:block;
text-decoration:none;
background-color:#ffffff;
color:  #cdca01;
text-align:center;
}

#menu-top_1 ul a:hover, #menu-top_1 ul .nav-activ{
color: #a3becf;
}


#menu-top_2{
margin-top:98px;
margin-left:160px;
float:left;
overflow:hidden;
}

#menu-top_2 ul, ul li{
display:block;
margin:0;
padding:0;
float:left;
font-size:20px;
color:#cdca01;
list-style:none;
text-align:center;
}

#menu-top_2 ul li{
border-left:3px solid #cdca01;
}

#menu-top_2 ul li:first-child {
 border-left:0;
}

#menu-top_2 ul a:link, ul a:visited{
width:100px;
display:block;
text-decoration:none;
background-color:#ffffff;
color:  #cdca01;
text-align:center;
}

#menu-top_2 ul a:hover, #menu-top_2 ul .nav-activ{
color: #a3becf;
}



#tresc {
font-family:'Roboto', sans-serif;
font-size:15px;
clear:both;
width:700px;
float:left;
text-align:justify;
margin-left:170px;
padding-right:30px;
}

#tresc_1 {
font-family:'Roboto', sans-serif;
font-size:15px;
clear:both;
width:700px;
float:left;
text-align:justify;
margin-left:180px;
padding-right:30px;
padding-left:30px;
background-color:#ffffff;
}

#tresc_2 {
font-family:'Roboto', sans-serif;
font-size:15px;
clear:both;
width:430px;
float:left;
text-align:justify;
margin-left:210px;
margin-top:-330px;
background-color:#ffffff;
}

#tresc_3 {
font-family: 'Roboto', sans-serif;
font-size:15px;
clear:both;
width:400px;
float:left;
text-align:justify;
margin-left:170px;
margin-top:-160px;
padding-right:30px;
padding-left:30px;
background-color:#ffffff;
}

#tytul{
position:absolute;
margin:-220px 30px 0 30px; 
}

#tytul_1{
position:absolute;
margin:-60px 30px 0 0px; 
}

#nowosc{
margin:0px 0px 0px 205px;
text-align:left;
font-family: 'Roboto', sans-serif;
font-size:15px;
}

h5{
color:#a3becf;
font-family: 'PT Sans Narrow', sans-serif;
font-size:20px;
}

.wnewsach{
padding-top:3px;
position:relative;
font-family: 'Roboto', sans-serif;
font-size:15px;
}

#obrazek {
width:335px;
hight:329px;
float:right;
margin-top:-171px;
margin-left:735px;
}

.linia{
margin-top:408px;
clear:both;
width:960px,
color:#cdca01;
}

#stopka{
clear:both;
width:960px;
bgcolor:#ffffff;
text-align:left;
}

h3{
color:#cdca01;
font-family: 'PT Sans Narrow', sans-serif;
font-size:20px;
font-weight:normal;
}

.obrazy2 h3{
padding-left:10px;
}

.w_galeri{
color:#cdca01;
font-family: 'PT Sans Narrow', sans-serif;
font-size:20px;
text-align:left;
vertical-align: baseline;
}

#obrazy{
font-family:'Roboto', sans-serif;
font-size:15px;
text-align:justify;
width:800px;
background: white;
margin-left:190px;
margin-top:180px;
}

.obrazy1{
font-family:'Roboto', sans-serif;
font-size:15px;
text-align:justify;
width:700px;
background: white;
margin-left:190px;
margin-top:180px;
}

.obrazy2{
font-family:'Roboto', sans-serif;
font-size:15px;
text-align:justify;
width:700px;
background: white;
margin-left:190px;
margin-top:155px;
}

.prace{
width:700px;
font-family: 'Roboto', sans-serif;
font-size:15px;
color:#cdca01;
text-align:center;
margin-left:-9px;
}

.prace img{
border: 2px solid #cdca01;
              border-radius:30px;
}


#notatka{
padding-left:30px;
padding-right:30px;
position:absolute;
margin:-160px 30px 0 0px; 
}

#notatka1{
padding-left:30px;
margin-top:-20px;
}

#notatka2{
font-family:'Roboto', sans-serif;
font-size:15px;
padding-left:10px;
padding-right:30px;
}

#notatka3{
padding-left:20px;
padding-right:30px;
}

#linkistron{
width:700px;
padding-left:10px;
padding-top:30px;
}

.odstepy{
line-height:2em;
}

.odstepy1{
line-height:2em;
text-align:left;
}

.ostatniej{
color:#cdca01;
font-family: 'PT Sans Narrow', sans-serif;
font-size:20px;
clear:both;
position: absolute;
margin:5px 0 0 25px;
text-align:left;
}

li.podpunkty{
color:black;
font-family: 'Roboto', sans-serif;
font-size:15px;
text-align:left;
}

ul.punkty{
list-style-type:disc;
text-align:left;
}

#zdjecienews{
float:right;
padding-top:6px;
width:480px;
}

.face{
padding-left:150px;
}