@font-face {
font-family: TitilliumWeb;
src: url(http://www.wedipa.com/pismo/TitilliumWeb.ttf),
url(http://www.wedipa.com/pismo/ie/TitilliumWeb.eot);
}



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

div.mailbox{
  margin-top: 0px;
  text-align: center;
}

.texty div.mailbox h2 {
    color: #4c5e6d;
    font: 31px Titillium Web, TitilliumWeb, Arial, Calibri;
    padding-top: 20px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}

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

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 30%;
}
div.mailbox .mail2{
  display: inline-block;
    vertical-align: top;
  width: 30%;
}
div.mailbox .mail3{
  display: inline-block;
    vertical-align: top;
  width: 30%;
}

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





div.mailbox h3{
color: #4c5e6d;
font: bold 16px Titillium Web, TitilliumWeb,  Arial, Calibri;
margin-left: 30px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 15px;
text-align: left;
clear: both
}
div.mailbox .mail3 p{
color: #4c5e6d;
font: 16px Titillium Web, TitilliumWeb,  Arial, Calibri;
line-height: 30px;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 15px;
clear: both;
text-align: left;
}
 div.mailbox .pole{
  width: 90%;
  height: 45px;
  background: none;
  padding-left: 20px;
  margin-bottom: 11px;
  float: left;
color: #4c5e6d;
font: 16px Titillium Web, TitilliumWeb,  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:15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
 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 Titillium Web, TitilliumWeb,  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:15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
 div.mailbox textarea{
  width: 90%;
  height: 203px;

  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  float: left;
color: #4c5e6d;
font: 16px Titillium Web, TitilliumWeb,  Arial, Calibri;
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:15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
 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;
  color: #ffffff;
  background: #4c5e6d;
font: 16px Titillium Web, TitilliumWeb,  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:15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
div.mailbox .odeslat:hover{
  color: #ffffff;
line-height: 45px;
background-color: #000000;
-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;
}


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

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
div.mailbox .mail2{
  display: inline-block;
    vertical-align: top;
  width: 45%;
}
div.mailbox .mail3{
  display: inline-block;
    vertical-align: top;
  width: 45%;
}
div.mailbox .mail3 p, div.mailbox .mail3 h3{
  margin-left: 20px;
}

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

 div.mailbox textarea{
  width: 80%;

}

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

div.mailbox .mail1{
  display: inline-block;
  vertical-align: top;
  width: 90%;
}
div.mailbox .mail2{
  display: inline-block;
    vertical-align: top;
  width: 90%;
}
div.mailbox .mail3{
  display: inline-block;
    vertical-align: top;
  width: 90%;
}
div.mailbox .mail3 p, div.mailbox .mail3 h3{
  margin-left: 20px;
}

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

 div.mailbox textarea{
  width: 84%;
  margin-bottom: 20px;

}

}