/*********************************************/
/*************** Estilos Error ***************/
/*********************************************/
.col_form input.error { border: 1px solid #F90019; }
.col_form label.error { float: right; color: #F90019; font-weight: 100; line-height: 16px; margin: 2px 0 0 0; background: transparent url("../img/flecha-error.png") no-repeat 0 0; padding: 0 0 0 23px; text-align: left; width: 100%; box-sizing: border-box; }
.col_form textarea.error { border: 1px solid #F90019; }
.col_form select.error { border: 1px solid #F90019; }
.col_form div.error { padding: 5px 0 0 0; color: #F90019; text-align: left; }
.col_form div.error a { color: #F90019; text-decoration: underline }

/*********************************************/
/***************** Generales *****************/
/*********************************************/
form {display: block; box-sizing: border-box; }
input {display: block; width: auto; height: auto; margin: 0px; padding: 5px 10px; background: #ffffff; border: 1px solid rgba(195, 195, 195, 0.5); box-sizing: border-box; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; }
select {display: block; width: auto; height: auto; padding: 5px 25px 5px 10px; background: #fff url(/skin/default/images/btn_select.svg) no-repeat; background-position: center right; background-size: contain;  box-sizing: border-box; border: 1px solid rgba(195, 195, 195, 0.5); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
textarea {display: block; width: auto; height: auto; resize: none; margin: 0; padding: 5px 10px; background: #ffffff; border: 1px solid rgba(195, 195, 195, 0.5); overflow: auto; box-sizing: border-box; }
input[type="submit"], input[type="button"] {background: #78A12E; color: #fff; cursor: pointer; margin: 0; padding: 5px 10px; width: auto; min-width: 90px; height: auto; min-height: 40px; border: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; }
input[type="submit"]:hover, input[type="button"]:hover {background: #48611C; color: #ffffff; }
input[type="checkbox"] {border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; }
input, select, textarea, input[type="submit"], input[type="button"]{font-size: 14px; line-height: 28px;}

/*********************************************/
/***** Estructura Formulario de Contacto *****/
/*********************************************/
#frmContacto{width: 100%; max-width: 480px; height: auto; padding: 10px 10px 20px; margin: 0; /*background: #eeeeee;*/}
.col_form {float: left; width: 100%; height: auto; margin: 5px 0; padding: 0;}
.col_form label {float: left; width: 100%; height: auto; margin: 0; padding: 0;}
.col_form input{float: left; width: 100%; height: auto;}
.col_form textarea {float: left; width: 100%; min-height: 120px;  border-radius: 0px;}
input[type="submit"].submit_contacto { margin: 0 auto; width: 200px; height: auto;}

/*********************************************/
/************ Widget Reservaciones ***********/
/*********************************************/
#frmcal{float:left; width: 100%; max-width: 480px; height: auto; padding: 10px; margin: 0 0 20px; background: #eeeeee; border:1px solid #cccccc;}
#frmcal .textbox.hasDatepicker{ float:left; width: 105px; margin: 5px 0;}
#frmcal select#PartySize{float: left; width: 105px; margin: 5px 0;}
#frmcal select#resTime{float: left; width: 105px; margin: 5px 0;}
#frmcal input#send{float: left; margin: 5px 0; width: 110px;}

/*********************************************/
/******* Widget Suscribirse al Boletin *******/
/*********************************************/
form[name=mailingform]{float:left; width: 100%; max-width: 480px; height: auto; padding: 10px; margin: 0 0 20px; background: #eeeeee; border:1px solid #cccccc;}
form[name=mailingform] input#email_news{float:left; margin:5px 10px 5px 0px; width: 220px;}
form[name=mailingform] input.btn_cont_enviar{float:left; margin: 5px 0;}

/*********************************************/
/************ widget Calendario **************/
/*********************************************/
.ui-widget-header { background: #78A12E; color: #ffffff;}
.ui-widget-content { background: #f1f1f1; border: 1px solid #cccccc; }
.ui-widget-content .ui-state-default{ background: #dddddd; }
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover{background: #48611C; border-color: #48611C;}
.ui-widget-content .ui-icon {  background-image: url(/jquery/jquery-ui/images/ui-icons_ffffff_256x240.png); }
.ui-state-default.ui-state-active{background: #78A12E; color: #ffffff; border-color: #78A12E;}
.ui-state-default.ui-state-highlight{background: rgba(120, 161, 46, 0.50); border: #78A12E; color: #48611C;}

/*********************************************/
/* ************ Media Queries ************** */
/*********************************************/

/* Media Escritorio */
@media (min-width: 1200px) {}

/* Media Tableta */
@media (min-width: 980px) and (max-width: 1199px) {}

/* Media Tableta Vertical */
@media (min-width: 768px) and (max-width: 979px) {
	/* formulario de contacto */
    #frmContacto{margin: 0 auto;}
	/* widget reservaciones */
	#frmcal{width: 98%; margin: 0 1%;}
    #frmcal .textbox.hasDatepicker,
    #frmcal select#PartySize,
    #frmcal select#resTime,
    #frmcal input#send{width: 98%; margin-right: 5px 1%;}
    /* widget boletin */
	form[name=mailingform]{width: 98%; margin: 0 1%;}
}

/* Media Smartphone */
@media (max-width: 767px) {
	/* formulario de contacto */
    #frmContacto{margin: 0 auto;}
	/* widget reservaciones */
    #frmcal .textbox.hasDatepicker,
    #frmcal select#PartySize,
    #frmcal select#resTime,
    #frmcal input#send{width: 100%; margin: 5px 0;}
    /* widget boletin */
	form[name=mailingform] input#email_news,
	form[name=mailingform] input.btn_cont_enviar{width: 100%; margin: 5px 0;}
}