#main {
  background-color: rgb(80,150,200);
  width: 454px;
  padding: 10px;
  
}


#fotos {
  background-color: #F1F1F1;
  width: 445px;
  height: 152px;
  padding: 4px;
  
}


#random {
  background-color: #F1F1F1;
  height: 92px;
  width: 445px;
  margin-top: 10px;
  padding: 4px;

  
}


.pano {
  background-color: #FFFFFF;
  width: 135px;
  height: 135px;
  margin-left: 0px;
  margin-right: 3px;
  margin-top: 3px;

  padding:5px;
  float: left;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
    display: inline;
  
}

.rand {
  background-color: #FFFFFF;
  width: 80px;
  height: 80px;
  margin-right: 2px;
  margin-left: 0px;
  margin-top: 3px;
  padding: 3px;
  float: left;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: inline;
  
}

.title {
  font-family: verdana, arial, sans-serif;
  font-size: 25px;
  position: relative;
  top: 0px;
  left: 35px;
}

.subtitle {
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: 180px;
  right: 172px;
}

/* custom TIPS */



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: auto;
	z-index: 13000;
}
 
.custom-title {
	font-family: verdana, arial, sans-serif;
  font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-family: verdana, arial, sans-serif;
  font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}