/*LA ESTRUCTURA*/
html{background : #fff url('sombras-hugo.png') repeat-y top; }
body{
	/*display:none;*/
	height:auto;
	width:770px;
	margin:0 auto;
	clear:both;
	background:#000 /*url(pinguinos-cambiar.png) no-repeat bottom left*/;
}
/********* LA CABECERA V*********/
h1 {
	position: relative;
	height: 134px; /*90px*/
	width:770px;
	margin: 0 auto;
	clear: both;
	/*border-bottom: 5px solid #63718c;*/
	background: #fff url('header-mora.jpg') no-repeat 0% 50%;
	color: #fff; /*text-transform: capitalize;*/
	text-shadow: #dcdcdc;
	text-align: left;
	font-weight: normal;
	font-family: serif;
	font-size: 1px;
	/*font-variant: small-caps;
	line-height: 84px;*/
	vertical-align: top; padding-left:0; padding-right:0; padding-top:0; padding-bottom:4px
}
h1 a, h1 a:hover, h1 a:visited, h1 a:visited:hover {
	margin:0 0 0 15px;
	padding:0 722px 133px 0;
	color : #fff;
	text-decoration:none;
}
h1 abbr{
	margin:0;
	padding:0;
} 
h1 a abbr sup {
	margin:0;
	padding:0;
	text-decoration: underline;
	font-size: 0.8em;
	vertical-align: 0.3em;
}
h1 a img{
	vertical-align:top;
	margin-top:24px;
}
#UNAP{
	display:none;
	position:relative;
	height:71px;
	width:770px;
	text-align:right;
	background:url('logo-unap.png') no-repeat 98% 2%;
	font-size:0.1em;
	color:#63718c; margin-left:auto; margin-right:auto; margin-top:-111px; margin-bottom:0
}
#UNAP a{
	height:71px;
	width:75px;
}
#address, #fecha{
	display:none;
}

/********* EL MENÚ *********/
ul#menu {
	position:relative;
	display:block;
	float: left;
	width: 165px;
	height: auto;
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #cfced9;
	background: #000 url(menu-negro.png) no-repeat 50% 50%;
}
ul#menu li{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li a.destacado{
	font-weight:bold;
}
ul#menu li.destacado a, ul#menu li.destacado a:visited{
	/*color:#ff0;*/
}
ul#menu li ul{
	position:absolute;
	left:165px;
	top:0;
	margin:0;
	padding:0;
	background-color: #63718c;
	display:none;
	font-size:smaller;
	/*opacity:0.8;*/
}
ul#menu li ul li{
	background:inherit;
}
ul#menu li:hover ul, ul#menu li.over ul{
	display:block;
}
ul#menu li a{
	border-left:0px none; border-right:0px none; border-top:0px none; display: block;
	height: auto;
	width: 136px;
	margin: 0;
	/*background: inherit url(menu-li-azul.png) no-repeat center left ;*/
	border:0;
	font-size: 14px;/*0.9em*/
	text-decoration: none;
	color: #fff;
	font-family: "Century Gothic","Arial", fantasy; padding-left:28px; padding-right:0; padding-top:6px; padding-bottom:6px
}/*
ul#menu li ul li a{
	border-right:1px solid #fff;
}*/
ul#menu li a:hover, ul#menu li a:visited:hover{
	background:#181818 url('menu-li-azul-hover.png') no-repeat 0% 100%;

}
ul#menu li a:active, ul#menu li a:visited:active{
	background:#394d7b url('menu-li-azul-visited.png') no-repeat 0% 100%;
	color:#fff
}
* html ul#menu li{float:left;height:1%;}
* html ul#menu li a{height:1%;}
* html ul#menu li ul li{float:left;height: 1%;}
* html ul#menu li ul li a{height:1%;}

/*GENERALIDADES*/
img{
	color:#c0c0c0;
	margin:0;
	padding:0;
}
@media all{
	a img {
		color : inherit;
		border : none;
		vertical-align : bottom;
	}
}
a, a:visited, a:hover, a:visited:hover {
	text-decoration : none;
}
a, a:visited{
	color:#000080;
	text-decoration:underline;
}
a:hover, a:visited:hover{
	color:#0000cd;
}
a:active{
	color:#fa8072;
}


