@charset "UTF-8";
#ventanamodal{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 50;
	background-image:url(../imagenes/ventana_modal/fondo_modal_2.png);
	left: 0;
	top: 0;
}
#modal_visor {
	position: absolute;
	z-index: 51;
	width: 600px;
	height: 768px;
	left: 50%;
	top: 50%;
	margin-top: -384px;
	margin-left: -300px;
	background-color:#af0417;
	/*background-color: #a1a0a0;*/
	/*border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;*/
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
#visor {
	position: relative;
	z-index: 52;
	width: 578px;
	height: 748px;
	left: 50%;
	top: 50%;
	margin-top: -374px;
	margin-left: -289px;
	overflow:hidden;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
#visor > div {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:53;
}
#visor img {
	max-width: 100%;
 	height: auto;
}
#close_diagram {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 54;
	top: 0px;
	left: 605px;
}
#print_diagram {
	position: absolute;
	width: 22px;
	height: 22px;
	z-index: 55;
	top: 55px;
	left: 608px;
}
#btn_prev {
	position: absolute;
	width: 43px;
	height: 43px;
	z-index: 56;
	left: -45px;
	top: 384px;
}
#btn_next {
	position: absolute;
	width: 43px;
	height: 43px;
	z-index: 56;
	top: 384px;
	left: 602px;
}
#pageIndex {
	position: absolute;
	width: 310px;
	padding: 0;
	height: 14px;
	z-index: 999;
	top: 740px;
	/*left: 185px;*/
	left:145px;
	/*background-color: orange;*/
}
#pageIndex > div{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
#pageIndex > div:hover{
	background-color:#000;
}
#punto0{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:0px;
	background: #c0c0c0;
}
#punto1{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:20px;
	background: #c0c0c0;
}
#punto2{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:40px;
	background: #c0c0c0;
}
#punto3{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:60px;
	background: #c0c0c0;
}
#punto4{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:80px;
	background: #c0c0c0;
}
#punto5{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:100px;
	background: #c0c0c0;
}
#punto6{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:120px;
	background: #c0c0c0;
}
#punto7{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:140px;
	background: #c0c0c0;
}
#punto8{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:160px;
	background: #c0c0c0;
}
#punto9{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:180px;
	background: #c0c0c0;
}
#punto10{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:200px;
	background: #c0c0c0;
}
#punto11{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:220px;
	background: #c0c0c0;
}
#punto12{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:240px;
	background: #c0c0c0;
}
#punto13{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:260px;
	background: #c0c0c0;
}
#punto14{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:280px;
	background: #c0c0c0;
}
#punto15{
	position:absolute;
	height:10px;
	width:10px;
	z-index:90;
	left:300px;
	background: #c0c0c0;
}