.appicon01
        {
            /*background: url(../images/appicon/01.png);*/
        }
        .appicon02
        {
            /*background: url(../images/appicon/02.png);*/
        }
        .appicon03
        {
            /*background: url(../images/appicon/03.png);*/
        }
        .appicon01, .appicon02, .appicon03
        {
        	display: block;
            position: absolute;
            width: 140px;
            height: 175px;
        }
        .appicon01:hover, .appicon02:hover, .appicon03:hover
        {
            text-decoration: none;
        }
        .appiconcb
        {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 200px;
            height: 25px;
        }
        .appiconc
        {
            position: absolute;
            left: 0px;
            bottom: 0px;
        	text-align: center;
            width: 200px;
            height: 25px;
            line-height:25px;
            font-family: Verdana, Arial;
        	color: #fff;
        	font-size:14px;
        	text-decoration:none;
        }

        .appiconc_conteiner {
                bottom: 0;
                color: #fff;
                float: left;
                font-family: Verdana,Arial;
                font-size: 11px;
                left: 0;
                line-height: 25px;
                margin-top: 25px;
                text-align: center;
                text-decoration: none;
                width: 140px;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
        }


        .appicon01:hover .appiconcb, .appicon02:hover .appiconcb, .appicon03:hover .appiconcb
        {
            background-color: #fff;
            filter: alpha(opacity=20);
            opacity: .3;
        }
        .appicon01:hover .appiconc, .appicon02:hover .appiconc, .appicon03:hover .appiconc
        {
        	color: #000;
        }
        #slider1_container
        {
            /*background: url(img/back.png) no-repeat;
            background-color: black;*/

        }



/* Estilo para las flechas de direccion */

        /* jssor slider arrow navigator skin 03 css */
            /*
            .jssora03l                  (normal)
            .jssora03r                  (normal)
            .jssora03l:hover            (normal mouseover)
            .jssora03r:hover            (normal mouseover)
            .jssora03l.jssora03ldn      (mousedown)
            .jssora03r.jssora03rdn      (mousedown)
            */
            .jssora03l, .jssora03r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 160px;
                cursor: pointer;
                background: url(../scripts/jssor/img/a23.png) no-repeat;
                overflow: hidden;
            }
            .jssora03l { background-position: -16px -11px }
            .jssora03r { background-position: -115px -11px }

            .jssora03l:hover { background-position: -190px -11px }
            .jssora03r:hover { background-position: -290px -11px }

            /*.jssora03l { background-position: -3px -33px; }
            .jssora03r { background-position: -63px -33px; }*/
            ./*jssora03l:hover { background-position: -123px -33px; }
            .jssora03r:hover { background-position: -183px -33px; }*/
            .jssora03l.jssora03ldn { background-position: -190px -11px }
            .jssora03r.jssora03rdn { background-position: -290px -11px  }

/* Estilo para las flechas de direccion */


/* Estilo para los bullet de paginacion */

/* jssor slider bullet navigator skin 18 css */
            /*
            .jssorb18 div           (normal)
            .jssorb18 div:hover     (normal mouseover)
            .jssorb18 .av           (active)
            .jssorb18 .av:hover     (active mouseover)
            .jssorb18 .dn           (mousedown)
            */
            .jssorb18 {
                position: absolute;
            }
            .jssorb18 div, .jssorb18 div:hover, .jssorb18 .av {
                position: absolute;
                /* size of bullet elment */
                width: 24px;
                height: 24px;
                text-align: center;
                line-height: 24px;
                font-size: 16px;
                background: url(../scripts/jssor/img/b17.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb18 div { background-position: -3px -3px; }
            .jssorb18 div:hover, .jssorb18 .av:hover { background-position: -33px -3px; }
            .jssorb18 .av { background-position: -63px -3px; }
            .jssorb18 .dn, .jssorb18 .dn:hover { background-position: -93px -3px; }
            .jssorb18 .n  { display: none; color: #000; }
            .jssorb18 div:hover .n, .jssorb18 .av .n, .jssorb18 .av:hover .n, .jssorb18 .dn .n { display: block; }

/* Estilo para los bullet de paginacion */




.efect_hover
{
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 95%;
    margin: -10px;
    opacity: 0.2;
    position: absolute;
    width: 100%;
    z-index: 0;
    opacity: 0;
    transition: opacity 1s;
}

.content-slider.hover .efect_hover:hover
{
    opacity: 0.3;
    filter: alpha(opacity=30);
     -webkit-transition: width 2s; /* Safari */
}



/*Contenedor para 3 opciones*/
.content-option-slider {
    height: 200px;
    margin: 95px auto 0;
    width: 665px;
}

/*Contenedor para 2 opciones*/
.content-option-slider-two {
    height: 200px;
    margin: 95px auto 0;
    width: 445px;
}

/*Contenedor para 1 opcion*/
.content-option-slider-one {
    height: 200px;
    margin: 95px auto 0;
    width: 225px;
}

.content-option-slider a, .content-option-slider-two a, .content-option-slider-one a
{
    float:left;
     display: block;
    float: left;
    position: relative;
    padding: 10px;
    font-weight: bolder;
}

    .content-option-slider-two a img, .content-option-slider-one a img
    {
        margin: 0 50px;
    }

    .content-option-slider a img
    {
        margin: 0 25px;
    }