#registro{}
.ctn-width{width: 600px; display: block; margin: 0 auto;}
    #registro .title-registro{font-family: semi; font-size: 32px; color: #FFF; padding: 30px; text-align: center;}
    #registro .red{text-align: center; padding: 25px 0;}
    #registro .red a{display: inline-block;}
    #registro .red img{padding: 25px 7px;}
    #registro .iniciar{font-family: semi; font-size: 18px; color: #FFF; text-decoration: underline; text-align: center; display: block;}
    #registro .title-acceso{font-family: semi; font-size: 32px; color: #FFF; text-align: center; padding-top: 75px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px;}
    #registro .datos{text-align: center; padding-top:20px;}

    #registro .info-personal{text-align: center; padding: 25px 0 40px 0;}
    #registro .info-personal h2{font-family: semi; font-size: 32px; color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; margin-bottom: 25px;}
    #registro .info-personal div{padding-left: 6px; padding-right: 6px;}

/*    #registro .select2-container--default .select2-selection--single{height: 41px; border: none; border-radius: 10px; }
    #registro .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top: 6px;}
    #registro .select2-container--default .select2-selection--single .select2-selection__arrow{margin-right: 5px; margin-top: 5px;}
    #registro .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #0066A0 transparent transparent transparent;}
    #registro .select2-container--default .select2-selection--single .select2-selection__placeholder{float: left; margin-top: 2px;}*/

    #registro .tipo-sitio{padding-top: 40px; padding-bottom: 23px; width: 550px; margin: 0 auto;}
    #registro .tipo-sitio h2{text-align: center; font-family: semi; font-size: 32px; color: #000; padding-bottom: 40px;}
    #registro .tipo-sitio .tipo{padding: 2px 15px 0;}
    #registro .tipo-sitio .tipo .seleccionar-item{background-color: transparent; border:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
    #registro .tipo-sitio .ctn-tipo{padding:4px 10px; position: relative;}
    #registro .tipo-sitio .ctn-tipo{background-color: #8AC43F;}
    #registro .tipo-sitio .tipo:last-child .ctn-tipo{background-color: #eeaa00;}
    #registro .tipo-sitio .img-item{display: inline-block;}
    #registro .tipo-sitio .img-item img{display: block; width: 50px; height: 48px; margin: 0 auto;}
    #registro .tipo-sitio .txt-item{display: inline-block; border-left: 2px solid rgba(0,0,0,0.1); padding-left: 10px; padding-right: 5px;}
    #registro .tipo-sitio .txt-item h3{font-family: bold; font-size: 23px; color: #FFF; display: block; text-align: left; margin: 0;}
    #registro .tipo-sitio .txt-item .icon-check{position: absolute; top: -8px; right: -20px; display: none; z-index: 1;}
    #registro .tipo-sitio .seleccionado {padding-top: 0;}
    #registro .tipo-sitio .seleccionado .ctn-tipo{border: 2px #FFF solid;}
    #registro .tipo-sitio .seleccionado .txt-item .icon-check{display: block;}

    #registro .planes h2{text-align: center; font-family: semi; font-size: 32px; color: #000; padding-bottom: 40px;}

    #registro .check-acepto{text-align: center; margin-bottom: 30px; margin-top:40px;}
    #registro .check-acepto .icheckbox_minimal{top: -4px; right: 10px;}
    #registro .check-acepto label{font-family: regular; font-size: 14px; color: #595050; font-weight: normal;}
    #registro .check-acepto label a{font-family: regular; font-size: 14px; color: #595050; font-weight: normal;}
    #registro .check-acepto label a:hover{color: #595050; text-decoration: underline;}
    #registro .ctn-btn{margin-bottom: 18px;}
    #registro .btn-azul-osc{width: 254px; display: block; margin: 0 auto;}
    #registro .ctn-comprar {text-align: center;}
    #registro .ctn-comprar .seleccionado{border: 2px #000 solid;}
    #registro .ctn-comprar a{display: block;cursor: pointer; font-weight: bold; position: relative}
    #registro .btn-comprar-plan {font-family: regular;color: #FFF;background-color: #89d33f;border-radius: 20px;padding: 4px 20px;font-size: 20px;margin-bottom: 12px; position: relative}
    #registro .g-recaptcha{width: 240px; margin: 0 auto; }

    #registro .info-personal div .ctn-date .input-group-addon{border-radius: 10px 0 0 10px; background-color: #FFF; box-shadow: none; border: none;}
    #registro .info-personal div .ctn-date .datetime{border-radius: 0 10px 10px 0;}
    
   


    
    @media(max-width:767px){
        .ctn-width{width: 100%;}
        #registro .title-registro{font-size: 28px; padding: 20px;}
        #registro .title-acceso{font-size: 28px; padding-bottom: 10px;}
        #registro .info-personal h2{font-size: 28px; padding-bottom: 10px; margin-bottom: 15px;}
        #registro .info-personal{padding: 30px 15px;}
        #registro .select2-container--default .select2-selection--single{width: 100%;}
        #registro .info-personal div{padding: 0;}
        #registro .check-acepto{padding-top: 30px;}
        #registro .planes h2{font-size: 27px;}
        #registro .tipo-sitio h2{font-size: 27px;}
    }

    @media (min-width:768px) and (max-width:991px){
        #registro .info-personal div{padding-top: 15px;}
    }

    @media (max-width: 650px) {
        #registro .tipo-sitio{width: 100%;}
    }


    @media (max-width: 479px) {
        #registro .tipo-sitio img{margin: 0 auto;}
        #registro .tipo-sitio .tipo{ padding-right: 15px; margin-bottom: 15px;}
        #registro .tipo-sitio .tipo1{padding-left: 15px;}
        #registro .tipo-sitio h2{font-size: 24px;}
    }




    #actualizacion{}
    #actualizacion .title-registro{font-family: semi; font-size: 32px; color: #FFF; padding: 30px; text-align: center;}
    #actualizacion .red{text-align: center; padding: 25px 0;}
    #actualizacion .red a{display: inline-block;}
    #actualizacion .red img{padding: 25px 7px;}
    #actualizacion .iniciar{font-family: semi; font-size: 18px; color: #FFF; text-decoration: underline; text-align: center; display: block;}
    #actualizacion .title-acceso{font-family: semi; font-size: 32px; color: #FFF; text-align: center; padding-top: 75px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px;}
    #actualizacion .datos{text-align: center; padding-top:20px;}

    #actualizacion .info-personal{text-align: center; padding: 25px 0 40px 0;}
    #actualizacion .info-personal h2{font-family: semi; font-size: 32px; color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; margin-bottom: 25px;}
    #actualizacion .info-personal div{padding-left: 6px; padding-right: 6px;}

