
body {
    width: 100%;
    height: 100%;
    font-family:"arial";

}

html {
    width: 100%;
    height: 100%;
}


#formulario-edelmag  {
    max-width:700px;
    margin:auto;
    width: 100%;
}
.dos-columnas{
    display: inline-block;
    width: 100%;
    max-width:50%;
}



.formulario-uno  {
    max-width:700px;
}

.formulario-uno h1 {
    color:#333333;
    font-size:18px;
    font-weight:bold;
}


.formulario-uno p {
    color:#333333;
    font-size:13px;
}

form {
    color:#333333;
    font-size:13px;

}



form.uno {

    margin-top: 5px;
    
}

.form-group{
    width:100%;
    display:inline-block;
    /*float: left;*/

}

label{
    max-width: 30%;
    width: 100%;
    min-width: 70px;
}

input {
    border:1px solid #ccc;
    min-width: 140px;
    width: 100%;
    max-width: 69%;
    float: right;
    position: relative;
    padding: 6px;
    margin: 10px;
    margin-top: -6px;
}
textarea{
    border:1px solid #ccc;
}
input[type="radio"]{
    min-width:0 !important;
}


.servicio input::before{
    content: '*';
    color:red;
    position: absolute;
    right:-3px;
    font-size: 8px;
    top: 0;
    width: 10px;
    height: 10px;
 }

.una-columna {
        max-width: 37%;
        min-width: 37%;
}

.dos-columnas input {
    max-width: 28%;
}

.dos-columnas {
    min-width: 25%;
    max-width: 41%;
}

.servicio {
    max-width:50%;
}

div.comuna {
    max-width:50%;
    float:right;
}

.calle{
    max-width:31%;
}


.numero{
    max-width:29%;
}


.depto{
    max-width:37%;
    
}

.depto input{
    max-width:18%;
}


.calle input{
    max-width:20%;
}

.numero input{
    max-width:18%;
}


.rut {
    max-width: 30%;
}

.rut-1 {
    min-width: 105px !important;
    max-width: 105px;
    float: left;
    margin-right: 0;
}

.rut-2 {
    min-width: 12px;
    max-width: 12px;
    float: right;
    margin-left: 0;
}


.rut label {
    float: left;
    min-width: 20px;
    max-width: 20px;
}


.contacto {
    max-width:49%;
    float:right;

}


.contacto input {
    max-width:52%;
    min-width:37%;
    
}

.material input {
    float:left;
    max-width:20px;

}

.material label {
    float:left;
    margin-top: -6px;
}



.descripcion textarea {
    width:100%;


}


div.direccion input {
    max-width:86%;

}

.btn input {
    border:0px;
    background-color:#d52b1e;
    color:#ffffff;

}


#slidingbar-area h3, .avada-container h3, .comment-form input[type="submit"], .fusion-footer-widget-area .widget-title, .fusion-footer-widget-area h3, .fusion-load-more-button, .project-content .project-info h4, .review blockquote div strong, .ticket-selector-submit-btn[type="submit"], .wpcf7-form input[type="submit"] ,#main .comment-submit, #reviews input#submit, .button-default, .button.default, .comment-form input[type="submit"], .fusion-button-default, .fusion-portfolio-one .fusion-button, .ticket-selector-submit-btn[type="submit"], .wpcf7-form input[type="submit"], .wpcf7-submit, .btn input {
    border: 0px !important;
    background: #d52b1e !important;
    color: #ffffff !important;
    width: 14% !important;
    float: none;
    border-radius: 9px !important;
    font-size: 14px !important;
    padding: 10px !important;
    font-weight: bold !important;
    min-width: 122px !important;
    text-transform: initial;
}
#nav ul li ul li a, #reviews #comments > h2, #sticky-nav ul li ul li a, #wrapper #nav ul li ul li > a, #wrapper #sticky-nav ul li ul li > a, .avada-container h3, .comment-form input[type="submit"], .ei-title h3, .fusion-blog-shortcode .fusion-timeline-date, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-categories, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .price, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content a, .fusion-load-more-button, .fusion-page-title-bar h3, .meta .fusion-date, .more, .post-content blockquote, .project-content .project-info h4, .review blockquote div strong, .review blockquote q, .ticket-selector-submit-btn[type="submit"], .wpcf7-form input[type="submit"], body {
    font-family: Arial,Helvetica,sans-serif !important;
    /*font-weight: 400;*/
}

.rut p {
    max-width: 4%;
    float: left;
    margin-top: 0px;
    margin-left: 8px;
}






.formulario-dos  {
    max-width:700px;
}


.formulario-dos h1 {
    color:#e10707;
    font-size:24px;
    font-weight:bold;
    text-align: center;
}


h2.formulario-dos  {
    color:#333333;
    font-size:18px;
    font-weight:bold;
}


.formulario-uno .texto-uno p {
    color:#333333;
    font-size:13px;
    text-align:center;
}


.marcar {
    max-width:10%;
    text-align:center;
}

.marcar input {
    max-width:55% !important;
    float:left;
    margin-top:0px;
    min-width:30%;
}



.lectura-reloj .marcar {
    max-width:22% !important;
    text-align: center;
}

.lectura-reloj .marcar input {
    max-width:80% !important;
    float:left;
    margin-top:0px;
    min-width:50%;
}


.nombre {
    max-width:95%;
    text-align:right;
    
}



.direc {
    max-width:95%;
    text-align:right;
    
}




div.rol {
    max-width: 38%;
    float: left;
    margin-left: 140px;
}

