@charset "utf-8";
/* CSS Document */

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

@font.face {
	font-family:Ibarra;
	src:url(../fuentes/Ibarra/IBP_____.TTF);
}

h1 {
	font-family: Ibarra, Times New Roman, Times, serif;
	font-size: 16px;
	font-weight: lighter;
	float: right;
	color: #808080;
	line-height: 16px;
	margin-right: 70px;
	vertical-align: bottom;
}
h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: lighter;
	float: none;
	color: #666;
	margin-left: 40px;
	margin-right: 10px;
}
h3 {
	margin-top: 0;
	padding-right: 15px;
	font-size: 19px;
	font-weight: lighter;
	color: #666;
	float: right;
}
h4 {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: lighter;
	float: none;
	font-color: #999;
	right: 10px;
	left: 40px;
	color: #999;
}
h5 {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: lighter;
	color: #666;
	text-align: left;
	margin-top: 2.6%;
}
h7 {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: lighter;
	float: right;
	color: #666;
	margin-left: 0%;
	margin-right: 0%;
	text-align: left;
	padding-top: 5%;
}
h8 {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: lighter;
	float: none;
	color: #666;
	margin-left: 0%;
	margin-right: 0px;
}
h9 {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: lighter;
	float: left;
	color: #36C;
	right: 10px;
	left: 40px;
}
h10 {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-weight: lighter;
	float: left;
	color: #808080;
	padding-left: 5%;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #414958;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #333333;
	font-style: oblique;
}

.header {
	height: 100px;
	width: 960px;
	top: 0px;
	left: 450px;
	position: absolute;
	z-index:99;
}
#next {
	display: block;
	float: right;
	cursor:pointer;
	background-image: url(../imagenes/next.png);
	width: 30px;
	position: absolute;
	z-index: 99;
	height: 60px;
	top: 450px;
	left: 330px;
}

#prev {
	display: block;
	float: left;
	cursor:pointer;
	background-image: url(../imagenes/prev.png);
	width: 30px;
	position: absolute;
	z-index: 99;
	height: 60px;
	top: 450px;
	left: 280px;
}
#exit {
	display: block;
	float: left;
	cursor:pointer;
	width: 30px;
	position: absolute;
	z-index: 99;
	height: 60px;
	top: 450px;
	left: 380px;
}
 
 
 
 


.tooltip {position:relative; z-index:0;}
.tooltip span {display:none;}
.tooltip:hover {}
.tooltip:hover span {
	display:block;
	width:400px;
	padding:5px;
	color:#000;
	background-color:#FFF;
	font-size:15px;
	font-weight: lighter;
	font-family:"Courier New", Courier, monospace;
	font-style:normal;
	text-decoration:none;
	position:fixed;
	top:40%;
	left:50px;
	text-align:left;
	
	}


.tooltiph {position:relative; z-index:1;}
.tooltiph span {display:none;}
.tooltiph:hover {}
.tooltiph:hover span {
	display:block;
	width:400px;
	padding:5px;
	color:#000;
	background-color:#FFF;
	font-size:15px;
	font-weight: lighter;
	font-family:"Courier New", Courier, monospace;
	font-style:normal;
	text-decoration:none;
	position:fixed;
	top:20%;
	left:550px;
	text-align:left;
	
	}