/*    #registro .select2-container--default .select2-selection--single{height: 41px; border: none; border-radius: 10px; }
    #registro .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top: 6px;}
    #registro .select2-container--default .select2-selection--single .select2-selection__arrow{margin-right: 5px; margin-top: 5px;}
    #registro .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #0066A0 transparent transparent transparent;}
    #registro .select2-container--default .select2-selection--single .select2-selection__placeholder{float: left; margin-top: 2px;}*/

    #actualizacion .tipo-sitio{padding-top: 40px; padding-bottom: 23px; width: 550px; margin: 0 auto;}
    #actualizacion .tipo-sitio h2{text-align: center; font-family: semi; font-size: 32px; color: #000; padding-bottom: 40px;}
    #actualizacion .tipo-sitio .tipo{padding: 2px 15px 0;}
    #actualizacion .tipo-sitio .tipo .seleccionar-item{background-color: transparent; border:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
    #actualizacion .tipo-sitio .ctn-tipo{padding:4px 10px; position: relative;}
    #actualizacion .tipo-sitio .ctn-tipo{background-color: #8AC43F;}
    #actualizacion .tipo-sitio .tipo:last-child .ctn-tipo{background-color: #eeaa00;}
    #actualizacion .tipo-sitio .img-item{display: inline-block;}
    #actualizacion .tipo-sitio .img-item img{display: block; width: 50px; height: 48px; margin: 0 auto;}
    #actualizacion .tipo-sitio .txt-item{display: inline-block; border-left: 2px solid rgba(0,0,0,0.1); padding-left: 10px; padding-right: 5px;}
    #actualizacion .tipo-sitio .txt-item h3{font-family: bold; font-size: 23px; color: #FFF; display: block; text-align: left; margin: 0;}
    #actualizacion .tipo-sitio .txt-item .icon-check{position: absolute; top: -8px; right: -20px; display: none; z-index: 1;}
    #actualizacion .tipo-sitio .seleccionado {padding-top: 0;}
    #actualizacion .tipo-sitio .seleccionado .ctn-tipo{border: 2px #FFF solid;}
    #actualizacion .tipo-sitio .seleccionado .txt-item .icon-check{display: block;}

    #regiactualizacionstro .planes h2{text-align: center; font-family: semi; font-size: 32px; color: #000; padding-bottom: 40px;}

    #actualizacion .check-acepto{text-align: center; margin-bottom: 30px; margin-top:40px;}
    #actualizacion .check-acepto .icheckbox_minimal{top: -4px; right: 10px;}
    #regactualizacionistro .check-acepto label{font-family: regular; font-size: 14px; color: #595050; font-weight: normal;}
    #actualizacion .check-acepto label a{font-family: regular; font-size: 14px; color: #595050; font-weight: normal;}
    #actualizacion .check-acepto label a:hover{color: #595050; text-decoration: underline;}
    #actualizacion .ctn-btn{margin-bottom: 18px;}
    #actualizacion .btn-azul-osc{width: 254px; display: block; margin: 0 auto;}
    #actualizacion .ctn-comprar {text-align: center;}
    #actualizacion .ctn-comprar .seleccionado{border: 2px #000 solid;}
    #actualizacion .ctn-comprar a{display: block;cursor: pointer; font-weight: bold; position: relative}
    #actualizacion .btn-comprar-plan {font-family: regular;color: #FFF;background-color: #89d33f;border-radius: 20px;padding: 4px 20px;font-size: 20px;margin-bottom: 12px; position: relative}
    #actualizacion .g-recaptcha{width: 240px; margin: 0 auto; }

    #actualizacion .info-personal div .ctn-date .input-group-addon{border-radius: 10px 0 0 10px; background-color: #FFF; box-shadow: none; border: none;}
    #actualizacion .info-personal div .ctn-date .datetime{border-radius: 0 10px 10px 0;}
    

    #actualizacion .check-acepto{margin: 0 0 20px 0;}
    #actualizacion .check-acepto label{color: #FFF;}
    #actualizacion .check-acepto label a{color: #FFF;}

    #actualizacion .red{padding: 25px 0 0;}


    
    @media(max-width:767px){
        #actualizacion .title-registro{font-size: 28px; padding: 20px;}
        #actualizacion .title-acceso{font-size: 28px; padding-bottom: 10px;}
        #actualizacion .info-personal h2{font-size: 28px; padding-bottom: 10px; margin-bottom: 15px;}
        #actualizacion .info-personal{padding: 30px 15px;}
        #actualizacion .select2-container--default .select2-selection--single{width: 100%;}
        #actualizacion .info-personal div{padding: 0;}
        #actualizacion .check-acepto{padding-top: 30px;}
        #actualizacion .planes h2{font-size: 27px;}
        #actualizacion .tipo-sitio h2{font-size: 27px;}
    }

    @media (min-width:768px) and (max-width:991px){
        #actualizacion .info-personal div{padding-top: 15px;}
    }

    @media (max-width: 650px) {
        #actualizacion .tipo-sitio{width: 100%;}
    }


    @media (max-width: 479px) {
        #actualizacion .tipo-sitio img{margin: 0 auto;}
        #actualizacion .tipo-sitio .tipo{ padding-right: 15px; margin-bottom: 15px;}
        #actualizacion .tipo-sitio .tipo1{padding-left: 15px;}
        #actualizacion .tipo-sitio h2{font-size: 24px;}
    }