/**
 * @file ajax_timeline.css
 *
 * Version: 1.x
 * Drupal Core: 7.x
 *
 */
#ajax-timeline-wrapper {
  position: relative;
  margin: 0 0 0 20px;
}
#ajax-timeline {
     background-image: url(/sites/old.icict.fiocruz.br/modules/ajax_timeline/css/fundo_icict.png);
    background-position: 50% 0;
  background-repeat: repeat-y;
  list-style-type: none;
  margin: 20 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
#ajax-timeline li {
  background: none;
  margin: 0;
  padding: 0;
}
#ajax-timeline .year {
  background: none repeat scroll 0 0 #850307;
  border: none;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.07em;  
  clear: both;
  margin: 0 auto 1em;
  max-width: 145px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 1s;
  transition-property: opacity;
}
#ajax-timeline .year:hover {
  background-color: #	;
}
#ajax-timeline .year.current-year {
  margin: 0px auto 150px;
  background-color: #fff;
}
#ajax-timeline .year.current-year a {
  color: #ffffff;
}
#ajax-timeline .year a {
  padding: 7px 15px;
  display: block;
  color: #fff;
  text-decoration: none;
}
#ajax-timeline .year a:hover {
  color: #ffffff;
}
#ajax-timeline .event {
/*  clear: right;
  display: block;
  float: right;
  list-style: none outside none;
  margin: 140px 0;
  position: relative;
  text-align: right;
  text-decoration: none;
  transition-duration: 1s;
  transition-property: opacity;
  width: 50%;
  min-height: 220px;
  z-index: 15;
  */
  
clear: right;
  display: block;

  list-style: none outside none;
  /*margin: 60px 0;*/
  position: relative;
  text-align: left;
  text-decoration: none;
  transition-duration: 1s;
  transition-property: opacity;
  width: 50%;
  min-height: 220px;
  z-index: 15;  
  
}
#ajax-timeline .event.offset {
  clear: left;
  float: left;
  text-align: left;
  margin-top: -60px;
}
#ajax-timeline .event.offset:after {
  left: auto;
  right: -5%;
}
#ajax-timeline .event-date {
  color: #850307;
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1.07em;    
}
#ajax-timeline .event-details {
  font-size: 1.25em;
  border-bottom: 1px solid #850307;
  margin-bottom: 5px;
  padding-bottom: 5px;
  color: #000b55;
  margin: 100px 0 30px 0;
}
#ajax-timeline .event-details a {
  text-decoration: none;
}
#ajax-timeline .event-image {
  max-width: 375px;
  width: 95%;
}
#ajax-timeline .event-summary {
  text-align: left;
  float: left;
  max-width: 320px;
  padding:10px !important;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    color: #333;
    margin: 0 100px;
}

.views-row-odd .event-summary {
  text-align: left;
  float: right !important;
  max-width: 320px;
  /*padding: 15px;*/
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    color: #333;
}

#ajax-timeline .views-row-even
{
float: right;
text-align: right;	
}




#ajax-timeline .offset .event-summary {
  float: left;
}
#ajax-timeline .event-summary a {
  color: #7c4849;
}
#ajax-timeline .event-summary a:hover {
  color: #96cbc8;
}


/* 770px and below */
@media screen and (max-width: 770px) {
  #ajax-timeline {
    background: none;
  }
  #ajax-timeline .year.current-year {
    margin: 0 auto;
  }
  #ajax-timeline .event,
  #ajax-timeline .event.offset {
    margin: 20px auto;
    clear: both;
    text-align: center;
    width: 100%;
  } 
  #ajax-timeline .event-summary,
  #ajax-timeline .offset .event-summary {
    float: none;
    margin: 0 auto;
  }
}

/* 480px and below */
@media screen and (max-width: 480px) {
  #ajax-timeline .year {
    max-width: none;
  }
}