﻿body {
    background-image:url(img/bgacceso1.jpg);
    background-attachment:fixed;
    background-size: 100vw 100vh;
    margin:0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 300;
    color: whitesmoke; /* Can be changed via colors.css */
}


h1 {
    color:white;
    font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;

}

 form{
     margin-top:50px;
 max-width: 800px;
margin:0 auto;
background-color: rgba(0,0,0,0.4);
border-radius:5px;
text-align:center;
box-sizing:border-box;
padding-left: 20px;
padding-right: 20px;

padding-bottom:20px;


-webkit-box-shadow: 1px 4px 7px 3px rgba(0,0,0,0.99);

-moz-box-shadow: 1px 4px 7px 3px rgba(0,0,0,0.99);

box-shadow: 1px 4px 7px 3px rgba(0,0,0,0.99);

}

p {
margin-top:10px;
display:table-cell;
background-color:rgb(52, 113, 173);
padding:0px 10px 0 10px;
min-width:150PX;
font-size:18px;
box-sizing:border-box;

border-radius:3px 3px 0px 0px;

}
pfono {
margin-top:10px;
display:table-cell;
background-color:rgb(52, 113, 173);
padding:0px 10px 0 10px;
width:150PX;
font-size:18px;
box-sizing:border-box;

}



/*#GO {
width:100%;
text-align:center;
font-size:20px;

}*/


input[type=text],input[type=email],input[type=tel],input[type=password],select {
font-size:20px;
border:none;
/*border-left:solid 2px rgb(52, 113, 173);*/
border-bottom:solid 2px rgb(52, 113, 173);
box-sizing:border-box;
width:100%;
margin-bottom:4px;
border-radius:0px 3px 3px 0px;
padding-left:5px;

}







:-ms-input-placeholder { /* IE 10+ */
  color: gray;

}
:-moz-placeholder { /* Firefox 18- */
  color: gray;


}



@media (max-width:1136px) {

    form {
        width:100%;
    
    }

   

    input {
   
    height:34px;
    }
}


textarea {
width:100%;
height:50px;
}


.g-recaptcha > div {
width:1000px;
}



.g-recaptcha {

}

.rc-anchor-light {
    width:100%;
}

.rc-anchor-normal {
width:100%;
}

.rc-anchor-logo-portrait {
width:100%;
}

#recaptcha-anchor-label {
width:100%;
}



.btn {
 width:100%;
 height:40px;
 

  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;

  border-top-width:1px;
  border-left-width:1px;
  border-bottom-width:1px;
  border-right-width:1px;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:pointer;
}