.infoBox, .infoBox input {background-color:#FFF; width:300px; font-size: 14px; border: 2px solid #3fa7d8; border-radius: 3px; margin-top:0px}
.infoBox p {padding:10px 15px 5px 15px; color:#333;}
.infoBox:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0px solid #3fa7d8; top: -10px; content: ""; height: 0; position: absolute; width: 0; left: 138px }

.infoBox div {color:#454545; font-size:13px; padding:5px 15px 10px 15px;}
.infoBox div strong {color:#E30613;}

* {
    margin: 0;
    padding: 0;
}

/* Isto é necessário para não haver rolagens horizontais quando movermos os elementos */
html, body {overflow-x: hidden;}

body {
    font: 100% arial, verdana, tahoma, sans-serif;
    color: #999;
    background-color: #fff;
}

h1 a {color: #999; text-decoration: none;}

header input {
    float: right;
    padding: 10px;
    width: 200px;
    border: none;
}

.main {
    padding: 0px;
}
.main p {
    font-size: .9em;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.main .post {
    padding: 5px;
}


header, .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
}

#map div {background:red;}