.desc_form_obligatorio span, span.oblogatorio { color: #cc0000; font-weight: bold; }
.desc_form_1 { color:#344854; font-family: Helvetica, Arial, sans-serif;}

.error_contacto { float: left; padding: 10px 4%; width: 90%; margin: 10px 1%; font-size: 1.5em; background: beige url("../img/warning.png") no-repeat 5px 7px; border: solid 1px #c00; color: #c00; font-weight: 100; border-radius: 3px; behavior: url("/border-radius.htc"); z-index: inherit; zoom: 1; /* For IE6 */ }
.error_contacto img { margin: 10px 0 0 10px; }

.error_reservacion { padding: 0 0 0 35px; margin: 0 0 20px 0; background: beige url("../img/warning.png") no-repeat 5px 7px; border: solid 1px #c00;  color: #c00; font-weight: normal; border-radius: 3px; behavior: url("/border-radius.htc"); z-index: inherit; zoom: 1; /* For IE6 */ }
.error_reservacion img { margin: 10px 0 0 10px; }

span.hint {
    background:/*#d7d7d7*/ url("../img/bg-span-hint-gray.png") no-repeat 0 50%;
    color:#444;
    font-size: 12px;
    /*border:1px solid #888;*/
    padding:8px 5px 8px 40px;
    position:absolute;
    margin: 0 -5px 0 0;
    display:none;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0 ;
}


input[type="submit"].submit_contacto { position: relative; margin: 0; background: red; border: 0; font-weight: 100; text-transform: uppercase;}
input[type="submit"].submit_contacto:hover{background: black;}

.welldone span.hint {

    margin: 0px 220px 0 0;
    color:#000;
    border: none;
}

.kindagood span.hint {
    background:#ffffcc url("../img/bg-span-hint-kindagood.jpg") no-repeat 0 0;
    height:40px;
    margin: 0 -5px 0 0;
    border: none;
}

.welldone {
    background:ansparent url("../img/bg-fieldset-welldone.png") no-repeat 0 0;
    height:40px;
    color:#444;
    margin-left:8px;
    margin-top:8px;
    position:absolute;
    width: 50px;
    display:none;;
}

.bad {
        background:ansparent url("../img/warning.png") no-repeat 0 0;
    height:40px;
    color:#444;
    margin-left:10px;
    margin-top:2px;
    position:absolute;
    width: 50px;
    display:none;
}

.caution {
    background:ansparent url("../img/caution.png") no-repeat 220px 15px;
    height:40px;
    border: none;
}

.kindagood {
    background:ansparent url("../img/bg-fieldset-kindagood.png") no-repeat 250px 0px;
    height:40px;
    margin: 0 -5px 0 0;
    border: none;
}

/*form*/

div.buttonSubmit {
    position: relative;
}

div.buttonSubmit input,div.buttonSubmit span {
    height: 36px;
    position: relative;
    background-image: url("../img/button_submit.png");
    background-repeat: no-repeat;
    background-position: 0 0px;
    float: left;
    color: #672E04;
    font-weight: bold;
    padding: 0px 15px 2px 15px;
    margin: 20px 0px 20px 0px;
    border: 0px;
    cursor: pointer;
    z-index: 5;
}



div.buttonSubmit input {
    width: auto;
}

div.buttonSubmit span {

    position: absolute;
    left: 0px;
    top: 0px;
    background-position: 0 -30px;
    padding: 0px 0px 0px 0px;
    z-index: 10;
}

body.safari div.buttonSubmit span {
    display: none
}

div.buttonSubmitHover input {
    background-position: 0 -73px;
        color: #fff;
}

div.buttonSubmitHover span {
    background-position: 0 -108px;
}


.col_form input.error {
    border: 1px solid red;
}
.col_form label.error {
    /*display: block;*/
        float: right;
    color: #ca1440;
    font-weight: 100;
        font-size: 1.4em;
        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: 60%;
    
}
.col_form textarea.error {
    border: 1px solid red;
}
.col_form select.error {
    border: 1px solid red;
}
.textbox {
    background-color:#fff;
    color: #555;
    padding:2px;
    border-radius: 3px;
}

.textbox:focus, .textbox:hover {
    background-color:#f5f5f5;
}

textarea.textbox {
        height: 100px;
        font-size: 16px;
        line-height: 18px;
        color:#000000;
        font-weight: 100;
}

input.textbox {
    height: 25px;
    font-size: 16px;
        line-height: 18px;
        color:#000000;
        font-weight: 100;

}


select {
    height: 35px;
    width: 200px;
    font-size: 1.2em;
}

input[type="checkbox"] { width:20px; height:15px;  }

.label {
        color: #333333;
    height: 25px;
    padding: 0 5px 0 0;
        margin: 2px 0;
        line-height: 18px;
}

.required .label {
    font-weight: bold;
    background: url("'/../img/forms/backRequiredGray.png'") no-repeat 100% 50%;
}

.field input.error, .field select.error, .errorRow .field input,.errorRow .field select, .field textarea.error, select {
    border: 1px solid #c00;
    background-color: #f5f5f5;
    margin: 0px;
    color: red;
}

 .field div.formError {
    display: none;
    color: #FF0000;
}

.errorRow .field div.formError {
    display: block;
    font-weight: normal;
}

div.error {
    font-size:.9em;
    padding:5px 0 0 0;
    color: #c93900;
    text-align:left;
}

div.error a {
    color: #336699;
    font-size: .7em;
    text-decoration: underline
}

form#frmContacto{
    display: inline-block;
    max-width: 400px;
    display: inline-block;
    float: left;
    margin: 20px 0;
    padding: 10px;
    /*background: yellow;*/
}

.caract_rest{}
.col_form { float: left; width: 100%; margin: 3px 0; }
.col_form label { float: left; width: 100%; margin: 0; padding: 0; font-size: 1.7em; }
.col_form input, .col_form textarea { float: left; width: 100%; margin: 0; padding: 0; background: #fff; border: 0; font-size:1.5em; border: 1px solid #eeeeee; }
.col_form input{min-height: 34px !important;}