* {
    margin: 0;
    padding: 0;
}

html {
width:100%;height:100%;
}

body {
font-family: Georgia, Times New Roman, Times, Serif ;font-size:14px;line-height:1.5;font-weight:400;color:#434343;background:#FFF;
}

.container {
width:90%;max-width:1050px;margin:0 auto;
}

/*  pudelka w menu - tylko maksymalne rozdzielczosci */
boxes {
width:90%;max-width:1050px;margin:0 auto;
}

header { 
height:100px; background: #732501; margin: 0; 
}

/* 
tytul strony w naglowku 
*/

header h1 {
font: 30px Georgia, Times New Roman, Times, Serif;
letter-spacing: 1px;
color: #fff;
padding: 10px 20px;
}

header h1 {
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
}



header h2 {
font: 15px Georgia, Times New Roman, Times, Serif;
letter-spacing: 1px;
color: #fff;
padding: 10px 20px;}

/* 
tekst domyslny 
*/

p.norm {font-family: Georgia, Times New Roman, Times, Serif;
font-size: 11pt;
color: #625D46;
background: url(img/pkt.gif) no-repeat;
text-align: justify;
margin-bottom: 1pt;
margin-top: 1pt;
margin-left: 10pt;
margin-right: 10pt;
padding: 4px;}

p.bold {font-family: Georgia, Times New Roman, Times, Serif;
font-size: 11pt;
color: #625D46;
background: url(img/pkt.gif) no-repeat;
text-align: justify;
font-weight: bold;
margin-bottom: 1pt;
margin-top: 1pt;
margin-left: 10pt;
margin-right: 10pt;
padding: 4pt;}

p.cytat {font-family: Georgia, Times New Roman, Times, Serif;
font-size: 10pt;
color: #E10000;
background: url(img/pkt.gif) no-repeat;
border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
text-align: left;
margin-bottom: 12pt;
margin-top: 12pt;
margin-left: 12pt;
margin-right: 10pt;
padding: 4pt;}



p.stopka {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 8pt;
color: #FFBE7D;
border-top: 1px solid #FFBE7D;
text-align: right;
margin: 8px 15px 4px 15px;
background: url(img/pkt.gif) no-repeat;
padding: 4pt;
/*  unikamy oblewania tekstem ! */
clear:both
}


p.imieniny {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 8pt;
font-weight:bold;
color: #353535;
text-align: right;
margin-bottom: 4pt;
margin-top: 1pt;
padding: 4pt;}


/*  
naglowek artykulu 
*/
p.naglowek {
font-family: Georgia, Times New Roman, Times, Serif;
font-size: 13pt;
background: url(img/pkt.gif) no-repeat;
color: #C65252;
border-bottom: 1px solid #800000;
font-weight: bold;
text-align: left;
margin-bottom: 7pt;
margin-top: 3pt;
margin-left: 10pt;
margin-right: 10pt;
padding: 4pt;
clear:both;}


/*  
tekst blog
*/
p.blog {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 10pt;
        	color: #000000;
		text-align: left;
		background: color: #ffffff;
		padding: 4pt;
		margin: 5px 20px 5px 20px;
}

/*  
obrazki blog
*/
img.blog {
margin: 3px;
max-width: 95%;
height: auto;
}

/*  
kontener na obrazki blog
*/
div.blog {
background: #F8C181;
margin: 5px 20px 5px 20px;
padding: 5px;
text-align: center;
border: 1px solid #EAEAEA;
border-radius:10px;
}


/*  
wysrodkowanie kontenera na nawigacje w galerii
*/

.main-container {
float: left;
position: relative;
left: 50%;
}
.fixer-container {
float: left;
position: relative;
left: -50%;
}




/*  
kontener na NEXT PREV nawigacje w galerii
*/
div.navi {
position: relative;
background-color: #fff;
margin: 10px 20px 10px 20px;
text-align: center;
max-width:92%;
height:120px;
padding: 2ex;
border: 1px solid #F8F8F8;
border-radius:10px;
}




