/* ESTA HOJA DE ESTILOS PARA BROWSERS "NORMALES" ;) */

/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:985px;/* for mozilla*/
	background-color: #ffffff;
	color: #000000;
	font: 76% arial,sans-serif;
	background-image:url(/imgs/baknextprev.gif)
}
#outer{
	height:100%;
	min-height:100%;
	width:985px;
	border-left:0px;
	border-right:0px;
	color: #000000;
	background-color: #ffffff;
	layer-background-color: #ffffff;
	text-align:left;
	margin:auto;
	position:relative;

/* DE AQUI QUITAMOS UN BACKGRAOUND QUE "PARCHABA" EL FONDO DEL AREA DE CONTENIDO (en caso de que se necesite para el portal) */


}

a{ text-decoration: none; color: #2e52af}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:668px;
	background-color: #ffffff;
	layer-background-color: #ffffff;
}
#header{
	position:absolute;
	top:0;
	left:0px;
	width:985px;
	height: 231px;
	background:#000;
	border:0px;
	overflow:visible;
	color: #000000;
	z-index:100;
}
#left {
	position:relative;/*ie needs this to show float */
	width:650px;
	height:100%;
	max-height:100%;
	float:left;
	padding:8px;
	padding-top:240px;/*needed to make room for header*/
	padding-bottom:80px;/* needed to make room for footer */
	background: #ffffff;
}
#left p {padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:317px;
	float:right;
	padding-top:240px;/*needed to make room for header*/
	padding-bottom:80px;/* needed to make room for footer */
	background: #ffffff;
}

#rightinside {
	padding:8px;
	padding-top:0px;
}

#footer {
	width:985px;
	clear:both;
	background-color: #ffffff;
	layer-background-color: #ffffff;
	text-align:left;
	left:0;
	bottom:0;
	position: absolute;
        border-top: 1px solid #cccccc;
}

* html #footer {/*only ie gets this style*/
	\height:;/* for ie5 */
	he\ight:;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

#pleca {width: 961px; background-image: url(/imgs/bakpleca.png); padding: 12px; padding-top: 48px}
#contentpleca {float: right; margin-right: 40px; width: 468px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; margin-top: -60px; border: 1px solid black}

#greybartable {border-bottom: 0px solid silver; line-height: 5px; height: 28px; margin-top: 0px; padding-left: 8px; padding-right: 8px}

#main {width:98%; z-index:1; padding: 5px; padding-right: 3px;}
#main h1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; line-height: 21px; color: #000000; font-weight: normal; margin-top: 5px}
#main p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #333333; margin-top: -6px; margin-bottom: 4px}
#mainfoto {float: right; margin-left: 16px; margin-bottom: 10px; width: 340px;}

#mainarticulo {width:98%; z-index:1; padding: 5px; padding-right: 3px;}
#mainarticulo h1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; line-height: 21px; color: #000000; font-weight: normal}
#mainarticulo p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #333333}

#secundaria {cursor: pointer; z-index:3; border: 0px; border-top: 1px; border-style: solid; border-color: #cccccc; padding-left: 0px; padding: 6px; padding-right: 2px; padding-bottom: 20px; margin-top: 10px; display: block; clear:both;}
.secundaria-fecha {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #be0000;}
#fotosecundaria {  width: 110px; height: 80px; max-width: 110px;  overflow: hidden; margin-top: 0px; margin-right: 8px; margin-bottom: 22px; margin-left: 0px; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; float: left}
#secundaria h1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 18px; color: #000000; font-weight: normal; margin-top: 4px}
#secundaria p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #333333; margin-top: -2px; margin-bottom: 0px}

#relevante {width:88%; cursor: pointer; z-index:2; border: 0px; border-bottom: 1px; border-style: solid; border-color: #cccccc; padding: 10px; padding-right: 4px; margin: 8px}
#relevante h1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 18px; color: #000000; font-weight: normal; margin-top: -8px}
#relevante p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #333333; margin-top: -2px; margin-bottom: 0px}
.relevante-fecha {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #be0000;}
#fotorelevante { width: 60px; height: 60px; max-width: 60px;  overflow: hidden; margin-top: 0px; margin-right: 3px; margin-bottom: 1px; margin-left: 0px; border: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; float: left}

#interes {width: 220px; cursor: pointer; z-index:4; background-color: #f6f6f6; layer-background-color: #f6f6f6; border: 1px solid #cccccc; margin-left: 12px}
#interes h1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 18px; color: #000000; font-weight: normal; margin-top: 8px; margin: 8px}
#interes p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #333333; margin: 8px}
#fotointeres {  width: 220px; height: 223px; max-width: 220px;  overflow: hidden}

#portal { border: 1px solid #cccccc; padding: 0px; margin-top: -3px; margin-bottom: 10px; cursor: pointer; background-color: #eee4df}
#portal ul {}
#portal li {list-style:none; font-family: Georgia, "Times New Roman", Times, serif; height: 25px; margin-top: 10px; font-size: 11px; width: 170px; max-width: 170px; padding-left: 0px; margin-left: -32px; border-bottom: 1px dotted #ccc; padding-bottom: 8px}

#portalfoto {width: 104px; max-width: 104px; height: 120px; overflow: hidden; margin-top: -10px; border: 1px solid #ccc}

#popwhite {position: relative; top: 0; float: right; background-color: #fff; layer-background-color: #fff; padding: 0px; text-align: center

}

#populares {background-image: url(/imgs/plecapopulares.gif); background-repeat: repeat-x; margin-right: 7px; border: 1px solid #cccccc; margin-left: 12px; padding: 6px; padding-top: 35px; line-height: 15px; background-color: #fffcf2; width: 230px; max-width: 230px}

#populares p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px}

#bottom {width: 204px; max-width: 234px; cursor: pointer; border: 0px; padding: 0px; padding-top: 10px; margin-bottom: 8px; margin-right: 6px; margin-left: 6px; background-color: #fff; layer-background-color: #fff; float: left}
#fotobottom {  width: 105px; height: 140px; max-width: 105px; overflow: hidden; margin-bottom: 3px; margin-right: 8px; border: 0px; float: left}
#bottom h1 {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 15px; width: 90%; color: #000000; padding: 4px; padding-left: 8px; font-weight: bold; margin-top: 0px; border-left: 12px solid #2b4285; border-bottom: 1px solid #2b4285}
#bottom p {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #333333; margin: 0px}

#footer a {color: red; text-decoration: none}
#piefranja1 {width: 975px; background-image: url(/imgs/bakpiefranja1.gif); height: 30px; padding-top: 14px; padding-bottom: 0px; padding-left: 10px;}
#piefranja2 {width: 985px; background-image: url(/imgs/bakpiefranja2.gif); height: 62px; padding-top: 3px}

.fgedfdg {color: white; font-size: 8px;}

.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:normal;
	padding: 1px 2px;
	background:url(/imgs/formbg.gif) repeat-x left top;
}

#autor {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-transform: uppercase; height: 40px}
#infobar {width: 100%; max-width: 100%; border: 0px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: white; padding: 0px; padding-left: 6px; margin: 0px; margin-left: 0px; background-image: url(../imgs/fondoplecainfo.gif); layer-background-image: url(../imgs/fondoplecainfo.gif);}