/********* EL DOCUMENTO *********/
#doc {
	border-right:0px none; border-top:0px none; border-bottom:0px none; position:relative;
	display:block;
	float : left;
	width : 604px;
	height : auto;
	padding : 0;
	border-left : 1px solid #c0c0c0;
	text-align : left;
	background : #fff url(nav_bg_hi.gif) repeat-x 0% 0%;
	font-family:sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}
/*La barra de navegacion*/
#nav{
	clear: both;
	width: 579px;
	margin: 0 0 1em 10px;
	padding: 0;
	background-color: transparent;
	text-align: center;
	white-space: normal;
}
#nav img#big{
	width:579px;
	float:left;
}
#nav ul#subsecciones{
	width: 579px;
	line-height:1.74em;
	border: 0px none;
	margin: 0;
	padding: 0;
	z-index: 50;
	list-style: none;
	text-align: center;
	background-color: #dbe8ee;
}
#nav ul#subsecciones li{
	display: inline;
	position:relative;
	list-style-type: none;
	margin:0;
	padding:0;
	text-align:center;
}
#nav ul#subsecciones li a, #nav ul#subsecciones li a:visited{
	margin:0;
	padding:0.2em 10px;
	/*border:1px solid #f90;*/
	background-color:transparent;
	font-weight: bold;
	text-decoration:none;
}
#nav ul#subsecciones li a:hover,#nav ul#subsecciones li a:visited:hover{
	background-color:#f0f8ff;
	color:#483d8b;
	text-decoration:none;
}
#nav ul#subsecciones li ul{
	display:none;
	position:absolute;
	top:1.8em;
	left:0;
	width:auto;
	background-color:#f0f8ff;
	margin:0;
	padding:0;
	border-width:0px 1px 2px 1px;
	border-style: solid;
	border-color: #add8e6;
}
#nav ul#subsecciones li>ul{
	top:1.8em;
	left:auto;
}
#nav ul#subsecciones li ul li{
	display:list-item;
	margin:0;
	text-align:left;
}
#nav ul#subsecciones li:hover ul,#nav ul#subsecciones li.over ul { /* lists nested under hovered list items */
	display: block;
}
#nav ul#subsecciones li ul li a,#nav ul#subsecciones li ul li a:visited{
	width:100%;
	font-size:2.3ex;
	font-weight:normal;
	padding:1px 40px 1px 8px;
}
#nav ul#subsecciones li ul li a:hover,#nav ul#subsecciones li ul li a:visited:hover{
	color:#000;
	width:100%;
	padding-left:8px;
	/*border-left:4px solid #f4a460;
	text-decoration:underline;*/
}