/*  
obrazki duze galerie
*/
img.galeria {
margin: 3px;
width:95%;
}

/*  
kontener na obrazki center duże w galeriach
*/
div.galeria {
background-color: #ffffff;
margin: 5px 20px 5px 20px;
padding: 2ex;
text-align: center;
border: 1px solid #FFEAEA;
border-radius:10px;
}

/*  
kontener na obrazki center na podstronach
*/
div.image {
background: #fff;
margin: 5px 20px 5px 20px;
padding: 2ex;
text-align: center;
border: 1px solid #F3F3F3;
border-radius:10px;
}

/*
Menu po lewej lub na gorze
 */
aside {float:left;margin:0 0 0px;}

aside nav ul {list-style:none;}

aside nav ul li {margin-bottom:1px;}

aside nav ul li a {display:block;text-decoration:none;color:#FFF;font-weight: bold;background:#212121;padding:8px 20px;background-image: url("images_respons/pas1.gif");}

aside nav ul li a:hover{background:#FFC000;color:#000; 	background-image: url("images_respons/pas2.gif");}


/*
lista wypuktowana kółka
 */
ul.lista {    
list-style-type: circle;
margin: 5px 20px 5px 35px;
}

/*
lista wypuktowana numerki
 */
ul.lista_num {    
list-style-type: decimal;
margin: 5px 20px 5px 35px;
}


/*
obszar strony
 */
#main {float:right;margin:0 0 25px;}
#main h1 {margin: 10 10 10 10px;}


/*
stopka calej strony
*/
footer {clear:both;color:#000000;background:#732501;padding:15px 0 15px 30px;margin:0;}


/*  
strzalka w dolnym lewym rogu DO GORY 
*/
div.fixed {
   position: fixed;
   bottom: 15px;
   right: 5px;
   width: 40px;
}


/*  
strzalka w górnym prawym rogu W PRAWO 
*/
div.fixed2 {
   position: fixed;
   top: 15px;
   right: 5px;
   width: 40px;
}


/*  
ramka zaokraglone rogi info 
*/
.ramka {
  background: #FFC000;
  border: 2px solid #6e9b6e;
  border-radius: 8px;
  padding: 1ex;
  margin: 20px 20px 20px 20px;
}




/*  
ramka zaokraglone rogi licznik odwiedzin
*/

.gosci {
 margin:20px 20px 20px 20px;
 background:#FFF;
 border:#BD7B00 4px solid;
 border-radius:20px;
 box-shadow:#BD7B00 0 0 20px 0 inset;
 text-align:left;
 padding: 1ex;
 font-family: Georgia, Times New Roman, Times, Serif;
 font-size: 13pt;
 text-align: center;
 color: #C65252;
}





.foto_l { /* top right bottom left */
    margin: 10px 10px 10px 20px;
    float: left;
    background:#ffffff; border:1px solid #800000; color:#FF8000; display:inline; padding:6px;
}
.foto_p {
    margin: 10px 20px 10px 10px;
    float: right;
    background:#ffffff; border:1px solid #800000; color:#FF8000; display:inline; padding:6px;
}

.foto_l0 {
    margin: 10px 10px 10px 20px;
    float: left;
    background:#ffffff; color:#FF8000; display:inline; padding:6px;
}
.foto_p0 {
    margin: 10px 20px 10px 10px;
    float: right;
    background:#ffffff; color:#FF8000; display:inline; padding:6px;

}

.foto_lx { /* duze pierwsze litery ozdobne */
    margin: 2px 2px 2px 2px;
    float: left;
   display:inline; padding:4px;
}


.foto {
    margin: 10px 20px 10px 20px;
    max-width: 95%;
}






/*  
obrazki ogolnie - nic wiecej nie dopisywac!
*/

img {
    max-width: 95%;
    height: auto;
}


/*  
obrazki BLOG stare
*/

.foto0 {
    margin: 0px;
}





/*  
linki na stronie
*/

a {text-decoration: underline;
    color: #7691FE;
}

a:hover {text-decoration: none;
    color: #A9BAFE;
}



/*  
ostrzezenia na stronie
*/

.alert { 
margin: 20px 20px 20px 20px;
background: #fff6bf url(http://nandi.pl/graf/uwaga.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 140px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
} 


.alert_koment { 
		margin: 20px 20px 20px 20px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 9pt;
		background: #fff6bf url(http://nandi.pl/graf/uwaga.gif) center no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
		text-align: left;
		padding: 10px 20px 15px 140px;
		border-top: 2px solid #ffd324;
		border-bottom: 2px solid #ffd324;
} 


.krolink { 
		margin: 20px 20px 20px 20px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 9pt;
		background: #ffffff url(http://nandi.pl/img/krolink.gif) center no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
		text-align: left;
		padding: 5px 20px 5px 180px;
		border-top: 2px solid #ffd324;
		border-bottom: 2px solid #ffd324;
} 



/*  nagłówek każdego menu - tylko maksymalne rozdzielczosci */
h3 {padding: 0 45px 0 0;
    font: bold 14px/36px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-align: left;
    color: #FFF;
    background: url(img/h3.gif) no-repeat left;
}


/*  pudełka w menu - tylko maksymalne rozdzielczosci */
.box {float:left;
    margin: 6px 20px 6px 20px;
width: 90%;
   background: linear-gradient(to right,#FF8000,#FFE0C1);
}

.box ul {
    list-style: none;
    padding: 10px 0 0 0;
}

.box ul li {
    display: block;
    padding: 0 0 0 0;
    text-align: center;
}

.box ul li.lastli {
    height: 25px;
    background: url(img/left_ulbot.gif) no-repeat bottom right;
}


.box_pusty {
    margin: 15px 20px 0 20px;
}






/*  pasek naglówka każdej strony */
h4 {background: #732501;
text-align: left;
color: #fff;
font-weight: bold;
border: 0px;
border-radius: 8px;
padding: 1ex 0ex 1ex 4ex;
margin: 20px 20px 10px 20px;
}


/*  
duzy naglowek strony
*/
h4.firsth4 {
background: #CE8C00;
text-align: left;
color: #fff;
font-weight: bold;
border: 0px;
border-radius: 8px;
padding: 1ex 0ex 1ex 4ex;
margin: 10px 20px 10px 20px;
}



/*  link do katalogu w galerii - nad kazdym obrazkiem - z linkiem do slideshow */
h5 {background: #732501;
text-align: left;
color: #fff;
font-weight: bold;
border: 0px;
border-radius: 8px;
padding: 1ex 0ex 1ex 2ex;
margin: 10px 20px 10px 20px;
}



/*  linki artki */

.block_kolor1 {
  display: block_kolor1;
  width: 100%;
  border: none;
  background-color: #CE8C00;
  padding: 14px 28px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

.block_kolor2 {
  display: block_kolor2;
  width: 100%;
  border: none;
  background-color: #FFFFFC;
  padding: 14px 28px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}








/*  
kafelki - miesiace na blogu
*/


      /* wygląd elementu - ol */
      #blog_pasek {
        width:95%;
        margin:5px 20px 10px 20px;
        padding:0;
        list-style-type:none;
        background-color:#FFD;
      }

      /* naprawa wysokości elementu - ol */
      #blog_pasek:after {
        content:'';
        display:block;
        clear:both;
      }

      /* wygląd elementów - li */
      #blog_pasek > li {
        float:left;
      }

      /* pierwszy element - li - elementu o identyfikatorze menu - ROK BLOGA */
      #blog_pasek > li:first-child {
        background-color:#FF4040;
        width:auto;
       display:block;
       padding:15px;
        text-decoration:none;
        text-align:center;
        color:#000;
        box-shadow:0 0 0 1px #FFF inset;
        background-image:linear-gradient(#732501 0%, #EEE 30%, #DDD 70%, #732501 100%)
      }


      /* drugi element - li - elementu o identyfikatorze menu - MIESIAC BLOGA */
      #blog_pasek > li:first-child + li {
        background-color:grey;
        width:auto;
        display:block;

      }

      /* trzeci element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* czwarty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* piąty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* szósty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* siódmy element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* ósmy element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* dziewiąty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* dziesiąty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* jedenasty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }

      /* dwunasty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li + li + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }


      /* trzynasty element - li - elementu o identyfikatorze menu */
      #blog_pasek > li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
        background-color:grey;
        width:auto;
        display:block;
      }


      /* wyglad elementów - a */
      #blog_pasek > li > a {
        display:block;
       padding:15px;
         text-decoration:none;
         text-align:center;
        color:#000;
        background-color:#DDD;
        box-shadow:0 0 0 1px #FFF inset;
        background-image:linear-gradient(#CE8C00 0%, #EEE 30%, #DDD 70%, #CE8C00 100%);
      }

      /* wyglad elementów - a - po najechaniu kursorem myszki na element - li */
      #blog_pasek > li:hover > a {
        color:#00F;
        background-color:#FFF;
        background-image:none;
        box-shadow:0 0 0 1px #FFF inset;
        background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);
      }


