/*LA ESTRUCTURA*/
html{background : #ABACB4 url(fondo-html.jpg) repeat-x 0% 0%;}
body{
	/*display:none;*/
	height:auto;
	width:770px;
	margin:8px auto;
	clear:both;
	background:#63789a url(pinguinos-cambiar.png) no-repeat bottom left;
}
/********* LA CABECERA V*********/
h1 {
	position: relative;
	height: 110px; /*90px*/
	width:770px;
	padding: 0;
	margin: 0 auto;
	clear: both;
	/*border-bottom: 5px solid #63718c;*/
	background: #63718c url(header2.jpg) no-repeat 0% 50%;
	color: #fff; /*text-transform: capitalize;*/
	text-shadow: #dcdcdc;
	text-align: left;
	text-indent: 6px;
	font-weight: normal;
	font-family: serif;
	font-size: 2.3em;
	/*font-variant: small-caps;*/
	line-height: 84px;
	vertical-align: middle;
}
h1 a,h1 a:hover,h1 a:visited,h1 a:visited:hover {
	margin-top:9px;
	padding:0 0 0 80px;
	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;
	margin:-111px auto 0 auto;
	text-align:right;
	background:transparent url(logo-unap.png) no-repeat 98% 2%;
	font-size:0.1em;
	color:#63718c;
}
#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: 0;
	list-style: none;
	border-top: 1px solid #cfced9;
	background: #63718c url(menu-azul.png) no-repeat 0% 50%;
}
ul#menu li{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li a.destacado{
	font-weight:bold;
	text-decoration: blink;
}
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{
	display: block;
	height: auto;
	width: 136px;
	border: 0;
	margin: 0;
	padding: 6px 0 6px 28px;
	background: inherit /*url(menu-li-azul.png) no-repeat center left*/;
	border-bottom: 1px inset #cfced9;
	font-size: 0.9em;/*14px*/
	text-decoration: none;
	color: #fff;
	font-family: "Century Gothic","Arial", fantasy;
}/*
ul#menu li ul li a{
	border-right:1px solid #fff;
}*/
ul#menu li a:hover,ul#menu li a:visited:hover{
	background:#4c4c4c url(menu-li-azul-hover.png) no-repeat 0% 100%;

}
ul#menu li a:active,ul#menu li a:visited:active{
	background:#4682b4 url(menu-li-azul-visited.png) no-repeat 0% 100%;
	color:#fff;
	/*opacity:0.8;*/
}
* 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 {
	position:relative;
	display:block;
	float : left;
	width : 604px;
	height : auto;
	margin : 0 0 2px 0;
	padding : 0;
	border : 0 none inherit;
	border-left : 1px solid #c0c0c0;
	text-align : left;
	background : #fff url(fondo-degrade-esquina-gris.png) no-repeat 100% 0%;
	font-family:sans-serif;
}
/*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: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	background-color: #dbe8ee;
}
#nav ul.subsecciones li{
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
	text-align: center;
}
#nav ul.subsecciones li ul{
	display:none;
}
#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:#f5f5f5;
	color:#483d8b;
	text-decoration:none;
}


/********* El cuerpo del texto *********/
#doc #cuerpo {
	width : 424px;
	float : left;
	margin : 0;
	padding : 0 0 20px 0;
	border-top : 0px solid #dcdcdc;
	background:transparent url(fondo-cuerpo.png) no-repeat bottom left;
}
#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{
	position: relative;
	top: -40px;
	margin-top: 0;
	margin-bottom: -20px;
	height: 279px;
	border: 0;
	background: transparent url(../logo-oficial.png) no-repeat top center;
	line-height: 279px;
	text-align: left;
	vertical-align: bottom;
	font-size: 1px;
	color:#fff;
	/*opacity: 0.9;*/
}
h3{
	clear:both;
	margin:0 0 12px 10px;
	color:#008080;
}
#doc h3 a,#doc h3 a:visited{
	color:#008080;/*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:100%;
	float:left;
	margin:0 10px 0 0;
}
#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;
	margin: auto auto 12px auto;
	padding: 0;
	border-collapse:collapse;
	font-size: 13px;
	background: url(fondo-cuerpo.png) no-repeat bottom left;
}
#cuerpo table{
	clear:both;
	width:98%;
	margin:0 auto 12px auto;
	padding:0;
	background-color:#fff;
}
#doc table tfoot{
	background-color:#edffe1;
}
#doc table tr{
	margin:0;
	padding:0;
	border:0;
}
#doc table tbody tr:hover,#doc table tr td.colspan:hover{
	background-color:#ffffcc;
}
#doc table thead th{
	text-align:center;
	margin:0;
	border:1px solid #fa8072;
	border-bottom:2px solid #dc143c;
	border-collapse:collapse;
	background-color:#ffa500;
	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:6px;
	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{
	list-style: outside url(icon-tel.gif);
	margin-left:16px;
	padding-left:0;
}
#doc table tr td ul li.celular{
	width:5.2em;
	list-style: outside url(icon-cel.gif);
	margin-left:16px;
	padding-left:0;
}
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{
	content:":";
}
#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;
	padding: 4px 0;
	border-top: 0 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;
}
#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;
	margin : 0 0 14px 6px;
	padding : 0;
	border : 0 none inherit;
	background : transparent url(sombra-base.png) no-repeat bottom left;
	text-align : center;
}
#doc #extras a{
	text-decoration:none;
}
#extras h3 {
	border: medium none inherit;
	height: 21px;
	width: 100%;
	margin: 0;
	padding: 0.1em 1px 0;
	text-align: left;
	color: #fff;
	background: #4275b5 url(fondo-extras-desbotonado.png) no-repeat 0% 0%;
	font: bold medium serif;
}
#extras h3:before {
	content : "*";
	color : #888;
}
#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 : #bababa;
}
#extras ul li {
	display : block;
	width : 181px;
	margin : 0;
	padding : 0;
	color : #000;
	text-decoration : none;
	background : #fff url(fondo-diploma.jpg) repeat;
}
#extras ul li:hover {
	background : white none repeat;
}
#extras ul li .fecha {
	width : 100%;
	background-color : #e0e0e0;
	margin : 0;
	padding : 0;
	color : #727272;
	text-align : left;
	text-decoration : none;
	font : italic 0.7em sans-serif;
}
#extras ul li h4 {
	margin: 0;
	padding: 0;
	width: 100%;
	border: medium none inherit;
	background-color: #e6e6e6;
	font: bolder 0.8em serif;
	color: #004d97;
	text-align: left;
	text-indent: 0;
	text-transform: uppercase;
}
#extras ul li h4 a , #extras ul li h4 a:visited {
	color : #004d97;
}
#extras ul li h4 a:hover , #extras ul li h4 a:visited:hover {
	color : #000080;
	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 8px 6px;
	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;
	margin: 8px 12px 8px 10px;
	padding: 6px 6px 6px 28px;
	border: thin dashed #66ccff;
	background: #d7f2ff url(ojo.png) no-repeat top left;
}
.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: #FFFFEC;
}
#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;
	margin:0 8px 10px 0;
	padding:0;
	background:#f5f4f4 url(ipanel.png) no-repeat bottom right;
}/*solo funciona a 800x600
#doc .panel#subsubsecciones{
	position:fixed;
	top:20.2em;
	right:10px;
}*/
#doc .panel h3{
	margin:0;
	padding: 5px 10px 4px;
	font-size: 0.8em;
	/*text-transform: uppercase;*/
	color: #000;
	background:#d9d9d9 url(ipanel-h3.png) no-repeat top left;
}
#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;
	margin:0 5px 12px 10px;
	padding-left:140px;
	border:1px solid #f7f7f7;
	background:transparent url(barra.png) repeat-y top left;
}
#doc .item img.logo{
	float:left;
	max-width:130px;
	margin:-2em 0 0 -140px;
	text-align:center;
}
#doc .item h4{
	margin-left:0;
	text-decoration:underline;
	color:#000080;
}
#doc .item ul{
	margin-left:0;
	padding:0;
	list-style:none outside;
}