html{margin:0px; padding:0px;font-family: 'Open Sans', sans-serif;}
body{margin:0px; padding:0px; height:100%;width:100%; background-color:#49586D;}
.wrapper{margin:0px; padding:0px; height:100%;width:100%; background-color:#49586D;}
.wrapper h1{font-size:15px;text-transform:uppercase; margin:auto; width:250px; color:#F5F4F4;margin-top:20px;color:#F5F4F4;text-align:center;}

.wrapper h1 #marco{margin:auto !important; float:none !important;}
.wrapper .contenido{margin:auto; width:330px; height:460px; background-color:#F5F4F4; text-align:center; margin-top:20px;}
.wrapper .contenido .logo{width:100%; height:auto; margin:auto; padding-top:10px; padding-bottom:10px;}
.wrapper .contenido .formulario{width:300px; margin:auto; margin-top:10px;}
.wrapper .contenido .formulario input{width:300px; height:53px; font-family:"Open Sans";color:#B9B9B9;text-align:center;margin-top:5px;}
.wrapper .contenido .formulario #boton{margin-top:25px; background-color:#49586D; color:#BECCD3; text-align:center; border:none; font-weight:light;}
.wrapper .contenido .formulario #recordatorio{max-width:10px; max-height:10px;float:left;margin-top:20px; border:none; box-shadow:none;}
.wrapper .contenido .formulario p{font-size:13px; float:left;margin-top:15px; margin-left:12px; color:#999999;font-family:"Open Sans";}
.wrapper .contenido .formulario .olvido{float:left; width:200px; margin-left:0px; text-align:left; margin-top:0px; padding-top:0px;}
.wrapper .contenido .formulario .olvido a{color:#49586D; font-size:12px; margin-top:0px;}



.wrapper .contenido .formulario .error{color:rgb(220,70,100); background-color:#F7AAAA; opacity:0.8;width:300px;height:40px; padding:0px; margin-top:10px; border:1px solid red; display:none;}



/*//////////////////////////////////////////////////////////////////////////////////////////INSERTADATOS.PHP///////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wrapper .contenidodatos{margin:auto; width:370px; height:auto; background-color:#F5F4F4; text-align:center; margin-top:20px;padding-bottom:20px;}
.wrapper .contenidodatos .logo{width:100%; height:auto; margin:auto; padding-top:10px; padding-bottom:10px; border-bottom:1px solid rgba(220,220,220,0.75);}
.wrapper .contenidodatos .formulario{width:330px; margin:auto; margin-top:10px;}
.wrapper .contenidodatos .formulario #fecha{width:330px; height:40px; margin-bottom:20px; margin-top:10px;background-image: url(../iconos/flecha3.png);background-position: 275px center; background-repeat: no-repeat; background-size: 50px 54px; border:none;text-align:center;}
.wrapper .contenidodatos .formulario #tablahoras{text-align:center; color:#49586D !important; width:350px; float:none !important; margin:0px 0px 0px 0px !important;}
.wrapper .contenidodatos .formulario #tablahoras tr{width:330px;}
.wrapper .contenidodatos .formulario #tablahoras th{font-size:10px;margin:5px;}
.wrapper .contenidodatos .formulario #tablahoras .descuentoheading{font-size:10px;float:left;margin-left:70px; margin-top:5px;}

.wrapper .contenidodatos .formulario #tablahoras .horarioa{color:#49586D !important; width:90px; float:none !important; padding-right:5px !important;}
.wrapper .contenidodatos .formulario #tablahoras .horariob{color:#49586D !important; width:90px; float:none !important; padding-left:5px !important;}
.wrapper .contenidodatos .formulario #tablahoras .descuento{float:left;width:70px;}
.wrapper .contenidodatos .formulario #tablahoras .inputhora{width:90px; height:30px; font-family:"Open Sans";color:#B9B9B9;text-align:center;margin-top:6px; border:1px solid rgb(200,200,200);}
.wrapper .contenidodatos .formulario #tablahoras .inputdescuento{width:70px; height:30px; font-family:"Open Sans";color:#B9B9B9;text-align:center;margin-top:12px; margin-left:70px; border:1px solid rgb(200,200,200);}
.wrapper .contenidodatos .formulario .horasextra{font-size:11px;float:left;margin-top:15px;margin-right:40px;}
.wrapper .contenidodatos .formulario .dieta{font-size:11px;float:left;margin-top:15px;margin-left:20px;}
.wrapper .contenidodatos .formulario #checkbox{margin-left:7px;margin-right:10px;}
.wrapper .contenidodatos .formulario .lugar{width:330px;}
.wrapper .contenidodatos .formulario .lugar .inputlugar{width:330px; height:50px;margin-top:15px;text-align:center;color:rgb(200,200,200);}
.wrapper .contenidodatos .formulario textarea{width:330px; height:90px; font-family:"Open Sans";color:#B9B9B9;text-align:center;margin-top:12px;}
.wrapper .contenidodatos .formulario #boton{width:330px;height:40px; background-color:#49586D; color:#BECCD3; text-align:center; border:none; font-weight:light;}

.wrapper .contenidodatos .formulario a{text-decoration:none; color:white;width:150px; height:40px;float:left; background-color:rgb(50,80,200); color:white; text-align:center; border:none; font-weight:light;text-decoration:none;margin-top:10px;padding-top:10px;}
.wrapper .contenidodatos .formulario #finsesion{width:150px; height:40px;float:right;margin-top:15px; background-color:red; color:#fff; text-align:center; border:none; font-weight:light;margin-top:10px;}
.wrapper .contenidodatos .formulario #recordatorio{max-width:10px; max-height:10px;float:left;margin-top:20px; border:none; box-shadow:none;}
.wrapper .contenidodatos .formulario p{font-size:13px; float:left;margin-top:15px; margin-left:12px; color:#999999;font-family:"Open Sans";}
.wrapper .contenidodatos .formulario .olvido{float:left; width:200px; margin-left:0px; text-align:left; margin-top:0px; padding-top:0px;}
.wrapper .contenidodatos .formulario .olvido a{color:#49586D; font-size:12px; margin-top:0px;}
.wrapper .contenidodatos .formulario .botones{height:50px;}
.wrapper .contenidodatos .formulario #enviar{background-color:#49586D;margin-top:10px; margin-bottom:10px;}
select{ background-color:#fff; width:300px; height:40px;text-align:center;margin-top:12px;background-image: url(../iconos/flecha3.png);background-position: 250px center; background-repeat: no-repeat; background-size: 50px 54px; float:left; z-index:100; background-color:white;-webkit-appearance:none;-moz-appearance:none;color:#49586D;}
option{text-align:center;padding-left:20px;}
label{color:#49586D;font-weight:400;margin-top:5px;}
input[type="time"]:before {content: attr(placeholder) !important;color: #aaa;}
input[type="time"]:focus:before,
input[type="time"]:valid:before {
content: "";
  }