/*  
podpisy pod zdjeciami w galerii - unikac w zwyklym tekscie
*/


p {font-family: Georgia, Times New Roman, Times, Serif;
        	font-size: 11pt;
        	color: #625D46;
		text-align: justify;
		margin-bottom: 1pt;
		margin-top: 1pt;
		margin-left: 1pt;
		margin-right: 10pt;
		padding: 4pt;}







p.naglowek2 {font-family: Georgia, Times New Roman, Times, Serif;
        	font-size: 10pt;
        	color: #C65252;
		border-bottom: 1px solid #FFBE7D;
		font-weight: bold;
		text-align: left;
		margin: 8px 20px 4px 20px;
		background: url(img/pkt.gif) no-repeat;
		padding: 4pt;}

p.naglowek3 {font-family: Georgia, Times New Roman, Times, Serif;
        	font-size: 10pt;
        	color: #C65252;
		border-bottom: 1px solid #F9F9F9;
		font-weight: bold;
		text-align: right;
		margin: 8px 20px 4px 20px;
		background: url(img/pkt.gif) no-repeat;
		padding: 4pt;}



p.small {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #FFBE7D;
		text-align: right;
		margin-bottom: 7pt;
		margin-top: 10pt;
		background: url(img/pkt.gif) no-repeat;
		padding: 4pt;}


