/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22-ene-2016, 17:30:31
    Author     : Byron Rocha
*/
.eventos{position: absolute;left:0; top:0; width: 100%;}

.tit-slider {
    margin-top:10%;letter-spacing: -4px;position: relative;float: left;
    font-family: 'Nexa-Heavy';width: 100%;text-align: center;font-size: 102px;
    opacity: 0;}
.tit-text{
    position: relative;float: left;margin-top: 5px;text-align: center;color: #fff;font-weight: 600;
    font-size: 23px;font-family: 'Nexa-Heavy';width: 100%;opacity: 0;}

.btn {
    position: relative;
    float: left;
    border: 2px solid #acd642;
    width: 10%;
    padding: 2% 0 2%  4%;
    margin: 50px 0 0 43%;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600; 
    opacity: 0;}

.btn2 {
    border: 2px solid #7d3cb7;
}

.color-v-b-t {color:#acd642}
.lila-bold{color:  #7d3cb7;}

.bxslider li > img{float:left; width: 100%;}

.desc-slider{
    position: relative;
    float: left;
    width: 33.33%;
    min-height: 231px;
    background: #acd642; 
    overflow: hidden; /*Para que el overflow no se vea*/
}
.desc-slider img{
    position: relative;
    float: left;
    width: 25%;
    margin: 40px 0 10px 37.5%
}
.desc-slider h2{
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Nexa-Heavy';
    text-align: center;
    font-size: 26px;
}
.desc-slider p{
    position: relative;
    float: left;
    width: 35%;
    margin: 0px 0 0 25%;
    font-family: 'Nexa-Light';
    text-align: left;
    font-size: 16px;
}
.desc-slider h1{
    position: relative;
    float: left;
    width: 40%;
    font-family: 'Nexa-Light';
    text-align: left;
    font-size: 16px;
}
.desc-slider label{
    position: relative;
    float: left;
    width: 60%;
    margin: 10px 20% 30px 20%;
    font-family: 'Nexa-Light';
    text-align: center;
    font-size: 16px;
}
.verde-bold {background:  #6aaa43;}


.slider .slider-text {
    font-size: 250%;
    color: #fff;
    position: absolute;
    z-index: 9999;
    text-align: center;
    bottom: 20%;
    width: 100%;  
}
.slider-text {visibility:hidden;}
.slider-text.active-slide {visibility: visible;}

.bgmorado-b{ background: #7d3cb7!important;}
.bgmorado{background: #8d5eb7;}

.overlay-home{
    position: absolute;
    width: 100%;
    min-height: 231px;
    bottom: -231px;
    left: 0;
    cursor: pointer;
    color: #fff;
    -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
    transition:all 0.3s ease-out;  /* W3C */  
}

.desc-slider:hover > .overlay-home{
    bottom: 0px;
}
.desc-slider:hover > img {
    opacity: 0
}
.desc-slider:hover > h2 {
    opacity: 0
}

@media all and (max-width: 1024px) {
    .tit-slider {font-size: 80px;margin-top:5%;}
    .tit-text{font-size: 20px;}
    .btn{ padding: 2% 2% 2%  4%;width: 15%; margin-top: 40px}
    .desc-slider label{    width: 80%;margin: 10px 10%;}
    .desc-slider p{width: 45%;margin: 0px 0 0 15%;}

}
@media all and (max-width: 800px) {
    .tit-slider {font-size: 60px;}
    .tit-text{font-size: 18px;}
    .btn{ font-size: 18px;margin-top: 30px}
    .desc-slider label{     font-size: 14px;   width: 80%;margin: 10px 10%;}
    .desc-slider p{    font-size: 14px;width: 45%;margin: 0px 0 0 15%;}
    .desc-slider img{width: 50%;    margin: 40px 0 10px 25%;}

}
@media all and (max-width: 480px) {
    .desc-slider{  width: 100%;margin: 0;  min-height: 200px;}
    .overlay-home{min-height: 200px;bottom: -200px;}
    .desc-slider label{     font-size: 14px;   width: 80%;margin: 10px 10%;}
    .desc-slider img{width: 30%;     margin: 40px 0 10px 35%;}
    .desc-slider p{    font-size: 14px;width: 45%;margin: 0px 0 0 15%;}
    .bxslider li > img{height: 200px}
    .tit-slider {font-size: 40px;margin-top:5%;letter-spacing: -2px}
    .tit-text{font-size: 14px;}
    .btn{   font-size: 14px; margin: 20px 0 0 30%;padding: 10px 30px 10px 30px;}
}