h2{
  font-size: 24px;
  font-weight: normal;
  font-family: "Century Gothic";
  line-height: 25px;
  margin-left: 20px;
  margin-bottom: 40px;
}

.list_of_items{
  width: 600px;
  float: left;
}

.item_listed{
  width: 180px !important;
  float: left;
  margin-left: 14px !important;
  font-size: 11px !important;
}

.row_evento{
  margin-top: 6px !important;
  font-size: 11px !important;
}

.item_listed_content h2{
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
}

#mainwrapper {  
  width: 600px;  
  float: left;
} 

#mainwrapper .box {  
    border: 5px solid #fff !important;  
    cursor: pointer !important;  
    height: 182px !important;  
    float: left !important;  
    margin: 5px !important;  
    position: relative !important;  
    overflow: hidden !important;  
    width: 180px !important;  
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;  
    -moz-box-shadow: 1px 1px 1px 1px #ccc;  
    box-shadow: 1px 1px 1px 1px #ccc; 
}  
  
#mainwrapper .box img {  
    position: absolute !important;  
    left: 0 !important;  
    -webkit-transition: all 300ms ease-out !important;  
    -moz-transition: all 300ms ease-out !important;  
    -o-transition: all 300ms ease-out !important;  
    -ms-transition: all 300ms ease-out !important;  
    transition: all 300ms ease-out !important;  
} 

#mainwrapper .box .caption {  
    background-color: rgba(97,187,185,0.8) !important;  
    position: absolute !important;  
    color: #fff !important;  
    z-index: 9999999 !important;  
    -webkit-transition: all 300ms ease-out !important;  
    -moz-transition: all 300ms ease-out !important;  
    -o-transition: all 300ms ease-out !important;  
    -ms-transition: all 300ms ease-out !important;  
    transition: all 300ms ease-out !important;  
    left: 0 !important;  
}

#mainwrapper .box .caption p a{
  color: #dfdfdf !important;
}

#mainwrapper .box .caption p a:hover{
  color: #dfdfdf !important;
}

#mainwrapper .box .caption p a:visited{
  color: #dfdfdf !important;
}

#mainwrapper .box .slide-caption {  
    width: 150px !important;  
    height: 152px !important;  
    text-align: left !important;  
    padding: 15px !important;  
    left: 180px !important;  
}

#mainwrapper .box:hover .slide-caption {  
  background-color: rgba(97,187,185,1) !important;  
  -moz-transform: translateX(-100%) !important;  
  -o-transform: translateX(-100%) !important;  
  -webkit-transform: translateX(-100%) !important;  
  opacity: 1 !important;  
  transform: translateX(-100%) !important;  
}