/*** RESET ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block; }

ol, ul {list-style: none; } 
blockquote, q {quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
img{max-width: 100%;width: 100%;outline:none;}
body{font-family: 'montserratbold';
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb4326+50,000000+50 */
background: #eb4326; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlYjQzMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #eb4326 50%, #000000 50%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#eb4326), color-stop(50%,#000000)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left,  #eb4326 50%,#000000 50%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left,  #eb4326 50%,#000000 50%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left,  #eb4326 50%,#000000 50%); /* IE10 preview */
background: linear-gradient(to right,  #eb4326 50%,#000000 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb4326', endColorstr='#000000',GradientType=1 ); /* IE6-8 */

}
/*FONT FACE*/
@font-face {font-family: 'montserratbold'; src: url('monserrat-bold/montserrat-bold-webfont.eot'); src: url('monserrat-bold/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('monserrat-bold/montserrat-bold-webfont.woff2') format('woff2'), url('monserrat-bold/montserrat-bold-webfont.woff') format('woff'), url('monserrat-bold/montserrat-bold-webfont.ttf') format('truetype'), url('monserrat-bold/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; }

@font-face {font-family: 'montserratregular'; src: url('monserrat-regular/montserrat-regular-webfont.eot'); src: url('monserrat-regular/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('monserrat-regular/montserrat-regular-webfont.woff2') format('woff2'), url('monserrat-regular/montserrat-regular-webfont.woff') format('woff'), url('monserrat-regular/montserrat-regular-webfont.ttf') format('truetype'), url('monserrat-regular/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; }

/*******ESTILOS LINEA DE TIEMPO*********/

.cd-horizontal-timeline {opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }

.cd-horizontal-timeline::before {content: 'mobile'; display: none; }
.cd-horizontal-timeline.loaded {opacity: 1; }
 .cd-horizontal-timeline .timeline {position: relative; height: 60px; width: 90%; max-width: 460px; margin:25px auto 0 auto; } 
 .cd-horizontal-timeline .events-wrapper {position: relative; height: 100%; margin: 0 40px; overflow: hidden; } 
 .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } 
.cd-horizontal-timeline .events-wrapper::before {left: 0; } 
.cd-horizontal-timeline .events-wrapper::after {right: 0;} 
.cd-horizontal-timeline .events {position: absolute; z-index: 1; left: 0; top: 30px; height: 7px;background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } 
.cd-horizontal-timeline .filling-line {position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #666; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

.cd-horizontal-timeline .events a {position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 0; color: #383838; border-radius: 50px; -moz-border-radius: 50px;-webkit-border-radius: 50px;-o-border-radius: 50px;-ms-border-radius: 50px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.cd-horizontal-timeline .events a::after {content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -17px; height: 45px; width: 46px; border-radius: 50%; background:url(../images/spritenormal.png) no-repeat #fff left center; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; }

.cd-horizontal-timeline .events a:hover::after {background:url(../images/spritehover.png) no-repeat #666 left center;}

.cd-horizontal-timeline .events a.selected {pointer-events: none; }

.cd-horizontal-timeline .events a.selected::after{background:url(../images/spritehover.png) no-repeat #666; }

.cd-horizontal-timeline .events li:first-child a.selected::after{background-position: -54px 8px;}

.cd-horizontal-timeline .events a.older-event::after {background:url(../images/spritehover.png) no-repeat #666; }

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 2em auto;
  }
  .cd-horizontal-timeline::before {
    content: 'desktop';
  }
}

.cd-timeline-navigation a {position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; }

.cd-timeline-navigation a::after {content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../images/cd-arrow.svg) no-repeat 0 0; }

.cd-timeline-navigation a.prev {left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.cd-timeline-navigation a.next {right: 0; }

.no-touch .cd-timeline-navigation a:hover {border-color: #666; }

.cd-timeline-navigation a.inactive {cursor: not-allowed; }

.cd-timeline-navigation a.inactive::after {background-position: 0 -16px; }

.no-touch .cd-timeline-navigation a.inactive:hover {border-color: #dfdfdf; }

.cd-horizontal-timeline .events-content {position: relative; width: 100%; margin: 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; }

.cd-horizontal-timeline .events-content li {position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.cd-horizontal-timeline .events-content li.selected {/* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {-webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; }

.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; }

.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {-webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; }

.cd-horizontal-timeline .events-content li > * {max-width: 100%; margin: 0 auto; }

.cd-horizontal-timeline .events-content h1 {color: #fff;text-align: center;font-size: 55px;max-width: 735px;width: 100%;margin: 0 auto 0.4em auto; }

@-webkit-keyframes cd-enter-right {0% {opacity: 0; -webkit-transform: translateX(100%); } 100% {opacity: 1; -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-right {0% {opacity: 0; -moz-transform: translateX(100%); } 100% {opacity: 1; -moz-transform: translateX(0%); } }

@keyframes cd-enter-right {0% {opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% {opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } }

@-webkit-keyframes cd-enter-left {0% {opacity: 0; -webkit-transform: translateX(-100%); } 100% {opacity: 1; -webkit-transform: translateX(0%); } }

@-moz-keyframes cd-enter-left {0% {opacity: 0; -moz-transform: translateX(-100%); } 100% {opacity: 1; -moz-transform: translateX(0%); } }

@keyframes cd-enter-left {0% {opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% {opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } }

.wrapper{max-width: 100%;width: 100%;text-align: center;position: relative;min-height: 420px;height: 100%;}
.center{text-align: center;max-width: 100%;width: 100%;height: auto;position: absolute;left: 0;top: 0;z-index: 1;}
#logo{max-width: 180px;}
div.main{max-width: 940px;margin: 0 auto;position: relative;z-index: 2;}
.colums:first-child{margin: 0 25% 0 0;}
.colums{max-width: 350px;width: 100%;display: inline-block;*display: inline;*zoom:1;vertical-align: top;padding: 7% 0 0 0;}
.colums a{display: block;text-decoration: none;}
.colums h2{font-size: 25px;color: #fff;text-transform: uppercase;border-top: 1px solid #fff;border-bottom: 1px solid #fff;margin: 30px 0 0 0;}
.cd-horizontal-timeline .events li:nth-child(1) a::after,.cd-horizontal-timeline .events li:nth-child(1) a::after:hover{background-position: -54px 8px;}
.cd-horizontal-timeline .events li:nth-child(2) a::after,.cd-horizontal-timeline .events li:nth-child(2) a::after{background-position: -108px 8px;}
.cd-horizontal-timeline .events li:nth-child(3) a::after,.cd-horizontal-timeline .events li:nth-child(3) a::after{background-position: -156px 8px;}
.cd-horizontal-timeline .events li:nth-child(4) a::after,.cd-horizontal-timeline .events li:nth-child(4) a::after{background-position: 3px 8px;}
/*TRooltip*/
.tooltip {display:none; position:absolute; z-index: 5; border:1px solid #fff; background-color:#161616; border-radius:5px; padding:5px; color:#fff; font-size:12px !important; font-weight: normal; font-family: 'montserratregular'; }

div.head{text-align: center;}
div.head h1,div.head a{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
div.head a{max-width: 151px;}
div.cenefa{padding: 4% 0;
    margin: 5% 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b3b3b+23,191919+76 */
background: rgb(59,59,59); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjM2IzYjNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMTkxOTE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(59,59,59,1) 23%, rgba(25,25,25,1) 76%); /* FF3.6-15 */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(23%,rgba(59,59,59,1)), color-stop(76%,rgba(25,25,25,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(59,59,59,1) 23%,rgba(25,25,25,1) 76%); /* Chrome10-25,Safari5.1-6 */
background: -o-radial-gradient(center, ellipse cover,  rgba(59,59,59,1) 23%,rgba(25,25,25,1) 76%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(59,59,59,1) 23%,rgba(25,25,25,1) 76%); /* IE10 preview */
background: radial-gradient(ellipse at center,  rgba(59,59,59,1) 23%,rgba(25,25,25,1) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#191919',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
div.cenefa .item{max-width: 206px;width: 100%;display: inline-block;*display: inline;*zoom:1;vertical-align: top;
/*background: url(../images/sep-01.png) no-repeat left center;*/padding: 0 8px;
}
div.cenefa .item:first-child{background: none;}
/*columnas*/
.colum2{display: inline-block;*display: inline;*zoom:1;    max-width: 455px;width: 100%;}
.colum2 span{color: #fff;
    font-family: 'montserratregular';
    font-size: 12px;
    margin: 0 0 15px 0;
    height: 42px;
    display: block;}
.colum4{display: inline-block;*display: inline;*zoom:1;    max-width: 910px;width: 100%;}
.colum4 span{color: #fff;
    font-family: 'montserratregular';
    font-size: 12px;
    margin: 0 0 15px 0;
    height: 42px;
    display: block;}    

/*columnas*/
div.cenefa p{
color: #fff;
    font-family: 'montserratregular';
    font-size: 12px;
    margin: 0 0 15px 0;
    height: 42px;
    display: block;

}
div.cenefa p > a,div.cenefa p > a:hover{
padding: 0;
    color: #fff;
    font-size: 12px;
    background: none;
    margin: 0;
    text-decoration: underline;
    display: block;
    max-width: 100%;
    width: 100%;    

}
div.cenefa h4{font-size: 21px;color: #fff;margin: 0 0 10px 0;text-transform: uppercase;}
div.cenefa a{display: inline-block; text-decoration: none; color: #fff; background: #ed482c; border-radius: 5px; padding: 5px 13px; font-size: 15px; font-family: 'montserratregular';     margin: 12px 0 0 0;transition:all 0.5s;}
div.cenefa a:hover{background: #cd422b;}
/*Estados botones*/
.cd-horizontal-timeline .events li:nth-child(1) a.visited::after{background: url(../images/spritehover.png) no-repeat #666;background-position: -54px 8px;}
.cd-horizontal-timeline .events li:nth-child(2) a.visited::after{background: url(../images/spritehover.png) no-repeat #666;background-position: -108px 8px;}
.cd-horizontal-timeline .events li:nth-child(3) a.visited::after{background: url(../images/spritehover.png) no-repeat #666;background-position: -156px 8px;}
/******MEDIQUERIE******/
@media screen and (max-width: 960px) {
	.cd-horizontal-timeline .events-content h1{font-size: 40px;}
	div.main{max-width: 800px;}
	.colums{max-width: 254px;}
	.colums:first-child {margin: 0 28% 0 0;}
	.cd-horizontal-timeline .timeline{margin: 0 auto;}
	div.cenefa .item{margin: 0 0 3% 0;}
	div.cenefa .item:last-child{background: none;}
}
@media screen and (max-width: 730px) {
	.cd-horizontal-timeline .events-content h1 {font-size: 22px; } .colums h2{font-size: 16px;} #logo {max-width: 110px; } div.main {max-width: 600px; } .center{display: none;}.colums:first-child{margin: 0;}div.cenefa .item{background: none;margin: 4% 0;}div.cenefa h4{font-size: 16px;}div.cenefa a{font-size: 12px;}
	 }