/********* El cuerpo del texto *********/
#doc #cuerpo {
	width : 424px;
	float : left;
	margin : 0;
	border-top : 0px solid #dcdcdc;
	background:url('fondo-cuerpo.png') no-repeat bottom left;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:20px
}
#doc h2 {
	display: block;
	margin: 1px auto 10px;
	padding: 6px 0 2px 0px;
	width: 97%; /*background : green url(../baby-tuxin.png) no-repeat 0% 50%;*/
	text-align: left;
	border-bottom: 1px solid #515358;
	color:#708090;
}
/*h2:hover{
	color:#000;
	background-color:#dcdcdc;
}*/
#doc h2 a, #doc h2 a:visited{
	text-decoration:none;
	color:#708090;
}
/*#doc h2 a:hover:before{
	content: "Volver a ";
}*/
#doc h2 a:hover, #doc h2 a:visited:hover{
	color:#708090;
	text-decoration:underline;
}
/*h2 img{
}*/
h2#logo{
	margin:40px auto 30px auto;
	height: 279px;
	border: 0px none;
	background: url('../logo-oficial.png') no-repeat top center;
	line-height: 279px;
	text-align: left;
	vertical-align: bottom;
	font-size: 1px;
	color:#fff
}
h3{
	clear:both;
	margin:0 0 12px 10px;
	color:#004d97;
}
#doc h3 a, #doc h3 a:visited{
	color:#004d97;/*ff6a22*/
	text-decoration: none;
}
#doc h3 a:hover, #doc h3 a:visited:hover{
	color:inherit;
	text-decoration:underline;
}
#doc h4, #doc ol h4{
	margin: 0 0 11px 10px;
}
#doc h5{
	margin:0 0 0 10px;
}
#doc p {
	margin : 0 10px 12px 10px;
	text-indent : 20px;
	text-align : justify;
	background : transparent;
	font-size:0.8em;
}
#doc code{
	font-size:1.2em;
	font-weight:bold;
	color:#008000;
}
#doc ul, #doc ol{
	font-size:0.8em;
}
#doc ul li ul li, #doc ul li ol li, #doc ol li ul li, #doc ol li ol li, #doc table ul li, #doc table ol li, #cuerpo ul li{
	margin-bottom:6px;
	font-size:1.0em;
}
#doc p#lastupdated, td.lastupdated{
	border-bottom: 1px dotted #008C01;
	text-align: center;
	text-indent: 0;
	font-style: italic;
	color: #008000;
}
#doc hr{
	display: inline;
	visibility:hidden;
}
#doc #cuerpo img{
	max-width:404px;
	float:left;
	margin:0 10px 0 0;
	/*width:expression(document.body.clientWidth > 400? "400px": "auto");*/
}
#doc #cuerpo img:after {
	display: block;
	width:inherit;
	margin:inherit;
	content: attr(title);
	text-align:center;
	color:#000;
	background-color:#dcdcdc;
	font-size:smaller;
}
#doc p.img{
	clear:both;
	text-indent:0;
	text-align:center;
}
#doc p.img img, #doc #cuerpo p.img img{
	float:none;
}

#doc table{
	clear: both;
	padding: 0;
	border-collapse:collapse;
	font-size: 13px;
	background: url('fondo-cuerpo.png') no-repeat bottom left;; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:12px
}
#cuerpo table{
	clear:both;
	width:98%;
	margin:0 auto 12px auto;
	padding:0;
	background-color:#fff;
}
#doc table tfoot{
	background-color:#edffe1;
	padding-left:3px;
}
#doc table tr{
	margin:0;
	padding:0;
	border:0px none;
}
#doc table tbody tr:hover, #doc table tr td.colspan:hover{
	background-color:#ffffdd;
}
#doc table th{
	text-align:center;
	margin:0;
	border:1px solid #808080;
	border-bottom:2px solid navy;
	border-collapse:collapse;
	background-color:#708090;
	color:#fff;
}
#doc table tr td{
	margin: 0;
	padding:3px 3px 3px 0;
	border: 1px solid #B5C8E1;
	border-collapse:collapse;
	text-align:center;
}
#doc form table tbody tr td{
	padding-left:3px;
	text-align:left;
}
#doc table tr td.colspan{
	background-color:#f7f7f7;
	font-style:italic;
}
#doc table tr td dl{margin:0 2px;text-align:left;font-size:1em;}
#doc table tr td ul{
	margin:0 0 0 2px;
	padding:0;
	font-size:1em;
	text-align:left;
}
#doc table tr td ul li{
	margin: 0;
	padding: 0;
	list-style: none outside;
}
#doc table tr td ul li:before{
	content: "-";
}
#doc table tr td ul li.telefono:before, #doc table tr td ul li.celular:before{
	display:none;
}
#doc table tr td ul li.telefono{
	margin-left:16px;
	padding-left:0; list-style-position:outside; list-style-image:url('icon-tel.gif')
}
#doc table tr td ul li.celular{
	width:5.2em;
	margin-left:16px;
	padding-left:0; list-style-position:outside; list-style-image:url('icon-cel.gif')
}
big{
	font-size: 1em;
	font-weight: bolder;
	/*text-decoration: underline;*/
}
#doc dl{
	margin : 0 14px 0 10px;
	font-size:0.8em;
}
#doc dl dt{
	font-weight:bold;
	text-decoration:underline;
	color:#008080;
	font-size:0.9em;
}
#doc dl dt:after{
	
}
#doc dl dd{
	margin:0 0 0.8em 0;
	text-align:justify;
}
#doc ol.noenumerada{
	list-style: none inside;
	margin-left: 0;
	padding-left:0;
}

