/*

 * ChronoCMS (chronocms.com)

 * Copyright 2010 - chronocms.com

 * license : Commercial

 * Redistributions of files must retain the above copyright notice.

 */

/*================   FORMS STYLES   =================*/



.ccms_form_element p {
     margin-bottom: 9px;
}

.ccms_form_element input {
     background-color: #F5D09D ! important;
     border: 1px solid #F5D09D;
     margin-bottom: 0px;
     padding: 3px ! important;
     width: 30.5%;
     color:#000;
}


.ccms_form_element textarea {
     background-color: #F5D09D ! important;
     width: 31%;
     color:#000;
}

.ccms_form_element input[type="submit"] {
     background-color: transparent ! important;
     color: #E91330;
     margin-left: 37%;
     margin-top:-4px;
     width: 120px;
}

.ccms_form_element select {
     border: 1px solid #D3D3D3;
     min-width: 100px;
     padding: 3px;
}

form#chronoform_contacto-me-late-chocolate.Chronoform  div#nombre1_container_div.ccms_form_element.cfdiv_text input, 
form#chronoform_contacto-me-late-chocolate.Chronoform  div#email1_container_div.ccms_form_element.cfdiv_text input, 
form#chronoform_contacto-me-late-chocolate.Chronoform  div#telefono1_container_div.ccms_form_element.cfdiv_text input, 
form#chronoform_contacto-me-late-chocolate.Chronoform  div#direccion1_container_div.ccms_form_element.cfdiv_text input, 
form#chronoform_contacto-me-late-chocolate.Chronoform  div#fecha_nacimiento1_container_div.ccms_form_element.cfdiv_text input, 
form#chronoform_contacto-me-late-chocolate.Chronoform  div#mensaje1_container_div.ccms_form_element.cfdiv_textarea  textarea{
color:#333333;
}

form#chronoform_contacto-me-late-chocolate.Chronoform  div#mapa_container_div.ccms_form_element.cfdiv_custom  div#contacto-mapa img.mapa{
     z-index:99;
     
}

form#chronoform_contacto-me-late-chocolate.Chronoform  div#mapa_container_div.ccms_form_element.cfdiv_custom{
float:right !important;
width:42%;
}



.ccms_form_element label {
     color: #FFFFFF;
     float: left;
     font-size: 18px;
     font-weight: bold;
     line-height: 18px;
     margin: 9px 0px 9px 35px;
     width: 150px;
}

.ccms_form_element fieldset {
     background-color: #FAFAFA;
     border: 1px solid #EEEEEE;
     padding: 15px;
     width: auto;
}

.ccms_form_element fieldset legend {
     font-weight: bold;
     margin-left: -10px;
     padding: 10px;
}



.cfdiv_text label {
     width: 150px;
}

.small-message, .error-message {
     clear: both;
     display: block;
     font-size: 11px;
     line-height: 18px;
     margin: 4px 0px 0px 155px;
}

.small-message {
     color: #999999;
     font-style: italic;
}

.error-message {
     color: red;
}

.required input {
     background-color: #F9F9F9;
     border-color: #CCCCCC;
}

.form-error {
     background-color: #FFF4F4;
     border: 1px solid #FFD4D4;
}

.tooltipimg {
     color: #999999;
     line-height: 21px;
     position: absolute;
     right: 10px;
     top: 5px;
}

.tooltipimg a {
     background-color: #EEEEEE;
     color: #999999;
     display: inline-block;
     font-weight: bold;
     height: 20px;
     line-height: 21px;
     text-align: center;
     width: 20px;
}

.tooltipimg a:hover {
     color: white;
     text-decoration: none;
}

.cfdiv_checkboxgroup label, .cfdiv_radiogroup label, .cfdiv_checkbox label, .cfdiv_radio label {
     font-weight: normal;
     margin: 6px 0px 9px;
}

.full_label {
     width: 70% ! important;
}

