body {
background:#F8F8F8 url(/_img/bkg.png) repeat-x 0 0;
margin:0;
padding:0;
color:#333;
font:80%/1.3 arial,helvetica,sans-serif;
}
a {
color: #F01921;
text-decoration:none
}
a:hover {
color: #900;
text-decoration: underline;
}
a img {
border:0
}
h1, h2 {
margin:0;
padding:0
}
h3, h4, h5, h6 {
padding:0;
margin:0 0 .5em 0
}
h5 {
font-size:1.3em
}
p {
margin:0 0 1em 0
}
#contacto label {
display: block;
float: left;
width: 80px;
}
strong {
background: #FFC
}

/*** positions ***/
#container, #header, #content, #data, #footer {
position:relative;
clear:both
}
#accessibility {
position: absolute;
top: -10000px;
}
#container {
text-align:center;
}
#header, #content {
background:transparent url(/_img/bkg.header.jpg) no-repeat 100% 100%;
width:700px;
height:232px;
margin:0 auto;
text-align:left;
}
#content {
background-image:none;
height:auto
}
#data {
width:480px;
float:right;
}
#extras {
width:180px;
background:transparent url(/_img/bkg.sidebar.top.png) no-repeat 8px 0
}
#footer {
width:100%;
height:120px;
background:transparent url(/_img/bkg.footer.png) repeat-x 0 0
}

/*** header ***/
#header h1 {
background:transparent url(/_img/bkg.header.h1.png) no-repeat 0 0;
position:absolute;
top:66px;
left:0;
width:180px;
height:147px;
z-index:100;
text-indent:-1000em
}
#header h2 {
background:transparent url(/_img/bkg.header.h2.png) no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:180px;
height:229px;
z-index:9;
text-indent:-1000em
}
#mainmenu {
width:480px;
position:absolute;
right:0;
top:3px;
margin:0;
padding:0;
list-style:none;
font-size:.8em;
text-transform: uppercase;
font-weight:bold
}
#mainmenu li {
display:inline;
}
#mainmenu li a {
/*width:24.8%;*/
width:33.1%;
height:55px;
text-align:center;
display:block;
float:left;
text-decoration:none;
color: #000;
background:transparent url(/_img/bkg.mainmenu.li.a-trans.png) no-repeat 0 0;
cursor:pointer
}
#mainmenu li a.active, #mainmenu li a.active:hover {
background-image:url(/_img/bkg.mainmenu.li.a.active-trans.png);
color:#fff;
cursor:default
}
#mainmenu li a:hover {
background-image:url(/_img/bkg.mainmenu.li.a.hover-trans.png);
color:#fff
}
#metamenu {
position:absolute;
top:3px;
left:192px;
margin:0;
padding:0;
list-style:none
}
#metamenu li {
width:16px;
height:16px;
}
#metamenu li a {
width:16px;
height:16px;
display:block;
text-indent:-1000em;
background:transparent url(/_img/bkg.metamenu.home.gif) no-repeat 0 0;
}
#metamenu li a#contact {
background:transparent url(/_img/bkg.metamenu.contact.gif) no-repeat 0 0;
}
#metamenu li a#sitemap {
background:transparent url(/_img/bkg.metamenu.sitemap.gif) no-repeat 0 0;
}
#metamenu li a#feed {
margin-top:60px;
margin-left:-10px;
position:absolute;
background:transparent url(/_img/bkg.metamenu.feed.gif) no-repeat 0 0;
}
#metamenu li a#home:hover, #metamenu li a#contact:hover, #metamenu li a#sitemap:hover, #metamenu li a#feed:hover {
background-position:0 -20px
}

/*** content ***/
/*** data ***/
#data h3, #content h3.title {
background:#EF1A21 url(/_img/bkg.h3.png) repeat-y 0 0;
color: #fff;
margin:20px 0 0 0;
text-align:right;
font-size:2em;
letter-spacing:-.05em;
height:1em;
line-height:1.3;
overflow:hidden
}
#data h3.title, #content h3.title {
margin-bottom:20px;
}
.post {
margin-bottom:40px
}
.post h4 {
font-size:1.8em;
letter-spacing:-.05em;
line-height:.9;
margin: 0 0 .3em 0
}

