@charset "utf-8";
/* CSS Document */

label {
 display:block;
 margin-top:20px;
 letter-spacing:1px;
 }
 .formulario {
 display:block;
 margin:0 auto;
 width:510px;
 color: #666666;
 font-family:Arial;
 }
 form {
 margin:0 auto;
 width:400px;
 }

input, textarea {
 width:380px;
 height:27px;
 background:#666666;
 border:2px solid #f6f6f6;
 padding:10px;
 margin-top:5px;
 font-size:24px;
 color:#ffffff;
 }

textarea {
 height:150px;
 }

#submit {
 width:85px;
 height:35px;
 border:none;
 margin-top:20px;
 cursor:pointer;
 }

/*body{
 font-family: ‘Alegreya Sans SC’, sans-serif;
 }*/
 p{
 margin: 0;
 padding: 0;
 border: 0;
 font-size:100%;
 vertical-align: baseline;
 }

label p{
 color: #333;
 text-decoration: none;
 display:block;
 margin:5px 0;
 font-size:1.25em;
 }

#contactform{
 /*width: 500px;*/
 width: 100%;
 margin: 30px auto;
 background: #fafafa;
 overflow: hidden;
 border:1px solid;
 border-bottom:3px solid;
 border-color: #000;
 }

.c_input{
 padding: 3px;
 width: 250px;
 outline:1px solid white;
 }

#c_form{
 margin: 25px;
 width: 90%;
 }

#c_form textarea {
 outline:1px solid white;
 }

.c_input, #c_form textarea{
 margin-bottom: 10px;
 border: 1px solid #ddd;
 padding: 4px;
 }

input:focus, textarea:focus{
 outline: none;
 }

::-webkit-input-placeholder { font-style:italic; }
 ::-moz-placeholder { font-style:italic; } /* firefox 19+ */
 :-ms-input-placeholder { font-style:italic; } /* ie */
 input:-moz-placeholder { font-style:italic; }

#c_form textarea{
 min-height: 95px;
 resize: vertical;
 width: 100%;
 }

#c_enviar{
 padding: 4px;
 font-size: 13px;
 font-family: helvetica, arial;
 }

#bottom_container{
 overflow: hidden;
 }

#c_information{
 width: 100%;
 border: solid 1px #ccc;
 background: #666666;
 padding: 4px 0 4px 0;
 text-align: center;
 font-size: 14px;
 color: #fff;
 }

.c_error{
 color: #D64242;
 font-size: 10px;
 margin-left: 5px;
 }
 .hide{
 display:none;
 }

/*————————Boton enviar————————*/

.btn-b {
 width:100%;
 padding: 5px;
 color: #111111;
 text-decoration: none;
 border-radius: 3px;
 border-color: #2A73A6 #165899 #07428F;
 border-style: solid;
 border-width: 1px;
 color: #ffffff;
 text-shadow: 0 -1px 1px #3275BC;
 background: #52a8e8;
 padding: 5px;
 background: -moz-linear-gradient(top, #52a8e8 0%, #377ad0 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a8e8), color-stop(100%,#377ad0));
 background: -webkit-linear-gradient(top, #52a8e8 0%,#377ad0 100%);
 background: -o-linear-gradient(top, #52a8e8 0%,#377ad0 100%);
 background: -ms-linear-gradient(top, #52a8e8 0%,#377ad0 100%);
 background: linear-gradient(top, #52a8e8 0%,#377ad0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#52a8e8′, endColorstr=’#377ad0′,GradientType=0 );
 cursor: pointer;
 }

.btn-b:hover {
 border-radius: 3px;
 border-color: #2A73A6 #165899 #07428F;
 border-style: solid;
 border-width: 1px;
 box-shadow: 0 1px 0 0 #62B1E9 inset;
 text-shadow: 0 -1px 1px #1D62AB;
 background: #3e9ee5;
 background: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e9ee5), color-stop(100%,#206bcb));
 background: -webkit-linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
 background: -o-linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
 background: -ms-linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
 background: linear-gradient(top, #3e9ee5 0%,#206bcb 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#3e9ee5′, endColorstr=’#206bcb’,GradientType=0 );

}

.btn-b:hover {
 text-decoration: none;
 }

.btn-b:active {
 -moz-border-bottom-colors: none;
 -moz-border-image: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 background: none repeat scroll 0 0 #3282D3;
 border-color: #154C8C #154C8C #0E408E;
 border-style: solid;
 border-width: 1px;
 box-shadow: 0 0 6px 3px #1657B5 inset, 0 1px 0 0 #FFFFFF;
 text-shadow: 0 -1px 1px #2361A4;
 }
