* {
 
margin: 0;
padding: 0;
outline: none;
list-style: none;
border: none;    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*
-webkit-transition: all 500ms ease-out 0s; 
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
*/
}

.cfx:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
line-height: 0;
font-size: 0;
}

.cfx {display:inline-block;}
   
.cfx {display:block;}

* html .cfx {height: 1px;}




/*html{
background: url(../img/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}*/


body{font-family: 'Roboto', sans-serif; sssssscolor: #666; font-size: 14px}

body.cuentaModal{padding: 30px}

h1,h2,h3,h4,h5{font-family: 'Roboto Condensed', sans-serif}

h1{font-size: 2.4em; line-height: 1em; margin-bottom: .6em}
h2{font-size: 28px; line-height: 28px; margin-bottom: 10px; color: #666;  text-transform: uppercase}
h3{font-size: 1.8em; line-height: 1em; margin-bottom: .4em}
h4{font-size: 24px; line-height: 24px; color: #333;  text-transform: uppercase}
h5{}

p{margin-bottom: 10px; font-size: 14px; color: #666}

a, i{color: #666; text-decoration: none; }
a:hover{color: #333}

button{display: block; padding: 5px}


/*Header*/
header{height: 80px; padding: 5px 0; background: #f4f4f4}
.head{font-size: .9em; clear:both; text-align:right; background: rgba(0,0,0,.05); padding: .4em .8em; display: none }
.logo{display:block; float: left}
.box-login{display: none;}
#login{width: 300px}



.is-sticky header{ width: 100%!important; z-index: 999999;}

/*Nav*/
.menu-profile a{margin-left: 10px; padding-left: 20px; border-left: 1px solid #ccc}

nav {float: right; margin-top: 15px; }
nav ul li{position: relative}
nav > ul ul {position: absolute; display: none; top: 100%; right: 0;  box-shadow: 2px 2px 6px rgba(0,0,0,.2);min-width: 12em;*width: 12em; background: #fff;}
nav > ul li:hover > ul, nav > ul li.sfHover > ul {display: block;}
nav > ul ul ul {top: 0;	left: 100%;}
nav > ul > li{float: left}
nav ul li a{display: block; padding: 14px; font-size: 20px; color: #666}
nav ul li a:hover{color: #333}
nav > ul ul li a{font-size: 14px; border-left: 0!important; border-bottom: 1px solid #ccc; margin-left: 0!important}
nav > ul ul li a:hover{background: rgba(0,0,0,.05)}

/*Nav arrows*/
.sf-arrows .sf-with-ul{padding-right: 2.5em; *padding-right: 1em;}
.sf-arrows .sf-with-ul:after {content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0;	border: 4px solid transparent;	border-top-color: #333;	border-top-color: rgba(0,0,0,.2)}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {border-top-color: #333}
.sf-arrows ul .sf-with-ul:after {margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #333; border-left-color: rgba(0,0,0,.2)}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color: #333}



/*Contenedor*/
.cont{width: 1200px; margin: 0 auto; }
header .cont{ position: relative; z-index: 99999;}


/*Slider home*/
.slider-home{margin: 0 auto; overflow: hidden; background: url(../img/bg_expoinclusion.jpg) center center fixed no-repeat; background-size: cover }
.slider-home .slide-content{position: absolute; left: 50%; z-index: 999999;}
.slider-home .slide{overflow: hidden; position: relative;}
.slider-home .slide img{width: 10%; height: auto; position: absolute}



.slider-home, .slide{width: 100%;}
.slide{display: table}
.slide-content{width: 1200px; margin-left: -600px;  display: table; } 
.slide-box{display: table-cell;  width: 100%; vertical-align: middle}
.slide-item{width: 800px; margin: 0 auto; font-family: 'Roboto Condensed', sans-serif}
.slide-item table{width: 600px; display: block; margin: 0 auto}
.slide-item tr td.sep{height: 10px}
.slide-item tr td.year{color: #FFF; width: 120px; font-size: 36px; vertical-align: middle;  padding: 0; text-align: right}
.slide-item tr td.year i{font-size: 18px; font-style: normal; vertical-align: middle; margin-bottom: 7px; font-family: 'FontAwesome';}
.slide-item tr td.year-text{padding: 15px; font-size: 20px; color: #fff; line-height: 24px}
.slide-item tr td.year-text p{font-size: 20px; color: #fff; line-height: 24px}

.slide-item tr.expo-2013 td.year{border-right: 4px solid #0089cf}
.slide-item tr.expo-2013 td.year i, .slide-item tr.expo-2013 td.year-text span{color: #0089cf}
.slide-item tr.expo-2013 td.year-text{background: rgba(9, 43, 61, 0.85)}
.slide-item tr.expo-2013 td.year-text a {color: #fff;}

.slide-item tr.expo-2014 td.year{border-right: 4px solid #ffcb03}
.slide-item tr.expo-2014 td.year i, .slide-item tr.expo-2014 td.year-text span{color: #ffcb03}
.slide-item tr.expo-2014 td.year-text{background: rgba(73, 60, 10, 0.85)}
.slide-item tr.expo-2014 td.year-text a {color: #fff;}

.slide-item tr.expo-2015 td.year{font-size: 50px; font-weight: bold; padding-right: 20px; height: 80px}
.slide-item tr.expo-2015 td.year{border-right: 4px solid #65952d}
.slide-item tr.expo-2015 td.year-text{background: rgba(101, 149, 45, 0.9); font-size: 22px; font-weight: bold}
.slide-item tr.expo-2015 td.year-text span{  font-size: 33px;
  display: block;
  text-align: left;
  margin: 10px 0px 5px 0px;
  line-height: 32px;
  font-weight: normal;}
.slide-item tr.expo-2015 td.year-link{width: 110px;  position: relative; background: #65952d; color: #fff; text-align: center; font-size: 18px; line-height: 18px;}
.slide-item tr.expo-2015 td.year-link i{
    color: #65952d;
    font-family: "FontAwesome";
    font-size: 138px;
    font-style: normal;
    height: 30px;
    margin: -8px -24px 0 0;
    position: absolute;
    right: 0;
    width: 30px;
}
.slide-item #countdowntimer p{font-size: 14px; color: #fff;margin-bottom: 5px; line-height: 16px; font-weight: normal}
.slide-item #countdowntimer span{font-size:63px; font-weight: bold}

.slide-item .endcountdown{background: #65952d; padding: 15px; text-align: center; margin-top: 5px}
.slide-item .endcountdown p{font-size: 14px; color: #fff; margin-bottom: 0px; line-height: 14px; font-weight: normal}
.slide-item .endcountdown {font-weight: bold; line-height: 52px!important}
.slide-item .text-clock2 {width: 270px; margin: 0 auto}
.slide-item .text-clock2 p{float: left; width: 25%; text-align: center; font-size: 12px; font-weight: normal; color: #fff; margin: 5px 0 0 0}

.text-clock {width: 313px}
.text-clock p{float: left; width: 25%; text-align: center; font-size: 12px!important; font-weight: normal; color: #fff; margin: 5px 0 0 0}


.more-info-box h2{background: rgba(101, 149, 45, 0.85); font-size: 30px; color: #fff; padding: 15px; margin: 0 }
.more-info-box .more-info-columns{align-content: stretch;  align-items: stretch; display: flex; flex-wrap: wrap}
.more-info-box .more-info-columns .grid-5{background: rgba(0,0,0,.8); padding: 15px; position: relative;}
.more-info-box .more-info-columns .grid-5 h3, .more-info-box .more-info-columns .grid-7{color: #fff; font-weight: normal}
.more-info-box .more-info-columns .grid-5 p{ color: #fff; text-align: justify}

.more-info-box .more-info-columns .grid-7{background: rgba(0,0,0,.6); padding: 15px}
.more-info-box .more-info-columns .grid-7 h4{color: #65952d; font-size: 16px; font-weight: normal}
.more-info-box .more-info-columns .grid-7 p{color: #ccc; font-size: 12px}



.slide-item tr.expo-2015 td.year-link a{color: #fff}
.slide-item tr.expo-2015 td.year-link:hover {background: #74ac34; cursor: pointer}
.slide-item tr.expo-2015 td.year-link:hover a{color: #65952d}
.slide-item tr.expo-2015 td.year-link:hover i{color: #74ac34; }

/*home areas*/
.home-area{background: #f4f4f4; padding: 40px 0  }
.page-area{background: #fff; padding: 40px 0  }
.page-area h2{font-size: 36px}
.page-area .list-h.list-2 li{border: 1px solid #ccc; padding: 20px}

.home-area.welcome .cont-carousel div h5{font-family: 'Roboto', sans-serif; color: #666; font-size: 18px; line-height: 12px; margin-bottom: 5px; font-weight: normal}

/*welcome*/
.welcome{background: #fff; text-align: center; padding: 15px 0}
.welcome p{width: 70%; margin: 0 auto}

.owl-nav{position: absolute; right: 0; top: 0; margin: -40px 0 0 0}
.owl-nav .owl-prev, .owl-nav .owl-next{float: left;  font-size: 26px;
    padding: 5px 10px;}

/*news home*/
.news h4,#news-list li h4{margin-top: 10px; }
.news .date, #news-list li .date, .show-news-list .date{font-family: 'Roboto', sans-serif; color: #666; font-size: 12px; margin-bottom: 15px; display: block}
.news a.more, #news-list li a.more, .show-news-list li a.more{background: #333; color: #fff; padding: 5px 10px; font-size: 14px; margin: 10px 0; display: inline-block}

/*lists*/
.list-1, .list-2, .list-3, .list-4, .list-5{clear:both; display: table; width: 100%; margin: 3em 0}
.list-1 li img{max-width: 150px; height: auto}
.list-1 li{margin: 0 0 4% 0; position: relative; float:none}
.list-2 li, .list-3 li, .list-4 li, .list-5 li{margin: 0 2% 2% 0; position: relative; display: table-cell; vertical-align: middle; float: left}
.list-2 li:nth-of-type(2n), .list-3 li:nth-of-type(3n), .list-4 li:nth-of-type(4n), .list-5 li:nth-of-type(5n){margin-right: 0}
.list-2 li:nth-of-type(2n+1), .list-3 li:nth-of-type(3n+1), .list-4 li:nth-of-type(4n+1), .list-5 li:nth-of-type(5n+1){clear: left}
.list-3 li img, .list-4 li img, .list-5 li img, .carousel li img{width: 100%; float: none; margin-bottom: 1em}
.list-h li img{float: left; margin-right: .6em;}
.list-2 li{width: 49%;}
.list-3 li{width: 32%;}
.list-4 li{width: 23.5%;}
.list-5 li{width: 18.4%;}
.list-2.list-h li img{width: 25%;}
.list-3.list-h li img{width: 30%;}

/*carousel*/
.cont-carousel{position: relative; max-width: 1224px; margin: 0 auto;}
.carousel li{padding: 12px; white-space: normal}
.carousel li img{width: 100%;}
.prev-carousel, .next-carousel{position: absolute; z-index: 999; color: #333; margin-top: -20px}
.prev-carousel:hover, .next-carousel:hover{cursor: pointer; opacity: .8}
.prev-carousel{left: 0; margin-left: -20px}
.next-carousel{right: 0; margin-right: -20px}




.pager{text-align: center; margin: 20px 0}
.pager a{display: inline-block; padding: 8px; margin: 0 2px; background: rgba(0,0,0,0.03)}
.pager a{display: inline-block; padding: 8px; margin: 0 2px; background: rgba(0,0,0,0.06)}
.pager a.active{display: inline-block; padding: 8px; margin: 0 2px; background: rgba(0,0,0,0.8); color: #fff}

/* grids */
.grid-1 { width: 8.333%; float: left;} 
.grid-2 { width: 16.666%; float: left;} 
.grid-3 { width: 25%;float: left;} 
.grid-4 { width: 33.333%;float: left;} 
.grid-5 { width: 41.666%; float: left;}
.grid-6 { width: 50%; float: left;}  
.grid-7 { width: 58.333%;float: left;} 
.grid-8 { width: 66.666%;float: left;} 
.grid-9 { width: 75%;float: left;} 
.grid-10 { width: 83.333%;float: left;}  
.grid-11 { width: 91.666%;float: left;}  
.grid-12 { width: 100%;float: none; clear:both; margin: 20px 0}  




/*Contents*/
.content {padding-right: 30px}
.content img {width: 100%; height: auto; margin: 20px auto; float: none} 
.content .cycle-slideshow,  .content .controls-slideshow{width: 50%; margin: 20px auto}
.content .cycle-slideshow img{display: none}
.content .cycle-slideshow img:first-child{display:block}
.content .cycle-slideshow a{display:block; width: 100%}
.content #custom-caption{float: left}
.content #next, .content #prev{float: right;  display: block; padding: 10px; margin: 0 0 0 5px; background: rgba(0,0,0,.2); }
.content #next:hover, .content #prev:hover{cursor: pointer}
.content #next:active span, .content #prev:active span{cursor: hidden}

/*Register*/
.register {background: #65952d; padding: 20px 0; margin: 0 0 0 30px}
.register h2{color: #fff; padding: 0 20px}
.register h3{font-size: 18px; line-height: 18px; padding: 0 20px 20px 20px; text-transform: uppercase; color: #fff; font-weight: normal}

.register .linkedin-register {
    border: 2px solid #fff;
    color: #fff;
    display: block;
    font-family: "Roboto Condensed";
    font-size: 18px;
    
    line-height: 18px;
    margin: 10px 0;
    padding: 12px 15px 10px 15px;
    text-transform: uppercase;
}
.register .linkedin-register i {
    color: #fff;
    display: block;
    float: left;
    font-size: 30px;
    padding-right: 15px;
}
.register .linkedin-register:hover{background: #fff; cursor: pointer}
.register .linkedin-register:hover, .register .linkedin-register:hover i{ color: #598625}

.register form{background: #598625; padding: 20px}
.register form ul{display: block; margin: 15px 0}
.register form label{color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; display: block; margin: 0 0 3px 0}
.register form input{border: 1px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color: #666; padding: 8px; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48); }
.register form select{border: 1px solid #fff!important; -webkit-border-radius: 4px; padding: 8px; display: block;
-moz-border-radius: 4px;
border-radius: 4px; 
-webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48);
}


.register form input:focus, .register form select:focus{-webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.73);
-moz-box-shadow:    1px 1px 8px 0px rgba(0, 0, 0, 0.73);
box-shadow:         1px 1px 8px 0px rgba(0, 0, 0, 0.73);}

.register form input[type="submit"]{background: #525252; /* Old browsers */
background: -moz-linear-gradient(top,  #525252 0%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #525252 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #525252 0%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #525252 0%,#363636 100%); /* IE10+ */
background: linear-gradient(to bottom,  #525252 0%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
border: none; font-family: 'Roboto Condensed'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 20px
}
.register .link-login{padding: 20px 20px 0 20px; text-align: center; line-height: 20px}
.register .link-login span{display: block; font-weight: bold; font-size: 24px}
.register .link-login span a{color: #fde204}

.register form input[type="checkbox"]{width:13px;}

/*Testimonios*/
.testimonials{background: rgba(0,0,0,.05); padding: 20px; margin: 40px 0}
.testimonials h2{color: #0c96de}
.testimonials ul li {margin: 15px 0}
.testimonials ul li p.quote{font-family: 'Roboto', sans-serif; font-size: 16px; font-style: italic; color: #666; line-height: 22px }
.testimonials ul li p.quote i{font-size: 18px; color: #666}
.testimonials ul li .quote-text{float: left; width: 80%; padding-right: 30px}
.testimonials ul li .quote-brand{float: left; width: 20%}


.testimonials ul li p.author{font-family: 'Roboto', sans-serif; font-size: 16px; color: #666; margin: 10px 0; font-weight: normal}
.testimonials .owl-carousel .owl-controls .owl-nav .owl-prev, .testimonials .owl-carousel .owl-controls .owl-nav .owl-next{display: none!important}
.testimonials .owl-controls{text-align: center}
.testimonials .owl-dots .owl-dot{display: inline-block}
.testimonials .owl-carousel .owl-controls .owl-dot span { background: #ccc;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px;
    transition: opacity 200ms ease 0s;
    width: 10px;}
.testimonials .owl-dots .owl-dot.active span, .testimonials .owl-dots .owl-dot:hover span{background: #666} 

/* Banner expositor */

.expositor{background: #0082c6; /* Old browsers */
background: -moz-linear-gradient(left,  #0082c6 25%, #029cec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(25%,#0082c6), color-stop(100%,#029cec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0082c6 25%,#029cec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0082c6 25%,#029cec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0082c6 25%,#029cec 100%); /* IE10+ */
background: linear-gradient(to right,  #0082c6 25%,#029cec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082c6', endColorstr='#029cec',GradientType=1 ); /* IE6-9 */
}
.expositor .exp-icon, .expositor .exp-text{float: left}
.expositor .exp-icon {background: #016da6; padding: 40px}
.expositor .exp-icon i{font-size: 80px; color: #fff}
.expositor .exp-text {padding: 20px}
.expositor .exp-text h2{font-weight: bold; color: #fff; font-size: 48px; line-height: 52px; margin-bottom: 5px}
.expositor .exp-text h3{font-weight: normal; color: #fff; font-size: 26px; line-height: 30px; margin-bottom: 5px}
.expositor .exp-text p{color: #fff; font-size: 14px}
.expositor .exp-text p a{color: #fff; font-weight: bold}

/* Institucional */

.institutional {background: #fff; padding: 80px 0}
.institutional h3{ font-size: 18px; font-weight: normal; color: #666; margin-bottom: 10px}
.institutional li{float: left; width:16%; padding-left: 15px}
.institutional li:first-child{padding-left: 0}
.institutional li img{width: 100%}
.institutional h4{ font-size: 28px; color: #0c96de; margin: 25px auto}

.institutional.institucional-home {background: transparent; padding: 60px 0}

.institutional.institucional-home h3{text-align: center; margin-bottom: 3em}
.institutional.institucional-home p{text-align: center}
.institutional.institucional-home p a{color: #000; text-decoration: underline}
.institutional.institucional-home ul{display: flex; justify-content: space-between; flex-wrap: wrap!important; margin-bottom: 40px}
.institutional.institucional-home ul li{ width: 33%; padding: 10px 0}
.institutional.institucional-home ul li img{display: block; margin: 0 auto; height: auto; width: 300px}

.footer-home{ background: #f4f4f4}
.footer-home .cont{border-top: 1px solid #ccc; padding-top: 40px}
#twitter-widget-0{width: 100%!important}

/* box login*/
#login{ background: #0083c6; padding: 20px}
#login h3{font-family: 'Roboto Condensed', sans-serif; font-size: 24px; text-transform: uppercase; color: #fff}
#login form input{border: 1px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color: #666; padding: 8px; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48); margin-bottom: 10px }
#login form input:focus {-webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.73);
-moz-box-shadow:    1px 1px 8px 0px rgba(0, 0, 0, 0.73);
box-shadow:         1px 1px 8px 0px rgba(0, 0, 0, 0.73);}
#login form input[type="submit"]{background: #525252; /* Old browsers */
background: -moz-linear-gradient(top,  #525252 0%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #525252 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #525252 0%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #525252 0%,#363636 100%); /* IE10+ */
background: linear-gradient(to bottom,  #525252 0%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
border: none; font-family: 'Roboto Condensed'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 10px
}
#login form input[type="checkbox"]{width: auto; float: left; margin: 3px 5px 0 0}
#login form .forget-pass {clear: both; color: #fff; width: 100%; margin: 2px 0 10px 0; display: block}
#login form .forget-pass:hover{color: #fff; text-decoration: underline}
#login label{color: #fff}


.login2{margin: 30px auto;}
.login2 h3{font-family: 'Roboto Condensed', sans-serif; font-size: 24px; text-transform: uppercase; color: #666}
.login2 form input{border: 1px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color: #666; padding: 8px; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48); margin-bottom: 10px }
.login2 form input:focus {-webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.73);
-moz-box-shadow:    1px 1px 8px 0px rgba(0, 0, 0, 0.73);
box-shadow:         1px 1px 8px 0px rgba(0, 0, 0, 0.73);}
.login2 form input[type="submit"]{background: #525252; /* Old browsers */
background: -moz-linear-gradient(top,  #525252 0%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #525252 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #525252 0%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #525252 0%,#363636 100%); /* IE10+ */
background: linear-gradient(to bottom,  #525252 0%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
border: none; font-family: 'Roboto Condensed'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 10px
}
.login2 form input[type="checkbox"]{width: auto; float: left; margin: 3px 5px 0 0}
.login2 form .forget-pass {clear: both; color: #666; width: 100%; margin: 2px 0 10px 0; display: block}
.login2 form .forget-pass:hover{color: #fff; text-decoration: underline}
.login2 label{color: #666}






/*Forms*/
form {}
form li{min-height: 65px; padding: 1% 3% 1% 0}
input, select, textarea{width: 100%;}
textarea{height: 100px}
form input[type="checkbox"],form input[type="radio"]{box-shadow: none!important}

#news-list{margin-top: 40px; position: relative; max-width: 100%; width: 100%;}
#news-list li img {width: 100%; max-width: 100%; height: auto;}
#news-list li {position: absolute; background: white; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); padding: 10px;}
#news-list li h1 {font-size: 1em;}
#news-list li h1 a {color: #A92733;}
#news-list li:hover {
            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
            margin-top: -5px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
.show-news h4{font-size: 28px; line-height: 28px; color: #666; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #ccc}
.show-news .date{font-size: 14px; color: #666; display: block; }
.show-news .news-content{}
.show-news .news-content img{max-width: 70%; display: block; float: left; margin: 0 10px 10px 0}
.show-news-list{padding-left: 30px}
.show-news-list h2{font-size: 24px}
.show-news-list li h4{font-size: 18px}
.show-news-list li .date{margin-bottom: 5px}
.show-news-list li{padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px}

.see-all{font-size: 16px; color: #333; font-family: 'Roboto Condensed'; margin: 15px 0; float: right}
/*map*/
#map{height: 200px}

/* feria abierta */
.open-trade {max-width: 600px; margin: 0 auto}
.open-trade h1{background: #65952d; padding: 10px; color: #fff; font-size: 78px; text-align: center; margin-bottom: 5px}
.open-trade h2{background: #0083c6; padding: 10px; color: #fff; font-size: 54px; text-align: center; line-height: 54px; margin-bottom: 5px }
.open-trade .open-trade-columns{align-content: stretch;  align-items: stretch; display: flex; flex-wrap: wrap}
.open-trade-columns .grid-6{padding: 20px; background: rgba(0,0,0,.8); width: 99.5%; position: relative}
.open-trade-columns .grid-6:first-child{margin-right: 1%}
.open-trade-columns .grid-6:first-child h3{font-family: 'Roboto Condensed', sans-serif; font-size: 24px; text-transform: uppercase; color: #fff}
.open-trade-columns .grid-6:first-child form input{border: 1px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color: #666; padding: 8px; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48); margin-bottom: 10px }
.open-trade-columns .grid-6:first-child  form input:focus {-webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.73);
-moz-box-shadow:    1px 1px 8px 0px rgba(0, 0, 0, 0.73);
box-shadow:         1px 1px 8px 0px rgba(0, 0, 0, 0.73);}
.open-trade-columns .grid-6:first-child  .forget-pass {clear: both; color: #fff; width: 100%; margin: 2px 0 10px 0; display: block}
.open-trade-columns .grid-6:first-child   form input[type="submit"]{background: #138dcc; /* Old browsers */
background: -moz-linear-gradient(top,  #138dcc 0%, #027ab7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#138dcc), color-stop(100%,#027ab7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #138dcc 0%,#027ab7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #138dcc 0%,#027ab7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #138dcc 0%,#027ab7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #138dcc 0%,#027ab7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#138dcc', endColorstr='#027ab7',GradientType=0 ); /* IE6-9 */
border: none; font-family: 'Roboto Condensed'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 10px
}
.open-trade-columns form input[type="checkbox"]{width: auto; float: left; margin: 3px 5px 0 0}
.open-trade-columns label{color: #fff}

.open-trade-columns .grid-6 h4{color: #fff; font-weight: normal; line-height: 25px; font-size: 21px}
.open-trade-columns .grid-6 a.button{background: #65952d; /* Old browsers */
background: -moz-linear-gradient(top,  #65952d 0%, #527c23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65952d), color-stop(100%,#527c23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #65952d 0%,#527c23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #65952d 0%,#527c23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #65952d 0%,#527c23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #65952d 0%,#527c23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65952d', endColorstr='#527c23',GradientType=0 ); /* IE6-9 */

border: none; font-family: 'Roboto Condensed'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 10px; display: block; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding: 8px; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48); margin-bottom: 10px; width: 260px; bottom: 47px; }


.open-trade-columns .grid-6 #register{margin-top: 20px}

/*Register*/
.register-slide {background: #65952d; padding: 30px 0; }
.register-slide h2{color: #fff; padding: 0 20px; font-size: 48px}
.register-slide h3{font-size: 24px; line-height: 24px; padding: 15px 20px 0 20px; text-transform: uppercase; color: #fff; font-weight: normal}
.register-slide .linkedin-register {border: 2px solid #fff; color: #fff; display: block; font-family: "Roboto Condensed"; font-size: 16px;
    line-height: 16px;  margin: 10px 0; padding: 15px; text-transform: uppercase;
}
.register-slide .linkedin-register i {color: #fff; display: block; float: left; font-size: 30px; padding-right: 15px;}
.register-slide .linkedin-register:hover{background: #fff; cursor: pointer}
.register-slide .linkedin-register:hover, .register .linkedin-register:hover i{ color: #598625}

.register-slide form{}
.register-slide form ul{display: block; margin: 15px 0}
.register-slide form label{color: #fff; font-family: 'Roboto', sans-serif; font-size: 14px; display: block; margin: 0 0 3px 0}
.register-slide form input{border: 1px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color: #666; padding: 8px; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48); }
.register-slide form select{border: 1px solid #fff!important; -webkit-border-radius: 4px; padding: 8px; display: block;
-moz-border-radius: 4px;
border-radius: 4px; 
-webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.48);
box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.48);
}


.register-slide form input:focus, .register form select:focus{-webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.73);
-moz-box-shadow:    1px 1px 8px 0px rgba(0, 0, 0, 0.73);
box-shadow:         1px 1px 8px 0px rgba(0, 0, 0, 0.73);}

.register-slide form input[type="submit"]{background: #525252; /* Old browsers */
background: -moz-linear-gradient(top,  #525252 0%, #363636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#363636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #525252 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #525252 0%,#363636 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #525252 0%,#363636 100%); /* IE10+ */
background: linear-gradient(to bottom,  #525252 0%,#363636 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
border: none; font-family: 'Roboto Condensed'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 20px
}

.register-slide form .grid-4 {padding: 0 20px}
.back-login {color: #fff; text-align: right; display: block; margin: 0; float: right; margin-right: 30px}
.back-login a {color: #ffcb03}

p.back-login-closed{margin-top: 8px }
.back-login-closed a, .back-login-closed a i{color: #fff; font-size: 18px}

.required-login {float: left; color: #fff; margin-left: 30px; font-size: 12px}
.required{color: #fff; font-size: 12px}
/* Pagina Registro */
.pasos{margin: 30px 0 0 0}
.pasos a{display: block; float: left; width: 24%; margin-left: 1.333%; padding: 8px 5px; background: rgba(0,0,0,.04); -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px; font-size: 14px; color: #ccc; text-align: center}
.pasos a:first-child{margin-left: 0}
.pasos a.pasoActivo{background: #0083c6; color: #fff}
.box-myprofile{background: rgba(0,0,0,.02); padding: 30px}
.box-myprofile h3, .box-completed h3{font-family: 'Roboto Condensed', sans-serif; color: #0083c6; font-size: 24px; font-weight: normal; text-transform: uppercase}
.box-myprofile label{color: #666}
.box-myprofile .grid-6{padding: 0 0 0 10px}
.box-myprofile .grid-6:first-child{padding: 0 10px 0 0}
.box-myprofile input{border: 1px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; color: #666; padding: 8px; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    1px 1px 4px 0px rgba(0, 0, 0, 0.3);
box-shadow:         1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
.box-myprofileselect{border: 1px solid #fff!important; -webkit-border-radius: 4px; padding: 8px; display: block;
-moz-border-radius: 4px;
border-radius: 4px; 
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    1px 1px 4px 0px rgba(0, 0, 0, 0.3);
box-shadow:         1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.box-myprofile label{display: block; margin-bottom: 2px}
.box-myprofile ul li{margin-bottom: 5px}
.box-myprofile input[type="radio"], .box-myprofile input[type="checkbox"]{width: auto; clear: left; margin-right: 5px; display: block; float: left; line-height: 24px}
.box-myprofile input[type="submit"]{background: #138dcc; /* Old browsers */
background: -moz-linear-gradient(top,  #138dcc 0%, #027ab7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#138dcc), color-stop(100%,#027ab7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #138dcc 0%,#027ab7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #138dcc 0%,#027ab7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #138dcc 0%,#027ab7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #138dcc 0%,#027ab7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#138dcc', endColorstr='#027ab7',GradientType=0 ); /* IE6-9 */
border: none; font-family: 'Roboto Condensed'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin-top: 10px; width: auto; clear: left; float: right; padding: 5px 14px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin-left: 15px }
#consent{    color: #000;
    display: block;
    float: left;
    margin: -3px 0 0 3px;}
#consent:hover{text-decoration: underline}

.box-myprofile input[type="file"]{box-shadow: none}

.box-myprofile ul.listRadios, .box-myprofile .box-academic, .box-myprofile .box-work, .my-profile .box-completed{display: block; background: rgba(0,0,0,.02); padding: 30px; margin-bottom: 20px }


.my-profile .box-completed{margin: 20px 0}

.box-myprofile ul.listRadios label {
    display: inline;
    float: left;
    font-family: Open sans;
    font-size: 16px;
    padding-top: 0;
    width: 140px;}


.box-myprofile ul.listRadios span {
    margin: 0 50px 0 4px;
    vertical-align: top;
    color: #333
}

.box-myprofile ul.listRadios input[type="radio"]{clear: none; display: inline; float: none}

.box-myprofile ul.listRadios li{padding: 10px 5px; border-bottom: 1px solid #ccc; margin: 0; min-height: 0}

.box-myprofile .box-academic {}
.box-myprofile .box-academic li{min-height: 0; padding: 5px}
.box-myprofile .box-academic h5, .box-myprofile ul.listRadios h5, .box-myprofile .box-work h5{font-size: 18px; margin-bottom: 10px; text-transform: uppercase}

.box-myprofile .ulForm {
    clear: both;
    margin-bottom: 5px;
}

.box-myprofile .ulForm li {
    float: left;
    margin: 0 10px 0 0;
}


.box-myprofile .ulForm li label {
    display: block;
    float: none;
    width: 94%;
}

.box-myprofile .ulForm li .inputText2{ width: 80px;}

.box-myprofile .ulForm li .inputText, .box-myprofile .box-work .inputText {width: 330px}

/* box consentimiento */
.box-consentimiento{display: none; }
#idconsentimiento{max-width: 600px; padding: 40px; background: #fff;}
#idconsentimiento h4{color: #0083c6; margin-bottom: 15px; text-align: center}
#idconsentimiento img.logo-fancy{display: block; width: 180px; height: auto; margin: 0 auto 20px auto}

/* Box Sorteos */
.box-draw{ background: #ba2930; margin-left: 30px}
.box-draw .fa{  display: block; color: #fff; font-size: 48px; margin: 20px 10px 0 20px; text-align: left; float: left;}
.box-draw h2{color: #fff; font-size: 46px!important; text-align: right; padding: 30px 20px 0 0;}
.box-draw h3{font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 20px; font-weight: normal; text-align: center; color: #fff;text-transform: uppercase; padding: 0 20px; clear: left; margin-top: 10px}
.box-draw .weekly-gift-area{background: #f1f1f1; border-bottom: 4px solid #ba2930}
.box-draw .weekly-gift-area h4{background: #952227; color: #fff; text-align: center; padding: 15px 0}
.box-draw .owl-nav{width: 100%; margin: 0}
.box-draw .owl-nav .owl-prev, .box-draw .owl-nav .owl-next{font-size: 20px; padding: 0}
.box-draw .owl-nav .owl-next{float: right}
.box-draw .owl-nav .owl-prev .fa, .box-draw .owl-nav .owl-next .fa{margin: 0; padding: 8px 15px; font-size: 36px; background: #952227;}
.box-draw .gift-day ul{clear: both}
.box-draw .gift-day ul li{padding: 20px; border-bottom: 1px solid #ccc}
.box-draw .gift-day ul li h5{font-size: 18px; line-height: 20px}
.box-draw .gift-day ul li p{text-align: left; color: #666; font-weight: normal; margin: 0; padding: 2px 0}
.box-draw .gift-day ul li h5 span{color: #ba2930}
.box-draw .gift-day ul li p.winner span{color:#65952d;}

.box-draw .weekly-gift-area h3{font-size: 18px; font-weight: normal; line-height: 18px; color: #333; padding: 0}
.box-draw .weekly-gift-area h2{font-size: 24px; font-weight: bold; color: #000; padding: 0; line-height: 24px; margin: 0}

.box-draw p a{color: #ffcb03}

/*ventajas*/
.advantage{border: 2px solid #ccc; width: 100%}
.advantage tr:nth-of-type(odd) {
    background: rgba(0,0,0,.04);
}
.advantage td{padding: 10px; border-bottom: 1px solid #ccc; text-align: center; color: #666}
.advantage td:first-child{text-align: left; background: rgba(255,255,255,0.2); border-right: 1px solid rgba(0,0,0,0.04);}
.advantage td:last-child{ border-left: 1px solid rgba(0,0,0,0.04); background: rgba(0,0,0,0.02);}
.advantage th{text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; padding: 15px; background: #fff; color: #333}
.advantage .fa-check{color: #65952d; font-size: 18px}
.advantage .fa-times{color: #ba2930; font-size: 18px}

.my-account-menu a{padding: 15px 0; font-size: 18px; border-bottom: 1px solid #ccc; color: #666; display: block; padding-left: 20px; margin-left: 30px; font-size: 14px }
.my-account-menu li:last-child a{border-bottom: none}
.my-account-menu a:hover{background: rgba(0,0,0,.04)}
.my-account-menu a.active{color: #138dcc}

/*mensaje de error*/
.error-message{border: 4px solid #ba2930; background: #fff; margin: 10px auto; min-height: 0; text-align: center; padding: 15px; color: #333}
.ok-message{border: 4px solid #65952d; background: #fff; margin: 10px auto; min-height: 0; text-align: center; padding: 15px; color: #333}

.file-download a{margin: 30px 0; color: #ba2930!important; font-size: 16px; display: block!important }
.file-download a i{color: #ba2930!important; }
.file-download a span{color: #666!important; font-size: 14px}

/*aviso legal*/
.legal-list li{list-style: disc; list-style-position: outside; margin-left: 20px}

/* Footer*/
footer {background: #f4f4f4; padding: 20px 0; width: 100%}
footer .logo-footer{float: left;width: 33%}
footer .logo-centered{float: left;width: 33%}
footer .contact-data{float: right;width: 33%}
footer .contact-data li{float: left; display: block; padding: .6em; margin-left: 5px}
footer .contact-data li:first-child{padding-right: 15px; border-right: 1px solid #ccc; }
footer .contact-data li:first-child i{padding-left: 10px}
footer .contact-data li i{font-size: 18px}
footer .contact-data .copy{font-size: 12px; margin-top: 120px; text-align: right; color: #666}

.social{margin: 30px 0 0 30px;}
.social .modulo.facebook, .social .modulo.facebook .fb_iframe_widget, .social .modulo.facebook span, .social .modulo.facebook span iframe{width: 100%!important}

/***** ORT *****/
.register-slider{position: absolute; right: 30px;  top: 50%;
    transform: translateY(-50%); min-width: 300px; z-index: 1000; width:20%}

.slide-item {width: 680px}
.slide-item table tr {display: flex; flex-wrap: wrap}
.slide-item table tr td{display: block; width: 100%}
.slide-item table tr td.year{
    
    background: rgba(0,0,0,.4);
    padding-left: 20px;
    display: none
    
    }




.logo img{height: 50px; margin-top: 10px;}
.slide-item tr.expo-2015 td.year-link i{display: none}
.footer-home .cont{border-top: none }
.slide-item tr.expo-2015 td.year-link{width: 100%; text-align: center; padding: 20px 0}
.slide-item tr.expo-2015 td.year-text{text-align: center; padding: 30px}

.slide-item tr.expo-2015 td.year-text span { text-align: center;  margin: 15px 0px 10px 0px;   }

.text-clock {width: 313px; display: flex;  justify-content: center;  margin: 0 auto;}

.slider-home {
    margin: 0 auto;
    overflow: hidden;
    background: url(../img/bg_expoinclusion.jpg) center center fixed no-repeat;
    background-size: cover;
    
}

/****** expoinclusión **********/

body, h1, h2, h3, h4{font-family: 'Roboto';}
header .logo img{height: auto; margin: 0;}
header{padding: 16px 0; height: auto;}
header .cont{display: flex; align-items: center; justify-content: space-between;}
header h1{font-size: 24px; padding: 0 40px; line-height: 1.2; text-align: center; margin: 0; font-weight: normal; color: #11316e; font-weight: bold; text-transform: uppercase;  max-width: 680px}

header .sponsor-header{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
header .sponsor-header span{display: block; margin-bottom: 5px; font-size: .8em;}
header .cont nav {float: none; margin: 0;  padding-left: 46px;}
header .cont nav li.menu-profile{margin-left: 40px;}
header .cont nav .sf-menu{display: flex; align-items: stretch;}

.slide-item tr td.year-text{padding: 24px; font-size: 1.2rem; line-height: 1.4;}

.slide-item tr.expo-2013 td.year-text{background: #11316E; color: #ffffff; border-radius: 8px;}
.slide-item tr.expo-2013 td.year-text a{color: #fff; text-transform: none; font-size: 18px;}
.slide-item tr.expo-2013 td.year-text h1{font-size: 2em; font-weight: bold;}

.slide-item tr.expo-2014 td.year-text{background: #f4f4f4; color: #121212; border-radius: 8px;}
.slide-item tr.expo-2014 td.year-text a, .slide-item tr td.year-text p{color: #121212; text-transform: none;}
.slide-item tr.expo-2014 td.year-text h3{text-transform: none; margin-bottom: .8em; font-size: 24px; text-transform: uppercase; color: #11316e; text-align: center;}
.slide-item tr.expo-2014 td.year-text p{padding-left: 30px; position: relative; font-size: 18px;}
.slide-item tr.expo-2014 td.year-text p:before{content: ""; height: 8px; width: 8px; position: absolute; left: 0; top: 6px; background: #11316e ; border-radius: 100px;}

.slide-item tr.expo-2015 td.year-text{background: #11316e; border-radius: 8px 8px 0 0;}

.slide-item tr td.year-text .text-clock p{color: #fff; text-transform: none;}

.slide-item tr.expo-2015 td.year-link{border-radius: 0 0 8px 8px;}
.slide-item tr.expo-2015 td.year-link, .slide-item tr.expo-2015 td.year-link:hover{background: #005ce6}



.slide-item{font-family: 'Roboto'; letter-spacing: .04em; padding: 40px 0;}

.slide-item tr.expo-2015 td.year-text span{font-size: 20px;}

.more-info-box h2{background-color: #11316e; padding: 24px; text-transform: none; line-height: 1.4em; font-size: 18px;  text-transform: uppercase; color: #fff; text-align: center; margin-bottom: 10px; border-radius: 8px; }
.more-info-columns > div:first-child{margin-bottom: 10px}
.more-info-columns > div {background: #f4f4f4; border-radius: 8px; padding: 24px;}
.more-info-columns > div p{font-size: 16px; line-height: 1.4; color: #121212;}
.more-info-columns > div h3{font-size: 24px; color: #11316e; margin-bottom: .8em; }
.more-info-columns > div h4{font-size: 18px; margin-bottom: .6em;}
.more-info-columns > div.ficha p{font-size: 16px;}
.more-info-columns > div.ficha li{margin-bottom: 24px;}


.register{background: #11316e; border-radius: 8px;}
.register form{background: #0B2047}
.register h2 {color: #fff; padding: 0 20px; font-size: 24px;  font-weight: 600;  letter-spacing: .05em;}
.register h3{color: #fff; text-transform: none; font-size: 18px; line-height: 1.4;}
.register form input[type="submit"]{background: #005ce6!important; /* Old browsers */ font-family: 'Roboto'; text-transform: none; }
.register .link-login{line-height: 28px;}
.register .link-login span a{ color: #FCF300;}

.home-area .grid-8 h2{font-size: 24px; margin-bottom: 24px; color: #11316e ;}
.home-area .grid-8 .owl-nav{margin-top: -54px;}
.home-area .grid-4 {padding-left: 30px;}
.news h4{text-transform: none; color: #121212; font-family: 'Roboto'; font-weight: bold; font-size: 22px; line-height: 1.4;}
.news h4 a{color: #121212; text-decoration: underline;}
.news a.more, #news-list li a.more, .show-news-list li a.more{background: #005ce6; color: #fff; padding: 8px 10px; font-size: 14px; margin: 10px 0; display: inline-block; border-radius: 4px;}
.box-news-home a.see-all{text-decoration: underline; color: #11316e!important; font-weight: bold; margin-top: 30px; font-size: 18px;}

.box-news-home{margin-bottom: 60px;}


.expositor{background: #FCF300!important; display: flex; justify-content: flex-start; align-items: stretch; border-radius: 8px;}
.expositor .exp-icon{background-color: #FFC600; display: flex; align-items: center; border-radius: 8px 0 0 8px;}
.expositor .exp-icon i{color: #11316e;}

.home-area .grid-8 .expositor .exp-text h2 {color: #11316e;
    font-size: 38px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 8px
;

}

.expositor .exp-text h3{color: #11316e; font-size: 24px;}

.expositor .exp-text p{font-size: 16px; color: #11316e}
.expositor .exp-text p a{color: #11316e; text-decoration: underline;}

.institutional.institucional-home ul {display: flex; flex-flow: row wrap; justify-content: space-between;}
.institutional.institucional-home ul::after {content: "";  flex: auto;}
.institutional.institucional-home ul li img{width: 100%; height: auto;}
.institutional.institucional-home ul li {padding: 10px; width: 14%;} 

.slide-item .open-trade h1 {color: #11316e; padding: 24px; font-size: 40px;  font-weight: 700;  letter-spacing: .05em; background: #FCF300; margin: 0; border-radius: 8px 8px 0 0;}
.slide-item .open-trade h2 {color: #fff; padding: 8px 24px; font-size: 24px;   letter-spacing: .05em; background: #11316e; margin: 0;}

.open-trade-columns .grid-6:first-child h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.8em;
 font-weight: bold;
}

.open-trade-columns {background: #0B2047;}
.open-trade-columns .grid-6{background: transparent; margin: 0; padding: 0;}
.open-trade-columns .grid-6 .tooltip{position: absolute; width: 24px; height: 24px; right: 0; top: 20px; margin-right: -32px;}
.open-trade-columns .grid-6:first-child{margin: 0 auto; max-width: 300px; padding: 30px 24px;}
.open-trade-columns .grid-6:first-child form label{display: block; margin-bottom: 5px;}
.open-trade-columns .grid-6:first-child form input{margin-bottom: 16px!important;}
.open-trade-columns .grid-6:first-child div{position: relative;}
.open-trade-columns .grid-6:first-child form input[type="submit"]{background: #005ce6!important; /* Old browsers */ font-family: 'Roboto'; text-transform: none; }
.open-trade-columns .grid-6:last-child{background: #11316e; padding: 24px 24px 32px 24px; margin: 0;}
.open-trade-columns .grid-6:last-child h4{font-size: 24px; text-transform: none; text-align: center;}
.open-trade-columns .grid-6 #register{margin: 24px auto 0; background: #005ce6!important; /* Old browsers */ font-family: 'Roboto'; text-transform: none;}
.slide-item .endcountdown{margin-top: 0; background-color: #FCF300; border-radius: 0 0 8px 8px;}
.slide-item .endcountdown p{color: #11316e; font-weight: bold;}
.slide-item .endcountdown #future_date_close{color: #11316e;}


.register-slide{background: #0B2047; border-radius: 8px; padding-top: 0;}
.register-slide .grid-4{width: 100%; margin: 0 auto; padding: 0; max-width: 300px; float: none; display: block;}
.register-slide form .grid-4{padding: 0;}
.register-slide .grid-4 ul{margin: 0;}
.register-slide .grid-4 ul label{display: block; margin-bottom: 5px; font-weight: normal; font-size: 14px;}
.register-slide .grid-4 ul li{margin-bottom: 12px; padding: 0;}

.register-slide h2 {color: #fff; padding: 24px; font-size: 40px;  font-weight: 700;  letter-spacing: .05em; background: #11316e; margin: 0; border-radius: 8px 8px 0 0; text-align: center;}
.register-slide h3 {font-size: 24px; text-transform: none; text-align: center; padding: 32px!important;}
.register-slide form input[type="submit"], #login form input[type="submit"]{margin: 12px auto 24px; background: #005ce6!important; /* Old browsers */ font-family: 'Roboto'; text-transform: none; margin-bottom: 0;}
.register-slide .required-login{float: none; max-width: 300px; margin: 0 auto;}
.register-slide .back-login{float: none; margin: 0 auto; text-align: center; font-size: 16px; padding: 32px 0 24px 0;}
.register-slide .back-login a{color: #FCF300 ;}

#login h3 {color: #fff;  font-size: 24px;  font-weight: 600;  letter-spacing: .05em; margin-bottom: .8em; font-family: 'Roboto';}
#login{background: #0B2047; border-radius: 8px; }
 .fancybox-skin, .fancybox-opened .fancybox-skin{background: transparent!important;}
 #login form input[type="submit"]{margin-bottom: 16px;}


 @media (max-width: 600px) {

    header .cont, .expositor{flex-direction: column;}
    header .cont{ padding: 16px!important; background: #fff;}
    .logo_responsive .logo img{height: auto;}
    header h1{font-size: 18px; margin-bottom: 8px;}
    header .cont nav{padding: 0; text-align: 0;}
    header .cont nav .sf-menu{justify-content: center;}
    .open-trade, .register-slide{max-width: 90%;}
    .slide-item .open-trade h2{line-height: 1.2;}
    .register-slide{padding: 24px; margin: 0 auto;}
    .home-area .grid-4{padding-left: 0;}
    .expositor .exp-icon{justify-content: center;}
    .slide-item tr td.year-text{padding: 16px!important;}
    .slide-item tr.expo-2013 td.year-text a, .slide-item tr.expo-2014 td.year-text p{font-size: 16px;}
    .slide-item tr.expo-2015 td.year-link{width: 100%!important;}

    footer .contact-data{width: 100%;}
    footer .logo-centered{width: 100%; margin: 20px auto;}

 }

 
 @media (max-width: 1200px){

    header .cont nav{padding-right: 80px;}

 }

 @media (max-width: 600px){

    header .cont nav{padding-right: 20px;}
    

 }