﻿.enLinea
{
    display: inline-block;
    vertical-align: top;
}
.enLineaMid
{
    display: inline-block;
    vertical-align: top;
    margin-top: 1%;
}
.enLineaSuper
{
    display: inline-block;
    vertical-align: super;
}
.ancho1
{
    width: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho2
{
    width: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho3
{
    width: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho4
{
    width: 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho5
{
    width: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho6
{
    width: 6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho7
{
    width: 7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho8
{
    width: 8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho8a
{
    width: 8.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho9
{
    width: 9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho10
{
    width: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho10b
{
    width: 10.2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho11
{
    width: 11%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho12
{
    width: 12%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho13
{
    width: 13%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho14
{
    width: 14%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho15
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho15a
{
    width: 15%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho16
{
    width: 16%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho17
{
    width: 17%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho17a
{
    width: 17.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho18
{
    width: 18%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho19
{
    width: 19%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho20
{
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho21
{
    width: 21%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho22
{
    width: 22%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho23
{
    width: 23%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho24
{
    width: 24%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho25
{
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho27
{
    width: 27%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho28
{
    width: 28%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho29
{
    width: 29%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho29a
{
    width: 29.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho30
{
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho32
{
    width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho35
{
    width: 35%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho36
{
    width: 36%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho36a
{
    width: 36.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho37
{
    width: 37%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho38
{
    width: 38%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho39
{
    width: 39%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho39a
{
    width: 39.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho40
{
    width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho41
{
    width: 41%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho42
{
    width: 42%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho43
{
    width: 43%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho44
{
    width: 44%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho45
{
    width: 45%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho46
{
    width: 46%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho47
{
    width: 47%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho48
{
    width: 48%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho49
{
    width: 49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho50
{
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho50a
{
    width: 50.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho51
{
    width: 51%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho55
{
    width: 55%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho57
{
    width: 57%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho58
{
    width: 58%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho59
{
    width: 59%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho60
{
    width: 60%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho70
{
    width: 69%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ancho75
{
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho76
{
    width: 76%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho77
{
    width: 77%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho78
{
    width: 78%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho80
{
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho82a
{
    width: 82.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho84
{
    width: 84%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho85
{
    width: 85%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho86
{
    width: 86%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho87
{
    width: 87%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho87a
{
    width: 87.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho88
{
    width: 88%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho88a
{
    width: 88.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho89
{
    width: 89%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho90
{
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho95
{
    width: 95%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho98
{
    width: 98%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho99
{
    width: 99%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ancho100
{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.responsiveTodoAncho
{
}

.soloVisibleMovil
{
    display: none;
}
.divoderecha
{
    float: right;
    margin-top: -5%;
    margin-right: 32%;
}
.divoderecha2
{
    float: right;
    margin-top: -5%;
    margin-right: 2%;
}
.divMarginTop
{
    margin-top: -5%;
}
.soloVisiblePC
{
    display: block;
}

.contendorCampoFormulario
{
    padding: 9px 8px 4px 8px;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contendorCampoFormularioRigth
{
    padding: 9px 8px 4px 8px;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}
.contendorCampoFormularioLabels
{
    padding: 13px 8px 4px 8px;
    white-space: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.formulariosTamControles
{
    width: 100%;
    margin-top: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formulariosTamControlesFecha
{
    width: 100px;
    margin-top: 4px;
}


/*GRIDS*/
.nombreCampoResponsive
{
    display: none;
    font-weight: bold;
}

.gridFiltaTemplateList
{
    display: block;
    padding-bottom: 8px;
    padding-top: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    text-align: left;
    font-size: 0.8rem;
}
.gridFiltaTemplateListSelected
{
    background-color: #263541;
}
.cabeceraListView
{
    display: block;
    background-color: #263541;
}

.gridColumnaFilaTemplateList
{
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
    word-break: break-all;
    word-break: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.9rem;
}

.gridHeaderStyle
{
    background-color: #263541;
    color: White;
}

.gridHeaderStyle th
{
    padding: 4px 4px 4px 4px;
}

.gridHeaderStyle a
{
    color: White;
}

@media screen and (max-width:768px)
{
    body
    {
        font-size: medium;
        max-width: 100%;
    }

    main
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page
    {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    .soloVisibleMovil
    {
        display: block;
    }

    .soloVisiblePC
    {
        display: none;
    }

    .responsiveTodoAncho
    {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        clear: both;
        display: block;
    }

    .nombreCampoResponsive
    {
        display: inline-block;
    }

    .cabeceraListView
    {
        display: none;
    }
    .tbFormulario
    {
        border-right: 1px solid #d5d5d5;
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        border-left: 4px solid #d5d5d5;
        font-family: Trebuchet MS;
        font-size: 18px;
        color: #494949;
        margin-bottom: 0px;
        margin-left: 0px;
        width: 98%;
    }
    .tbFormularioMultiline
    {
        border-right: 1px solid #d5d5d5;
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        border-left: 4px solid #d5d5d5;
        font-family: Trebuchet MS;
        font-size: 18px;
        color: #494949;
        margin-bottom: 0px;
        margin-left: 0px;
        width: 98%;
    }
    .contenedorColumnaDerecha
    {
        width: 100%;
    }
    .contenedorColumnaIzquierda
    {
        width: 100%;
    }
    .contenedorPieIzquierda
    {
        margin-left: 0%;
    }
    .divPresupuestos
    {
        border-right: 0px solid #d5d5d5;
        border-top: 0px solid #d5d5d5;
        border-bottom: 0px solid #d5d5d5;
        border-left: 0px solid #d5d5d5;
    }
    .contenedorTabscolegiados
    {
        width: 100%;
        margin: auto;
        text-align: left;
        margin-top: 0.5%;
    }
    .contenedorTabsVisados
    {
        width: 100%;
        margin: auto;
        text-align: left;
        margin-top: 0.5%;
    }
    .contenedorTabscolegiados
    {
        width: 100%;
        margin: auto;
        text-align: left;
        margin-top: 0.5%;
    }
    .contenedorColegiadosOtroscolegios
    {
        width: 95%;
        margin: auto;
        text-align: left;
        margin-top: 0.5%;
    }
    .contenedorColumnaDerechaOtros
    {
        width: 100%;
    }
    .contenedorColumnaIzquierdaOtros
    {
        width: 100%;
    }
    .divMarginLeft
    {
        margin-left: 0%;
    }
    .contenedorGeneralColegiados
    {
        width: 95%;
        text-align: left;
        border-bottom-color: #bcbcbc;
        border-bottom-style: solid;
        margin-left: 5%;
        margin-right: 1%;
        margin: auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .contenedorGeneralVisados
    {
        width: 95%;
        text-align: left;
        border-bottom-color: #bcbcbc;
        border-bottom-style: solid;
        margin-left: 5%;
        margin-right: 1%;
        margin: auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .centrado
    {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .contenedorDivColumnasTres
    {
        width: 100%;
    }
    .contenedorTresColumnas
    {
        width: 100%;
        margin-left: 0%;
    }
    .lbFormulario
    {
        font-family: Trebuchet MS;
        color: #555555;
        font-weight: bold;
    }
    .contenedorFiltrosVisados
    {
        width: 95%;
        margin: auto;
        margin-bottom: 1%;
    }
    .contenedorBotonesVisados
    {
        width: 95%;
        margin: auto;
        margin-bottom: 1%;
        float: none;
    }
    .divoderecha
    {
        float: none;
        margin-top: 0%;
        margin-right: 0%;
    }
    .divoderecha2
    {
        float: none;
        margin-top: 0%;
        margin-right: 0%;
    }
    .divMarginTop
    {
        margin-top: 0%;
    }
    .divPaginasPosicion
    {
        max-width: 142px;
    }
    .contendorCampoFormularioRigth
    {
        float: none;
    }
    .floatRigth
    {
        float: right;
        margin-top: -1%;
    }
}
