.hotspot:hover > .content, .hotspot.active > .content {
	padding-top: 30px;
}
.hotspot:hover > .content h2, .hotspot.active > .content h2 {
	padding-bottom: 40px;
}
.hotspot.active.hotspot_content > .content {
  width: 250px;
  height: 250px;
    background: rgba(255, 255, 255, 0.5);  
    border: 1px solid gray;
}
.hotspot_content img {display: none;}
  
.hotspot.hotspot_content.bombolla-blue > .content {background: rgba(29,76,185,0.5);}    /* rgb(136, 143, 167) */
.hotspot.hotspot_content.bombolla-red > .content {background: rgba(255, 120, 140, 0.5);}     /* rgb(188, 127, 136) */
.hotspot.hotspot_content.bombolla-green > .content {background: rgba(90, 155, 100, 0.5);}     /* rgb(140, 173, 148) */
  
.hotspot.hotspot_content.bombolla-blue:hover > .content {background: rgba(29, 76, 185, 0.8);}    /* rgb(136, 143, 167) */
.hotspot.hotspot_content.bombolla-red:hover > .content {background: rgba(255, 120, 140, 0.8);}     /* rgb(188, 127, 136) */
.hotspot.hotspot_content.bombolla-green:hover > .content {background: rgba(90, 155, 100, 0.8);}     /* rgb(140, 173, 148) */

@media only screen and (min-width: 768px) {
  .hotspot:hover > .content, .hotspot > .content {
      width: 250px;
        background: rgba(255, 255, 255, 0.5);  
        border: 1px solid gray;
  }
}
@media only screen and (min-width: 768px) {
  .hotspot.hotspot_content:hover > .content, .hotspot.active.hotspot_content > .content {
      height: auto; /*250px;*/
	  min-height: 225px;
  }
}
@media only screen and (min-width: 768px) {
  .hotspot.hotspot_content > .content > .description, .hotspot.hotspot_content > .content .bubbles_content_wrapper > .links {
      /*padding-left: 25px;
      padding-right: 25px;
      width: 150px;
      height: 200px;*/
      margin-left: 0;
      margin-right: 0;
  }
}
.hotspot.hotspot_content > .content > .description, .hotspot.hotspot_content > .content > .links {width: auto; height: auto; padding-left: 5%; padding-right: 5%;}
.hotspot.elem_in_view.hotspot_content.active .content p {padding-top: 20px;}
.hotspot:hover h2, .hotspot.active h2 {padding: 0;}

.hotspot > .content h2 {color: white;}
.hotspot > .content > .links > li, .hotspot > .content > .links > li > a, .hotspot .content .links li span {font-weight: normal;}
.hotspot > .content ul li b, .hotspot > .content ul li strong {color: black; font-weight: 700;}


.hotspot .content .links {width: 100%;}
.hotspot .content .links li {overflow-y: visible; max-height: 100% !important; font-size: 1.3rem;}



/*.hotspot.active.hotspot_content > .content, .hotspot.hotspot_content:hover > .content {height: auto; padding: 5% 0;}*/

.hotspot.active.hotspot_content > .content, .hotspot.hotspot_content:hover > .content {height: auto; position: relative;}
.hotspot.active.hotspot_content > .content ul, .hotspot.hotspot_content:hover > .content .bubbles_content_wrapper {
  margin: 0;
  position: relative;
  top: 20%;
  -ms-transform: translate(0, -20%);
  transform: translate(0, -20%);
}

.hotspot > .content > .bubbles_content_wrapper .links > li, .hotspot > .content > .bubbles_content_wrapper .links > li > a, .hotspot .content .bubbles_content_wrapper .links li span {
    text-transform: none;
    font-size: 21px;
    line-height: 1em;
    color: #000;
}
.hotspot.active.hotspot_content > .content ul li ul {
  top: 0;
  -ms-transform: none;
  transform: none;
}
.hotspot > .content > .links > li ul li, .hotspot > .content > .links > li ul li > a, .hotspot .content .links li ul li span {	
    text-transform: none;
    font-size: 21px;
    line-height: 1em;
    color: #000;
}
.hotspot > .content > .links > li ul {
	list-style-type: circle;
}
.hotspot > .content > .links > li ul li {
	display: list-item;
	list-style-type: circle;
	margin-left: 20px;
}

/* menu navegacion */

.navigation > ul > li.menu-blue:hover > a, .navigation > ul > li.menu-blue.active > a {
    color: #3152A5; /*1D4CFF;*/
}
.navigation > ul > li.menu-red:hover > a, .navigation > ul > li.menu-red.active > a {
    color: #DB919A;	/*df0012; */
}
.navigation > ul > li.menu-green:hover > a, .navigation > ul > li.menu-green.active > a {
    color: #86A07D; /* 5AFF64 */
}
.navigation > ul > li.menu-blue:hover:after, .navigation > ul > li.menu-blue.active:after {
    border-right-color: #3152A5;
}
.navigation > ul > li.menu-red:hover:after, .navigation > ul > li.menu-red.active:after {
    border-right-color: #DB919A;	/*c60010; */
}
.navigation > ul > li.menu-green:hover:after, .navigation > ul > li.menu-green.active:after {
    border-right-color: #86A07D;
}


@media only screen and (min-width: 768px) {
	.hotspot.hotspot_voces:hover > .content, .hotspot.hotspot_voces > .content {
    	width: 250px;
    	background: transparent; 
    	border: none;
	}
}


#book {display: none; height: auto; position: relative;}
#book .content {
  margin-top: 0;
  position: relative;
  /*top: 20%;
  -ms-transform: translate(0, -20%);
  transform: translate(0, -20%);*/
}
#book .book_content_wrapper {margin-top: 20%;}
#book {
	font-size: 21px;
    line-height: 1em;
}
#book h2 {font-size: 30px;}
#book a {text-decoration: underline; color: #3152A5;}
#book a:hover {color: #ddd;}


.ul_bienvenida li {color: white !important;}