#pie{
	margin:12px 0 0 10px;
	font-size:0.8em;
}
#pie hr{
	display:block;
	visibility:hidden;
	height:1px;
	width:100%;
	color:#dcdcdc;
}




/********* EL PIE *********/
hr {
	display : none;
	clear : both;
	margin : 0;
	padding : 0;
}
#foot{
	display: block;
	clear: both;
	bottom:0;
	height: 45px;
	margin: 0;
	border-top: 0px solid #c0c0c0;
	vertical-align: bottom;
	text-align: center;
	background: #dcdcdc url('foot.png') repeat-x 0% 100%;
	font-size: 0.6em;
	color: #000;
	font-family: sans-serif; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}
#foot #w3c {
	display : block;
	float:right;
	text-indent:0;
}
#foot p{
	margin:0;
	text-indent:0;
}

/********* EL BLOQUE DE NOTICIAS DE LA PORTADA *********/
#extras {
	display : block;
	float : left;
	height : 268px;
	width : 200px;
	padding : 0;
	border : 0px none;
	/*background : transparent url(sombra-base.png) no-repeat bottom left;*/
	text-align : center; margin-left:6px; margin-right:0; margin-top:0; margin-bottom:14px
}
#doc #extras a{
	text-decoration:none;
}
#extras h3 {
	border: medium none;
	height: 24px;
	width: 100%;
	margin: 0;
	text-align: left;
	color: #fff;
	background: #fff url(fondo-extras-noticiasnews.png) no-repeat 50% 0%;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:1px;
	font-family:serif;
	padding:0;
}
#extras h3 a, #extras h3 a:hover, #extras h3 a:visited, #extras h3 a:visited:hover {
	color : #fff;
}
#extras ul {
	height : 230px;
	width : 200px;
	overflow : auto;
	margin : 0;
	padding : 0;
	text-align : center;/*
	border-right : 1px solid #bababa;
	border-bottom : 1px solid #bababa;
	border-left : 1px solid #bababa;*/
	background-color:#fff;
}
#extras ul li {
	display : block;
	width : 181px;
	margin : 0;
	padding : 0;
	color : #000;
	text-decoration : none;
	background : #fff url('fondo-diploma.jpg');
}
#extras ul li:hover {
	background : white none repeat;
}
#extras ul li .fecha {
	width : 100%;
	background-color:#e0e0e0;
	margin : 0;
	padding : 0 0 0 1px;
	color : #000;
	text-align : left;
	text-decoration : none;
	font : normal 0.86em sans-serif;
	font-weight:bold;
}
#extras ul li h4 {
	margin: 0;
	padding: 0;
	width: 100%;
	/*border: medium none inherit;
	background-color: #e6e6e6;*/
	font: bolder 1.15em sans-serif;
	color: #0093d9;
	text-align: left;
	text-indent: 0;
	text-transform: none;
}
#extras ul li h4 a, #extras ul li h4 a:visited {
	color : #0093d9;
}
#extras ul li h4 a:hover, #extras ul li h4 a:visited:hover {
	color : #004d97;
	text-decoration : underline;
}
#extras ul li p {
	float : none;
	width : 100%;
	background : transparent;
	margin : 0;
	padding : 0;
	text-align : left;
	text-indent : 10px;
	font : 0.8em sans-serif;
	color : #636363;
}

/*LA SECCIÓN NOTICIAS*/
#cuerpo .noticia{
	margin: 0 0 0 10px;
	border-bottom: 1px solid #E9E9E9;
}
#cuerpo .noticia .fecha{
	font-size:0.8em;
}
#cuerpo .noticia h3{
	margin-left:0;
}
#cuerpo .noticia p{
	margin-left:0;
}
#cuerpo .noticia .byline{
	margin:0 0 12px 0;
	text-align:right;
	font-size:0.7em;
}

/*SECCIÓN AUSPICIO*/
#doc ul.auspicio{
	display: block;
	clear: both;
	width:auto;
	margin: 0 auto 3em 1em;
	padding: 0;
	list-style: none inside;
	text-align:center;
}
#doc ul.auspicio li{
	display: inline;
	margin:0 0 8px 4px;
	padding:0;/*
	float:left;*/
}

