div.destaques {
    position: relative;
    /*height: 500px;*/
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    background: #F5F5F5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#E5E5E5));
    background: -webkit-linear-gradient(#F5F5F5,#E5E5E5);
    background: -moz-linear-gradient(#F5F5F5,#E5E5E5);
    background: -ms-linear-gradient(#F5F5F5,#E5E5E5);
    background: -o-linear-gradient(#F5F5F5,#E5E5E5);
    background: linear-gradient(#F5F5F5,#E5E5E5);
    -pie-background: linear-gradient(#F5F5F5,#E5E5E5);

    behavior: url(css/PIE.htc);
}

div.destaques .destaques-1 {
    width: 36.458333333333333333333333333333%; /*350/960*/
    font-size: 16px;
}
div.destaques .destaques-1 p {
    /*font-weight: 700;*/
}

div.destaques .destaques-1 a {
    font-size: 11px;
}

div.destaques .destaques-1-a a {
    position: relative;
    z-index: 1;

}
div.destaques .destaques-1-b {
    float: right;
    position: relative;
    width: 85.714285714285714285714285714286%; /*300/350*/
    padding-right: 14.285714285714285714285714285714%; /*50/350;*/
    margin-top: -20px;
    z-index: 0;
}
div.destaques .destaques-2 {
    width: 62.5%; /*600/960*/
    padding-left: 1.0416666666666666666666666666667%; /*10/960*/
    /*padding-top: 5px;*/
}

div.destaques .destaques-1 img.eh-gratis {
    position: absolute;
    bottom: 0;
    left: -70px;
    display: none;
}

div.list-eventos-1 {
    padding-top: 35px;
    width: 63.541666666666666666666666666667%; /*610/960*/
}
div.list-eventos-2 {
    float: right;
    padding-top: 15px;
    width: 36.458333333333333333333333333333%; /*350 / 960;*/
}

div.list-eventos-3 .container-ajax-loader{
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    float: left;
    margin: 0px 0px -5px 0px;
}

div.list-eventos-3 .ajax-loader{
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    float: left;
    background: url('../../images/layout/loading.gif');    
    display: none;
}

div.list-eventos h4 {
}

input.busca {
    background: #F5F5F5 url(../../images/modules/home/icon-search.png) right center no-repeat;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    width: 81.428571428571428571428571428571%; /*285/350*/
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 4.2857142857142857142857142857143%; /*15/350*/
    padding-right: 10%; /*35/350*/
    border: #E0E0E0 solid 1px;
}
ul.busca-tipo {
    font-size: 12px;
    color: #999;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 0;
}
ul.busca-tipo li {

}
ul.busca-tipo li a {
    color: #999;
}

ul.eventos {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

ul.eventos li {
    float: left;
    margin-left: 13px;
    /*width: 944px; 98.333333333333333333333333333333% 944/960*/
}
ul.eventos li div.item {
    float: left;
    position: relative;
    margin: 8px 8px;
}
ul.eventos li div.descricao {
    padding-left: 5px; 
}
ul.eventos li h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 2px;
}

ul.eventos li p {
    font-size: 14px;
    position: absolute;
    left: 13px;
    bottom: 8px;
}

ul.eventos li div.item a {
    display: block;
    width: 200px;
    height: 200px;
    padding: 8px;
    text-align: left;
    text-decoration: none;
    color: #666666;
    font-family: 'Open Sans', sans-serif;

    border: #DDD solid 1px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    background: #FEFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFFFF), to(#E9EBEF));
    background: -webkit-linear-gradient(#FEFFFF,#E9EBEF);
    background: -moz-linear-gradient(#FEFFFF,#E9EBEF);
    background: -ms-linear-gradient(#FEFFFF,#E9EBEF);
    background: -o-linear-gradient(#FEFFFF,#E9EBEF);
    background: linear-gradient(#FEFFFF,#E9EBEF);
    -pie-background: linear-gradient(#FEFFFF,#E9EBEF);

    behavior: url(css/PIE.htc);
}

ul.eventos li div.item a:hover {
    color: #FFF; 
    border: #CE5732 solid 1px;

    background: #F58733;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F58733), to(#E66138));
    background: -webkit-linear-gradient(#F58733,#E66138);
    background: -moz-linear-gradient(#F58733,#E66138);
    background: -ms-linear-gradient(#F58733,#E66138);
    background: -o-linear-gradient(#F58733,#E66138);
    background: linear-gradient(#F58733,#E66138);
    -pie-background: linear-gradient(#F58733,#E66138);

    behavior: url(css/PIE.htc);
}

ul.eventos li div.item a img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    behavior: url(css/PIE.htc);
}

div.destaques h2 {
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: 800;
}

div.destaques h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

div.vender-ingressos-1 {
    width: 43.75%; /*420/960*/
    padding-top: 30px;
}

div.vender-ingressos-1 h2 {
    font-size: 17px;
    font-weight: 800;
}
div.vender-ingressos-1 ul.categorias {
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 30px;
}
div.vender-ingressos-1 ul.categorias li {

}
div.vender-ingressos-1 ul.categorias li a {
    color: #999999;
}
div.vender-ingressos-1 ul.vender-ingressos-passos {
    float: left;
    position: relative;
    width: 100%;
    margin-left: -2.6041666666666666666666666666667%; /*25/960*/
    padding-bottom: 30px;
}
div.vender-ingressos-1 ul.vender-ingressos-passos li {
    float: left;
    position: relative;
    margin-right: 3.125%; /*30/420*/
}
div.vender-ingressos-1 .link-criar-evento {
    position: relative;
    padding-bottom: 30px;
}
div.link-criar-evento-2 {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    display: none;
}
div.vender-ingressos-1 .link-criar-evento img.eh-gratis {
    position: absolute;
    bottom: 30px;
    left: -115px;
    display: none;
}

div.vender-ingressos-2 {
    width: 51.041666666666666666666666666667%; /*490/960*/
    margin-left: 5.2083333333333333333333333333333%; /*50/960*/
}
div.quem-usa {
    background: transparent url(../../images/modules/home/quem-usa-bg-repeat.png) top left repeat-x;
    height: 190px;
}
div.quem-usa h4 {
    padding-top: 20px;
}

/*div.calendario-mini {
    position: absolute;
    bottom: 9px;
    right: 10px;
}*/
/* Large desktop */
@media (min-width: 1200px) {
    
}
@media (max-width: 990px) {
    div.list-eventos-1 {
        width: 48.979167%;
        padding-left: 1.5625%; /*15/960*/
    }
    div.list-eventos-2 {
        width: 46.854167%;
        padding-right: 2.6041666666666666666666666666667%; /*25/960*/
    }

    div.quem-usa h4,
    h4.vender-ingressos {
        padding-left: 15px;
    }

    div.vender-ingressos-1 {
        width: 36.458333333333333333333333333333%; /*350/960*/
        padding-left: 1.5625%; /*15/960*/
    }

    div.vender-ingressos-2 {
        width: 56.770833333333333333333333333333%; /*545/960*/
        margin-left: 2.6041666666666666666666666666667%; /*25/960*/
        padding-right: 2.6041666666666666666666666666667%;/*25/960*/
    }

    div.vender-ingressos-1 ul.vender-ingressos-passos li {
        margin-right: 0;
    }

    ul.eventos li {
        margin-left: 0;
    }
}

@media (min-width: 900px) and (max-width: 990px) {
    div.destaques h2 {
        font-size: 24px;
    }

    div.destaques .destaques-1 {
        width: 34.895833333333333333333333333333%; /*335/960*/
        padding-left: 1.5625%; /*15/960*/
    }

    div.destaques .destaques-1 p {
        font-size: 15px;
    }

    div.destaques .destaques-1-b {
        width: 69.714286%;
        padding-right: 14.285714285714285714285714285714%;
    }

    div.destaques .destaques-2 {
        width: 59.375%; /*570/960*/
        padding-right: 1.5625%; /*15/960*/
        padding-left: 1.5625%; /*15/960*/
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 899px) {
    div.destaques .destaques-1 {
        width: 95.833333333333333333333333333333%; /*920/960*/
        padding-left: 2.0833333333333333333333333333333%; /*20/960*/
        padding-top: 50px;
    }

    div.destaques .destaques-1-b {
        float: none;
        position: absolute;
        right: 50px;
        bottom: 35px;
        width: 22.826086956521739130434782608696% ;/*210 / 920*/
        padding-right: 0; /*50/350;*/
        margin-top: 0px;
        z-index: 0;
    }

    div.destaques .destaques-2 {
        width: 83.333333333333333333333333333333%; /*800/960*/
        padding-right: 8.3333333333333333333333333333333%; /*80/960*/
        padding-left: 8.3333333333333333333333333333333%; /*80/960*/
    }

    ul.vender-ingressos-passos {
        display: none;
    }
}
@media (max-width: 899px) {
    div.list-eventos {
        padding-bottom: 20px;
    }

    div.destaques .destaques-1-a h2 {
        float: left;
        position: relative;
        padding-right: 40px;
    }

    div.destaques .destaques-1-a p {
        float: left;
        position: relative;
        width: 65.21739130434782608695652173913%; /*600 / 920*/
    }

    div.destaques .destaques-1-a {
        float: left;
        position: relative;
        padding-left: 10px;
    }

    div.destaques .destaques-1-b div.link-criar-evento-casal {
        float: left;
        position: relative;
        width: 100% ;
    }

    div.destaques .destaques-1 div.link-criar-evento-casal img {
        display: none;
    }

    div.destaques h4 {
        float: left;
        position: relative;
        padding-top: 7px;
    }
}

@media (max-width: 767px) {
     .caption .desc{
        display: none;
    }

    div.destaques .destaques-1 {
        width: 100%;
        padding-left: 0;
        padding-top: 50px;
    }

    div.destaques .destaques-1-b {
        float: none;
        position: absolute;
        right: 20px;
        bottom: 65px;
        width: 27%;
        padding-right: 0;
        margin-top: 0px;
        z-index: 0;
    }

    div.destaques .destaques-1-b .bt {
        height: auto;
    }

    div.destaques .destaques-1-b .bt span {
        padding-bottom: 10px;
    }

    div.destaques .destaques-2 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    div.vender-ingressos-1 ul.vender-ingressos-passos {
        display: none;
    }

    div.vender-ingressos-1 {
        width: 45%;
        padding-top: 0;
        padding-left: 7.5%;
    }

    h4.vender-ingressos {
        float: left;
        position: relative;
        padding-top: 5px;
    }

    div.vender-ingressos-1 ul.categorias {
        display: none;
    }
    
    div.vender-ingressos-1 .link-criar-evento {
        display: none;
    }

    div.vender-ingressos-2 {
        width: 100%;
        margin-left:0;
        padding-right:0;
    }

    div.link-criar-evento-2 {
        display: inline;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    
}

@media (max-width: 479px) {
    div.destaques .destaques-1-a h2 {
        padding-right: 0;
        width: 100%;
    }

    div.destaques .destaques-1-a p {
        width: 99%;
    }

    div.destaques .destaques-1-b {
        float: left;
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        padding-right: 0;
        margin-top: 0px;
        z-index: 0;
    }
    
    div.link-criar-evento-casal {
        text-align: center;
    }

    div.link-criar-evento-casal .bt {
        float: none;
        position: relative;
        bottom: auto;
        left: auto;
        width: 60%;
        padding: 0;
        margin-top: 10px;
    }

    ul.busca-tipo {
        display: none;
    }

    div.list-eventos-2 {
        width: 40%;
        padding-right: 2.6041666666666666666666666666667%;
    }

    input.busca {
        background-image: none;
        padding-left: 4.2857142857142857142857142857143%;
        padding-right: 4.2857142857142857142857142857143%;
    }

    div.list-eventos-1 {
        width: 55%;
        padding-top: 25px;
    }

    h4.vender-ingressos {
        padding-top: 5px;
        padding-bottom: 10px;
    }

    div.vender-ingressos-1 {
        width: 80%;
        padding-top: 0;
        padding-left: 5.5%;
    }

    div.vender-ingressos-1 h2 {
        font-size: 14px;
    }
}