@charset "iso-8859-2";
/* CSS Document */

/*-- Pop up checkout --*/
.datos-adicionales {
    padding: 20px;
    background: #FFF;
    z-index: 70;
}

    .datos-adicionales a.cerrar {
        color: #B2B2B2;
        float: right;
        font-size: 10px;
    }

    .datos-adicionales a:hover.cerrar {
        text-decoration: none;
        color: #cccccc;
    }

    .datos-adicionales a.cerrar span {
        color: #666666;
        font-weight: bold;
    }

    .datos-adicionales .dl {
    }

        .datos-adicionales .dl .dt {
            margin-top: 10px;
        }

            .datos-adicionales .dl .dt span {
                font-style: italic;
                font-size: 9px;
            }

        .datos-adicionales .dl .dd {
            overflow: hidden;
        }

            .datos-adicionales .dl .dd input, .datos-adicionales .dl .dd textarea {
                margin: 5px 0;
                width: 90%;
                padding: 5px;
            }

                .datos-adicionales .dl .dd input[type="checkbox"] {
                    margin: 0 2px 0 0;
                    width: auto;
                }

            .datos-adicionales .dl .dd select {
                /*border: 1px solid #CCCCCC;*/
                margin: 5px 0;
                padding: 5px;
                width: 94%;
            }

    .datos-adicionales input, .datos-adicionales select, .datos-adicionales textarea {
        border: 1px solid #CCCCCC;
        font-family: 'Open Sans',Helvetica,sans-serif !important;
        font-size: 13.33px;
    }

        .datos-adicionales input[type=image] {
            border: none;
        }

    .datos-adicionales .filaformDireccion_txtNumero, .datos-adicionales .filaformDireccion_txtTelefonoPrefijo {
        float: left;
        margin-right: 10px;
    }

    .datos-adicionales .filaformDireccion_txtPiso, .datos-adicionales .filaformDireccion_txtTelefonoNumero {
        float: left;
    }

    .datos-adicionales a {
        color: #868686;
        cursor: pointer;
    }

    .datos-adicionales .backTo {
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin-top: 23px;
    }

    .datos-adicionales .bt {
        background: none repeat scroll 0 0 #333333;
        border: 1px solid #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        color: #FFFFFF;
        cursor: pointer;
        float: right;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        padding: 8px 16px;
    }

.shadowBackground {
    z-index: 60;
    position: absolute;
    background-color: #CCC;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

input.Normal, select.Normal {
    border: 1px solid #CCCCCC;
    padding: 5px;
}

input, select {
    transition: all 0.25s ease-in;
    box-shadow: 0 0 0;
    border-radius: 4px;
}

    input.Error, select.Error {
        border: 1px solid #ff6b68;
        border-radius: 4px;
        padding: 4px;
        box-shadow: 1px 1px 7px #ff6b68;
    }

/*-- PANTALLA --*/
@media screen and (min-width: 960px) {
    .datos-adicionales {
        width: 450px;
    }
}


/*-- TABLET --*/
@media only screen and (max-width: 959px) {
    .datos-adicionales {
        width: 90%;
    }
}

/*-- MOBILE --*/
@media only screen and (max-width: 480px) {
    .datos-adicionales {
        width: 92%;
        padding: 4%;
        left: 0px !important;
    }
}