/*@import url(http://weloveiconfonts.com/api/?family=entypo|fontawesome);*/
@font-face {
	font-family:'FontAwesome';
	src:url('Mobile/fonts/fontawesome-webfont.eot?v=4.3.0');
	src:url('Mobile/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('Mobile/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('Mobile/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('Mobile/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('Mobile/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal
}

/* entypo */
[class*="entypo-"]:before {
    font-family: 'FontAwesome', sans-serif;
}

/* fontawesome */
[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}


/* Add animation (Chrome, Safari, Opera) */
@-webkit-keyframes example {
    from {
        top: -100px;
        opacity: 0;
    }

    to {
        top: 0px;
        opacity: 1;
    }
}

/* Add animation (Standard syntax) */
@keyframes example {
    from {
        top: -100px;
        opacity: 0;
    }

    to {
        top: 0px;
        opacity: 1;
    }
}

/* The modal's background */
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

    /* Display the modal when targeted */
    .modal.activo {
        display: table;
        position: fixed;
        overflow: hidden;
        z-index: 999;
    }

/* The modal box */
.modal-dialog {
    display: table-cell;
    vertical-align: middle;
}

    /* The modal's content */
    .modal-dialog .modal-content {
        margin: auto;
        background-color: #FFFFFF;
        position: relative;
        padding: 0;
        outline: 0;
        z-index: 999;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -o-border-radius: 7px;
        -ms-border-radius: 7px;
        border-radius: 7px;
        text-align: justify;
        width: 800px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        /* Add animation */
        -webkit-animation-name: example; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
        animation-name: example;
        animation-duration: 0.5s;
    }

/* The button used to close the modal */
.btn-close {
    color: #cfcece;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 3px;
}

    .btn-close.btnValido {
        color: #386112;
    }

    .btn-close.btnError {
        color: #ff96af;
    }

    .btn-close.btnAlerta {
        color: #fceabb;
    }

    .btn-close:hover {
        color: #fefefe;
    }

.container {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.modal-header {
    padding: 10px 20px;
}

.modal-footer {
    padding: 3px 5px;
}

.modal-header {
    color: #ffffff;
    background: -webkit-gradient(linear,left top,left bottom,from(#A2C152),to(#779e02));
    background: -webkit-linear-gradient(#A2C152,#779e02);
    background: -moz-linear-gradient(#A2C152,#779e02);
    background: -o-linear-gradient(#A2C1521,#779e02);
    background: linear-gradient(#A2C152,#779e02);
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

    .modal-header h2 {
        font-size: 15px;
        font-weight: normal;
    }

    .modal-header.modalError {
        background: rgba(109,0,25,1);
        background: -moz-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,0,25,1)), color-stop(56%, rgba(143,2,34,1)), color-stop(100%, rgba(169,3,41,1)));
        background: -webkit-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: -o-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: -ms-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: linear-gradient(to bottom, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329', GradientType=0 );
        border-bottom: #6d0019 solid 1px;
    }

    .modal-header.modalAlerta {
        background: rgba(230,158,14,1);
        background: -moz-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,158,14,1)), color-stop(100%, rgba(237,191,66,1)));
        background: -webkit-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: -o-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: -ms-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: linear-gradient(to bottom, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69e0e', endColorstr='#edbf42', GradientType=0 );
        border-bottom: #feb645 solid 1px;
    }

    .modal-header.modalValido {
        background: rgba(101,168,39,1);
        background: -moz-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(101,168,39,1)), color-stop(100%, rgba(162,194,68,1)));
        background: -webkit-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: -o-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: -ms-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: linear-gradient(to bottom, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a827', endColorstr='#a2c244', GradientType=0 );
        border-bottom: #65a827 solid 1px;
    }

.modal-header-img {
    float: left;
    margin-top: -7px;
    margin-right: 10px;
}

.modal-footer {
    text-align: center;
    font-weight: normal;
    color: #ffffff;
    background: -webkit-gradient(linear,left top,left bottom,from(#A2C152),to(#779e02));
    background: -webkit-linear-gradient(#A2C152,#779e02);
    background: -moz-linear-gradient(#A2C152,#779e02);
    background: -o-linear-gradient(#A2C1521,#779e02);
    background: linear-gradient(#A2C152,#779e02);
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

    .modal-footer.modalError {
        background: rgba(109,0,25,1);
        background: -moz-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,0,25,1)), color-stop(56%, rgba(143,2,34,1)), color-stop(100%, rgba(169,3,41,1)));
        background: -webkit-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: -o-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: -ms-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        background: linear-gradient(to bottom, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329', GradientType=0 );
        border-top: #6d0019 solid 1px;
    }

    .modal-footer.modalAlerta {
        background: rgba(230,158,14,1);
        background: -moz-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,158,14,1)), color-stop(100%, rgba(237,191,66,1)));
        background: -webkit-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: -o-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: -ms-linear-gradient(top, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        background: linear-gradient(to bottom, rgba(230,158,14,1) 0%, rgba(237,191,66,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69e0e', endColorstr='#edbf42', GradientType=0 );
        border-top: #feb645 solid 1px;
    }

    .modal-footer.modalValido {
        background: rgba(101,168,39,1);
        background: -moz-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(101,168,39,1)), color-stop(100%, rgba(162,194,68,1)));
        background: -webkit-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: -o-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: -ms-linear-gradient(top, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        background: linear-gradient(to bottom, rgba(101,168,39,1) 0%, rgba(162,194,68,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a827', endColorstr='#a2c244', GradientType=0 );
        border-top: #65a827 solid 1px;
    }



/*************************************************************************/
/*Estilos Tooltips*/

.tool-tip {
    color: #003C80;
    background-color: rgba( 0, 0, 0, 0);
    /*background-color: rgba( 0, 0, 0, .7);*/
    text-shadow: none;
    font-size: 12px;
    visibility: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    text-align: left;
    opacity: 0;
    z-index: 999;
    padding: 2px 8px;
    position: absolute;
    cursor: default;
    line-height: 20px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

    .tool-tip.verde {
        color: #577109;
    }

    .tool-tip.morado {
        color:#836199
    }

    .tool-tip,
    .tool-tip.top {
        top: auto;
        bottom: 114%;
        left: 50%;
    }

        .tool-tip.top:after,
        .tool-tip:after {
            position: absolute;
            bottom: -12px;
            left: 50%;
            margin-left: -7px;
            content: ' ';
            border: 6px solid transparent;
            border-top-color: rgba( 0, 0, 0, .7);
        }

        /* default heights, width and margin w/o Javscript */

        .tool-tip,
        .tool-tip.top {
            min-width: 180px;
            width: auto;
            min-height: 20px;
            height: auto;
            margin-left: -43px;
        }

            /* tool tip position right */

            .tool-tip.right {
                top: 135%;
                right: auto;
                left: 10%;
                margin-top: -16px;
                margin-right: auto;
                margin-left: auto;
            }

                .tool-tip.right.visible {
                    visibility: visible;
                    opacity: 1;
                    -webkit-transition: all 240ms ease-in-out;
                    -moz-transition: all 240ms ease-in-out;
                    -ms-transition: all 240ms ease-in-out;
                    -o-transition: all 240ms ease-in-out;
                    transition: all 240ms ease-in-out;
                }

                .tool-tip.right.ocultar {
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: all 240ms ease-in-out;
                    -moz-transition: all 240ms ease-in-out;
                    -ms-transition: all 240ms ease-in-out;
                    -o-transition: all 240ms ease-in-out;
                    transition: all 240ms ease-in-out;
                }


                .tool-tip.right:after {
                    left: -4px;
                    top: 50%;
                    margin-top: -6px;
                    bottom: auto;
                    border-top-color: transparent;
                    /*border-right-color: rgba( 0, 0, 0, .7);*/
                }

            /* tool tip position left */

            .tool-tip.left {
                top: 50%;
                left: auto;
                right: 105%;
                margin-top: -15px;
                margin-left: auto;
                text-align: right;
                /*margin-right: 80px;*/
            }

                .tool-tip.left.visible {
                    visibility: visible;
                    opacity: 1;
                    -webkit-transition: all 240ms ease-in-out;
                    -moz-transition: all 240ms ease-in-out;
                    -ms-transition: all 240ms ease-in-out;
                    -o-transition: all 240ms ease-in-out;
                    transition: all 240ms ease-in-out;
                }

                .tool-tip.left.ocultar {
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: all 240ms ease-in-out;
                    -moz-transition: all 240ms ease-in-out;
                    -ms-transition: all 240ms ease-in-out;
                    -o-transition: all 240ms ease-in-out;
                    transition: all 240ms ease-in-out;
                }

                .tool-tip.left:after {
                    left: auto;
                    right: -12px;
                    top: 50%;
                    margin-top: -6px;
                    bottom: auto;
                    border-top-color: transparent;
                    border-left-color: rgba( 0, 0, 0, .7);
                }

            /* tool tip position bottom */

            .tool-tip.bottom {
                top: 115%;
                bottom: auto;
                left: 50%;
                margin-bottom: auto;
            }

                .tool-tip.bottom:after {
                    position: absolute;
                    top: -12px;
                    left: 50%;
                    margin-left: -7px;
                    content: ' ';
                    border: 6px solid transparent;
                    border-top-color: transparent;
                    border-bottom-color: rgba( 0, 0, 0, .6);
                }

.IconToolTip {
    font-size: 14px;
    font-weight: bold;
}
/*************************************************************************/
/*Estilos Cajas de Notificación*/

.alert-box {
    color: #555;
    border-radius: 10px;
    font-family: Arial;
    padding: 10px 15px;
    margin: 3px;
    font-size: 16px;
}

    .alert-box span {
        font-weight: bold;
        text-transform: uppercase;
    }



.error {
    background: #ffecec url('../../images/error.png') no-repeat 10px 50%;
    border: 1px solid #f5aca6;
    color: #db234e;
    box-shadow: 0 0 8px red;
}

    .error span {
        color: #db234e;
        font-size: 20px;
        padding-right: 10px;
        line-height: 1;
    }

.success {
    background: #e9ffd9 url('../../images/success.png') no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
    color: #599e14;
    box-shadow: 0 0 8px green;
}

    .success span {
        color: #7bc238;
        font-size: 20px;
        padding-right: 10px;
        line-height: 1;
    }

.warning {
    background: #fff8c4 url('../../images/warning.png') no-repeat 10px 50%;
    border: 1px solid #f2c779;
    color: #f5980c;
    box-shadow: 0 0 8px #f2c779;
}

    .warning span {
        color: #feb645;
        font-size: 20px;
        padding-right: 10px;
        line-height: 1;
    }


.notice {
    background: #e3f7fc url('../../images/notice.png') no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
    color: #2d697a;
    box-shadow: 0 0 8px #2d697a;
}

    .notice span {
        color: #49a5bf;
        font-size: 20px;
        padding-right: 10px;
        line-height: 1;
    }



/*************************************************************************/
/*Estilos TextBox*/

*:focus {
    outline: none;
}

.inputs {
    border: 1px solid #c4c4c4;
    height: 20px;
    width: 275px;
    font-size: 12px;
    padding-left: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

    /* Estilo del evento :Focus controlado por Javascript por Cotizador*/

    /****** Focus GMM *****/
    .inputs.azul {
        background: #fff;
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0px 0px 8px #7bc1f7;
        -moz-box-shadow: 0px 0px 8px #7bc1f7;
        -webkit-box-shadow: 0px 0px 8px #7bc1f7;
    }
        /****** Campo Requerido GMM *****/
        .inputs.azul.req {
            background: #fff url(../Images/GMM/icon-requerido.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo No Requerido GMM *****/
        .inputs.azul.normal {
            background: #fff url() no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Error GMM *****/
        .inputs.azul.error {
            background: #fff url(../Images/GMM/icon-error.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Valido GMM *****/
        .inputs.azul.valido {
            background: #fff url(../Images/GMM/icon-valido.png) no-repeat right center;
            border: 1px solid #7bc1f7;
            box-shadow: 0px 0px 8px #7bc1f7;
            -moz-box-shadow: 0px 0px 8px #7bc1f7;
            -webkit-box-shadow: 0px 0px 8px #7bc1f7;
            color: #036aae;
        }

    /****** Focus Flotillas *****/
    .inputs.azulMarino {
        background: #fff;
        outline: none;
        border: 1px solid #5787ab;
        box-shadow: 0px 0px 8px #5787ab;
        -moz-box-shadow: 0px 0px 8px #5787ab;
        -webkit-box-shadow: 0px 0px 8px #5787ab;
    }
        /****** Campo Requerido Flotillas *****/
        .inputs.azulMarino.req {
            background: #fff url(../Images/Flotillas/icon-requerido.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo No Requerido Flotillas *****/
        .inputs.azulMarino.normal {
            background: #fff url() no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Error Flotillas *****/
        .inputs.azulMarino.error {
            background: #fff url(../Images/Flotillas/icon-error.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Valido Flotillas *****/
        .inputs.azulMarino.valido {
            background: #fff url(../Images/Flotillas/icon-valido.png) no-repeat right center;
            border: 1px solid #5787ab;
            box-shadow: 0px 0px 8px #5787ab;
            -moz-box-shadow: 0px 0px 8px #5787ab;
            -webkit-box-shadow: 0px 0px 8px #5787ab;
            color: #003c80;
        }

    /****** Focus Vida *****/
    .inputs.verde {
        background: #fff;
        outline: none;
        border: 1px solid #A0BF4E;
        box-shadow: 0px 0px 8px #A0BF4E;
        -moz-box-shadow: 0px 0px 8px #A0BF4E;
        -webkit-box-shadow: 0px 0px 8px #A0BF4E;
    }
        /****** Campo Requerido Autos *****/
        .inputs.verde.req {
            background: #fff url(../Images/Vida/Iconos/icon-requerido.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo No Requerido Autos *****/
        .inputs.verde.normal {
            background: #fff url() no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Error Autos *****/
        .inputs.verde.error {
            background: #fff url(../Images/Vida/Iconos/icon-error.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Valido Autos *****/
        .inputs.verde.valido {
            background: #fff url(../Images/Vida/Iconos/icon-valido.png) no-repeat right center;
            border: 1px solid #A0BF4E;
            box-shadow: 0px 0px 8px #A0BF4E;
            -moz-box-shadow: 0px 0px 8px #A0BF4E;
            -webkit-box-shadow: 0px 0px 8px #A0BF4E;
            color: #779E02;
        }

    /****** Focus Autos *****/
    .inputs.naranja {
        background: #fff;
        outline: none;
        border: 1px solid #EB9634;
        box-shadow: 0px 0px 8px #EB9634;
        -moz-box-shadow: 0px 0px 8px #EB9634;
        -webkit-box-shadow: 0px 0px 8px #EB9634;
    }
        /****** Campo Requerido Autos *****/
        .inputs.naranja.req {
            background: #fff url(../Images/Autos/Iconos/icon-requerido.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo No Requerido Autos *****/
        .inputs.naranja.normal {
            background: #fff url() no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Error Autos *****/
        .inputs.naranja.error {
            background: #fff url(../Images/Autos/Iconos/icon-error.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Valido Autos *****/
        .inputs.naranja.valido {
            background: #fff url(../Images/Autos/Iconos/icon-valido.png) no-repeat right center;
            border: 1px solid #EB9634;
            box-shadow: 0px 0px 8px #EB9634;
            -moz-box-shadow: 0px 0px 8px #EB9634;
            -webkit-box-shadow: 0px 0px 8px #EB9634;
            color: #F4A506;
        }
   /****** Focus Cotizamáticos *****/

       .inputs.morado {
        background: #fff;
        outline: none;
        border: 1px solid #836199;
        box-shadow: 0px 0px 8px #836199;
        -moz-box-shadow: 0px 0px 8px #836199;
        -webkit-box-shadow: 0px 0px 8px #836199;
    }
        /****** Campo Requerido Cotizamáticos *****/
        .inputs.morado.req {
            background: #fff url(../Images/icon-requerido.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo No Requerido Cotizamáticos *****/
        .inputs.morado.normal {
            background: #fff url() no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Error Cotizamáticos *****/
        .inputs.morado.error {
            background: #fff url(../Images/icon-error.png) no-repeat right center;
            border: 1px solid #c4c4c4;
            box-shadow: 0px 0px 8px #d9d9d9;
            -moz-box-shadow: 0px 0px 8px #d9d9d9;
            -webkit-box-shadow: 0px 0px 8px #d9d9d9;
            color: #4d4d4d;
        }
        /****** Campo Valido Cotizamáticos *****/
        .inputs.morado.valido {
            background: #fff url(../Images/icon-valido.png) no-repeat right center;
            border: 1px solid #836199;
            box-shadow: 0px 0px 8px #836199;
            -moz-box-shadow: 0px 0px 8px #836199;
            -webkit-box-shadow: 0px 0px 8px #836199;
            color: #A785BF;
        }





    /* Muestra Tool - Tip de Error*/
    .inputs.visible + .tool-tip {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }
    /*Ocualta Tool - Tip*/
    .inputs.ocultar + .tool-tip {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

::-webkit-input-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}

input:-moz-placeholder {
    font-style: italic;
}


/*************************************************************************/
/*Estilos DropDownList*/

.combos {
    border: 1px solid #c4c4c4;
    height: 25px;
    width: 282px;
    font-size: 13px;
    padding-left: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

    .combos:focus {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0px 0px 8px #7bc1f7;
        -moz-box-shadow: 0px 0px 8px #7bc1f7;
        -webkit-box-shadow: 0px 0px 8px #7bc1f7;
    }


/******************* Indicadores de Acciones (TootTip - Globo) *******************/

a:hover {
    text-decoration: none;
}

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

    /* Base styles for the entire tooltip */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after {
        position: absolute;
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        pointer-events: none;
    }

    /* Show the entire tooltip on hover and focus */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    /* Base styles for the tooltip's directional arrow */
    .tooltip:before,
    [data-tooltip]:before {
        z-index: 1001;
        border: 6px solid transparent;
        background: transparent;
        content: "";
    }

    /* Base styles for the tooltip's content area */
    .tooltip:after,
    [data-tooltip]:after {
        text-align: center;
        z-index: 1000;
        padding: 8px;
        width: 140px;
        height: auto;
        background-color: #EB9634;
        background-color: hsla(0, 0%, 20%, 0.9);
        color: #fff;
        content: attr(data-tooltip);
        font-size: 14px;
        line-height: 1.2;
    }

    /* Directions */

    /* Top (default) */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after,
    .tooltip-top:before,
    .tooltip-top:after {
        bottom: 100%;
        left: 50%;
    }

    [data-tooltip]:before,
    .tooltip:before,
    .tooltip-top:before {
        margin-left: -6px;
        margin-bottom: -12px;
        border-top-color: #000;
        border-top-color: hsla(0, 0%, 20%, 0.9);
    }

    /* Horizontally align top/bottom tooltips */
    [data-tooltip]:after,
    .tooltip:after,
    .tooltip-top:after {
        margin-left: -80px;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after,
    .tooltip-top:hover:before,
    .tooltip-top:hover:after,
    .tooltip-top:focus:before,
    .tooltip-top:focus:after {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
    }

/* Left */
.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}

/************************************************************************************/
/**************************** Botones de Impresión PDF ******************************/
/************************************************************************************/

.botonImpresionPDF {
    background: #706e6e;
    box-shadow: 0 0 0 5px #4d4d4d;
    margin-left: 30px;
    float: left;
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    /*margin: 3% auto 0;*/
    border: 2px dashed #e0dfdf;
    font-size: 1.2em;
    /*margin: 20px;*/
    color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-family: 'Century Gothic','Gill Sans';
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    
    transition: all 0.4s ease-out;
}

    .botonImpresionPDF a {
        text-decoration:none;
        color:#fff;
    }

    .botonImpresionPDF.mapfreSeleccionado {
        background: #C31F09;
        box-shadow: 0 0 0 5px #a11c0a;
        transform: scale(1.1);
    }

    .botonImpresionPDF.axaSeleccionado {
        background: #28397F;
        box-shadow: 0 0 0 5px #4559ad;
        transform: scale(1.1);
    }

    .botonImpresionPDF.axa:hover {
        background: #28397F;
        box-shadow: 0 0 0 5px #4559ad;
        transform: scale(1.1);
    }

    .botonImpresionPDF.mapfre:hover {
        background: #C31F09;
        box-shadow: 0 0 0 5px #a11c0a;
        transform: scale(1.1);
    }


.btnImpresionPaquete {
    width: auto;
    font-size: 15px;
    margin-top: 15px;
}

.btnImpresionAseguradora {
    width: auto;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
}

.btnImpresionProducto {
    width: auto;
    margin-top: 5px;
}