/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

html,
body {
    /*color: #108733;*/
    /*font-family:Arial, Helvetica, sans-serif;*/
    /*background:#fff;*/
    height: 100%;
    /*background-color: #eee;*/
    /*background-image: url(../images/patterns/light_toast.png);*/
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    /*background: rgba(5, 129, 42,0.1)*/
    /*color:rgba(5, 129, 42,0.7)*/
}

body {
    display: table;
    width: 100%;
}

/*.form1{
    min-height:100%;
    position:relative;
}*/
.clase-general {
    display: table-row;
}

.wrap {
    /*width:98%;*/
    display: table;
    width: 100%;
    margin: 0 auto;
    transition: all 0.2s linear;
}

/*Header*/
.header-top {
    background: #336699;
    width: 100%;
    height: 58px;
}

.header-right {
    text-align: right;
}

.header-left {
    text-align: left;
}

.header-center {
    float: none;
    padding: 6px;
    text-align: center;
}

.align-bottom {
    text-align: right;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

/*.logo{
	float:left;
    padding:0.2%;
}*/


.header-bottom {
    display: inline-block;
    /*padding:1% 0;*/
    background: #353535;
    vertical-align: top;
    width: 15%;
}

.Menu {
    color: #fff;
    font-size: 0.89em;
    font-family: 'Pacifico', cursive;
    padding: 10px 30px;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

    .Menu Items MenuItem:hover {
        color: #353535;
    }

.cuerpo {
    display: inline-block;
    /*background:#6c6b6b;*/
    margin: 0px auto;
    min-height: 450px;
    vertical-align: top;
    width: 100%;
}

/*Footer*/
footer {
    background: #000000;
    padding: 1% 0;
    /*text-align:right;*/
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}
/*Div Texto*/

.form div {
    padding: 5px 3px;
    display: inline-block;
    vertical-align: top;
    /*width:48%;*/
    margin: 1px;
}

.mitad {
    width: 48%;
}

.form div div {
    padding: 1px 1px;
    width: 100%;
}

.form div table {
    width: 100%; /*margin: 5px 2px 2px 2px;*/
}

.form div td {
    width: auto;
    margin: 2px;
    padding: 2px 2px;
}


.form td {
    width: auto;
    margin: 2px;
    padding: 2px 2px;
}

.div {
    padding: 5px 3px;
    display: inline;
    vertical-align: top;
    margin: 1px;
    width: 100%;
}


.form span {
    display: inline;
    /*font-size: 0.8125em;
    color: #999;*/
    /*padding-bottom: 5px;*/
    font-family: verdana, arial, helvetica, helve, sans-serif;
}

    .form span label {
        font-size: 1.5em;
        text-align: center;
        padding: 2px 2px;
    }

.form input[type="text"], .form textarea {
    padding: 5px;
    display: inline;
    width: 38%;
    background: #fcfcfc;
    border: none;
    outline: none;
    color: #464646;
    font-size: 0.8125em;
    /* text-transform: uppercase;*/
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 5px #aaa;
    -webkit-appearance: none;
}

.DropDownList {
    width: 80%;
    font-size: 0.8125em;
    /* text-transform: uppercase;*/
    font-family: Arial, Helvetica, sans-serif;
}


.form textarea {
    resize: none;
    height: 220px;
}

.form input[type="submit"] {
    /*position:absolute;*/
    /*right:0;*/
    background: #353535;
    color: #FFF;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    height: 25px;
    padding: 1px 3px;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
}

    .form input[type="submit"]:hover {
        background-color: #333;
    }

    .form input[type="submit"]:active {
        background-color: #333;
    }

.hover {
    color: #fff;
}

.BuutonNone {
    display: none;
}

.DivPopup {
    display: none;
}

    .DivPopup td {
        padding: 2px;
        text-align: left;
    }

input {
    /* text-transform: uppercase;*/
}

    input[TextMode="MultiLine"] {
        /*  text-transform: uppercase;*/
    }

.DivCenter {
    position: absolute;
    /*nos posicionamos en el centro del navegador*/
    top: 50%;
    left: 50%;
    /*determinamos una anchura*/
    width: 320px;
    /*indicamos que el margen izquierdo, es la mitad de la anchura*/
    margin-left: -160px;
    /*determinamos una altura*/
    height: 220px;
    /*indicamos que el margen superior, es la mitad de la altura*/
    margin-top: -110px;
    /*border:1px solid #808080;*/
    /*border-style: groove; border-width: 4px;*/
    padding: 5px;
}

    .DivCenter td {
        padding: 2px;
        text-align: left;
    }

.DivCont {
    border-style: groove;
    border-width: 4px;
    display: inline-block;
    padding: 5px;
    width: auto;
}

.Most {
    display: none;
}


.disabled {
    background-color: #C0C0C0; /*color: gris*/
}


span.green {
    background: #f80404;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    /*margin-right: 15px;*/
    text-align: center;
    width: 1.6em;
    font-size: 0.7em;
}


span.green2 {
    background: #f80404;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    /*margin-right: 15px;*/
    text-align: center;
    width: 1.6em;
    font-size: 0.8em;
}


/* NOTIFICACIONES CASER Y GESTORIA */
.notificarCacer {
    background-image: url(../image/caser.png);
}

.notificarGestoria {
    background-image: url(../image/ico/png/24x24/network.png);
}

.notificar {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    left: 0.7em;
    padding: 10px 10px 0 20px;
    position: relative;
    top: 0;
    width: 16px;
}



.notificarNumer {
    border-radius: 50%;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    line-height: 20px;
    padding: 2px;
    text-align: center;
    position: absolute;
    margin-left: 0;
    margin-top: -25px;
    min-width: 20px;
    min-height: 20px;
    font-weight: bolder;
    /* color:#16a085;
    font-size:42px; */
}

.notificarNumerCaser {
    background-color: rgb(247, 148, 29);
}

.notificarNumerGestoria {
    background-color: rgb(163, 98, 9);
    /*-webkit-animation: 2s ease-out 0s normal none infinite opacity;
    -moz-animation: 2s ease-out 0s normal none infinite opacity;
    -o-animation: 2s ease-out 0s normal none infinite opacity;
    animation: 2s ease-out 0s normal none infinite opacity;*/
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes opacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.noti-menu {
    display: none;
    font-size: 0;
    margin: 10px 0;
    max-height: calc(100vh - 100px);
    overflow: auto;
    position: absolute;
    z-index: 10000;
}

.noti-menu-Poliza {
    background-color: rgb(247, 148, 29);
    left: 200px;
}

.noti-menu-Gestpria {
    background-color: rgb(163, 98, 9);
    left: 250px;
}

.noti-menu > .noti-menu-li:first-child {
    margin-top: 5px;
}

.noti-menu > .noti-menu-li:last-child {
    margin-bottom: 5px;
}

.noti-menu > .noti-menu-li {
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    /*padding: 2px 0px;*/
    background-color: #333;
}



    .noti-menu > .noti-menu-li > .a {
        width: 250px;
        background-color: #333;
        border: 1px solid #444;
        color: #bbb;
        display: block;
        font-size: 10px;
        padding: 12px !important;
        padding: 0;
        cursor: pointer;
    }



        .noti-menu > .noti-menu-li > .a > .cont {
            display: block;
        }

            .noti-menu > .noti-menu-li > .a > .cont > div {
                display: inline-block;
            }

                .noti-menu > .noti-menu-li > .a > .cont > div:first-child {
                    width: 50px;
                    vertical-align: top;
                    padding-bottom: 5px;
                }

                .noti-menu > .noti-menu-li > .a > .cont > div:last-child {
                    width: 180px;
                }

    .noti-menu > .noti-menu-li:hover > .a {
        border: 1px solid #444 !important;
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0.25);
    }


/* NOTIFICACIONES CASER Y GESTORIA */

.valoracionDiv1 {
    width: 63%;
}

.valoracionDiv2 {
    width: 35%;
}

.valoracionDiv3 {
    width: 35%;
}

.valoracionDiv4 {
    width: 63%;
}

.valoracionDiv5 {
    width: 32.5%;
}

.valoracionDiv6 {
    width: 32.5%;
}

.valoracionDiv7 {
    width: 32.2%;
}

.clientePoliza {
    min-height: 400px;
}

@media(max-width:1310px) {
    .valoracionDiv5 {
        width: 32%;
    }

    .valoracionDiv6 {
        width: 32%;
    }

    .valoracionDiv7 {
        width: 33%;
    }
}

@media(max-width:1310px) {
    .valoracionDiv5 {
        width: 32%;
    }

    .valoracionDiv6 {
        width: 32%;
    }

    .valoracionDiv7 {
        width: 32%;
    }
}

@media(max-width:1130px) {
    .valoracionDiv1 {
        width: 62%;
    }

    .valoracionDiv4 {
        width: 62%;
    }

    .valoracionDiv5 {
        width: 31%;
    }

    .valoracionDiv6 {
        width: 31%;
    }

    .valoracionDiv7 {
        width: 31%;
    }
}

@media(max-width:1080px) {
    .valoracionDiv1 {
        width: 60%;
    }

    .valoracionDiv4 {
        width: 60%;
    }

    .valoracionDiv5 {
        width: 33%;
    }

    .valoracionDiv6 {
        width: 30%;
    }

    .valoracionDiv7 {
        width: 30%;
    }
}


@media(max-width:1000px) {
    .valoracionDiv1 {
        width: 98%;
    }

    .valoracionDiv2 {
        width: 48%;
    }

    .valoracionDiv3 {
        width: 48%;
    }

    .valoracionDiv4 {
        width: 98%;
    }

    .valoracionDiv5 {
        width: 48%;
    }

    .valoracionDiv6 {
        width: 48%;
    }

    .valoracionDiv7 {
        width: 98%;
    }

    .mitad {
        width: 98%;
    }

    .clientePoliza {
        height: 100%;
    }
}

@media(max-width:600px) {
    .valoracionDiv1 {
        width: 98%;
    }

    .valoracionDiv2 {
        width: 98%;
    }

    .valoracionDiv3 {
        width: 98%;
    }

    .valoracionDiv4 {
        width: 98%;
    }

    .valoracionDiv5 {
        width: 98%;
    }

    .valoracionDiv6 {
        width: 98%;
    }

    .valoracionDiv7 {
        width: 98%;
    }

    .mitad {
        width: 98%;
    }

    .clientePoliza {
        height: 100%;
    }
}

#prpietarios-3 {
    padding: 0;
}

table[class$='_OuterTable'] div table {
    width: 0;
}

div[class$='_Toolbar'] {
    width: auto !important;
}

/*.txtFreeTextBox_OuterTable div table{
    width: 0;   
}
.txtFreeTextBox_Toolbar{
    width:auto !important;
}*/

/* Large desktops and laptops */
/*@media (min-width: 1200px) {

}*/

/*Portrait tablets and medium desktops*/
/*@media (min-width: 992px) and (max-width: 1199px) {

}*/

/*Portrait tablets and small desktops*/
/*@media (min-width: 768px) and (max-width: 991px) {

}*/

/*Landscape phones and portrait tablets*/
/*@media (max-width: 767px) {

}*/

/*Landscape phones and smaller*/
/*@media (max-width: 480px) {

}*/