html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }

#mapa{
	border: none;
	width: 35%;
	margin: 0 auto 0 0;
	float: left;	
	height: 100%;
}

#mapa2{
	border: none;
	width: 50%;
	margin: 0 auto 0 0;
	float: right;
	height: 100%;
}

#mapa3{
	border: none;
	width: 50%;  
	height: 70%; 
	margin: 18px auto 0 0;
	float: left;
	height: 100%;
}


#mapa4{
	border: none;
	width: 50%;  
	height: 70%; 
	margin: 0 auto 0 0;
	float: right;
	height: 100%;
}

.fotoPlantel{
	border: 7px;
	border-style:solid;
	border-color: silver;	
	float: center;
}
ul li{
	font-family: Verdana, Arial, sans-serif;
	list-style-image: url("../imagenes/conalep.png");
}

h2{
	font-weight: bold;
	color: white;
	background: #007E68; 
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}

h3{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	padding-left: 10px;
}

h6{
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}

a:link, a:visited {
	font-weight: normal;
	color: #007E68;
}

a:hover, a:focus, a:active{
	font-weight: bold;
	color: #007E68;}  

h4{
	text-align: right;
	margin: 0 0 0 auto;
	padding-right: 20px;
	padding-top: 5px;
	font-family: Verdana, Arial, sans-serif;
	color: #007E68;
	font-size: 10px;
} 

#republica{
	margin-top: 80px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div {
	 margin: 0;
}
#tooltip.pretty {
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url("../imagenes/shadow.png");
}
#box{
	position: absolute;
    top:1%;
    left:0%;
    
    text-align: center;


}
#close{
	background: url('Images/close.jpg') no-repeat;
    width: 50px;
    height: 35px;
    margin-left: 95%;
}
#menu{
	margin: 0 auto;
}