/************* DESAROLLOS *************/
.alert{
    border:#D8B30F dashed 2px;
    background: #F4CB13;
    border-radius: 3px;
    padding: 10px;
    color:#FFF;
    font-weight: bold;
}

.resultado{
    
}


.formulario_configuration{
    
    select,
    input{
        border-radius: 3px;
    }

    select{
        padding: 4px;
    }

    label{
        font-size: 14px;
    }

    .tipo{
        background: #efefef;
        border-radius: 3px;
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 5px;
        position: relative;
    }

    #productos{
        border: 1px dashed #ccc;
        border-radius: 3px;
        padding: 10px;

        table{
            width: 100%;
        }

        th{
            padding: 3px;
        }

        td{
            padding: 3px;
        }
    }

    .aui-field-wrapper-content{
        margin: 0;
    }

    .footer_configuration{
        margin: 10px 0;
    }

    .paginas{

        input{
            margin:0 5px;
        }
    }

    #list-contenidos{

        .tipo{
            position: relative;
        }

        .pagina-contenido{
            padding:0 5px 0 0;
        }

        .eliminar-contenido{
            background: #ebebeb url(../img/close.png) no-repeat center;
            border-color: #ccc;
            border-image: none;
            border-style: solid;
            border-width: 1px;
            box-sizing: content-box;
            font-size: 0;
            height: 16px;
            overflow: hidden;
            padding: 3px;
            width: 16px;

            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer;

            border-radius: 3px;
        }
    }

    .list-productos{

        float: left;
        width: 100%;

        .cuadro {
            background: rgba(0, 0, 0, 0) url(../img/bg-cuadro.png) no-repeat scroll center top;
            border: 1px solid #ccc;
            border-radius: 5px;
            float: left;
            height: 58px;
            margin: 0 5px 5px 0;
            padding: 70px 5px 0 5px;
            position: relative;
            width: 187px;

            .imagen {
                width: 20%;
                position: absolute;
                top: 10px;
                left: 40%;

                background: #1B8BAA;
            }

            span {
                float: left;
                width: 100%;

                input[type="checkbox"] {
                    display: none;
                }

                input[type="checkbox"] + label {
                    background: rgba(0, 0, 0, 0) url(../img/bg-input.png) no-repeat scroll 0 0;
                    display: inline-block;
                    float: left;
                    height: 21px;
                    margin: 35px 10px 0 15px;
                    width: 21px;
                }

                input[type="checkbox"]:checked + label {
                    background: rgba(0, 0, 0, 0) url(../img/bg-input-a.png) no-repeat scroll 0 0;
                }

                .item-input {
                    border: 0 none;
                    float: left;
                    width: 140px;
                    margin: 0 0 0 30px;
                }
            }

            .eliminar-producto{
                background: #ebebeb url(../img/close.png) no-repeat center;
                border-color: #ccc;
                border-image: none;
                border-style: solid;
                border-width: 1px;
                box-sizing: content-box;
                font-size: 0;
                height: 16px;
                overflow: hidden;
                padding: 3px;
                width: 16px;

                position: absolute;
                top: 5px;
                right: 5px;
                cursor: pointer;

                border-radius: 3px;
            }
        }  
    }
}

/*****************/

aside.sg-ases-box div.sg-ases-cont {
    background: #31a7d7;
    padding: 18px 0;
    color:#FFF;
}

aside.sg-ases-box div.sg-ases-cont div.sg-ases-info {
    margin: 0 auto;
    width: 90%;
}
aside.sg-ases-box div.sg-ases-cont div.sg-ases-info h2 {
    font-size: 20px;
    margin: 0 0 10px;
    position: relative;
}

aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form fieldset{
    border-color: #31A7D7;
    margin: 0;
    padding: 0;
}

aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form fieldset div.input.text {
    margin-bottom: 10px;
    position: relative;
}
aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form fieldset div.input.text label {
    display: block;
}
aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form fieldset div.input.text input {
    border-radius: 3px;
    width: 100%;
}

aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form fieldset div.input.text p {
    font-size: 12px;
    margin: 0;
    position: absolute;
    text-align: right;
    width: 100%;
}
aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form fieldset div.input.text div.sg-ases-error {
    background-color: #cc0001;
    border-radius: 5px;
    display: none;
    font-size: 11px;
    margin-top: 4px;
    padding: 4px;
}
aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form fieldset div.input.text.rut {
    margin-bottom: 15px;
}
aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form input.enviar-btn {
    background: #73bd00 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font: 14px Arial;
    padding: 10px;
    text-align: center;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

    width: 100%;
    text-shadow: none;
}
aside.sg-ases-box div.sg-ases-cont div.sg-ases-info form input.enviar-btn:hover {
    background: #5c9c00 none repeat scroll 0 0;
}

