html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* css reset end*/
h2{font-family:Arial, Helvetica, sans-serif; font-size:25px; margin-top:10px; color:#002389; padding-bottom:20px; border-bottom:1px dotted #ddd;}

.portada{width:1000px; height:750px; margin:0px auto; border:5px solid #fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; }

/*estilos de la parte interna*/
body{background:#007EEC url(../images/bg_01.jpg) repeat-x!important;}

.wrapper{width:1000px; height:750px; margin:0px auto;}
.title{ width:1000px; height:107px; position:relative;}
.imageTitle{width:393px; position:absolute; z-index:1000; pointer-events:none; left:0px; top:0px;}
.textTitle{width:607px; text-align:right; float:right; color:#fff; font-family:Verdana, Geneva, sans-serif; text-shadow:
    -1px -1px 0 #10439b,  
    1px -1px 0 #10439b,
    -1px 1px 0 #10439b,
     1px 1px 0 #10439b;
       
	  }
.textTitle h1{ margin:40px 20px; font-size:30px;}
.container{width:801px; /*height:480px;*/ margin:0px auto;}
.topBorder{width:801px; height:11px; background:url(../images/cortes_23.png) no-repeat top center;}
.midContainer{width:801px; height:460px; background:#fff; text-align:center; overflow:hidden;}
.botBorder{width:801px; height:9px; background:url(../images/cortes_33.png) no-repeat top center;}
.nav{width:222px; height:79px; margin:10px auto;}
.nav2{width:142px; height:79px; margin:10px auto;}
.nav2 ul li{float:left;}
.nav ul li{float:left;}
.prev{background:url(../images/cortes_51.png) no-repeat top center; width:71px; height:79px; }
.next{background:url(../images/cortes_52.png) no-repeat top center; width:71px; height:79px;}
.home{background:url(../images/cortes_49.png) no-repeat top center; width:62px; height:79px;}
.next img, .prev img, .home img{opacity:0;}

.prev:hover img, .next:hover img, .home:hover img{opacity:1!important;}
.foot{width:100%; border-top:1px dotted rgba(255,255,255,0.4); border-bottom:1px dotted rgba(255,255,255,0.4); padding:10px 0px; text-align:center;}
.cajaScroll{position:relative; width:801px; height:460px;}

/*configuracion menu principal*/
.menuHead{padding-bottom:10px; border-bottom:1px dotted #ddd; width:100%; }
.menuContainer{height:319px; width:100%; margin-top:25px;}
.menu{display:block; width:423px; height:157px; margin:0px auto; margin:5px auto;}
.menu li{width:127px; height:180px; float:left; margin-left:20px;}
.menu li:first-child{margin-left:0px;}
.menu li a{text-decoration:none;}
.menu li .btnTitle{ /*height:20px;*/ width:127px; display:block; padding-top:5px; border-top:1px dotted #ddd; color:#666; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:13px;}
.menu li .btnIcon{height:127px; width:127px; display:block; padding-bottom:5px;}

/*efecto hover*/
.menu li .btnIcon:hover img{opacity:0;}

/*configuracion de los iconos del menu*/
.menu .btnTema .btnIcon{background:url(../images/menu_btn_on_08.jpg) no-repeat top center;}
.menu .btnEjercicio .btnIcon{ background:url(../images/menu_btn_on_10.jpg) no-repeat top center;}
.menu .btnInfo .btnIcon{background:url(../images/menu_btn_on_12.jpg) no-repeat top center;}
.menu .btnCreditos .btnIcon{background:url(../images/menu_btn_on_14.jpg) no-repeat top center;}
/*configuracion de los iconos del menu*/

.infoComplementaria{ text-align:left; margin:40px 40px;}
.infoComplementaria p{padding:10px 0px; border-bottom:1px dotted #ddd; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.infoComplementaria p a{text-decoration:none; color:#007EEC; font-weight:bold; }

p{padding:5px 5px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
p a{text-decoration:none; color:#007EEC; font-weight:bold; }

/*estilos jorgito*/
	html,body{
		  	margin: 0 auto;
		  	padding: 0;
		  	font-family: 'Open Sans', sans-serif;
		  	font-weight: 300;
		  	
	  	}
	  	
	  	h1{
		  	margin: 0;
	  	}
	  
	  	#cuerpo{
		  	width: 780px;
		  	margin: 0 auto;
		  	padding-top: 20px;
			position:relative;
			min-height: 500px;
	  	}
	  	
	  	#error{
		  	position: absolute;
		  	width: 100%;
		  	height: 100%;
		  	background: #a9c45f;
			top:0px;
			left:0px;		  	
		  	display: none;
		  	z-index: 999;
	  	}
	  	#buena{
		  	position: absolute;
		  	width: 100%;
		  	height: 100%;
		  	background: #8bc308;
		  	display: none;
			top:0px;
			left:0px;
		  	z-index: 999;
	  	}
	  	.continuar{
		  width: 97px;
		  margin:0px auto;
		  cursor: pointer;
	  	}
	  	.enviar{
		  	cursor: pointer;
	  	}
	  	
	  	.formu{
		  		  	float: left;
	  	}
	  	.left{
		  	float: left;
		  	margin-top: 11px;
		  	display: block;
		  	margin-left: 10px;
	  	}
	  	
	  	#especial{
		  	display: none;
		  	margin-top: 30px;
		  	margin-bottom: 40px;
	  	}