p.small-c {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #FFBE7D;
		text-align: center;
		margin-bottom: 7pt;
		margin-top: 5pt;
		background: url(img/pkt.gif) no-repeat;
		padding: 4pt;}

p.mala {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #000000;
		text-align: justify;
		margin-bottom: 7pt;
		margin-top: 10pt;
		background: url(img/pkt.gif) no-repeat;
		padding: 4pt;}

p.mala-l {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #000000;
		text-align: left;
		margin-bottom: 4pt;
		margin-top: 5pt;
		background: url(img/pkt.gif) no-repeat;
		padding: 4pt;}




p.opis {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 11pt;
        	color: #000000;
		border-top: 1px solid #FFBE7D;
		border-bottom: 1px solid #FFBE7D;
		text-align: left;
		padding: 4pt;
		background: url(img/pkt.gif) no-repeat;
		margin: 5px 20px 2px 20px;}

p.cytat_2 {font-family: Georgia, Times New Roman, Times, Serif;
        	font-size: 10pt;
        	color: #804000;
		border-top: 1px solid #804000;
		border-bottom: 1px solid #804000;
		text-align: left;
		margin-bottom: 12pt;
		margin-top: 12pt;
		margin-left: 12pt;
		padding: 4pt;}


p.wazne {font-family: Georgia, Times New Roman, Times, Serif;
        	font-size: 10pt;
        	color: #400000;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background: #FFFF00;
		text-align: center;
		font-weight:bold;
		margin-bottom: 12pt;
		margin-top: 5pt;
		padding: 4pt;}


