* {
margin: 0;
padding: 0;
border: 0;
}

div.mailbox{
  margin-top: 0px;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;

}









 div.mailbox .texty h2.bily {
font: lighter 28px Calibri, Arial;
    text-align: center;
        color: #FFFFFF;
        margin-bottom: 10px;
            -moz-text-shadow: -1px 1px 20px rgba(0,0,0,0.4);
    -webkit-text-shadow: -1px 1px 20px rgba(0,0,0,0.4);
    text-shadow: -1px 1px 20px rgba(0,0,0,0.4);
}
div.mailbox .texty p.bily{

    text-align: center;
    color: #fff;
    font: lighter 16px Calibri, Arial;
            -moz-text-shadow: -1px 1px 20px rgba(0,0,0,0.4);
    -webkit-text-shadow: -1px 1px 20px rgba(0,0,0,0.4);
    text-shadow: -1px 1px 20px rgba(0,0,0,0.4);
}
 div.mailbox .texty h3,  div.mailbox .texty p{

    text-align: center;
    color: #000000;
    font: lighter 16px Calibri, Arial;

}
.texty div.mailbox p {
    text-align: left;
}

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-left: 20px;
  text-align: left;
}

 @media all and (max-width: 911px) {

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 90%;
  margin-left: 40px;
}
}
 @media all and (max-width: 600px) {

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 80%;
  margin-left: 40px;
}
}
 @media all and (max-width: 400px) {

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 70%;
  margin-left: 40px;
}
}
div.mailbox .mail2{
  display: inline-block;
    vertical-align: top;
  width: 100%;
}
div.mailbox .mail3{
  display: inline-block;
    vertical-align: top;
  width: 100%;
}

div.mailbox .mail4{
  display: inline-block;
  width: 100%;
  text-align: center;
}






div.mailbox .mail3 p{
color: #4c5e6d;
font: 14px Candara,  Arial, Calibri;
line-height: 30px;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 15px;
clear: both;
text-align: left;
}
 div.mailbox .pole{
  width: 80%;
  height: 40px;
  background: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 11px;

color: #000000;
font: 14px Candara, Arial, Calibri;
line-height: 40px;
background:  rgba(255, 255, 255, 0.94);
 -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
   -moz-border-radius:1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
 div.mailbox img{
   display: inline-block;
}
 div.mailbox .pole-male{
  width: 140px;
  height: 45px;
  background: none;
     padding-left: 20px;
  margin-bottom: 11px;
  margin-bottom: 11px;
     display: inline-block;
    color: #4c5e6d;
font: 16px Candara,  Arial, Calibri;
line-height: 45px;
background: #f5f5f5;
 -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
   -moz-border-radius:1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
 div.mailbox textarea{
  width: 80%;
  height: 100px;

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

color: #000000;
font: 14px Candara, Arial, Calibri;
background:  rgba(255, 255, 255, 0.94);
 -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.6);
   -moz-border-radius:1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
 div.mailbox a{
  text-align: center;
color: #4c5e6d;
font: 16px Titillium Web, TitilliumWeb,  Arial, Calibri;
}
div.mailbox .odeslat{
  margin-top: 10px;
  margin-bottom: 20px;
  width: 160px;
  height: 45px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
      background: #cc0000;
font:bold 16px Candara, Arial, Calibri;
line-height: 45px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
cursor: pointer;
   -moz-border-radius:1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
div.mailbox .odeslat:hover{
  color: #ffffff;
line-height: 45px;
background-color: #0c507f;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}










.pp_content div.mailbox .mail1 {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}


.pp_content h2.nadpis{
    font: bold 30px Candara, Calibri, Arial;
    color: #cc0000;
    padding-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 10px;
background: none
}





.formminus{
  width: 20px;
  height: 20px;

  float: left;
color: #4c5e6d;
font: 16px Titillium Web, TitilliumWeb,  Arial, Calibri;
line-height: 45px;
background: #f5f5f5;

   -moz-border-radius:10px ;
-webkit-border-radius: 10px ;
border-radius: 10px ;
}