﻿body {
    background-color: white;
    font-family: 'Rubik', Fallback, sans-serif;
}
.mobile {
    display: none
}

.boton {
    background-color: white
}

    .boton:hover {
        background-color: whitesmoke
    }

.dtabla {
    display: table
}
.colprincipal{width:950px}

.maipu {display:none;
    font-size: 38px;
    font-weight: 900;
}
.municipalidad {
    display: none;
    font-size: 15px;
    font-weight: 900;
}
.portada {
    display:none;
    height:100px;
    width:100%;
    background-color: #10174a;
}
.tablapresentacion {
    display: table;
    height: 250px;
    width: 100%;
    background-color: white;
}
.tablapresentacionfila {
    display: table-row;
    height: 300px;
}
.presentacioncell{
    display:table-cell;
    height:200px;
    width:50%;
}
#presentacionright {
    display: table-cell
}
.bigbuttonL{
    margin-top:50px;
    padding-top:30px;
    padding-left:20px;
    color:white;
    margin-left:170px;
    height:130px;width:220px;
    background-color:#10174a;
    font-size:28px;
    font-weight:300
}
    .bigbuttonL:hover {
        color:black;
        cursor: pointer;
        background-color: #00b3ba;
    }
.bigbuttonR {
    margin-top: 50px;
    padding-top: 30px;
    padding-left: 20px;
    color: white;
    margin-left: 80px;
    height: 130px;
    width: 220px;
    background-color: #10174a;
    font-size: 28px;
    font-weight: 300
}
    .bigbuttonR:hover {
        color:black;
        cursor: pointer;
        background-color: #00b3ba;
    }

.botoncss {
    
    text-align: left;
    height: 30px;
    cursor: pointer;
    width: 220px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    color: white;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 300;
    font-family: 'Rubik';
    font-size: 28px;
    background-color: #10174a;
}
.divVerde {
    text-align: center;
    width: 100%;
    background-color: #1ECECA
}
.divAzul {display:none;
    height: 300px;
    width: 100%;
    background-color: #10174A}
.textoBlancoGrande {
    padding-left:30px;
    font-family:Rubik;
    font-size: 35px;
    font-weight: bold;
    color: white
}
.textoBlanco {
    padding-left: 30px;
    font-family: Rubik;
    font-size: 20px;
    color: white
}
.imgadorno{height:208px;width:174px}



.SolucionOirs {
    margin-top: 10px;
    display: block;
    font-size: 1.1em;
    margin-left: 50px;
    margin-right: 50px;
    border: 1px solid;
    padding-left: 5px;
    font-family: Rubik;
    padding:30px;
    line-height: 1.5;
}

.DescripcionCasoOirs {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    margin-left: 50px;
    margin-right: 50px;
    border: 1px solid;
    padding-left: 5px;
}

.negrita {
    font-weight: bold;
}

.Alerta{
 font-size:20px;
 color:red;
 background-color:yellow;
 text-align:center;
 margin-left:28px;
}

.dfila {
    display: table-row
}

.dlados {
    display: table-cell;
    width: 35%;
    background-color: #D8E6FC;
}


.dcelda{display:table-cell;position:relative}
#LupaRutCreaSolicitud {
    margin-top:14px;
    position: absolute;
    /* display: none; */
    margin-left: 200px;
}
#imgBorrar {
    margin-top:15px;
    margin-left: 240px;
    /* display: none; */
    position: absolute;
    bac
}

.lupa {

    width: 25px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

.rutancho {
    font-size: 0.9em;
    margin-top: 10px; 
    position: absolute;
    margin-left: 50px;
    width: 120px;
    height: 27px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-color: dimgray;
    /* margin-bottom: -28px; */
    /* padding-bottom: 0px; */
    /* padding: 0px; */
    padding-left: 15px;
}


.anchoBoton {
    height: 30px;
    cursor: pointer;
    width: 650px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    color: white;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 700;
}
.mlink {
    padding-top: 15px;
    background-color: #10174A;
    width: 400px;
    height: 50px;
    margin-left: 29%;
    COLOR: white;
    font-size: 1em;
    font-family: 'Rubik';
}
#maipulink {
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    color: white;
    font-family: Rubik;
    margin-left: 19%;
}