p.slideshow {font-family: Georgia, Times New Roman, Times, Serif;
        	font-size: 10pt;
        	color: #FFFFFF;
		border-top: 1px solid #FF0000;
		border-bottom: 1px solid #FF0000;
		text-align: right;
		margin-bottom: 12pt;
		margin-top: 5pt;
		padding: 4pt;}

p.nav {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 10pt;
        	color: #004080;
		text-align: center;
		margin-bottom: 7pt;
		margin-top: 10pt;
		background: url(img/pkt.gif) no-repeat;
		padding: 6pt;}


p.center {text-align: center;}


s { text-decoration: line-through; color: blue;}


p.komentujacy {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #800000;
		text-align: left;
		margin-bottom: 1pt;
		margin-top: 5pt;
		margin-left: 8pt;
		padding: 4pt;}

p.komentarz {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #000000;
		text-align: left;

/* top right bottom left */
    margin: 5pt 10pt 4pt 10pt;

		background: #E9E9E9;
		border-radius: 10px 10px 10px 10px; 
		padding: 4pt;
		overflow: auto; }

p.komentarz2 {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #000000;
		text-align: left;

/* top right bottom left */
    margin: 5pt 10pt 4pt 10pt;

		background: #FFFF80;
		border-radius: 10px 10px 10px 10px; 
		padding: 4pt;
		overflow: auto; }

p.komentarz3 {font-family: Arial, Verdana, Helvetica, sans-serif;
        	font-size: 8pt;
        	color: #000000;
		text-align: left;

/* top right bottom left */
    margin: 5pt 10pt 4pt 10pt;

		background: #80FF80;
		border-radius: 10px 10px 10px 10px; 
		padding: 4pt;
		overflow: auto; }




/* kolorowe okienko formularza */

form
{
height: 300px;
width: 320px;
margin: 50px auto;
border-radius: 20px;
background: #FFFF80;
padding: 10px;
border: solid #FF0000 3px;
}

label
{
float: left;
width: 130px;
font-size: 14px;
font-family: Verdana,sans-serif;
font-weight: bold;
color: black;
margin-bottom: 10px;
}

input[type*=text]
{
float: right;
width: 140px;
font-size: 11px;
color: black;
font-family: Verdana,sans-serif;
font-weight: bold;
margin-bottom: 8px;
border-radius: 10px;
background: #FFFFF0;
padding: 10px;
background-image: url(graf/tloform.jpg);
}

textarea
{
float: left;
width: 270px;
font-size: 11px;
color: black;
font-family: Verdana,sans-serif;
font-weight: bold;
margin-bottom: 8px;
border-radius: 10px;
background: #FFFFF0;
padding: 10px;
background-image: url(graf/tloform.jpg);
}












#centr {
    float: left;
}

#centr_2 { 
    margin: 110px 26px 30px 20px;
    width: 600px;
}


#topright {
    float: right;
    padding: 15px 0px 5px 0px;
}

#topright_2 {
    margin: 0px 0px 0px 0px;
    width: 280px;
}


/*  data i imieniny - nieaktualne */
#topright p {
    font: 12px/18px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #EAEAEA;
}


#right {
    float: right;
    padding: 35px 0 25px 0;
}

#right_2 {
    margin: 0 0 0 1px;
    width: 270px;
}

#bottom {
    clear: both;
    background: url(img/white-bottom.gif) no-repeat bottom;
}


#bottom p {
    padding: 0 0 0 25px;
    font: 11px/40px Arial, Helvetica, sans-serif;
    color: #9A9374;
}

#bottom a, #bottom a:hover {
    color: #9A9374;
}



