/*@charset "UTF-8";*/
/* CSS Document */
/*
colores:
básico: #3BABA1
básico más claro: #89d8d1
básico más oscuro: #2d837b
báscio muy oscuro: #073b38 
*/

/*body, section, h1, form, fieldset, input, textarea{
   margin:0; 
   padding:0; 
   border:0; 
   outline:none;
   }*/

/*html{
   height:100%;
   }*/

/*body{
   background: #728eaa;
   background: -moz-linear-gradient(top, #002c3c 0%, #2099aa 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c3c), color-stop(100%,#2099aa));
   font-family: sans-serif;
   }*/

.formulario {
   /*width: auto; */
      /*background: #ccc;*/
   /*margin: 60px auto; 
   padding: 60px 30px;
 
   border: 1px solid #e1e1e1;
   -moz-box-shadow: 0px 0px 8px #444;
   -webkit-box-shadow: 0px 0px 8px #444;
   border-radius: 20px; 
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;*/
   }

/*h1 {
   font-size: 35px; 
   color: #445668; 
   text-transform: uppercase;
   text-align: center; 
   margin: 0 0 35px 0; 
   text-shadow: 0px 1px 0px #f2f2f2;
   }*/

/*label {
   float: left; clear: left;
   margin: 11px 20px 0 0; 
   width: 95px;
   text-align: right; 
   font-size: 16px; 
   color: #445668;
   text-transform: uppercase; 
   text-shadow: 0px 1px 0px #f2f2f2;
   }*/

.formulario input {
   width: 100%; 
   height: 50px; 
   padding: 15px 15px; 
   margin: 0 0 20px 0;
   background: #2d837b; /* color fondo cuando desta en reposo */
   /*background: -moz-linear-gradient(top, #002c3c 0%, #204c5c 20%);*/ /* firefox */
   /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c3c), color-stop(20%,#204c5c));*/ /* webkit */
   border-radius: 5px; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   -moz-box-shadow: 0px 1px 0px #f2f2f2;
   -webkit-box-shadow: 0px 1px 0px #f2f2f2;
   font-family: sans-serif; 
   font-size: 14px;
   color: #ffffff; /*color texto cuand esta activado*/
   /*text-transform: uppercase; */
   text-shadow: 0px -1px 0px #334f71;
   box-sizing:border-box;
   }

.formulario input::-webkit-input-placeholder  {
   color: #fff; /*color texto cuand esta reposo*/
   text-shadow: 0px -1px 0px #073b38; 
   text-transform:capitalize;
   }
   
.formulario input:-moz-placeholder {
   color: #fff; /* no se que es esto*/
   text-shadow: 0px -1px 0px #38506b; 
   text-transform:capitalize;
   }

.formulario textarea {
   width: 100%; 
   height: 180px; 
   padding: 15px 15px; 
   margin: 0 0 20px 0;
   background: #2d837b;
   box-sizing:border-box;
   /*background: -moz-linear-gradient(top, #002c3c 0%, #204c5c 20%);*/ /* firefox */
   /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c3c), color-stop(20%,#204c5c));*/ /* webkit */
   border-radius: 5px; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
   -moz-box-shadow: 0px 1px 0px #f2f2f2;
   -webkit-box-shadow: 0px 1px 0px #f2f2f2;
   font-family: sans-serif; font-size: 14px;
    color: #f2f2f2; 
   /*text-transform: uppercase; */
   text-shadow: 0px -1px 0px #334f71;
   resize:none;
   }
   
.formulario textarea::-webkit-input-placeholder  {
   color: #fff; 
   text-shadow: 0px -1px 0px #38506b; 
   text-transform:capitalize;
   }

.formulario textarea:-moz-placeholder {
   color: #ddd; text-shadow: 0px -1px 0px #38506b; 
   text-transform:capitalize;
   }

.formulario input:focus, textarea:focus {
   background: #073b38; /* color fondo cuando está activo*/
   /*background: -moz-linear-gradient(top, #204c5c 0%, #406c7c 20%);*/ /* firefox */
   /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#204c5c), color-stop(20%,#406c7c));*/ /* webkit */
   }

.formulario input[type=submit]{
   background-color:#80C1B7;
   color: #fff;
   width: 50%; 
   height: auto; 
   float: left; 
   padding: 15px 15px; 
   margin: 0 15px 0 0;
   -moz-box-shadow: 0px 0px 5px #999;
   -webkit-box-shadow: 0px 0px 5px #999;
   border: 1px solid #3BABA1;
   /*background: -moz-linear-gradient(top, #002c3c 0%, #204c5c 100%);*/ /* firefox */
 /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c3c), color-stop(100%,#204c5c));*/ /* webkit */
   font-family: 'Open Sans','Arial Narrow',serif;
    font-size: 19px;
    font-weight: bold;
   cursor: pointer;
   }

.formulario input[type=submit]:hover {
   /*width: 85px;
   height: 32px;*/
   background-color:#000;
   /*color:#fff; 
   float: left; 
   padding: 5px 15px; 
   margin: 0 15px 0 0;*/
   -moz-box-shadow: 0px 0px 5px #999;
   -webkit-box-shadow: 0px 0px 5px #999;
   }