/* Reset by Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {border:0;  margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input, textarea, select{font-family:inherit; font-size:inherit;}

/* KOLORY
NIE:   #215b83 rgba(33,91,131,0.2)

bia10: #376b8f
bia20: #4d7c9c
bia30: #638ca8
bia40: #7a9db5
bia60: #a6bdcd
bia80: #d3dee6
bia80: #e8eef2

cza40: #14374f
cza60: #0d2434

POM: #c40 rgba(204,68,00,0.5)

bia20: #cf642f
bia40: #d3855e
bia90: #dbd5d4

cza40: #7a2900
cza60: #521b00


TŁA BOXÓW
jasny pon #fff8e9

ZIE #172
 */


/*	============================================================================ */
/*		#      #  #######  ##      ##  #      									 */
/*		#      #     #     # #    # #  #      									 */
/*		#      #     #     #  #  #  #  #      									 */
/*		########     #     #   ##   #  #      									 */
/*		#      #     #     #        #  #      									 */
/*		#      #     #     #        #  #      									 */
/*		#      #     #     #        #  #######									 */
/*	============================================================================ */

html {font-size:105%}

/* LAYOUT =================================================================================       */
body { background: #eee; color:#000; text-align:center; line-height:1.3; font-family: Roboto Condensed, Arial, sans-serif; font-weight:normal;}


/* WIERSZE  */
.row {background-color:#eee; clear:both; padding:0px; margin:0; }

.sza {border-top: 1px solid #ccc; background: linear-gradient(#ddd,#eee 10%); }
.bia {border-top: 1px solid #ddd; background-color:#fff; background: linear-gradient(#fff,#eee,#fff);}


/* ALL zmiana szerokości  */
.all  {clear:both; width:990px; padding:0; margin:0 auto;  outline:0px solid #fff;}
.all2 {width:700px; padding:0; margin:0 auto;  outline:0px solid #fff;}


/* NAGŁÓWKI */
h1,h2,h3,h4,h5,h6 {font-weight:normal; color:#c40; line-height:1.1; text-align:left; text-decoration:none; clear:both; font-family: Mouse Memoirs, Arial, sans-serif;}

h1 {font-size:3.0rem; margin:25px 15px 5px;  text-align:left; padding-bottom:4px; border-bottom: 2px solid #c40; }
h1 .spile {color:rgba(204,68,00,0.5); font-size:1.9rem}
h1 .spquo {font-family: Arial; display:inline-block; padding:0 7px; }
h1 .sphas {font-family: Arial; font-weight:bold; }


h2 {font-size:3.0rem; padding:30px 0 4px; border-bottom: 2px solid #c40; margin:0 15px;}
h3 {font-size:2.6rem; padding:30px 0 2px; border-bottom: 2px solid #c40;}
h4 {font-size:2.2rem; padding:20px 0 0; }
h5 {font-size:1.8rem; padding:15px 0 0; color:#333;}
h6 {font-size:1.6rem; padding:15px 0 0; color:#333;}


/* HTML */
p  {padding:8px 0 2px; text-align:left;}
ul {padding:2px 0 4px 20px; text-align:left; list-style-type: square; }
ol {padding:2px 0 4px 20px; text-align:left;}

img {display: block; border: 0px; margin:0 auto;}
strong {font-weight:bold; }
em {font-style:italic;}
pre {display:block; background:#ffe; text-align:left;}
blockquote {font-style: italic; border-left:5px solid #ccc; padding-left: 20px; margin-left:2px;}

.l {text-align:left;}
.p, .r {text-align:right;}
.c {text-align:center; }
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.divclear {clear:both; height:0px}
.podpis {text-align:right;  font-style: italic;}
.nounderline {text-decoration:none;}
.nowrap {white-space:nowrap;}
.novis  {visibility:hidden;}
.przerwa {clear:both; height:500px}



/* MSG */
.msg {font-size:1.3rem; color:#c40; border:2px solid #c40; background:#fff;  padding:15px 10px; margin:20px 15px 20px; border-radius:3px; box-shadow:1px 1px 12px #999;}
.msg strong, .msg a {color:#c40;}

.msg-small {font-size:1.1rem; border:2px solid #c40; background:#eee;  padding:10px;  } /* konto.php */
/* h3.blad {padding:10px; color:#f00; border:1px solid #f00; background-color:#ffe;}
h3.msgok  {padding:10px; color:#060; border:1px solid #060; background-color:#ffe; margin:20px 15px;} */



/*  a, a img  */
a, a p, a h3, a h2, a img, a div, a span { transition: all 0.3s ease-out;}
a {color:#000; border-radius:3px;}

/* font-size */
small {font-size:0.8em;}
.fs11 {font-size:1.1em;}
.fs12 {font-size:1.2em;}
.fs13 {font-size:1.3em;}
.fs14 {font-size:1.4em;}
.fs15 {font-size:1.5em;}
.fs16 {font-size:1.6em;}
.fs17 {font-size:1.7em;}
.fs18 {font-size:1.8em;}
.fs19 {font-size:1.9em;}
.fs20 {font-size:2.0em;}


/*	============================================================================ */
/*		 #####    ####    #     # #     #										 */
/*		 #    #  #    #    #   #   #   # 										 */
/*		 #    # #      #    # #     # #  										 */
/*		 #####  #      #     #       #   										 */
/*		 #    # #      #    # #      #   										 */
/*		 #    #  #    #   #    #     #   										 */
/*		 #####    ####   #      #    #   										 */
/*	============================================================================ */

.box  {float:left; width:300px;   margin:15px; padding:0; outline:0px solid #eee; }
.box4 {float:left; width:217.5px; margin:15px; padding:0; outline:0px solid #eee; }



/* MASKA, MIN */
.box a .min       {position: relative; width:300px; height:200px; overflow:hidden; margin:0 auto; border-radius:5px;}
.box a .min img   {position: absolute; bottom:0px; width:100%; height:auto; background-color:#eee; } /*  */
.box a .min .mask {position: absolute; top:0;      width:100%; height:100%; padding:0; opacity:0;  background-color: #c40; }
.box a:hover .min .mask, .box a:focus .min .mask {opacity:0.5;} 


/* BOX abox - LISTA WPISÓW  */
.box a.abox {position: relative; height:300px; display:block; background-color:#fff; overflow:hidden; border-radius:5px;  box-shadow: 0px 0px 16px #bbb;}
.box a.abox:hover, .box a.abox:focus {transform: scale(0.97); z-index:100; box-shadow: 0px 0px 10px #bbb;}

.box a.abox .min {height:175px; border-radius:5px 5px 0 0;}
.box a.abox .min img  { bottom:-20px; }


/* BOX aimg - GALERIA  */
.galeria {clear:both; margin-top:15px;}
.box a.aimg {position: relative; height:200px; display:block; background-color:#fff; overflow:hidden; border-radius:5px;  box-shadow: 0px 0px 16px #999;}
.box a.aimg:hover, .box a.aimg:focus {transform: scale(0.97); z-index:100; box-shadow: 0px 0px 10px #999;}



/* LOGGED */
#logged #lista_wpisow .box {height:400px;}
#logged .galeria .box      {height:300px;}




/* PODPISY */
.box a, .box a p, .box a h3 {text-decoration:none; }
.box a h3      {font-family:Roboto Condensed; font-weight:bold;  font-size:1.1rem; color:#215b83; text-align:left; padding:3px 10px 0; margin:0; border:none;}
.box a p       {font-size:0.9rem; color:#aaaaaa; text-align:left; padding:8px 10px 0; margin:0;}
.box a p .fa-hashtag  {font-size:0.8rem; width:12px;}
.box a:hover h3, .box a:hover p, .box a:focus h3, .box a:focus p  {color:#c40;}

.box a.abox .boxdata {position: absolute; bottom:0px; width:100%; height:auto; background-color:#de5d1c; margin:0; padding:9px 0 7px; border-radius: 0 0 4px 4px; color:#fff; font-size:1rem; line-height:1.0; font-weight:bold; text-align:center;}
.box a.abox:hover .boxdata, .box a.abox:focus .boxdata  {background-color:#c40;}

/* BOX BLOG - kolory */
.boxblo a.abox  	 {background-color:#efe;}
.boxblo a.abox:hover, .boxblo a.abox:focus {background-color:#172;}
.boxblo a h3         {color:#172;} 
.boxblo a:hover h3, .boxblo a:hover p, .boxblo a:focus h3, .boxblo a:focus p  {color:#fff;}
.boxblo a .min .mask {background-color: #172;}





/* BOX ZAPROSZENIE - kolory */
.boxzap a.abox  	 {background-color:#fff8e9;}
.boxzap a.abox:hover, .boxzap a.abox:focus {background-color:#c40;}
.boxzap a h3         {color:#c40;}
.boxzap a:hover h3, .boxzap a:hover p, .boxzap a:focus h3, .boxzap a:focus p  {color:#fff;}




/*	============================================================================ */
/*		#           #     #     #   ####   #      # #######						 */
/*		#          # #     #   #   #    #  #      #    #   						 */
/*		#         #   #     # #   #      # #      #    #   						 */
/*		#        #     #     #    #      # #      #    #   						 */
/*		#       # ##### #    #    #      # #      #    #   						 */
/*		#       #       #    #     #    #  #      #    #   						 */
/*		####### #       #    #      ####    ######     #   						 */
/*	============================================================================ */



/* TOP  ===================================================================================================== */
#top {color:#fff; position:relative; background-color:#215b83; background: linear-gradient(#215b83, #14374f);}
#top a {color:#fff; text-decoration:none;  line-height:1.0;}
#top a:hover, #top a:focus {color:#fff; background-color:#c40!important;}
#top li {padding:0; margin:0}

/* marki.net.pl logo left + right */
#marlogo {float:left; height:80px; width:206px; padding:5px 10px;  margin-top:5px; background:transparent url('img/logo.png') no-repeat center; background-size:206px; white-space:nowrap; text-indent:300px; overflow:hidden}
#marinfo a {display:inline-block; width:80px; padding: 4px 5px 4px 2px;}
#marinfo a i.fa {width:26px; font-size:20px; line-height:18px; opacity:0.8;}

/* marki.net.pl logo left */
#mardivl {float:left; padding:25px 30px 20px; width:336px; margin:0 auto;}
#mardivl #marinfo {float:left; list-style:none; padding:0px 5px; border-left: 3px solid #376b8f; margin:0}

/* marki.net.pl logo right */
#mardivr {width:226px; height:130px; position:absolute; top:0; bottom:0; right:30px; margin:auto; outline:0px solid #003;}
#mardivr #marinfo {float:none; clear:both; list-style:none; padding:5px 0px; margin:0 7px; border-top: 3px solid #376b8f; text-align:center;}
#mardivr #marinfo li {display:inline-block;}
#mardivr #marinfo a {width:25px; height:20px; line-height:20px; font-size:20px; white-space:nowrap; overflow:hidden; }
#mardivr #marinfo a:hover, #mardivr #marinfo a:focus {width:90px; }

/* tag */
#tagdiv  {float:left; width:450px; min-height:150px; padding:15px 30px 13px; position:relative;}
#taglogo {width:140px; height:140px; position:absolute; top:0; bottom:0; padding:5px; margin:auto; display:block;}
#taginfo {float:left; width:320px; padding:5px 5px; margin:0 0 0 150px; list-style:none; }
#taginfo a {display:inline-block; padding: 5px 5px 3px 2px; color: #dde6ec}
#taginfo #tagtyt {font-family: Mouse Memoirs; font-size:1.8rem; line-height:1.0; color:#fff; } 
#tagtresc p {padding: 2px;}


/*  USERINFO  */
#top #autordiv {width:600px;}
#autordiv {float:left; width:690px; padding:15px 30px 13px; margin:0 auto; }

#userinfo {padding:10px 0;  }
#userimg  {float:left; width:150px; height:200px;}
#userimg, #userimg .min  {width:150px; height:200px;}
#usertxt {float:right; line-height:1.2em; width:60%; width: calc(100% - 180px);}
#userinfo h2 {font-size:1.6rem; padding:15px 0 0; margin:0; border:none;}
#userinfo p {padding:4px 0 1px;} 
#userinfo h2 a { text-decoration:none;}



/* ZAPROSZENIA na liście boxów */
#zaproszenia {position:relative; float:right; height:630px; background-color:#fff8e9;  border-radius:5px; box-shadow: 0px 0px 16px #999; overflow:hidden;   }
#zaproszenia h2 {font-size:2.4rem; padding-top:10px; margin: 0 10px;}
#zaproszenia ul {list-style:none; padding:5px 5px 10px;}
#zaproszenia li {line-height:1.0;}
#zaproszenia a  {display:block; color:#c40; font-size:1.1rem; font-weight:bold; padding:10px 5px 10px;}
#zaproszenia a:hover, #zaproszenia a:focus  {color:#fff; background-color:#c40;  }
#zaproszenia a div {color:#000; padding-bottom:2px; font-weight: normal}
#zaproszenia a:hover div, #zaproszenia a:focus div {color:#fff;}


#zaproszenia .boxwiecej {position: absolute; bottom:0px; width:100%; height:auto; background-color:#de5d1c; margin:0; padding:0; border-radius: 0 0 4px 4px; text-align:center;}
#zaproszenia .boxwiecej  a {display:block; color:#fff; font-weight:bold;  font-size:1rem; line-height:1.0;}





/* SOCIALMEDIA ============================================================================================*/
#socialmedia {min-width:50px; height:225px; top:120px; position:fixed; right:0; z-index:100;  border:0px solid #eee;}
#socialmedia a {display: block; float:right; clear:both; width:45px; height:40px; margin-bottom:15px; overflow:hidden; color:#fff; font-size:18px; line-height:40px; padding:7px 5px 3px; overflow:hidden; white-space: nowrap; background-color:#666;  background-color:rgba(0,0,0,0.4);}
#socialmedia a:hover, #socialmedia a:focus {background-color:#000; width:160px;  outline:1px dotted #fff; }

#socialmedia a#fac:hover, #socialmedia a#fac:focus {background-color:#3a5795;}
#socialmedia a#twi:hover, #socialmedia a#twi:focus {background-color:#5be ;}
#socialmedia a#you:hover, #socialmedia a#you:focus {background-color:#ee0000;}

/* PAGINACJA */
.paginacja {clear:both; margin:0 auto; padding:20px 30px; text-align:center; color:#666;}
.paginacja a {display:inline-block;  padding:8px 12px; margin:3px; overflow:hidden; font-size:20px; font-weight:bold; line-height:20px; text-align:center; background:#215b83; color:#fff;  text-decoration:none; white-space:nowrap;}
.paginacja a.pag_next {width:48px; padding:7px 6px 7px; }
.paginacja a.pag_next .fa {width: 50px;}
	
.paginacja .pag_kro {vertical-align: 15%; font-size: 1.5em;}
.paginacja a.on 		{background:#bbb; font-weight:bold;}
.paginacja a:hover, .paginacja a:focus	{background:#c40;  transform: scale(1.3); }




/* BOTTOM ============================================================================================ */
#bottom {color:#fff; background-color:#215b83; background: linear-gradient(#215b83, #0d2434); }

#bottom #botlogo {display:block; width:180px; height:70px; padding:10px; margin-top:22px; margin-left:-10px; background:transparent url('img/logo.png') no-repeat center; background-size:180.4px ;}
#bottom #botlogo {white-space:nowrap; text-indent:300px; overflow:hidden}
#bottom a#botlogo:hover, #bottom a#botlogo:focus {background-color:#c40;}

#bottom h3 {font-size:2.4rem; color:#fff; margin:0 20px 0 -5px; border-bottom: 3px solid #376b8f; }
#bottom ul {list-style:none; padding:10px 0 0; }
#bottom .kol1 ul {padding-top:0;}
#bottom li {padding:0;}
#bottom span {opacity:0.4}
#bottom i.fa {text-indent:0;} 
#bottom a {display:inline-block; color:#fff; text-decoration:none; line-height:1.0; padding: 4px 5px 4px 2px; } 
#bottom li a {padding-left:18px; text-indent:-18px;} 
#bottom a:hover, #bottom a:focus {color:#fff; background-color:#c40;}
#bottom .kol4 li a {white-space: nowrap;} 


#bottom p.wiecej {margin-left:2px;}
#bottom p.wiecej a {display:inline-block; padding:5px 0; color:#fff; background:rgba(255,255,255,0.1);}
#bottom p.wiecej a:hover {background:rgba(204,68,00,1); }


/* AVN  */
p#avn   {display:block; clear:both;  padding:0px; margin:0; background-color:rgba(0,0,0,0.3);}
p#avn a {display:block; text-align:center; color:#777; padding:7px 0 5px; font-size:14px; line-height:20px; text-decoration:none;}

/*  w sieci ===========================================================================================================================*/
#wsieci   {width:110px; height:178px; position:absolute; bottom:70px; right:10px; z-index:200;  border:0px solid #eee;}
#wsieci a {width:100px; height:168px; display:block; float:right; clear:both; color:#fff; padding:5px; text-align:center;  }
#wsieci a:hover {transform: scale(1.15);}


/* #LINKTOP ===============================================================*/
#linktop   {width:40px; height:40px; position:fixed; bottom:10px;  right:10px;  z-index:100;}
#linktop a {width:40px; height:40px; display:block; line-height:40px; color:#fff; font-size:30px; font-weight:600;  text-decoration:none; text-align:center; background:rgba(0,0,0,0.4); overflow:hidden;}
#linktop a:hover, #linktop a:focus {background:rgba(0,0,0,0.9); }




/* WPIS ============================================================================================*/
/* WPIS ============================================================================================*/
/* WPIS ============================================================================================*/

/* TOPWPIS  ===================================================================================================== */
#topwpis {position:relative; height:400px;     width:100%;  padding:10px 0; margin-top:5px; background:transparent url('img/logo.png') no-repeat 50% 30%; background-size:cover;}
#topwpis a {color:#fff;  padding:5px 5px; text-decoration:none; white-space:nowrap;}
#topwpis a:hover, #topwpis a:focus { background-color:#c40;} 

#tophome {text-align:left; font-size:1.9rem; text-shadow: 1px 1px 30px #000, 1px 1px 10px #000, 1px 1px 5px #000;}

#toptlo  {position:absolute; width: 100%; bottom: 0; padding-bottom:15px; left: 0; text-align: left;  background:linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,1));}
#toptlo h1 {color:#fff; padding:50px 15px 0px 10px; margin:0 auto; border:none; text-shadow: 1px 1px 30px #000, 1px 1px 10px #000, 1px 1px 5px #000;}
#toptlo p  {color:#fff; padding:10px 15px 0px 10px; margin:0; font-size:1.3rem; line-height:1.4; text-shadow: 1px 1px 30px #000, 1px 1px 10px #000, 1px 1px 5px #000;}
#toptlo p span {display:inline-block;  margin-right:20px; white-space:nowrap;}



/* WPIS */
#wpis {padding:15px; float:left;}
#wpis img {max-width:100%; height:auto;}

#wpis h1, #wpis h2 {padding-left:0; padding-right:0; margin-left:0; margin-right:0;}
#wpis p, #wpis li  {font-size:1.1rem;} 

#wpis img {margin:15px 0; border-radius:5px; box-shadow: 0px 0px 10px #bbb;}
#wpis a img {margin:0;}

#wpis p a, #wpis li a {color: #000; text-decoration: none; padding: 1px 2px; box-shadow: 0 -3px 0 #cc440080 inset;}
#wpis p a:hover, #wpis li a:hover, #wpis p a:focus, #wpis li a:focus {color:#fff;  background-color: #c40; text-decoration: none;  }

#wpis .small, #wpis .small * {font-size:0.8rem}


.fb-like {float: left; border:none;  overflow:hidden; width:240px; height:30px; padding:3px 0 3px; margin: 0; outline:0px solid #ddd;}

/* https://stackoverflow.com/questions/22187961/responsive-facebook-comments-css-hack-broken */
#fbkom {padding:0 10px;}
#fbkom .fb_iframe_widget, 
#fbkom .fb_iframe_widget span, 
#fbkom .fb_iframe_widget span iframe[style] {min-width: 100% !important; width: 100% !important; font-size:2em;}

.wdata {color:#999; padding:3px 5px 10px; float:right;}

/* .youtube {margin:15px auto;}
.youtube iframe {width:630px; height:354px; border-radius:5px;  box-shadow: 0px 0px 10px #999;} */

/* YOUTUBE https://benmarshall.me/responsive-iframes/ =============================================*/
.youtube {position: relative; height:0; overflow: hidden; padding-bottom: 56.25%; margin-top:40px;}
.youtube iframe {position: absolute; top:0; left:0; width:100%; height:100%;}


/* WPIS AUTOR */
.rowwpisautor {margin-top:50px;}

/* WPIS LINKI */
#wpis ul.linki a {box-shadow:none;}

/* WPIS KOMENTARZE  */
#komul {list-style-type:none;}
#komul li {padding:10px 20px; margin-top:30px; background-color:#fff8e9; border-radius:5px; box-shadow: 0px 0px 16px #ccc; }

#komul .komtyt {font-size:1.1rem; color:#c40; border-bottom:1px solid #d3855e;}
#komul .komtyt a {font-size:1.0rem; display:inline-block; color:#d3855e; text-decoration: none; padding:1px 2px; margin-left:10px;}
#komul a:hover, #komul a:focus {color:#fff; background-color:#c40; text-decoration: none;}

#komul li:nth-child(2n+0) {background-color:#ddf1ff;}
#komul li:nth-child(2n+0) .komtyt {color:#215b83; border-bottom:1px solid #638ca8;}
#komul li:nth-child(2n+0) .komtyt a {color:#638ca8; }

#zastrzezenie {padding:20px;}
#zastrzezenie p {color:#c40;}

/* WPIS ADMIN  */
#wpis .admin a {box-shadow:none; color:#070;}


/*	=====================================================#====================== */
/*		 ####  ######   ####  ###### ######   ####     ####   #      #     #	 */
/*		#    #      #  #    #      # #       #    #   #    #  #   #   #   # 	 */
/*		#          #  #           #  #      #        #      # #  #     # #  	 */
/*		 ####     #   #          #   #####  #        #      # # #       #   	 */
/*		     #   #    #         #    #      #    ### #      # ##        #   	 */
/*		#    #  #      #    #  #     #       #    #   #    #  #         #   	 */
/*		 ####  ######   ####  ###### ######   ####     ####   #######   #   	 */
/*	============================================================================ */


/* home blogi */ 
#bloghome h1 {color:#172; border-bottom-color:#172;}
#bloghome .przycisk {background-color:#172; margin:0 5px;}
#bloghome .przycisk:hover {background-color:#888;}
#bloghome .przycisk .fa {opacity:0.5;}



/* LINKI wpis i bottom*/
ul.linki {padding: 10px 0 5px 22px; font-size:1.1rem;}
ul.linki a {box-shadow:none;}
ul.linki small {font-size:1.1rem; opacity:0.6}
ul.linki .fa {opacity:0.3;  }
ul.linki em {opacity:0.3; font-weight:bold; line-height:0.5em; font-size:1.2rem; font-style:normal;}
ul.lsnone  {list-style:none; padding-left:2px;}






/* TABLE  ===================================================================================================== */
table {border-collapse: separate; border-spacing: 4px;  padding:10px 0; margin:5px auto}
th   {line-height:1.0em; padding:7px 10px; border:1px solid #ccc;}
td   {line-height:1.4em; padding:3px 10px; border:1px solid #ccc; font-size:1rem;  }
tr:nth-child(2n+0) td, tr:nth-child(2n+0) th {background-color:#ddf1ff;}
tr:nth-child(2n+1) td, tr:nth-child(2n+1) th {background-color:#fff8e9;}


/* TABLE SZCZEGÓLNE ============================================================================================= */
.logi {border-collapse: collapse;  border-spacing: 0px; border:1px solid #ccc; }
.logi td {line-height:1.2em; padding:0px 3px; border:0px solid #ccc; font-size:0.8rem;}
.logi-left  {float:left;  width:49%;}
.logi-right {float:right; width:49%;}


/* metryczka
table.metryczka {width:100%; padding:0; margin-top:-10px;}
table.metryczka th {text-align:right;  font-weight:normal}
table.metryczka td {text-align:left; }
table.metryczka caption {display:none;} */


/*	============================================================================ */
/*		#######   ####    #####    ##      ##									 */
/*		#        #    #   #    #   # #    # #									 */
/*		#       #      #  #    #   #  #  #  #									 */
/*		#####   #      #  #####    #   ##   #									 */
/*		#       #      #  #  #     #        #									 */
/*		#        #    #   #   #    #        #									 */
/*		#         ####    #    #   #        #									 */
/*	============================================================================ */



/* PRZYCISKI ========= */
.przycisk, .submit  {color:#fff; background:#de5d1c; display:inline-block; min-width:120px; padding: 8px 8px; line-height:24px; margin:0;  font-size:1.1rem; font-weight:bold;  text-align:center; text-decoration:none; border:none; border-radius: 3px; box-shadow: 0px 0px 16px #bbb;}
.przycisk:hover, .submit:hover, .przycisk:focus, .submit:focus {color:#fff; background:#c40;}
.przyciski {clear:both; text-align:center; margin:0px auto 15px; line-height:60px;}


/* ================================================================================================================================ */
/* FORMULARZ ====================================================================================================================== */
/* ================================================================================================================================ */
form 				{width:97%; display:block; clear:both;  padding:0px; margin:10px auto 10px; }
form fieldset     	{width:100%; padding:5px 0 5px; margin:20px auto 5px;}
form legend			{padding:10px 20px; margin-left:30px; text-align:left; font-weight:600; font-size:1.2rem; background:#fff;}

/* row i col */
form .frow 			{float:left; width:100%; padding:3px 0px; clear:both; outline:0px solid #efe}
form div.checkbox, form div.radio {padding:8px 0 7px;}
form .fcoll			{float:left; width:32%; margin:0 0.5%; text-align:right; padding-top:4px;}
form .fcolr			{float:left; width:65%; margin:0 0.5%; text-align:left; }

/* label */
form label  		{display:block; vertical-align: top;}
form .fcolr label 	{float:left; cursor:pointer; padding-top:4px; width:90%; width:calc(100% - 35px);   }
form .fcolr label:hover, form .fcolr label:focus {background-color:#efe;}
form label.tyt 		{font-size:1.05rem; text-align:right; font-weight:600;}
form label.for 		{font-size:1.0rem;  text-align:left; margin-top:2px; line-height:1.2;}
form label span 	{font-size:0.8rem;}

/* input */
form input		   	{float:left; max-width:95%; padding:3px 1%; font-size:1.00rem;  border-radius:2px}
form textarea     	{float:left;     width:95%; padding:3px 1%; font-size:1.00rem;  border-radius:2px}
form input.checkbox	{clear:both; transform:scale(1.8); margin:10px 10px 0 0; padding:0; } 
form input.radio 	{clear:both; transform:scale(1.8); margin:10px 10px 0 0; padding:0; } 
form input.text   	{}
form input.number   {}
form input.file   	{}

/* kolory  */
form fieldset, form legend {border:1px solid #ccc;}
form input.text, form input.file, form textarea {border:1px solid #666;}
form input.text, form input.file, form textarea {background:#fff; }
form input.text, form input.file, form textarea {color:#000; }


/* focus, placeholder */
form input.text:focus, form input.file:focus, form textarea:focus {border: 1px solid #248; color:#248; background-color:#ffc;}  
form ::placeholder {color:#333; opacity: 0.6; }

/* disabled */
form input.disabled, form textarea.disabled {background:#fff; color:#666;}
form input.disabled:focus {background:#fff; color:#666;}
form input.disabled::placeholder  {color:#fff; opacity: 0; }



/* FORM SZUKAJ ======================================================================================================= */
form#szukaj input {padding: 8px 1%; margin-right: 20px;}
form#szukaj label {line-height: 1.5em;}

@media all and (max-width:600px)
	{
	form .fcoll	{float:none; width:99%; margin:0 0.5%; text-align:left; padding-top:3px;}
	form .fcolr	{float:none; width:99%; margin:0 0.5%; text-align:left; padding-top:3px;}
	}


/* FORM AUTORZY uwagi ========================================================== ============================================= */
.admin_upd_form fieldset  {min-width:auto; width:200px; margin:0; padding:0; border:none;}
.admin_upd_form label     {display:none;}
.admin_upd_form input#val {width:160px;}
.admin_upd_form .submit   {min-width:auto; width:28px; height:24px; line-height:14px; padding:6px}




/*	============================================================================ */
/*		    #      #####     ##     ##   #   ##      #							 */
/*		   # #     #    #    # #   # #   #   # #     #							 */
/*		  #   #    #     #   #  # #  #   #   #  #    #							 */
/*		 #     #   #     #   #   #   #   #   #   #   #							 */
/*		# ##### #  #     #   #       #   #   #    #  #							 */
/*		#       #  #    #    #       #   #   #     # #							 */
/*		#       #  #####     #       #   #   #      ##							 */
/*	============================================================================ */

.admin    {display:block; clear:left;  list-style: none; font-size:1.0rem; margin:3px auto 2px; padding:2px; }
.admin li {text-align:center; padding:0;}
.admin a  {display:inline; font-size:1.0rem; line-height:1.1em; float:none;}
.admin a span {font-size:1.5rem; line-height:0.8em; font-weight:600;  padding:0 4px; }

/* admin kolor */
.admin, .admin li, .admin a, .admin li strong, .admin a strong, .aadmin  {color:#070!important;}
.admin, .aadmin  {border: 1px solid #070; background-color:#bfb; border-radius:3px;   box-shadow: none;}
.admin a:hover, .admin a:hover strong, #wpis .admin a:hover, #wpis .admin a:hover strong  {background-color:#ff0; color:#093;}

/* adminmenu */
.adminmenu   {font-size:1.10rem; border-width:3px; font-weight:bold; margin:40px 0; padding:5px 2px; border-radius:4px;}
.adminmenu a {font-size:1.10rem;}

/* szczegóły */
.admin.hid { height:8em; overflow:auto; line-height:1.2em;}
.usun {color:#f00;}

ul.linki ul.admin {width:200px; float:right;}
ul.linki li {clear:both;}

/* table.admin {background:#fff; border:none; box-shadow:none;}
table.admin .admin { box-shadow:none; margin:0;} */

#taginfo .admin a {}



/*	======================================================================================== */
/*		#####  #####  ####  #####    ###   #     #   #### #     # #     # #     # #####		 */
/*		#    # #     #    # #    #  #   #  ##    #  #    # #   #  #     # ##    # #    		 */
/*		#    # #     #      #    # #     # # #   #  #       # #   #  #  # # #   # #    		 */
/*		#####  ####   ####  #####  #     # #  #  #   ####    #    # # # # #  #  # #### 		 */
/*		#  #   #          # #      #     # #   # #       #   #    ##   ## #   # # #    		 */
/*		#   #  #     #    # #       #   #  #    ##  #    #   #    #     # #    ## #    		 */
/*		#    # #####  ####  #        ###   #     #   ####    #    #     # #     # #####		 */
/*	======================================================================================== */





/* 3 kolumny węższe 240 */	
@media all and (max-width:990px)
	{
	html {font-size:104%}
	
	.all {width:810px;}
	.all2 {width:660px;}
	
	.box {width:240px;}
	.box a .min  {width:240px; height:160px;}
	.box a.abox .min {height:150px;}
	.box a.abox .min img  { bottom:-5px; }
	
	.box a.aimg {height:160px;}

	#topwpis {height:330px;}

	.box4 {width:172.5px}
	#bottom #botlogo {width:160px; height:62px; background-size:160px ;}
	#bottom h3 {margin-right:0}
	}


/* 2 kolumny 300 */
@media all and (max-width:810px) 
	{
	html {font-size:102%}
	
	.all {width:660px;}
	.box {width:300px;}
	.box a .min  {width:300px;}

	.logi-left  {float:none;  width:95%;}
	.logi-right {display:none}

	.box4 {width:300px}
	}


/* 2 kolumny węższe 240 */	
@media all and (max-width:660px)
	{
	html {font-size:100%}

	.all  {width:540px;}
	
	.box {width:240px;}
	.box a .min  {width:240px;}
	.box a.abox .min {height:150px;}
	.box a.abox .min img  { bottom:-5px; }
	

	.box4 {width:240px}

	}

/* 1 kolumna 300 */
@media all and (max-width:540px) 
	{
	.all {width:94%; margin:0 3%}
	.box {float:none; clear:both; width:300px; margin:30px auto;}
	.box a .min  {width:300px;}
	#zaproszenia {float:none; }

	#usertxt {float:none; clear:both; width: 100%}
	#userimg {margin-bottom:0;}
	
	#toptlo h1 {font-size:2.4rem;}

	.box4 {float:none; width:300px;  margin:15px auto; padding-top:15px;}
	}


/* 1 kolumna węższa 100%  330*/	
@media all and (max-width:330px)
	{
	.box {width:100%;}
	.box a .min  {width:100%;}
	

	.box4 {width:100%;}
	}


/* ================= */ 
/* GLOWA - TOP       */
/* ================= */ 
@media all and (max-width:900px)
	{
	#tagdiv {float:none; margin:0 auto;}
	#mardivr {float:none; margin:0 auto; position:static;} 
	#top #autordiv {width:auto;}

	}

@media all and (max-width:450px)
	{
	#mardivl {padding:15px 5px 10px;}

	
	#tagdiv  {float:none; margin:0 auto; width:100%; padding:15px 0 0;}
	#taglogo {float:none; position:static; margin:0 auto;}
	#taginfo {float:none; clear:both;  margin:0px auto; clear:both; padding:0; text-align:center;}
	
	
	}