.button_gold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	margin: 2px 2px 2px 2px;
	display: inline-block;
	text-decoration: none;
	background: -moz-linear-gradient(
		top,
		#a38923 0%,
		#c9ab34 50%,
		#917b48 29%,
		#c2ac78 65%,
		#a38923);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a38923),
		color-stop(0.50, #c9ab34),
		color-stop(0.29, #917b48),
		color-stop(0.65, #c2ac78),
		to(#a38923));
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #a38923;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(161,142,016,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(161,142,016,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(161,142,016,0.6);
	text-shadow:
		0px -1px 3px rgba(255,255,255,0.8),
		0px 1px 0px rgba(255,255,255,0.3);
}
.button_gold:hover {
	color: #ffffff;
}



.button_gold_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 8px 18px 8px 18px;
	margin: 2px 2px 2px 2px;
	display: inline-block;
	text-decoration: none;
	background: -moz-linear-gradient(
		top,
		#a38923 0%,
		#c9ab34 50%,
		#917b48 29%,
		#c2ac78 65%,
		#a38923);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a38923),
		color-stop(0.50, #c9ab34),
		color-stop(0.29, #917b48),
		color-stop(0.65, #c2ac78),
		to(#a38923));
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #a38923;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(161,142,016,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(161,142,016,0.6);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(161,142,016,0.6);
	text-shadow:
		0px -1px 3px rgba(255,255,255,0.8),
		0px 1px 0px rgba(255,255,255,0.3);
}
.button_gold:hover {
	color: #ffffff;
}







.button_red {
  font-family: Arial;
  font-size: 20px;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  display: inline-block;
  border: solid #ffffff 3px;
  text-decoration: none;
  background: #b82e2e;
  background-image: -webkit-linear-gradient(top, #b82e2e, #db5c73);
  background-image: -moz-linear-gradient(top, #b82e2e, #db5c73);
  background-image: -ms-linear-gradient(top, #b82e2e, #db5c73);
  background-image: -o-linear-gradient(top, #b82e2e, #db5c73);
  background-image: linear-gradient(to bottom, #b82e2e, #db5c73);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
}

.button_red:hover {
  background: #f77676;
  background-image: -webkit-linear-gradient(top, #f77676, #822d2d);
  background-image: -moz-linear-gradient(top, #f77676, #822d2d);
  background-image: -ms-linear-gradient(top, #f77676, #822d2d);
  background-image: -o-linear-gradient(top, #f77676, #822d2d);
  background-image: linear-gradient(to bottom, #f77676, #822d2d);
  text-decoration: none;
}





.lista_red {
  font-family: Arial;
  font-size: 18px;
  color: #ffffff;
  padding: 10px 20px 10px 20px;

 /*  margin: 0px 0px 0px 0px; */
  border: solid #ffffff 1px;
  text-decoration: none;
  float:center;
  align:center;
  width: 95%;
  background: #b82e2e;
  background-image: -webkit-linear-gradient(top, #b82e2e, #db5c73);
  background-image: -moz-linear-gradient(top, #b82e2e, #db5c73);
  background-image: -ms-linear-gradient(top, #b82e2e, #db5c73);
  background-image: -o-linear-gradient(top, #b82e2e, #db5c73);
  background-image: linear-gradient(to bottom, #b82e2e, #db5c73);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
}

.lista_red:hover {
  background: #f77676;
  background-image: -webkit-linear-gradient(top, #f77676, #822d2d);
  background-image: -moz-linear-gradient(top, #f77676, #822d2d);
  background-image: -ms-linear-gradient(top, #f77676, #822d2d);
  background-image: -o-linear-gradient(top, #f77676, #822d2d);
  background-image: linear-gradient(to bottom, #f77676, #822d2d);
  text-decoration: none;
}


 /* obrys galerii */

.galeria_container {
  width: 100%;
  padding: 1ex;
  margin: 0px 0px 0px 0px;

}


 /* miniaturki w galeriach */

.galeriaN{width:146px;height:230px;float:left;margin:2px;border-right:#F3F3F3 solid 1px;border-bottom:#F3F3F3 solid 1px;margin-bottom:5px;font-family:Arial, Helvetica, sans-serif; font-size:9px; margin:0px; padding:0px;}

.galeriaN p{padding:2px;width:138px;padding-left:5px;padding-right:5px;margin-top:4px;font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.galeriaN strong,.galeriaN b{font-size:11px;color:#000;}

.galeriaN a{color:#ff6600;text-decoration:none;font-size:10px;font-weight:bold;}

.galeriaN a:hover{text-decoration:none;}

.galeriaN img{border:0px; display: block; margin-left: auto; margin-right: auto;
    background:#ffffff; border:1px solid #CA0000; color:#FF8000; padding: 3px;}

.galeriaN nazwa{color:#121212}

.galeriaN opis{}

.galeriaN:hover {background: #FFEEDD;}




 /* miniaturki pod obrazkiem */

.galeriaN2{width:146px;height:130px;float:left;margin:2px;border-right:#F3F3F3 solid 1px;border-bottom:#F3F3F3 solid 1px;margin-bottom:5px;font-family:Arial, Helvetica, sans-serif; font-size:9px; margin:0px; padding:0px;}

.galeriaN2 p{padding:2px;width:138px;padding-left:5px;padding-right:5px;margin-top:4px;font-family:Arial, Helvetica, sans-serif; font-size:9px;}

.galeriaN2 strong,.galeriaN2 b{font-size:11px;color:#000;}

.galeriaN2 a{color:#ff6600;text-decoration:none;font-size:10px;font-weight:bold;}

.galeriaN2 a:hover{text-decoration:none;}

.galeriaN2 img{border:0px; display: block; margin-left: auto; margin-right: auto;
    background:#ffffff; border:0px solid #CA0000; color:#FF8000; padding: 3px;}

.galeriaN2 nazwa{}

.galeriaN2 opis{}

.galeriaN2:hover {background: #FFF} 

 /* .galeriaN2:hover {background: linear-gradient(to right,#FF8000,#FFE0C1)}  nie dziala w komorkach */





/* wyszukiwanie plikow muzycznych w portfolio */

p.menu_szuk { /* element wyszukiwarki plikow muzycznych z portfolio*/
border-left: 1px dashed #FF8000; /* lewe obramowanie */
border-right: 1px dashed #FF8000; /* prawe obramowanie */
border-top: 1px solid #F4F4F4; /* górne obramowanie */
border-bottom: 0px solid #800000; /* dolne obramowanie */
max-width: 96%;
background: #FFFFC4;  /* kolor tla zolty */
padding: 8px;  /* odległość menu od obramowania*/
margin: 0px 20px 0px 20px;
} 

p.menu_szuk2 { /* element wyszukiwarki plikow muzycznych z portfolio*/
border-left: 1px dashed #FF8000; /* lewe obramowanie */
border-right: 1px dashed #FF8000; /* prawe obramowanie */
border-top: 0px solid #800000; /* górne obramowanie */
border-bottom: 2px solid #800000; /* dolne obramowanie */
max-width: 96%;
background: #F8F8F8;  /* kolor tla szary */
padding: 8px;  /* odległość menu od obramowania*/
margin: 0px 20px 0px 20px;
} 


/* prezentacje we flashu zdjecia/rysunki - centrowanie */


.gallery {
    margin: auto;
    padding: 0 0 0 0;
}




/* okienko popup */

.targeted {
    display: table; 
    left: 50%; 
    margin-left: -150px; 
    position: fixed; 
    top: 0;  
    width: 320px; 
    z-index: 10; 
}
.targeted:target { 
    height: 100%; 
}
.actual { 
    display: none; 
    vertical-align: middle; 
}
.targeted:target .actual { 
    display: table-cell; 
}
.actual-body { 
    background-color: #EEE; 
    box-shadow: 0 0 0 5px #FFF; 
    padding: 10px; 
    position: relative; 
}
.closer {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	right: 7px;
	text-decoration: none;
	top: 0px;
}
.targeted a { 
    position: absolute; 
    right: 5px; 
    top: 1px; 
}
.targeted:target ~ .overlay {
    background-color: rgba(0,0,0,0.5); 
    bottom: 0; 
    left: 0; 
    position: fixed; 
    right: 0; 
    top: 0; 
    z-index: 5; 
}

/* koniec okienko popup */





/* jutub okienko */


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:90%;
	height:90%;
	margin: 10px 20px 10px 20px;
}



/*
lista galerii kontener
 */
div.kontener_gal {
display: block;
margin: 10px 20px 10px 20px;
padding: 0ex;
text-align: center;
border: 1px solid #C0C0C0;
border-radius:10px;
background: #F8F8F8;  /* kolor tla szary */
clear:both;
}



/*
lista galerii lewa strona - foto
 */

div.podgl_gal {
display: inline-block;
width: 250px;
background: #FFF;
text-align: center;
border: 1px solid #FFEAEA;
border-radius:10px;
margin: 5px 5px 5px 5px;
padding: 2px 2px 2px 2px;

}


/*
lista galerii prawa strona - opis
 */

div.opis_gal {
display: inline-block;
width: 250px;
font: 14px Georgia, Times New Roman, Times, Serif;
font-weight: bold;
background: #FFF;
margin: 5px 5px 5px 5px;
padding: 1ex 1ex 1ex 1ex;
text-align: center;
border: 1px solid #FFEAEA;
border-radius:10px;

}


/*  
foto na liscie wyszukiwanej galerii
*/
.foto_r0 {
    margin: 0px;
    background:#ffffff; border:1px solid #800000; color:#FF8000; display:inline; padding:1px;
}

/*  
foto na liscie aparaty
*/
img.foto_r1 {
    margin: 0px;
    background:#ffffff; border:0px; display:inline; padding:0px;
width: 240px;
text-align: center;
}


/*
lista galerii kontener 2
 */
div.kontener_gal2 {
display: block;
margin: 10px 20px 10px 20px;
padding: 0px;
text-align: center;
border: 1px solid #C0C0C0;
border-radius:10px;
background: #FFF;  /* kolor tla bialy */
clear:both;
}


/*
lista galerii lewa strona - foto 2
 */

div.podgl_gal2 {
display: inline-block;
width: 250px;
background: #FFF;
text-align: center;
border: 1px solid #FFEAEA;
border-radius:10px;
margin: 5px 5px 5px 5px;
padding: 1ex 1ex 1ex 1ex;

}


/*
lista galerii prawa strona - opis 2
 */

div.opis_gal2 {
display: inline-block;
width: 250px;
font: 10px Georgia, Times New Roman, Times, Serif;
font-weight: bold;
background: #FFF;
margin: 5px 5px 5px 5px;
padding: 1ex 1ex 1ex 1ex;
text-align: center;
border: 0px;
border-radius:10px;

}




/*  
obrazki naglowkowe w galeriach
*/
img.galerie {
margin: 3px;
max-width: 95%;
height: auto;
}

/*  
kontener na obrazki naglowkowe w galeriach
*/
div.galerie {
background: #F7F7F7;
margin: 5px 20px 5px 20px;
padding: 5px;
text-align: center;
border: 1px solid #EAEAEA;
border-radius:10px;
}





/*
Responsive 
----------------------
 */


@media (min-width: 1100px) {

.container {width:1050px;}

aside {width:28%;}

boxes {width:30%;}

#main {width:70%;}

}

@media (max-width: 1100px) and (min-width: 1000px) {

.container {width:950px;}

aside {width:30%;}

boxes {width:30%;}

#main {width:65%;}

}

@media (max-width: 1000px) and (min-width: 800px) {

.container {width:750px;}

aside {width:30%;}

boxes {width:30%;}

foto_navi {display: none;}

#main {width:65%;}

}

@media (max-width: 800px) and (min-width: 500px) {

.container {width:450px;}

.imieniny {display: none;}

boxes {display: none;}

foto_navi {display: none;}

aside,

#main {width:100%;}

}

@media (max-width: 500px) {

.container {width:90%;}

.imieniny {display: none;}

boxes {display: none;}

foto_navi {display: none;}

aside,

#main {width:100%;}

}