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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-size: 100%;*/
    font: inherit;
    /*font-family:Verdana,Geneva,sans-serif;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

/*
<style>
html {
  background: #fffdeb;
}

body {
  background: #fffdeb;
}

</style>

 * */

html {
 /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
 /*font-family: Tahoma, Verdana,Helvetica,Arial; */
 font-family: Arial, Tahoma, Verdana,Helvetica; 
 font-size: 16px;
 font-weight: normal; 

 COLOR: black; 

 /*AC24*/
  background: #fffdeb;
 /*background: #831f1f;*/
 /*background: #FAFAFA;*/
 /*background: #e2e9f1;*/

}



BODY {
 /*font-family: Arial, Tahoma, Verdana,Helvetica; 
 font-size: 12px;*/
}




li {
/*margin-left: 10px;
padding-left: 10px;
*/

/*
 outline-width: 2px;
 outline-color: blue;
 outline-style: solid;
*/
  /*border: 10;*/

 /*margin-left: 0.5em; */
  
}


span {
 /*outline: Violet  dashed 1px;*/

}

b {
 font-weight: bold;
}

em {
  font-style:italic;
} 

small {
 font-size: 11px;
}

figure 
{
 /*font-size: 1.2em;*/
 /*font-size: 12px;*/
 margin: 2em 0 1em 0;
 text-align:justify;

 /*outline: red dashed 1px;*/

 width: 100%;

}

p
{
 /*font-size: 1.2em;*/
 /*font-size: 12px;*/
 margin: 0 0 1em 0;
 text-align:justify;
 hyphens: auto;
 /*outline: red dashed 1px;*/

 width: 100%;

}




FORM {
/* FONT-FAMILY: Verdana,Helvetica,Arial; 
 FONT-SIZE: 12px;*/
}


/*COLOR: #0B1237;   */
INPUT, SELECT, TEXTAREA{

 /*FF mial problem z dziedziczeniem po html*/
 /*
 font-family: Arial, Tahoma, Verdana,Helvetica; 
 FONT-SIZE: 13px;

 background-color: #FFFDCB;

 width: 120px;*/
}




article {
 
 /*height: auto;*/
 /*min-height: 100%;*/

}



/*sprawdzanie form*/
select:required,
input:required,
textarea:required
{
border-style: solid;
/*border-width: thick;*/
/*background-color: #fde2d3;*/
background-color: lightblue;
}

/*pola nie wymagane*/
input:optional,
select:optional,
textarea:optional
{
 background-color: yellow;
 border-width: thick;
 /*background-color: LightBlue;*/
}

select:valid,
input:valid,
textarea:valid
{

 background-color: #e7fdd3;

 /*background-image: url('./img/valid_up2.png');*/

 background-position: right bottom;
 
 background-repeat: no-repeat;

 border: 1px solid green;
}

select:invalid,
input:invalid, 
textarea:invalid
{
 /*background-color: #f08080;*/
 background-color: #fde2d3;

 /*background-image: url('./img/invalid.png');*/
 
 background-repeat:no-repeat;
 background-position:right top;
 

 /*border-color: red;*/
 border: 1px solid red;
}


legend {
 /*background: yellow;*/
 margin-left: 10px;
 margin-right: 10px;

 padding-left: 10px;
 padding-right: 10px;

 padding-top: 5px;
 padding-bottom: 5px;

 font-weight: bold;

}



/*formy rejestracji itd. i podawania danych*/

#FormComment
{
 /*AC24*/
 /*
 margin: 5px auto;
 width: 670px;
 */
 width:100%;
 max-width:700px;

 FONT-SIZE: 16px;
 z-index: 10;
}


#FormComment fieldset 
{

 /*obramowanie */
 /*border:1px solid green;*/
 border:2px solid #dbf3cd;

 margin: 0 0 20px;
 /*margin: 20px;*/
 padding: 10px;
 border-radius: 8px;
 z-index: 10;
}

#FormComment ol
{
 /*
 outline-width: 1px;
 outline-color: red;
 outline-style: dashed;
 */
 /*i rownowazny*/ 

 /*outline: red dashed 1px;*/


 /*list-style-type: decimal;*/
 list-style-type: none;
 padding: 0;
 margin: 0;
 z-index: 10;
}

#FormComment ul
{
 /*
 outline-width: 1px;
 outline-color: red;
 outline-style: dashed;
 */
 /*i rownowazny*/ 

 /*outline: red dashed 1px;*/


 /*list-style-type: decimal;*/
 list-style-type: none;
 padding: 0;
 margin: 0;
 z-index: 10;

 /*border: 1px solid red;*/
}


#FormComment li
{
 /*outline: gray dashed 1px;*/

 /*margin: 0 0 6px;*/
 margin: 8px 0px 8px 20px;


/*
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px
*/

/*wg wskazuwek zegara gora, prawy, dolny, lewy*/
padding:0px 0px 0px 0px;

 /*UWAGA !!! ten parametr powodował przeźroczystość!!!!! */
 /*position: relative;*/
 z-index: 10;

 /*border: 1px solid black;*/
}