/********* ESPECIALES *********/

.atencion{
	clear: both;
	border: thin dashed #66ccff;
	background: #e8f8ff url('ojo.png') no-repeat top left;; margin-left:10px; margin-right:12px; margin-top:8px; margin-bottom:8px; padding-left:28px; padding-right:6px; padding-top:6px; padding-bottom:6px
}/*
.atencion:before{
	content: "ATENCIÓN: ";
	font-weight:bold
}*/

.email:before{
	content:url(icon-email.gif);
	vertical-align : bottom;
	bottom:0;
	margin:0;
	padding:0;
}

/*FAQ*/
#faq dt:before{
	content:"-";
}
#faq dd{
	display:none;
}

/*COMENTARIOS*/
.comentario{
	margin: 0 10px 10px 10px;
	padding: 0;
	border: 1px dashed #ffa500;
	background-color: #ffffec;
}
.comentario:hover{
	background-color:#fafad2;
}
#doc .comentario h5{
	margin: 0 0 3px 0;
	padding: 1px 0 1px 10px;
	/*background-color: #E6F3CB;*/
	color: #57731E;
}
.comentario .byline{
	margin: 0;
	text-align: center;
	font-size:0.7em;
	font-style: italic;
	color:#a9a9a9;
}
.comentario .byline .autor{
	font-size: larger;
	color: #000080;
	text-transform: capitalize;
}


/*Panel informativo derecho*/
#doc .panel{
	float:right;
	width:160px;
	padding:0;
	background:#f5f4f4 url('ipanel.png') no-repeat bottom right;; margin-left:0; margin-right:8px; margin-top:0; margin-bottom:10px
}/*solo funciona a 800x600
#doc .panel#subsubsecciones{
	position:fixed;
	top:20.2em;
	right:10px;
}*/
#doc .panel h3{
	margin:0;
	font-size: 0.8em;
	/*text-transform: uppercase;*/
	color: #000;
	background:#d9d9d9 url('ipanel-h3.png') no-repeat top left;; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:4px
}
#doc .panel h3 a, #doc .panel h3 a:visited{text-decoration:none;color: #000;}
#doc .panel h3 a:hover, #doc .panel h3 a:visited:hover{text-decoration: underline;}
#doc .panel a, #doc .panel a:visited{
	text-decoration:none;
}
#doc .panel a:hover, #doc a:visited:hover{
	text-decoration:underline;
}
#doc .panel ul{
	margin:0;
	padding: 5px 5px 1px 0px;
	list-style: square;
	list-style-position: inside;
	background: transparent;
}
#doc .panel ul li{
	margin:0 0 0 10px;
	padding:0 0 .5em 0;
}
#doc .panel ul.chico{
	margin-bottom:.5em;
}
#doc .panel ul.chico li{
	font-size:smaller;
	line-height:1.4em;
	margin:0 0 0 5px;
	padding:0 0 0 0;
}

#doc .panel ul.chico a:hover, #doc .panel ul.chico a:visited:hover {text-decoration:underline;}
#doc .panel ul a, #doc .panel ul a:visited {text-decoration: none;color: #000;}
#doc .panel ul a:hover, #doc .panel ul a:visited:hover {text-decoration:underline;}

/*ALOJAMIENTO*/
#doc .item{
	display:block;
	clear:left;
	padding-left:87px;
	border:1px solid #f7f7f7;
	background:url(barrita.png) repeat-y top left;
	margin-top:0;
	margin-right:5px;
	margin-bottom:12px;
	margin-left:10px;
}
#doc .item img.logo{
	float:left;
	width:77px;
	margin:-1.7em 0 0 -87px;
	text-align:center;
}
#doc .item h4{
	margin-left:0;
	text-decoration:underline;
	color:#004d97;
}
#doc .item p{
	margin-left:0;
}
#doc .item ul{
	margin-left: 0;
	padding: 0;
	list-style: none outside;
}
#doc .mr{
	padding-left:124px;
	background:url(barrita-ancha.png) repeat-y top left;
}
#doc .mr img.logo{
	width:116px;
	margin-left:-124px;
}