  <style type="text/css">
/*
-----------------------------------------------------
Blogger Template Style
Name:     Snapshot: Madder
Designer: Dave Shea
URL:      mezzoblue.com / brightcreative.com
Date:     27 Feb 2004
------------------------------------------------------ */


/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 11px Verdana, Helvetica, Arial, sans-serif; color: #999999; background: #fff; text-align: center;}
a {color: #9D9E9C; font-weight: normal; text-decoration: none;}
a:visited {color: #C7C9C7;}
a:hover {color: #495153; text-decoration: underline;}
h1 {margin: 0; color: #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; text-align:left; padding:8px;}
h1 a {color: #7B8186;}
h2, #comments h4 {font-size: 0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; margin: 3px 0 3px 8px; color: #999999; }
h3 {font-size: 1em; margin: 2em 0 0 0; background: #fff}
h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;}
h5 {color: #7B8186;}
h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;}
p {margin: 0 0 1em 0;}
.lista {
font: 10px Verdana, Arial, Helvetica, sans-serif; color:#666666;}
img, form {border: 0; margin: 0;}
/* -- layout -- */
#content {width: 750px; margin: 0 auto; text-align: center; background: #fff;}
#header { width:750px; height: 200px; background: #ffffff  url(http://www.trote-extrem.org/blog/header.jpg) bottom left no-repeat;}
#header2 {float:left; width:50%; height:35px; margin-top:3px; background: #ffffff  url(http://www.trote-extrem.org/blog/trofeio.jpg) bottom left no-repeat;}
#header3 {float:left; width:50%; height:35px; margin-top:3px; background: #ffffff  url(http://www.trote-extrem.org/blog/trote.png) bottom right no-repeat;}
#center {width: 750px;	background: #ffffff 0 0 repeat-y;}
#bottom { width: 750; height: 12px; background: #fff bottom center no-repeat;}
#header div {height: 200px; background: transparent url(img/header.jpg) bottom left no-repeat;}
#main {
 text-align:left;
 background: #fff;
 line-height: 1.4;
 float: left;
 padding: 5px 0px;
 width: 470px;
 voice-family: "\"}\""; 
 voice-family: inherit;
}
#main2 {
 text-align:left;
 background: #fff;
 line-height: 1.4;
 float: left;
 padding: 5px 0px;
 width: 600px;
 voice-family: "\"}\""; 
 voice-family: inherit;
}
/* IE5 hack */
#main {}
#sidebar {height:100%; margin-left: 500px; padding: 5px 0 0 7px; background: #FFFFFF; border-left: #f9f9f9 solid 1px; border-bottom: #f9f9f9 solid 1px;}
#footer {float:left; background-color:#F3F3F3; border-top:#CCCC00 solid 1px; width:100%;
}

/* -- content area style -- */
#main {line-height: 1.4;}
#description { float:left; width:200px; height: 35px; background: #fff url(http://www.trote-extrem.org/blog/trofeio.jpg) left no-repeat;}
h3.post-title {font-size: 1.2em; text-decoration: underline; margin-bottom: 0; padding-left: 35px; background: #fff url(http://www.trote-extrem.org/blog/trote.png) left no-repeat;}
h3.post-title a {color: #F2E326;}
.post {clear: both; margin-bottom: 4em;}
.post-footer em {color: #B4BABE; font-style: normal; float: left;}
.post-footer .comment-link {float: right;}
#main img {border: solid 1px #E3E4E4; padding: 2px; background: #fff;}
.deleted-comment {font-style:italic;color:gray;}

/* -- sidebar style -- */
#lateral { float:right; width:200px; height: 35px; background: #fff; margin-top:10px;}
#sidebar h2 {font-size: 1em; margin: 1.3em 0 0.5em 0;}
#sidebar dl {margin: 0 0 10px 0;}
#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar li {padding-bottom: 5px; line-height: 0.9;}
#profile-container {color: #7B8186;}
#profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;}
.archive-list {margin-bottom: 2em; }
#powered-by {margin: 10px auto 20px auto;}


/* -- sidebar style -- */
#footer p {margin: 0; padding: 0px 8px; font-size: 0.7em; text-align:right;}
#footer hr {display: auto;}
/* -- menu-- */
#styleone{
	position:relative;
	display:block;
	height:21px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(http://www.trote-extrem.org/img/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-bottom:1px solid #D5C001;
	
}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:right;margin:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#015B7E;text-decoration:none;padding:3px 15px 0 15px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{background:transparent url(http://www.trote-extrem.org/img/bgON.gif) repeat-x top left;}
#caixa h1,#sidebar h1 {
margin:5px;
font-size:14px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#EFEFEF;
border-bottom:#CCCCCC 1px solid;
}
.textos {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
line-height:14px;
padding:0 0 0 10px;
text-align:left;}
/***caja gris claro***/
.box { 
  background: #F7F7F7; 
}
.boxtop { 
  background: url(img/ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 5px; 
  background: url(img/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(img/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 5px; 
  background: url(img/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 5px 0px 5px;
}
/*caja azul*/
.boxblue { 
  background: #3399CC;
}
.boxtopblue { 
  background: url(img/ne_blue.gif) no-repeat top right; 
}
.boxtopblue div { 
  height: 5px; 
  background: url(img/nw_blue.gif) no-repeat top left; 
}
.boxbottomblue { 
  background: url(img/se_blue.gif) no-repeat bottom right; 
}
.boxbottomblue div { 
  height: 5px; 
  background: url(img/sw_blue.gif) no-repeat bottom left; 
}
.boxcontentblue {
  padding: 0px 5px 0px 5px;
}
#mitad {
float:left;
width:90%;
margin-bottom:5px;}
#imagen {
float:left;
width:110px;
margin-left:3px;}
#referencia {
float:left;
width:60%;
margin-left:3px;
background:#f3f3f3;}
.listado {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
line-height:16px;
}
td {
padding-right:3px;}
  </style>