html{background : #ABACB4 url(fondo-html.jpg) repeat-x 0% 0%;}
body{
	/*display:none;*/
	height:auto;
	width:770px;
	margin:8px auto;
	clear:both;
	background:#9f9faf url(pinguinos.png) no-repeat bottom left;
}
img{
	color:#c0c0c0;
	margin:0;
	padding:0;
}
.centrado{
	clear:both;
	text-indent:0;
	text-align:center;
}
@media all{
	a img {
		color : inherit;
		border : none;
		vertical-align : bottom;
	}
}
a , a:visited , a:hover , a:visited:hover {
	text-decoration : none;
}

/********* LA CABECERA V*********/
h1 {
	position: relative;
	height: 2.4em; /*90px*/
	width:770px;
	padding: 0;
	margin: 0 auto;
	clear: both;
	border-bottom: 5px solid #6C7080;
	background: #737184 url(header4.jpg) no-repeat 0% 50%;
	color: #fff; /*text-transform: capitalize;*/
	text-shadow: #dcdcdc;
	text-align: left;
	text-indent: 48px;
	font-weight: normal;
	font-family: serif;
	font-size: 2.3em;
	/*font-variant: small-caps;*/
	line-height: 84px;
	vertical-align: middle;
}
h1 a {
	margin-top:10px;
	color : #fff;
}
h1 a abbr sup {
	text-decoration: underline;
	font-size: 0.8em;
	vertical-align: 0.3em;
}
h1 a img{
	margin-top:-10px;
}
#UNAP,#address,#fecha{
	display:none;
}

/********* EL MENÚ *********/
ul#menu {
	display:block;
	float: left;
	width: 165px;
	height: auto;
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #cfced9;
	background: #8d8a9d url(menu.png) no-repeat 0% 50%;
}
ul#menu li{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li ul li{
	background:inherit;
}
ul#menu li ul{
	position:absolute;
	left:165px;
	top:0;
	margin:0;
	padding:0;
	background-color: #8d8a9d;
	display:none;
	font-size:smaller;
	/*opacity:0.8;*/
}
ul#menu li:hover ul,ul#menu li.over ul{
	display:block;
}
ul#menu li a{
	display: block;
	height: auto;
	width: 133px;
	border: 0;
	margin: 0;
	padding: 6px 5px 6px 28px;
	background-color: inherit;
	border-bottom: 1px inset #cfced9;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	font-family: "Century Gothic", fantasy;
}
ul#menu li a:hover,ul#menu li a:visited:hover{
	background:#4c4c4c url(../recursos/favicon.png) no-repeat 0% 0%;

}
ul#menu li a:active,ul#menu li a:visited:active{
	background:#b61434 url(menu-li-hover.jpg) no-repeat 0% 0%;
	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%;}

/********* EL DOCUMENTO *********/
#doc {
	float : left;
	width : 603px;
	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;
}
/********* El cuerpo del texto *********/
#doc #cuerpo {
	width : 386px;
	float : left;
	margin : 0 14px 0 0;
	padding : 0 0 20px;
	border-top : 0px solid #dcdcdc;
	background:transparent url(fondo-cuerpo.png) no-repeat bottom left;
}
#doc #cuerpo img{
	max-width:100%;
}
#doc p {
	margin : 0 14px 12px 10px;
	text-indent : 20px;
	text-align : justify;
	background : transparent;
	font-size:0.8em;
}
h2 {
	display: block;
	margin: 1px auto 10px;
	padding: 12px 0 6px 0px;
	width: 97%; /*background : green url(../baby-tuxin.png) no-repeat 0% 50%;*/
	text-align: left;
	border-bottom: 3px solid #000;
}/*
h2 img{
}*/
h2#logo{
	position: relative;
	top: -20px;
	height: 220px;
	margin-top: 0;
	margin-bottom: -20px;
	border-bottom: 0;
	background: transparent url(logo-oscar.png) no-repeat top center;
	line-height: 220px;
	text-align: center;
	vertical-align: bottom;
	font-size: 0;
	/*opacity: 0.9;*/
}
h3{
	margin:0 0 12px 10px;
}
/*Panel informativo derecho*/
#doc .panel{
	float: right;
	width: 160px;
	margin: 0 6px 10px 10px;
	padding: 0;
	background: transparent;
}
#doc .panel h5{
	width:100%;
	margin:6px 0 3px 2px;
	font-size:1em;
	text-transform: uppercase;
}
#doc .panel ul{
	margin:0 0 4px 2px;
	padding:0;
	list-style: square;
	list-style-position: inside;
	font-size:smaller;
}
#doc .panel ul li{
	margin:0;
	padding:0;
}

/********* EL PIE *********/
hr {
	display : none;
	clear : both;
	margin : 0;
	padding : 0;
}
#w3c {
	display : block;
	clear : both;
	height : 45px;
	margin : 0;
	padding : 4px 0 0;
	border-top : 0 solid #c0c0c0;
	text-align : center;
	background : #dcdcdc url(foot.png) repeat-x 0% 100%;
}

/********* 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;
}
#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.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 1.6ex fantasy;
	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:-12px 0 12px 0;
	text-align:left;
	font-size:0.7em;
}

/********* ESPECIALES *********/
#doc p img:after {
	content: attr(title);
	display: block;
	text-align:center;
	color:inherit;
}