/*reservas*/
#form{width:75%; float:left;}
.field {width:100%; float:left; clear:both; margin-bottom:20px;}
.nofield {width:auto; float:left; clear:both; display:none;}
label{float:left;}
input:not(#validar){float:left; width:98%; }
#nombreserv, #apelreserv, #telreserv, #emailreserv, #cpreserv, #restreserv,  #calreserv, #horareserv, #dirreserv, #locreserv, #provreserv,#countreserv { float:left;}
#nonombreserv, #noapelreserv, #nodirreserv,#nocountreserv,#nolocreserv,#nocpreserv, #noprovreserv, #notelreserv, #nomailreserv, #norestreserv, #nocalreserv, #nohorareserv {position:absolute; margin-right:-10px; display:none;font-size:0.7em; width:100px; color:#F00;}
#errortelreserv, #errormailreserv, #errorcpreserv, #errorrestreserv, #errorcalreserv, #errorhorareserv,#errorcalreserv {float:left; width:150px; display:none;font-size:0.7em; color:#C30}
/*Socios*/
#reservation{float:left;padding:10px; width:75%; }
#reservation label{margin:5px;}
.field, #telfield {width:100%; float:left; clear:both;}
#nombre, #apel, #dir, #cp1, #mvl, #tel, #email, #rest {float:left;}
#birth { float:left;}
#nonombre, #noapel, #nodir, #nocp1, #nomvl, #nomail, #norestaurant {float:left; width:150px;font-size:0.7em; margin:5px; display:none;}
#nomvl {font-size:0.7em;margin:5px;width:200px;}
#errorcp1, #errormvl, #errortel, #errorbirth {float:left; width:80px;font-size:0.7em;margin:5px; display:none;}
#errormail{float:left; width:240px;font-size:0.7em;margin:5px; display:none;}
#hobbies,#comments{resize:none}
textarea
{
  width:100%;
}