@charset "iso-8859-2";
/* CSS Document */
body { margin: 0px; padding: 0px; background-image:url(tlo.gif); }
p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#974406;
    text-align:left;
    line-height:125%;
	padding:0px;
	margin:0px;
}
table.glowna {
    background-color: #fff8d6;
    border: 1px solid #dc8200;
    border-left: 1px solid #dc8200;
    border-right: 1px solid #dc8200;
    width: 760px;
    margin:0px auto;
	margin-bottom:0px;
	padding:0px;
    text-align:center;
}
.glowna td, .glowna a, .glowna img {margin:0px; padding:0px; }
table.srodek { width: 100%; }
table.srodek_prawa { width: 100%; }

/* tytuly kazdej z zakladek view=1,2,3 */
.view_1_tytul {font-size:20px; text-align:center; padding:0px; margin:0px; padding-bottom:5px;}
.view_2_tytul {font-size:20px; text-align:center; padding:0px; margin:0px; padding-bottom:5px;}
.view_3_tytul {font-size:20px; text-align:center; padding:0px; margin:0px; padding-bottom:5px;}
/* koniec ----> tytuly kazdej z zakladek view=1,2,3 */

/* to jest odpowiedzialne za wodok  (na gorze po prawej) */
.widok p
{
font-size:11px;
text-align:right;
padding-right:10px;
padding-top:5px;
}
.widok a, .widok a:visited
{
color:#974406;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
.widok a:hover, .widok a:active
{
font-size:11px;
font-weight:normal;
text-decoration:none;
color:orange;
}
/* koniec -------> to jest odpowiedzialne za wodok  (na gorze po prawej) */

/*   ---- to jest odpowiedzialne na menu po lewej stronie ----   */
td.srodek_lewa {
    width:200px;
    border-right:2px solid #dc8200;
    vertical-align:top;
}
p.srodek_lewa{
    font-family:tahoma;
    font-size:12px;
    color:#1d2f68; /*#dc8200;*/
    padding-left:5px;
}
.spis_galerii {
    padding-left: 10px;
}
.spis_galerii a, .spis_galerii a:visited{
    color:#974406;
    text-decoration:none;
    font-weight:bold;
}
.spis_galerii a:hover, .spis_galerii a:active{
    color:#e4891a;
    text-decoration: underline;
    font-weight:bold;
}
/*  koniec ------> to jest odpowiedzialne na menu po lewej stronie ----   */

/* a tu jest ostatnio dodane fotki */
.last_added_tytul {font-size:18px; text-align:right; padding-right:25px; padding-top:10px;}
.last_added_odstep10 {
    float:left; padding-left:18px; padding-top:10px;
}

.last_added_miniaturka_poziom {
    font-size: 11px;
    text-align: center;
    padding:0px;
    margin:0px;
}
.last_added_miniaturka_poziom img {padding:0px; margin:0px; border:1px solid #C77A0C;}
/* koniec ----> a tu jest ostatnio dodane fotki */

/* a tu jest czesc odpowiedzialna za wyswieltlanie pelnego opisu galerii */
.belka_zdjecia table {margin-right:0px; border-collapse:collapse; border-right-width:0px}
.belka_zdjecia td {background-color:#feecb7;}
.belka_zdjecia p {font-size:11px;}
.belka_zdjecia a, .belka_view_3 a:visited {font-size:11px; text-decoration:none; font-weight:normal; color:#974406;}

.view_1 {width:560px; margin:0px; padding:0px; border-collapse:collapse;}
.view_1 img {margin:0px auto; padding:0px; border-width:0px;}
.view_1 p {font-size:12px;}
.view_1 img {margin:0px; padding:0px;}
.view_1 a, view_1 a:visited {}
.view_1_img {margin: 0px auto; margin-bottom:0px; width:180px; padding:0px; vertical-align:middle; text-align:center;}
.view_1_tytul {font-size:12px; font-weight:bold; padding-left:10px; text-align:left;}
.view_1_opis {font-size:11px; padding-left:10px; padding-right:10px; text-align:left;}
.view_1_powieksz {padding-left:10px; font-size:11px; text-align:left;}
.view_1_powieksz a, .view_1_powieksz a:visited {font-size:11px; text-align:left; text-decoration:none; font-weight:normal; color:#974406;} 

/* koniec -----> a tu jest czesc odpowiedzialna za wyswieltlanie pelneg opisu galerii */

/* a tu jest wyswieltlanie zdjec w tabelce po 3 w wierszu */
.view_2 table {border-collapse:collapse;}
.view_2 td {border:1px solid #dc8200; border-collapse:collapse;}
.view_2 p {text-align:center; font-size:11px; margin:0px; padding:0px}
.view_2 img {border-width:0px; margin:0px auto; padding:0px; vertical-align:middle;}
.view_2 a, .view_2 a:visited, .view_2 a:hover {text-decoration:none; color:#974406;}



/*  to jest odpowiedzialne za spis galerii ze szczegolami */
.gallery_full {padding-left:10px; padding-right:10px; font-size:12px;}
.gallery_full a, .gallery_full a:visited {color:#974406; text-decoration:none; font-weight:bold; padding-bottom:5px;}
.gallery_full a:hover {color:#e4891a; text-decoration: underline; font-weight:bold; padding-bottom:5px;}
.gallery_full_opis {line-height:16px;}
.gallery_full_rest {line-height:16px; font-size:11px; padding-top:10px;}
/*  koniec ----> to jest odpowiedzialne za spis galerii ze szczegolami */

/* ---- a tu jest czesc css do wyswietlania duzego obrazka ---- */
.belka_view_3 table {width:760px; margin-right:0px; border-collapse:collapse; border-right-width:0px}
.belka_view_3 td {width:253px; background-color:#feecb7;}
.belka_view_3 p {font-size:11px;}
.belka_view_3 a, .belka_view_3 a:visited {font-size:11px; text-decoration:none; font-weight:normal; color:#974406;}

.view_3 {text-align:left; font-size:11px; margin:0px; padding-left:10px}
.view_3_prawa {text-align:right;padding-right:20px; color:#974406;}
.view_3_prawa a, .view_3_prawa a:visited {color:#974406;font-weight:normal;text-decoration:none;}
.view_3_prawa a:active, .view_3_prawa a:hover {font-weight:normal;text-decoration:none;color:orange;}
.view_3_img {text-align:center; margin:0px; padding:0px; padding-top:10px; padding-bottom:5px; font-size:15px;}
.view_3_opis {font-size:12px; padding:10px; padding-bottom:0px;}
.view_3_autor {font-size:12px; padding:0px;}
.view_3_pic_info {width:740px; margin:5px auto; margin-bottom:5px; padding:0px; padding-bottom:5px; padding-top:0px; vertical-align:top;}
.view_3_pic_info p {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#feecb7; padding:2px; padding-left:5px; margin:0px; border: 1px solid #dc8200; border-bottom-width:0px; }
.view_3_pic_info_table {width:100%; text-align:left; border-collapse:collapse; border: 1px solid #dc8200;}
.view_3_pic_info_table td {
font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
/*background-color:#feecb7;*/
color:#974406;
padding:2px; padding-left:5px; margin:0px; 
border:1px solid #dc8200;
}
.view_3_info     {width:740px; margin:0px auto; margin-bottom:0px; padding:0px; padding-bottom:5px; border: 1px solid #dc8200; border-bottom-width:0px; vertical-align:top;}
.view_3_info_top {padding:2px; padding-left:5px; margin:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#feecb7; text-align:left;}
.view_3_info_p	 {padding:0px; padding-left:5px; margin:5px auto; margin-bottom:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;}
.view_3_info_p a, .view_3_info_p a:visited, .view_3_info_p a:hover, .view_3_info_p img  {border:0px solid #dc8200; text-decoration:none; color:#dc8200;}
.input {border: 1px solid #dc8200; color:#974406; background-color:#feecb7;}
/* koniec ----> a tu jest czesc css do wyswietlania duzego obrazka ---- */

.belka_obrazki{
	background-image:url(prawa_srodek.jpg); height:20px; vertical-align:middle
}

/* kontakt, style z nim zwiazane + style do formularza input etc. */
.myform {
width:400px;
height:auto; 
margin:0px auto;
padding: 10px 10px 10px 10px;
border: 0px dashed black;
}
.row {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px; 
clear:both;
height:15px;
font-size: 14px;
vertical-align:middle;
}
.col1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#974406;
padding:0px;
padding-top:2px;
margin:0px;
width:40%;
float:left;
text-align:right;
padding-right:10px;
}
.col2 {
padding:0px;
margin:0px;
width:55%;
float:left;
text-align:left;
}

span.req {font-size:12px; color:red;}
p.req { margin:0px; padding:0px; padding-bottom:5px; font-size:12px; color:red; text-align:right;}

form { margin: 0px; }
input.form { border: 1px solid #dc8200; color:#974406; background-color:#feecb7; font-family: Verdana,Tahoma; font-size: 10pt }
textarea.form { border: 1px solid #dc8200; color:#974406; background-color:#feecb7; font-family: Verdana,Tahoma; font-size: 10pt; overflow: auto; }
select.form { border: 1px solid #dc8200; color:#974406; background-color:#feecb7; font-family: Verdana,Tahoma; font-size: 10pt }
input.formb { border: 1px solid #dc8200; color:#974406; background-color:#feecb7; font-family: Verdana,Tahoma; font-size: 10pt;}
.input {border: 1px solid #dc8200; color:#974406; background-color:#feecb7;}
/* koniec -----> styli do kontaktu  */