/* mainCarrocelTop vertical scroll */
#mainCarrocelTop {
   position:relative;
   overflow:hidden;
   background-color: #00788A;
   height: 350px;
   /* padding-top: 10px; */
   box-sizing: border-box;
}

/* root element for pageCarrocelTopsCarrocelTop */
#pageCarrocelTopsCarrocelTop {
   position:absolute;
   height:20000em;
}

/* single pageCarrocelTop */
.pageCarrocelTop {
   padding: 0px;
   /*padding-top: 10px;*/
   height: 350px;
   width:550px;
}

/* root element for horizontal scrollables */
.scrollableCarrocelTop {
   position:relative;
   overflow:hidden;
   width: 550px;
   height: 350px;
}

/* root element for scrollable items */
.scrollableCarrocelTop .items {
   width:20000em;
   position:absolute;
   clear:both;
}

/* single scrollable itemCarrocelTop */
.itemCarrocelTop {
   float:left;
   /*cursor:pointer;*/
   width: 550px;
   height:350px;
   padding:0px;
}
.itemCarrocelTop img {
   width: 100%;
   height: 100%;
}


/* mainCarrocelTop navigator */
#mainCarrocelTop_navi {
   float:right;
   margin:0px !important;
   background-color: #00788A;
   height: 350px;
   /*padding: 10px 0 0 0px !important;*/
   width: 360px;
   box-sizing: border-box;
}

#mainCarrocelTop_navi li {
   width: auto;
   height: 33.3%;   /*115px;*/
   clear:both;
   list-style-type:none;
   cursor:pointer;
   border-bottom: 3px solid #FFF;
   background-color: #e1e1e1;
   box-sizing: border-box;
}
#mainCarrocelTop_navi li:last-child {
   border-bottom: 0;
}
#mainCarrocelTop_navi li:hover {
   background-color:#444;
}

#mainCarrocelTop_navi li.active {
   font-weight: bold;
   background-color: #c1c2c2;
}

#mainCarrocelTop div.navi {
   margin-left:250px;
   cursor:pointer;
}