.style2 {
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #0080FF;
}

.style4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #004080;
	font-size: 18px;
}

/* Curved cutout Borders*/

.curved {
  background: transparent; 
  width:100%;
  }
.curved h1, .curved p {
  margin:0 10px;
  }
.curved h1 {
  font-size:2em; 
  color:#fff;
  }
.curved p {
  padding-bottom:0.5em;
  }
.curved .b1 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#fff;
  font-size:1px;
  }
.curved .b2 {
	display:block;
	overflow:hidden;
	height:2px;
	margin:0 4px;
	background:#e0cea3;
  border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:0 4px;
	height:2px;
	font-size:1px;
	background-color: #F0F3FF;
  }
.curved .b3 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#e0cea3; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  margin:0 3px;
  font-size:1px;
  }
.curved .b4 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#e0cea3; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  margin:0; height:1px; 
  border-width:0 3px 0 3px;
  font-size:1px;
  }
.curved .boxcontent {
  display:block; 
  background:#F0F3FF; 
  border:0 solid #fff; 
  border-width:0 1px;
  }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* Cuando se pasa el puntero sobre una imagen, esta se agranda */
.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #D7F3FD;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -100px;
	left: -450px; /*position where enlarged image should offset horizontally */
}

/* demanda diaria */

.thumbnail1{
	position: relative;
	z-index: 0;
}

.thumbnail1:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail1 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -180px;
	left: -450px; /*position where enlarged image should offset horizontally */
}

/* spot promedio mensual */
a.thumbnailprommensual{
	position: relative;
	z-index: 0;
}

.thumbnailprommensual:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnailprommensual span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnailprommensual span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnailprommensual:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -400px;
	left: -450px; /*position where enlarged image should offset horizontally */
}