.post img {

float:left;
margin-right:10px;
}
.date {
background:#c1c1c1 url(/_img/bkg.date.png) repeat-y 0 0;
color: #F8F8F8;
margin-top:0;
text-align:right;
font-size:2.3em;
font-weight:bold;
letter-spacing:-.07em;
height:1.35em;
line-height:2;
overflow:hidden
}
.today .post .date {
display:none
}
.moredays {
font-size:.85em
}
.moredays .post {
width:230px;
height: 250px; /*330px;*/
margin: 0 5px 20px 3px;
float:left
}
.moredays .post .date {
width:30px;
padding:2px;
font-size:1em;
letter-spacing: 0;
font-weight:bold;
line-height:.9;
text-align:center;
float:left;
height:auto;
overflow:auto;
background-color: #C1C1C1;
background-image: none;
margin:0 10px 5px 0;
text-transform: uppercase
}
.day, .month, .year {
display:block;
}
.day {
font-size:1.2em
}
.month {
font-size:1.1em
}
.moredays .post h4 {
	font-size: 1.5em
}
.moredays .post img {
	display: none;
}
/*** extras ***/
.sidebar-top {
font-size:.85em;
color: #666;
text-align: right;
}
.sidebar-top h3 {
color: #fff;
font-size: 1.9em;
letter-spacing: -.05em;
height:1.9em;
line-height:1.8;
overflow:hidden
}
.block {
background: transparent url(/_img/bkg.block.png) repeat-y 100% 0;
}
.block h3 {
background: transparent url(/_img/bkg.extras.h3.png) repeat-y 100% 0;
color: #fff;
margin:20px 0 10px 0;
text-align:right;
font-size:1.3em;
letter-spacing:-.05em;
height:1.5em;
line-height:2.4;
overflow:hidden
}
#search {
position: relative;
padding: 0 10px
}
#q {
border:0;
border-bottom:1px solid #EF1A21;
background: transparent url(/_img/bkg.input.png) repeat-x 0 0;
width:140px;
padding-right: 20px
}
#searchsubmit {
border:0;
text-indent:-1000em;
display: block;
position: absolute;
right: 10px;
top: 2px;
overflow: hidden; 
background: transparent url(/_img/bkg.searchsubmit.gif) no-repeat 100% 0;
margin-left:-30px;
width:20px;
height:17px;
}
#extras ul {
list-style:none;
margin: 0;
padding: 0
}
#extras li {
font-size: 1em;
}
#extras li a {
display: block;
border-bottom: 1px solid #fff;
font-weight: bold;
text-align: right;
padding: 1px 2px;
width: 176px;
}
#extras li a:hover {
background: transparent url(/_img/bkg.extras.h3.png) repeat-y 100% 0;
color: #000;
text-decoration: none;
}

/*** footer ***/
#footer {
	font-size: .8em;
	color: #8B8B8B
}
#footer p {
	margin-top: 30px
}
#footer a {
	color: #343434
}
#footer a:hover {
	color: #000
}
#footer ul {
	list-style: none;
	margin: 0
}
#footer li {
	display: inline;
	padding: 5px 20px
}
#footermenu {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 30px
}
#footersubmenu {
	font-size: 1.1em
}
#footersubmenu li {
	padding: 5px 10px
}
.hidden {
	display: none
}
.opinion {
	text-align: right;
	margin-right: 2px;
}
.opinion img {
	border: none;
}

/*** programa list ***/
#programa {
margin:0;
padding:0;
list-style:none;
width:480px;
position:relative;
}
#programa li {
display:inline;
position:relative;
}
#programa li a {
display:block;
float:left;
width:239px;
margin-right:1px;
font-size:1em;
line-height:1.9;
font-weight:bold;
background-color: #ECECEC;
color:#343434;
border-bottom:1px solid #343434
}
* html #programa li a {
width:237px
}
#programa li a:hover {
text-decoration:none;
color: #F01921;
border-bottom-color:#F01921;
background-color:transparent
}
br.clearfix {
width:0;
height:0;
float:none;
clear:left;
font-size:1px
}