#FormComment ul li
{
 text-indent: 0;
 padding-left: 0;
 list-style-position: inside;
}


#FormComment label
{
 /*outline: yellow solid 1px;*/

 /*width: 180px;*/
 /*AC24*/
 /*width: 150px;*/
  width: 30%;

 display: inline-block;
 /*vertical-align: top;*/
 /*vertical-align: middle;*/
 vertical-align: top;
 z-index: 10;
}

#FormComment fieldset input,
#FormComment fieldset select
{
 /*outline: blue dashed 1px;*/

 display: inline-block;

 /*AC24*/
 /* width: 430px;*/
  width: 60%;
  box-sizing: border-box;


 /* drugie 24 dla lewej strony na odkrycie łapki*/
 /*opera ma problemy
 padding: 3px 24px 3px 3px;*/
 
 padding-top: 2px;
 padding-bottom: 2px;
 padding-right: 22px;
 padding-left: 2px;

 
/*  transition: background-color 1s ease;
 */  

 border: 1px solid #fff;
 border-radius: 5px;

 vertical-align: top;
 /*vertical-align: bottom;*/
 z-index: 10;
}

#FormComment fieldset select  
{ 
 /*background-color: yellow;*/
 /*background: white;*/
 /*width: 371px; */
 /*width: 430px; 
 padding: 3px; 
 z-index: 10;*/

 /*AC24*/
 /*width: 430px;*/
  /*width: 63%;*/
  width: 60%;
  box-sizing: border-box;

}



/*
#FormComment fieldset  textarea {
 min-height: 42px;
 min-width: 350px;
 max-width: 430px;

 height: 52px;
 width: 430px;
 overflow: auto;
}
*/

#FormComment fieldset  textarea.email {
 min-height: 250px;

 /*AC24*/
 /* 
 min-width: 350px;
 max-width: 430px;

 height: 202px;
 width: 430px;
 */
 /*width: 63%;*/
 width: 60%;
 box-sizing: border-box;

 border: 1px solid #fff;
 border-radius: 5px;

 overflow: auto;
}



div {
 /*font-family: Tahoma, Verdana,Helvetica,Arial; */
 /*font-size: 13px;*/
 /*border-radius: 15px;*/

}


.center {
  text-align: center;
}

/*kreska pod podpisem artykułu
 * class="SignatureLine"*/
.SignatureLine {
  width:50%;
  text-align:left;
  margin-left:0;
}

/* class="ArticleSignature" */
.ArticleSignature {
  text-align: left;
}


/*Format do IFrame*/

#HiddenForm {
display: none;
}

p.CommentRow0 {
 background-color: #f6fffe;
 padding: 15px;
 margin-right: 20px;
 width: 95%;
}

p.CommentRow1 {
 background-color: #ffdf9c;
 padding: 15px;
 width: 95%;
 margin-right: 20px;
}


 /*Button to hide / show form in Comment*/
#NewCommentButton {
  /*font-size: 18px;
  font-weight: bold;*/
  height: 60px;
 }

p.forInput{
 margin-top: 8px;
 margin-bottom: 15px;
 /*margin-right: 50px;*/
 margin-left: 2px;
 /*FONT-SIZE: 12px;*/
}

button {
 padding: 10px;
}

button:hover {
  color: white;
  background: black;
}

select:hover,
input:hover,
textarea:hover
{
 outline: #f9de6d dashed 5px;
}



@media (max-width:700px) {

 #FormComment 
 {
   width: calc(100% - 30px);
   font-size: 22px;
 }

 
 #FormComment fieldset select,
 #FormComment fieldset input,
 #FormComment fieldset  textarea.email 
 { 
   font-size: 22px;
 }

 #FormComment fieldset input
 { 
   height: 60px;
 }

 #FormComment label {
  font-weight: bold;
 }

 button{
  font-size: 22px;
  font-weight: bold;
  height: 60px;
 }
 
 /*Button to hide / show form in Comment*/
 #NewCommentButton {
  font-size: 18px;
  font-weight: bold;
  height: 80px;
 }

}



@media (max-width:590px) {

  p.CommentRow0 {
   font-size: 18px;
  }

  p.CommentRow1 {
   font-size: 18px;
  }
  
 #FormComment 
 {
   font-size: 20px;
 }

 #FormComment fieldset
 { 
   font-size: 20px;
   /*background: #bcfeff;*/
 }

 #FormComment fieldset select,
 #FormComment fieldset input,
 #FormComment fieldset  textarea.email 
 { 
   font-size: 20px;
   width: 90%;
   /*wymiar z uwzględnieniem wszystkich brzegów*/
   box-sizing: border-box;
 }

 #FormComment label
 {
  /*outline: yellow solid 1px;*/

  /*width: 180px;*/
  /*AC24*/
  /*width: 150px;*/
  width: 95%;

  /*display: inline-block;*/
 }



}