@import "http://fonts.googleapis.com/css?family=Raleway";
body{font-family:'Raleway',sans-serif,;
height: 100%; /*new*/
}

div#first{
width:505px;
height:100%;
/* margin:50px auto 0; */
 margin:10px ;
 position:relative;
margin-top: auto;
padding:10px;
background-color: rgba(75, 201, 69,0.16);
color:#333;
border:4px solid #088A68;
border-radius:40px 0 40px 0;

}


div#second{
width:400px;
height:400px;
/* margin:50px auto 0; */
 margin:10px ;
 position:relative;
padding:10px;
background-color: rgba(75, 201, 69,0.1);
color:#333;
border:4px solid #088A68;
border-radius:40px 0 40px 0;

}
div#third{
width:400px;
height:auto;
/* margin:50px auto 0; */
 margin:10px ;
 position:relative;
 margin-top:15%;
padding:10px;
background-color: rgba(75, 201, 69,0.16);
color:#333;
border:4px solid #088A68;
border-radius:40px 0 40px 0;
}

div#four{
width:655px;
height:500px;
/* margin:50px auto 0; */
 margin:10px ;
 position:relative;
margin-top: auto;
padding:10px;
background-color: rgba(75, 201, 69,0.24);
color:#333;
border:4px solid #088A68;
border-radius:40px 0 40px 0;

}
form {
  /* z-index=3; */
  margin:0 auto;
  padding: -5x;
}
label{
font-size:15px;
font-weight:700
}
input#nombre{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:310px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}

input[type=email]#emailForm{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:310px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}
input#telefono{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:310px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}
input#barrio{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:310px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}
input#desde{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:167px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}

input#hasta{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:167px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}
input#hembras{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:45px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}
input#machos{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:35px;
width:45px;
height:30px;
font-size:14px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser */
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser */
}
input[type=checkbox]{
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
margin-top:10px;
margin-bottom:10px;
padding-left:1px;
width:25px;
height:28px;
font-size:16px;
box-shadow:0 0 10px;
vertical-align: bottom;
position: relative;
padding: 0;
margin:0;
top: -1px;
*overflow: hidden;
}
label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
input[type=reset]#resetear {
     padding:5px 15px;
    background:#cccc;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left : 10%;
    color:#e55209;
    width: 40%;
    font-weight: bold;
    margin:auto;
    display: block;

  }
  .botonera {
    display: flex;
    justify-content: space-between;
    width: 85%;

  }


#submit1{
    margin:auto;
    display: block;
    padding:5px 15px;
    background:#F2F5A9;
    border:0 none ;
    cursor:pointer;
    margin-left : 60%;
    width: 25%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: red;
    font-weight: bold;
  }
  /*#submit1:hover
      {
        background-color:#e8f204;
        color: black; /* SET COLOR IN BLACK
      } */
  textarea#mensaje1 {
  background-color: rgba(255, 255, 255,0.5);
  	width: 320px;
  	height: 280px;
    color:black;
    vertical-align:text-top;
    margin-left:10%;
    margin-top:3%;
    margin-bottom:3%;

  }
  ::placeholder {
      color: #690202;
  }
  /* selecting spans immediately following anything with the "placeholder" attribute */

  textarea#palabras {
    background-color: rgba(255, 255, 255,0.3)
    border:1px solid #DADADA;
    margin-top:5px;
    margin-bottom:10px;
    padding-left:10px;
    width:400px;
    height:200px;
    font-size:14px;
    box-shadow:0 0 10px;
    -webkit-box-shadow:0 0 10px;
    /* For I.E */
    -moz-box-shadow:0 0 10px;
    /* For Mozilla Web Browser */
    border-radius:5px;
    -webkit-border-radius:5px;
    /* For I.E */
    -moz-border-radius:5px
    /* For Mozilla Web Browser */
    vertical-align: top;
    }