.margin-aux{
    margin-left:30px
}

.respuestaSolicitud {
    /*font-size: 0.9em;
    width: 850px;

    margin-top: 5px;
    margin-left: 50px;
    padding-left: 5px;
    */
    margin-left: 50px;

}





.solicitudenviada {
    font-size: 1.8em;
    text-align: center;
    padding: 50px;
}
.ancho {
    font-size: 0.9em;
    width: 145px;
    border-left: black;
    border-right: black;
    border-top: black;
    margin-top: 5px;
    margin-left: 50px;
    padding-left: 5px;
}

.l650{margin-left:50px;
      width:650px;
      font-size:14px;

      
}

.labelancho {
    font-size:medium;
    margin-top: 5px;
    margin-left: 50px; 
}
.rvancho {
    margin-top: 5px;
    width: 150px;
    
}
.trvancho {
    margin-top: 5px;
    width: 300px;
    margin-left: 5px;
}

.lateral {width:100px}
.tdleft{width:110px}
.tdlistacalle{width:530px}
.tdright{width:190px}

.aviso {
    display: inline-block;
    width: 840px;
    /*margin-left: 30px */
}


.anchocentrado {
    width: 400px;
    margin-left: auto;
    background: #40327b;
    color: white;
    font-weight: 700;
    margin-right: auto;
    display: block;
}

.anchocentrado2 {
    background-color: #10174A;
    width: 400px;
    height: 50px;
    margin-left: 30%;
    COLOR: white;
    font-size: 1em;
    font-family: 'Rubik';
}
.anchocentrado2:hover{cursor:pointer}



.anchocentrado3 {
    background-color: #10174A;
    width: 400px;
    height: 50px;
    margin-left: 24%;
    COLOR: white;
    font-size: 1em;
    font-family: 'Rubik';
}
.anchocentrado3:hover {
    cursor: pointer
}
.checkDatosUsuario {
    padding-top: 18px;
    text-align: center;
    background-color: #10174A;
    width: 400px;
    height: 50px;
    margin-left: 24%;
    COLOR: white;
    font-size: 1em;
    font-family: 'Rubik';
}
    .checkDatosUsuario:hover {
        cursor: pointer
    }
    .izq {
        font-size: 1.1em;
        border-left: black;
        border-right: black;
        border-top: black;
        margin-left: 50px
    }
#lcomuna,#lcalle{margin:850px}
.solicitud {width:650px}