.cfdiv_checkboxgroup label:first-child, .cfdiv_radiogroup label:first-child, .cfdiv_checkbox label:first-child, .cfdiv_radio label:first-child, .cfdiv_checkbox label:first-child, .cfdiv_checkboxgroup label:first-child {
     font-weight: bold ! important;
     margin-bottom: 9px;
}

.ccms_form_element .button {
     background-color: #37A8F0;
     border: 0px none;
     color: white;
     font-size: 11px;
     padding: 5px 7px;
     text-decoration: none;
}

.ccms_form_element .button:hover {
     background-color: #999999;
     text-decoration: none;
}

.small_input {
     width: 200px ! important;
}

.medium_input {
     width: 350px ! important;
}

.big_input, .title_input {
     width: 475px ! important;
}

.title_input {
     float: left ! important;
     font-size: 18px;
     margin-bottom: 15px;
     padding: 8px 5px;
}

.ccms_form_element input[type="checkbox"], .ccms_form_element input [type="radio"] {
     background-color: transparent;
     border-color: transparent;
     clear: none;
     margin: 10px 5px;
     padding: 0px ! important;
}

.cfdiv_checkboxgroup label, .cfdiv_radio label {
     margin-right: 25px;
     width: auto;
}

.cfdiv_checkboxgroup label, .cfdiv_radio label, .cfdiv_checkboxgroup input, .cfdiv_radio input {
     float: left;
}

.label_right {
     float: left;
     margin-left: 150px ! important;
}

.label_over label:first-child {
     float: none ! important;
}

.label_over label:first-child {
     display: block;
     width: 95% ! important;
}

.label_over .small-message, .label_over .error-message {
     margin-left: 0px;
}

.radios_over label, .radios_over input {
     float: left ! important;
}

.radios_over input {
     clear: left ! important;
}

.fc-tbx {
     z-index: 9999;
}

.validation_label {
     display: block;
     width: 100%;
}

.chrono_captcha_input {
     vertical-align: top;
}

.clear:after {
     clear: both;
     content: ".";
     display: block;
     height: 0px;
     visibility: hidden;
}

.multiline_start {
     float: left ! important;
}

.multiline_add {
     clear: none ! important;
     float: left ! important;
     padding-left: 10px ! important;
}




@media only screen and (min-width: 310px) and (max-width: 767px) {

.ccms_form_element input, .ccms_form_element label {
     display: none;
}


#fecha_nacimiento_clone_id{
    display: none !important;
}


.ccms_form_element textarea {
     display: none;
}


.ccms_form_element input[type="submit"] {
     display: none !important;
}


#input_id_1_container_div{
    display: none !important;
}


.ccms_form_element {
     clear: both;
     margin-bottom: 16px;
     position: relative;
}


}



@media only screen and (min-width: 750px) and (max-width: 1099px) {




.ccms_form_element {
     clear: both;
     margin-bottom: 16px;
     padding: 10px 0px 10px 5px;
     position: relative;
}


.ccms_form_element input {
     background-color: #F5D09D ! important;
     border: 1px solid #F5D09D;
     margin-bottom: 0px;
     padding: 3px ! important;
     width: 45%;
}


.ccms_form_element textarea {
     background-color: #F5D09D ! important;
     width: 46%;
}


.ccms_form_element input[type="submit"] {
     background-color: transparent ! important;
     color: #E91330;
     margin-left: 45%;
     margin-top:-4px;
     width: 120px;
}

form#chronoform_contacto-me-late-chocolate.Chronoform  div#mapa_container_div.ccms_form_element.cfdiv_custom{
float:right !important;
width:35%;
margin-right:10px !important; 
}

form#chronoform_contacto-me-late-chocolate.Chronoform  div#mapa_container_div.ccms_form_element.cfdiv_custom  div#contacto-mapa img.mapa{
margin-top:12%; 
}

}


@media only screen and (min-width: 1100px) {
    
.ccms_form_element {
     clear: both;
     margin-bottom: 16px;
     padding: 10px 0px 10px 5px;
     position: relative;
}
    
    
}