aside.sg-ases-box div.sg-ases-cont a.sg-ases-close-btn {
    background: rgba(0, 0, 0, 0) url("../images/custom/sp/general-sp.png") repeat scroll -10px -251px;
    display: none;
    height: 45px;
    left: -28px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 28px;
}
aside.sg-ases-box div.sg-ases-cont a.sg-ases-close-btn:hover {
    background: rgba(0, 0, 0, 0) url("../images/custom/sp/general-sp.png") repeat scroll -10px -196px;
}


aside.sg-ases-box a.sg-ases-open-btn {
    display: none;
}

/************* FORMULARIO PRODUCTO ****************/
.formulario-producto{
    background: #F2F2F2;
}

.sg-label-wrapp {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

.sg-label-wrapp .label-like {
    color: #414141;
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
    width: 20%;
}

.sg-label-wrapp input[type="text"] {
    display: table-cell;
    width: 100%;
    background: none #dfe3e7;
    border-radius: 3px;
    height: 36px;
    padding: 5px;
}

.sg-label-wrapp input[type="text"].invalid-input {
    border: 1px solid #cc0001;
}

.consorcio-seguros-formulario{

    .sg-content-tab.white{
        min-width: auto;
        padding: 0;
    }

    .sg-label-wrapp{
        clear: both;
    }

    
}

.sg-label-wrapp .error{
	font-style: italic;
}

.btn-red[type="submit"] {
    background: #cc0001 none repeat scroll 0 0;
    box-shadow: 0 4px 0 0 #980000;
    position: relative;
    text-shadow: none;
    color:#FFF;
    border: 0;
    padding-left: 50px;
    padding-right: 50px;

    border-radius: 4px;
    color: #fff;
    display: block;
    font: 400 14px Arial;
    max-width: 280px;
    text-align: center;

    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
}
.btn-red[type="submit"]:hover {
    background: #980000 none repeat scroll 0 0;
    box-shadow: 0 4px 0 0 #540000;
    color:#FFF;
}
.btn-red[type="submit"]:active {
    bottom: -4px;
    box-shadow: 0 0 0 0;
}

/*****************************/
.form_asesoria{

    float:left;
    margin-right: 20px;

    .continuar {
        background: #f00 none repeat scroll 0 0;
        border-bottom: 2px solid #c00;
        border-radius: 5px;
        color: #fff;
        float: right;
        height: 35px;
        margin: 20px 50px 20px 0;
        padding-top: 8px;
        text-align: center;
        text-decoration: none;
        width: 196px;

        display: block;
        font: 400 14px Arial;
        max-width: 280px;
        -webkit-transition: all 200ms ease 0s;
        -moz-transition: all 200ms ease 0s;
        -o-transition: all 200ms ease 0s;
        transition: all 200ms ease 0s;

        box-shadow: 0 4px 0 0 #540000;
    }

    .continuar:hover{
        background: #980000 none repeat scroll 0 0;
    }

    .flujo {
        float: left;
        margin-top: 10px;
        min-width: 685px;
        width: 100%;

        p {
            color: #00225c;
            float: left;
            font-size: 18px;
            margin: 0;
            width: 100%;

            span {
                color: #31a7d7;
                font-weight: bold;
            }
        }

        ul {
            float: left;
            width: 100%;
            margin: 0 0 10px 8px;

            li {
                list-style: outside none none;
                background: rgba(0, 0, 0, 0) url(../img/bg-li-evaluacion.png) no-repeat scroll center center;
                display: block;
                float: left;
                height: 70px;
                width: 243px;
                margin-left: -15px;

                p {
                    color: #929292;
                    font-size: 12px;
                    font-weight: bold;
                    margin: 22px 0 0;
                    width: 150px;
                }

                span {
                    color: #929292;
                    float: left;
                    font-size: 50px;
                    font-weight: bold;
                    margin: 0 5px 0 30px;
                }
            }

            li.activo{
                background: rgba(0, 0, 0, 0) url(../img/bg-li-evaluacion-a.png) no-repeat scroll center center;
                
                p {
                    color: #31a7d7;
                }

                span {
                    color: #32a6d5;
                }
            }

            li:first-child{
                background: rgba(0, 0, 0, 0) url(../img/bg-li-denuncio.png) no-repeat scroll center center;
            }

            li.activo:first-child{
                background: rgba(0, 0, 0, 0) url(../img/bg-li-denuncio-a.png) no-repeat scroll center center;
            }

            li:last-child {
                background: rgba(0, 0, 0, 0) url(../img/bg-li-pago.png) no-repeat scroll center center;
            }

            li.activo:last-child {
                background: rgba(0, 0, 0, 0) url(../img/bg-li-pago-a.png) no-repeat scroll center center;
            }
        }
    }

    .content-cuadro {
        float: left;
        width: 690px;
        
        div[id*="contenido-pagina"]{
            float: left;
            width: 100%;
            margin: 10px 0 0;
            padding: 5px;
        }

        .cuadro {
            background: rgba(0, 0, 0, 0) url(../img/bg-cuadro.png) no-repeat scroll center top;
            float: left;
            height: 128px;
            margin: 30px 20px 0 0;
            width: 197px;

            img {
                margin-left: 40%;
                margin-top: 10px;
                width: 20%;
            }

            span {
                border-bottom: 1px solid #ccc;
                border-left: 1px solid #ccc;
                border-radius: 0 0 5px 5px;
                border-right: 1px solid #ccc;
                color: #999;
                float: left;
                font-size: 14px;
                height: 80px;
                margin-top: -3px;
                width: 100%;

                input[type="checkbox"] {
                    display: none;
                }

                input[type="checkbox"] + label {
                    background: rgba(0, 0, 0, 0) url(../img/bg-input.png) no-repeat scroll 0 0;
                    display: inline-block;
                    float: left;
                    height: 21px;
                    margin: 35px 10px 0 15px;
                    width: 21px;
                }

                input[type="checkbox"]:checked + label {
                    background: rgba(0, 0, 0, 0) url(../img/bg-input-a.png) no-repeat scroll 0 0;
                }

                .item-input {
                    border: 0 none;
                    float: left;
                    width: 140px;
                    margin: 0 0 0 30px;
                }
            }
        }   
    }

    input.error{
        background: #fbe3e3 none repeat scroll 0 0;
        border: 1px solid #f00;
        color: #f00;

        border-radius: 5px;
        height: 40px;
        margin: 10px 0 10px 133px;
        padding-left: 10px;
        width: 70%;
    }

    label.error{
        display: block;
        font-style: italic;
        margin-left: 120px;
    }

    .datos-contacto .form_contacto p span{
         color: #f00;
    }

    .pie{
        color: #666;
        float: left;
        font-size: 12px;
        margin: 0 0 20px;
    }
    .exito {
        color: #00225c;
        float: left;
        font-size: 32px;
        text-align: center;
        width: 100%;
    }

    .pie-exito {
        color: #8a8989;
        float: left;
        font-size: 21px;
        margin-bottom: 50px;
        text-align: center;
        width: 100%;
    }
    .img-exito {
        float: left;
        margin: 0 0 60px 260px;
    }

    .content-box{

    }

    .datos-contacto {
        border: 1px solid #ccc;
        border-radius: 5px;
        float: left;
        height: auto;
        margin: 20px 0;
        width: 100%;

        h2 {
            color: #00225c;
            font-size: 28px;
            font-weight: normal;
            text-align: center;
            width: 100%;
            margin: 25px 0;
        }

        .form_contacto {
            margin: 0 auto;
            width: 80%;

            input {
                background: #dfe3e7 none repeat scroll 0 0;
                border: 0 none;
                border-radius: 5px;
                color: #999;
                height: 40px;
                margin: 10px 0 10px 10px;
                padding-left: 10px;
                width: 70%;
            }

            input.error{
                background: #fbe3e3 none repeat scroll 0 0;
                border: 1px solid #f00;
                color: #f00;


            }

            p {
                color: #414141;
                display: block;
                float: left;
                font-size: 12px;
                margin-top: 15px;
                text-align: right;
                width: 20%;

                span {
                    color: #f00;
                }
            }

            input:focus {
                border: 1px solid #57b5dd;
            }
        }
    }
    
    .box_atras{
        margin: 0 0 0 100px;
        float: left;
    }
    .content-cuadro .atras {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        color: #404040;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 13px;
        font-weight: normal;
        
        text-decoration: underline;
    }
}

.fecha {
    float: left;
    margin: 5px;

        .despliega {
        border: 1px solid #ccc;
        border-radius: 6px;
        color: #414141;
        float: left;
        font-size: 14px;
        height: 45px;
        position: relative;
        width: 280px;

        .item, 
        .selected {
            background: #fff none repeat scroll 0 0;
            border: 1px solid #ccc;
            display: block;
            height: 48px;
            line-height: 30px;
            padding: 10px 0 0 10px;
            position: relative;

            -webkit-transition: all 0.6s ease 0s;
            -moz-transition: all 0.6s ease 0s;
            -o-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
            width: 278px;
        }

        .selected:focus {
            background: rgba(0, 0, 0, 0) url(../img/arrow-input-a.png) no-repeat scroll right center;
        }

        .none {
            border: 0 none;
        }

        .fin {
            border-radius: 0 0 6px 6px;
        }

        .selected {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
            display: block;
            font-size: 14px;
            height: 40px;
            padding-top: 10px;
        }

        .item:hover {
            background: white url(../img/bg-h.png) repeat-y scroll left center;
            color: #31a7d7;
            height: 48px;
            padding: 10px 0 0 10px;
            width: 278px;
        }

        .Drop {
            background: rgba(0, 0, 0, 0) url(../img/arrow-input.png) no-repeat scroll right center;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
        }

        .hover-seleccion {
            background: rgba(0, 0, 0, 0) url(../img/arrow-input-a.png) no-repeat scroll right center;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
        }
    }

    .despliega.opened{
        border:red solid 1px;

        .Drop .item,
        .Drop.hover-seleccion .item{
            
        }
    }
}

.content_fecha{
    clear: both;
    margin: 0 auto;
    width: 100%;

    .error{
        display: block;
        float: none;
        height: 45px;
        left: 20px;
        margin: 0 auto 10px;
        padding: 10px;
        position: relative;
        width: 50%;
    }
}

.content_hora{
    clear: both;
    margin: 0 auto;
    width: 100%;

    .error{
        display: block;
        float: none;
        height: 45px;
        left: 20px;
        margin: 0 auto 10px;
        padding: 10px;
        position: relative;
        width: 50%;
    }
}

.select_fecha{
    background: white url(../img/arrow-input.png) no-repeat scroll right center;
    padding: 10px;

    border: 0;

    -webkit-appearance: none;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

    height: 45px;
    position: relative;
    width: 50%;
    display: block;
    float: none;
    left: 20px;
    margin: 0 auto 10px;

    border: 1px solid #ccc;
    border-radius: 6px;
    color: #414141;
    font-size: 14px;

    option{
        padding:10px 5px;
        border-bottom:#ccc solid 1px;
        border-left:#fff solid 5px;
    }

    option:last-child{
        border-bottom:0;
    }

    option:hover{
        color: #31a7d7;

        background: #fff!important;
        border-left:#00A9DB solid 5px;
    }
}

.select_fecha:focus{
    background: white url(../img/arrow-input-a.png) no-repeat scroll right center;
}


.form_asesoria {

    p.item-obligatorio,
    .item-obligatorio{
        color: #f00;
        float: right;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 12px;
        margin: 0 0 15px;
        text-align: right;
        width: 100%;
    }

    .datos-contacto {

        p.item-obligatorio,
        .item-obligatorio{
            color: #f00;
            float: right;
            width: auto;
        }
    }
}


.lista_productos{

    margin: 0 auto;
    width: 632px;

    .cuadro.producto-de-dos:nth-child(2n+1){
        float: left;
        margin: 20px 0 0 107px;
    }

    .cuadro.producto-de-dos:nth-child(2n) {
        float: right;
        margin: 20px 107px 0 0;
    }

    .cuadro.producto-de-tres:nth-child(3n+3){
        margin-right: 0;
    }
}


.loading {
	 background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
     height: 100%;
     left: 0;
     position: fixed;
     text-align: center;
     top: 0;
     width: 100%;
     z-index: 9999;
     margin-left: 0;
	margin-top: 0;
	line-height: inherit;
vertical-align: inherit;
}

.loading img{
	margin-top:50%;
}
    
.fondo {
	background-color: rgba(230, 230, 230, 0.9);
	bottom: 0;
	float: left;
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}


/* CSS del formulario de producto
.sg-respuesta-form {
	position: absolute;
    background-color: #fff;
    height: 242px;
    z-index: 1;
    width: 664px;
}

.sg-respuesta-form .sg-respuesta-p:before {
	background: url(../img/enviado.png);
	position: absolute;
	content: ' ';
	width: 108px;
	height: 108px;
	top: -128px;
	left: 50%;
	margin-left: -54px;
}

.sg-respuesta-form .sg-respuesta-p {
	position: relative;
	color: #00225C !important;
    font-size: 26px !important;
    text-align: center;
    margin-top: 137px !important;
}
*/
/* CSS del formulario lateral del sitio
.sg-ases-respuesta{
    border:red solid 1px;
}
.sg-ases-respuesta p {
	position: relative;
	text-align: center;
	padding-top: 140px;
    color:#FFF;
}

.sg-ases-respuesta p:before {
	background: url(../img/enviado-side.png);
	position: absolute;
	content: ' ';
	width: 108px;
	height: 108px;
	top: 20px;
	left: 50%;
	margin-left: -54px;
}


aside.sg-ases-box{
    color: #fff;
}
*/