.imgmaipu {
    width: 750px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.linea {
    margin-left: 50px;
    margin-top: 5px;
    width: 850px;
    height: 1px;
    background-color: lightgrey
}

.ancho-barrio {
    font-size:0.9em;
    border-left: black;
    border-right: black;
    border-top: black;
    width: 388px;
}


.fileload {
    font-size:1em;
    height: 35px;
    cursor: pointer;
    background-color: whitesmoke;
    width: 840px;
    margin-left: 50px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
}

.headerImg{
    
}

.container{
    max-width:780px;
}

.headerImgTarget{
    width:100%;
}

.CorreoAlternativo {
    font-size:1.1em;
    border-left: black;
    border-right: black;
    border-top: black;
    width: 300px;
    margin-left: 50px;
}

.CorreoAlternativoTxt {
    margin-left: 50px;
}

.labelRefSolicitud {
    margin-left: 50px;
    margin-right:125px;
}

.DropCalle {
    font-size:0.9em;
    border-left: black;
    border-right: black;
    border-top: black;
}

.LabelCalle{    margin-top: 0px;
}

.SolicitudTxt {
    margin-left: 50px;
  
}

.FieldTxt {
    font-family: 'Rubik';
    font-size: 1.1em;
    width: 840px;
    margin-left: 50px;
    height: 200px;
}

.inp-data {
    padding-top: 5px;
    font-size: 1em;
    border-left: black;
    border-right: black;
    border-top: black;
    width: 850px;
    margin-left: 50px;
    margin-bottom: 10px;
    /* padding: 5px; */
    padding-bottom: 5px;
}

.logo-new {
    height: 65px;
    width: 49px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

a{
    text-decoration:none;
}

.footer {
   font-family:rubik;
    font-size: 1.2em;
    padding-top: 20px;
    width: 100%;
    height: 80px;
    background-color: #9f9f9f;
    text-align: center;
}


.inputshort {
    border-left: black;
    border-right: black;
    border-top: black;
    font-size: 18px;
    /*border: solid 1px black; */
    width: 90px;
}

.auto-style1 {
    font-size: 1.1em;
    height: 26px;
}
.auto-style2 {
    height: 26px;
}

.pnuevocaso {
    background-color: #EAEAEA;
    font-size: 1.3em;
    margin-top: 0px;
    padding-top: 15px;
    /* margin-left: 2% */
}
.pconsultacaso {
    background-color: #F7F7F7;
    font-size: 1.3em;
    margin-top: 0px;
    padding-top:15px;
    /* margin-left: 2% */
}



/* ***************************************************************************************************************** */
@media (max-width: 820px) {

    #PanelBotones{height:50px}
    .DivVacio {
        height: 50px
    }
    .colprincipal{width:100%}

    .mobile{display:block}
    .dtabla {width:100%;
        display: table
    }
    .divBanner{display:none}
    .portada {
        display: block;
        height: 200px;
        width: 100%;
        background-color: #10174a;
    }
    .divAzul {
        display: block;
        padding-top:15px;
        height: 100px;
        width: 100%;
        background-color: #10174A
    }
    .maipu {
        display:block;
        font-size: 38px;
        font-weight: 900;
    }
    .municipalidad {
        display: block;
        font-size: 15px;
        font-weight: 900;
    }


    .bigbuttonL {
        display:none;
        margin-top: 50px;
        padding-top: 30px;
        padding-left: 20px;
        color: white;
        margin-left: 170px;
        height: 130px;
        width: 220px;
        background-color: #10174a;
        font-size: 28px;
        font-weight: 300
    }

    .bigbuttonR {
        display:none;
        margin-top: 50px;
        padding-top: 30px;
        padding-left: 20px;
        color: white;
        margin-left: 80px;
        height: 130px;
        width: 220px;
        background-color: #10174a;
        font-size: 28px;
        font-weight: 300
    }






    .ancho-barrio {

        width: 200px;
    }

    .inp-data {
        width: 95%;
        margin-left:15px;
        margin-bottom:10px;

    }

    .margin-aux {
        margin-left: 0px;
    }

    .inputshort {
        border-left: black;
        border-right: black;
        border-top: black;
        font-size: 0.9em;
        /*border: solid 1px black; */
        width: 90px;
    }

    .FieldTxt {
        font-size: 0.9em;
        width: 90%;
        height: 230px;
        border: solid 1px black;
        margin-left: 15px;
        margin-right: 15px;
    }

    .SolicitudTxt {
        margin-top: 10px;
        font-size: 0.9em;
        margin-left:15px;
    }

    .LabelCalle {
        margin-top: 5px;

    }

    .DropCalle {
        border-left: black;
        border-right: black;
        border-top: black;
        font-size: 14px;
        width: 200px;
    }

    .labelRefSolicitud {
        font-size: 1em;
        width: 85%;
        margin-left: 15px;
    }

    .CorreoAlternativo {
        font-size: 0.9em;
        border: solid 1px black;
        width:200px;
    }

    .CorreoAlternativoTxt {
        font-size:18px;
        margin-left:15px
    }




    .imgmaipu {
        width: 100%
        
    }

   

    .dlados {
        display: table-cell;
        width: 0px
    }

    .dcelda {
        display: table-cell;
        position: relative;
        height: 10px
    }
    .anchoBoton {
        height: 30px;
        cursor: pointer;
        background-color: whitesmoke;
        font-size: 1.3em;
        width: 100%;
        height: 50px;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        color: white;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-weight: 300;
        font-family:Rubik
    }
    .labelancho {
        display:block;
        font-size:1em;
        margin-left:15px;
    }
    .aviso {
        display: inline-block;
        font-size: 0.9empx;
        width: 90%;
       margin-right:10%;
        height: 100px;
        height: 60px;
        margin-left:0px;
        margin-top:10px;

    }

    #LupaRutCreaSolicitud {
        position: absolute;
        /* display: none; */
        margin-left: 205px;
        margin-top: 0px;
        width:35px;
        height:35px;
    }

    #imgBorrar {
        margin-left: 262px;
        /* display: none; */
        position: absolute;
        margin-top: 0px;
        width: 35px;
        height: 35px;
    }

    .lupa {
        margin-top: 0px;
        width: 25px;
        height: 20px;
        margin-left: 5px;
        margin-right: 5px;
    }


    .rutancho {
        position: absolute;
        margin-top: 5px;
        margin-left: 15px;
        font-size: 1em;
        width: 150px;
        height: 30px;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        border-color: dimgray;
    }


    .anchocentrado {
        font-size: 24px;
        width: 56%;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        /* margin-left: 185px; */
        background-color: #40327b;
        color: white;
        font-weight: 700;
        display: block;
    }

    .anchocentrado2 {
        font-size: 18px;
        width: 100%;
        height: 50px;
        margin-left: 0;
        margin-right: 0;
    }

    .linea {
        margin-left: 55px;
        margin-top: 5px;
        width: 10px;
        height: 1px;
        background-color: lightgrey
    }

    .izq {
        font-size: 18px;
        margin-left: 15px
    }

    .checkDatosUsuario {
        padding-top: 18px;
        text-align: center; 
        background-color: #10174A;
        width: 100%;
        height: 50px;
        margin-left: 0px; 
        COLOR: white;
        font-size: 1em;
        font-family: 'Rubik';
    }
    .anchocentrado3 {
        background-color: #10174A;
        width: 100%;
        height: 50px;
        margin-left: 0px;
        COLOR: white;
        font-size: 1em;
        font-family: 'Rubik';
    }


    .fileload {
        margin-left: 15px;
        cursor: pointer;
        background-color: whitesmoke;
        border-top-style: none;
        border-left-style: none;
        border-right-style: none;
        font-size: 0.9em;
        font-family: Calibri;
        width: 90%;
        margin-bottom: 7px;
    }

    .solicitudenviada {
        margin-left: 10%;
        margin-right:10%;
        font-size: 1em;
        text-align: center;
        padding: 5px;
        width: 80%;
    }
    .mlink {
        padding-top: 15px;
        background-color: #10174A;
        width: 100%;
        height: 50px;
         margin-left: 0px;
        COLOR: white;
        font-size: 1em;
        font-family: 'Rubik';
    }
    
    .tdleft {
        font-size: 18px;
        width: 50%;
    }
    .tdright{
        font-size:18px;
        width:50%;
    }

    .aux-margin{
        margin-top:22px;
    }

    .textoBlancoGrande {
        padding-left: 30px;
        font-family: Rubik;
        font-size: 28px;
        font-weight: bold;
        color: white
    }

    .textoBlanco {
        padding-left: 30px;
        font-family: Rubik;
        font-size: 20px;
        color: white
    }

    .SolucionOirs {
        margin-top: 10px;
        display: block;
        font-size: 1.1em;
        margin-left: 0px;
        margin-right: 0px;
        border: 1px solid;
        padding-left: 5px;
        font-family: Rubik;
        padding: 30px;
        line-height: 1.5;
    }
}