.fecha-dos {
    max-width:38%;
    float:right;
    margin-right: 19px;
}

.check input {
    float:none;
    max-width: 6%;
    margin: 0;
}
.check .wpcf7-list-item-label {
    /*margin-left: -31px;*/
}
.screen-reader-response, .wpcf7-not-valid-tip {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #dff0d8 none repeat scroll 0 0;
    border-bottom: medium none #d6e9c6;
    border-image: none;
    border-left: medium none #d6e9c6;
    border-radius: 7px;
    border-top: medium none #d6e9c6;
    color: #468847;
    font-size: 14px;
    padding: 20px;
    text-align: center;
}
div[role=alert].screen-reader-response,.wpcf7-not-valid-tip {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
div[role=alert].screen-reader-response ul{
    list-style:none;
    text-align: left;
}

.wpcf7-not-valid-tip {
    display: inline-block;
    margin: 6px;
    padding: 1px;
    width: 90%;
}
.check label {
    float:none;
}

.check {
    float: none;
    max-width: 53%;
    min-width: 40px;
    margin-left: 104px;
}

.material input {
    float: left;
    margin: 4px 13px 0 0;
    max-width: 20px;
}
.wpcf7-list-item {
    display: block;
    margin-top: 15px;
    width: 100%;
}
.wpcf7-submit,a , a input {
    cursor: pointer;
    text-decoration: none;
}

h1.formulario-dos {
    color: #e10707;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.alinear2 {
    margin-top: -27px;
}
.wpcf7-list-item > label {
    display: block;
    margin: 12px;
    max-width: 100%;
    width: 100%;
}




.comuna .wpcf7-select-parent select.wpcf7-select{
    max-width:80%;
    float:right;
}
.comuna .wpcf7-select-parent {
    margin-left: 13px;
    margin-top: -27px;
    overflow: hidden;
    position: relative;
    width: 80%;
}











@media(max-width:540px) {
    .dos-columnas {
        display:block;
        max-width:72%;
    }

    .descripcion textarea {
        width: 95%;
    
    }
        .una-columna {
        max-width: 59%;
        min-width: 37%;
    
    }
    
    .servicio {
        max-width: 100%;
    }
    
    
    div.comuna {
        max-width: 100%;
        float: left;
    }
    
    .social {
        max-width:100%;
    }
    
    
    .social input {
        max-width:55%;
    }
    
    .calle {
        display:block;
        max-width: 100%;
        margin-bottom: 20px;
    
        }
    
    
    .numero {
        display:block;
        max-width: 100%;
        margin-bottom: 20px;
    
        }
    .depto {
        display:block;
        max-width: 100%;
    
        }
    
    
    .numero input {
        min-width: 26%;
        max-width:70%;
    }
    .depto input {
        min-width: 26%;
        max-width:70%;
    }
    .calle input {
        min-width: 26%;
        max-width:70%;
    }
    
    .numero label {
        padding-top: 10px;
    }
    
    
    .rut {
        max-width: 52%;
        min-width: 30%;
    }
    
    div.direccion input {
        max-width: 75%;
    }
    
    .contacto {
        max-width: 100%;
        float:none;
    }
    
    .contacto input {
        max-width: 58%;
        }
    
    
    .material label {
    
        max-width: 80%;
    }
    
    
    .rut-2 {
        float: left;
        margin-left: 5px;
    }
    
    
    .lectura-reloj .marcar {
        max-width: 22%;
        text-align: center;
    }
    
    
    .formulario-dos p {
    
        max-width: 93%;
    }
    
    
    .alinear {
        max-width: 90%;
    }
    
    
    div.rol {
        max-width: 100%;
        float: left;
        margin-left: 0px;
        display: block;
    }
    
    .rol input {
        max-width: 95% !important;
        margin-right: 0;
        margin-left:0;
    
    }
    
    
    .fecha-dos {
        max-width: 100%;
        float: left;
        margin-left: 0px;
        display: block;
    }
    
    .fecha-dos input {
        max-width: 95% !important;
        margin-right: 0;
        margin-left:0;
    
    }
    
    .check {
        float: none;
        max-width: 51%;
        min-width: 64%;
        margin-left: 79px;
    }
    
    
    
    input, label{
        text-align: left;
        margin: 0;
        position:relative;
        max-width: 90% !important;
        clear:both;
        float:left;
        display:inline-block !important;
        width: 100%;
    }
    label{
        margin-top: 10px;
        height: 20px;
    }
    .form-group.rut {
        margin-bottom: 15px;
        width: 100%;
        max-width:100%;
    }
    .form-group.rut .rut-1{
        width: 150px;
    }
    .form-group.rut .rut-2{
        width: 20px;
    }
    .check input,.form-group.material input{
        max-width:20px !important;
        float: left;
    }
    .check label,.form-group.material label{
        padding-top: 5px;
        clear:none !important;
        max-width: 200px !important;
    }
    h1.title-form{
        display:inline-block;
        margin-top: 20px;
    }
    .btn input{
        text-align: center !important;
    }
    .check{
        width: 100%;
        max-width: 100%;
        margin: 20px auto 0 auto;
        display: block;
    }
    .check label{
        margin-top: 0;
    }
    .check input{
        min-width: 30px;
        margin-top: 7px;
    }
    .marcar img {
        max-width: 100%;
    }
    .comuna .wpcf7-select-parent select.wpcf7-select{
        max-width:100%;
        float:right;
    }
    .comuna .wpcf7-select-parent {
        margin:0;
        width: 100%;
    }

}








