body{
	font-family:  Arial, Helvetica, FreeSans, sans-serif;
	font-size:15px;
	-webkit-font-smoothing: none;
	margin:0px;
	padding:0px;
}

#contenedor {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/barra_s1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;

}

article, header, section, nav, footer {
	display:block;
}

DIV.processBubbles{
	height:130px;
	position:absolute;
	text-align:center;
	margin-top:0px;
}


/* @end */
/* @group Hotspot */
.hotspot {
	position: absolute;
	left:0px;
	z-index:800;
}

.hotspot2 {
	position: absolute;
	left:216px;
	z-index:10;
}
.hotspot3 {
	position: absolute;
	left:435px;
	z-index:20;
}
.hotspot4 {
	position: absolute;
	left:653px;
	z-index:30;
}
.hotspot5 {
	position: absolute;
	left:865px;
	z-index:40;
}

.hotspot .content, .hotspot2 .content, .hotspot3 .content, .hotspot4 .content, .hotspot5 .content {
  position: relative;
  overflow: hidden;
  width: 130px;
  height: 125px;
  text-align: center;
  padding:10px 0 0 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  /* The hotspot point */

}
.hotspot .content .bubble-bg, .hotspot2 .content .bubble-bg, .hotspot3 .content .bubble-bg, .hotspot4 .content .bubble-bg, .hotspot5 .content .bubble-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.hotspot .content h2, .hotspot2 .content h2, .hotspot3 .content h2, .hotspot4 .content h2, .hotspot5 .content h2 {
  font-size: 26px;
  padding-top:0px;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
.links {
  padding-left: 25px;
  padding-right: 25px;
  padding-top:12px;
  margin-left: auto;
  margin-right: auto;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
  *display: none;
  -webkit-transform: translate(0px, 50px);
  -moz-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  color:#333;
  line-height:20px;
  font-size:13px;
}

.hotspot:hover .content, .hotspot.active .content, .hotspot2:hover .content, .hotspot2.active .content, .hotspot3:hover .content, .hotspot3.active .content, .hotspot4:hover .content, .hotspot4.active .content, .hotspot5:hover .content, .hotspot5.active .content {
  width: 291px;
  height: 281px;
  padding:30px 0px 0px 0px;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  margin:-50px 0 0px -80px;
}
.hotspot:hover .content .description,
.hotspot.active .content .description,
.hotspot:hover .content .links,
.hotspot.active .content .links

.hotspot2:hover .content .description,
.hotspot2.active .content .description,
.hotspot2:hover .content .links,
.hotspot2.active .content .links

.hotspot3:hover .content .description,
.hotspot3.active .content .description,
.hotspot3:hover .content .links,
.hotspot3.active .content .links

.hotspot4:hover .content .description,
.hotspot4.active .content .description,
.hotspot4:hover .content .links,
.hotspot4.active .content .links

.hotspot5:hover .content .description,
.hotspot5.active .content .description,
.hotspot5:hover .content .links,
.hotspot5.active .content .links
{
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  filter: alpha(opacity = 100);
  *display: block;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  padding:10px 35px 30px 35px;
  font-size:13px !important;
}


