/* 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;
	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}
 
hthtml>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:658px;
	background: #fff;
}

#header{
	position:absolute;
	top:0;
	left:0px;
	width:985px;
	height: 218px;
	background:#000;
	border:0px;
	overflow:visible;
	color: #000000;
	z-index:100;
}

#left {
	position:relative;/*ie needs this to show float */
	width:640px;
	height:100%;
	max-height:100%;
	float:left;
	padding:8px;
	padding-top:258px;/*needed to make room for header*/
	padding-bottom:70px;/* needed to make room for footer */
	background: #fff;
}

#left p {padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:310px;
	float:right;
	padding-top:260px;/*needed to make room for header*/
	padding-bottom:70px;/* needed to make room for footer */
	background: #fff;
}

#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: 20px}
#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: 27px; height: 28px; padding-top: 1px; padding-left: 8px; padding-right: 8px }

#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}
#mainfoto {float: right; margin-left: 16px; margin-bottom: 10px; width: 340px;}

#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; margin-bottom: 12px; margin-top: 12px; 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: 2px; 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}

#encuesta { border: 1px solid #cccccc; padding: 0px; padding-left: 4px; padding-top: 10px; margin-top: -5px; margin-bottom: 8px; font-family: Georgia, "Times New Roman", Times, serif; width: 294px; max-width: 294px; overflow: hidden}
#encuesta p {font-weight: bold; font-size: 11px; width: 280px; max-width: 280px; text-align: left}
#encuestaopcion {height: 23px; margin-top: 8px; font-size: 11px; width: 168px; max-width: 168px; padding-left: 0px; border-bottom: 1px dotted #ccc; padding-bottom: 8px}
.pollbutton{
float: right;
cursor:pointer;
width: 100px;
margin-right: 4px;
margin-left: 4px;
margin-top: -5px;
height: 120px;
background:url(../imgs/pollbutton.jpg) repeat-x left top;
display: block;
background-color: transparent;
background-repeat: no-repeat;
border: 0
}

#portal { border: 1px solid #cccccc; padding: 0px; margin-top: -3px; margin-bottom: 8px; cursor: pointer; width: 298px; max-width: 298px; overflow: hidden; 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: -35px; 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: 197px; max-width: 197px; 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:solid 1px #999;
	background:#fff;
	color:#666;
	font-weight:normal;
}

#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);}