body {
	background-image:url(img/interfase/fondo-body.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#contenedor{
	margin:auto;
	margin-top:10px;
	width:90%;
	max-width:800px;
	background-color:white;
	border:1px solid #2c7272;
}

#encabezado{
	margin:auto;
	margin-top:4px;
	width:570px;
	text-align:center;
	background-image:url(img/interfase/logo-afinan.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
	height:46px;
	border-bottom:1px solid #cdcdcd;
}

h1{
	color:#348787;/*2c7272*/
	font-weight:bold;
	font-size:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

h2{
	font-size:11px;
}

#encabezado img{
	float:right;
}

#contenido{
	text-align:center;
	background-image:url(img/interfase/fondo-contenido.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:530px;
	position:relative;
}

.menu{
	padding:15px;
	padding-left:32px;
	float:left;
}

.menu h3{
	background-repeat:no-repeat;
	width:289px;
	height:37px;
	padding-top:26px;
	padding-left:53px;
	text-align:left;
	background-position:bottom;
}

.menu h3 a:link, .menu h3 a:visited{
	font-size:12px;
	font-weight:bold;
	color:white;
	text-decoration:none;
}

.menu h3 a:hover{
	text-decoration:underline;
}

#menuAfeI{
	background-image:url(img/interfase/menu-afei.jpg);
}

#menuAfeII{
	background-image:url(img/interfase/menu-afeii.jpg);
}

#menuFE{
	background-image:url(img/interfase/menu-fe.jpg);
}

#menuDFE{
	background-image:url(img/interfase/menu-dfe.jpg);
}

#menuMic{
	background-image:url(img/interfase/menu-mic.jpg);
}

#menuAbgf{
	background-image:url(img/interfase/menu-afei.jpg);
}

#menuInfGen{
	background-image:url(img/interfase/menu-infgen.jpg);
}

#menuAct{
	background-image:url(img/interfase/menu-act.jpg);
}

#menuCont{
	background-image:url(img/interfase/menu-cont.jpg);
}

#menuMapa{
	background-image:url(img/interfase/menu-mapa.jpg);
}

#menuVacio{
	background-image:url(img/interfase/menu-vacio.jpg);
}

#contVisitas{
	height:27px;
	padding:0;
	text-align:center;
}

.menuDesplegable{
	text-align:left;
	font-size:13px;
	font-weight:bold;
	background-color:#314D48;/*#b1cdc9*/
	padding:2px;
	width:338px;
	display:none;
}

.menuMateria{
	height:70px;
}

.menuInfGen{
	height:220px;
}

.menuAct{
	height:35px;
}

.menuCont{
	height:18px;
}

.menuDesplegable a:link, .menuDesplegable a:visited{
	color:white;
	text-decoration:none;
}

.menuDesplegable a:hover{
	text-decoration:underline;
}

.menuDesplegable ul{
	width:165px;
	list-style-type:none;
	float:left;
}

.menuDesplegable li{
	background-image:url(img/interfase/vineta-enlace-chico2.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	line-height:17px;
}

#pie{
	position:absolute;
	left:10px;
	bottom:2px;
	width:762px;
	font-size:11px;
	text-align:left;
}

#pie a:link,#pie a:visited{
	color:black;
	text-decoration:none;
}

#pie a:hover{
	text-decoration:underline;
}

@media screen and (max-width:880px){
	body {
		background:none;
	}
	#contenedor{
		width:100%;
		margin:0;
		border:none;
	}
	#encabezado{
		box-sizing:border-box;
		width:100%;
		padding:0 0 0 70px;
		text-align:left;
		height:auto;
		min-height:44px;
	}
	#imgLogoUnsa{
		width:25px;
		height:auto;
	}
}

@media screen and (max-width:793px){
	#imgFraseCabecera{
		display:none;
	}
	#contenido{
		text-align:center;
		height:auto;
	}
	.menu{
		padding:0;
		float:none;
	}
	.menu h3{
		box-sizing:border-box;
		width:100%;
		height:36px;
		padding:10px 0 0 10px;
		text-align:left;
		border:1px solid #1D7070;
	}
	#menuAfeI,#menuAfeII,#menuFE,#menuDFE,#menuMic,#menuAbgf,#menuInfGen,#menuAct,#menuCont,#menuMapa{
		background:#0D6060;
	}
	.menu h3 a:link, .menu h3 a:visited{
		font-size:13px;
	}
	.menuDesplegable{
		width:100%;
		box-sizing:border-box;
	}
	.menuDesplegable ul{
		width:100%;
		float:none;
	}
	.menuMateria,.menuInfGen,.menuAct,.menuCont{
		height:auto;
	}
	
	#pie{
		position:relative;
		left:0;
		bottom:0;
		width:95%;
		margin:auto;
		padding-top:5px;
		font-size:11px;
		text-align:center;
	}
}

@media screen and (max-width:400px){
	h1{
		font-size:16px;
	}
}

@media screen and (max-width:350px){
	.menu h3 a:link, .menu h3 a:visited{
		font-size:12px;
	}
}

@media screen and (max-width:250px){
	#encabezado{
		background:none;
		padding-left:5px;
	}
	h1{
		font-size:13px;
	}
	h2{
		font-size:11px;
	}
	.menu h3{
		font-size:10px;
		padding:2px;
	}
	#pie{
		font-size:9px;
	}
}