@import url("reset.css");

/*layout*/
#wrapper {	position: relative;	width: 635px;	margin: 0 auto;	padding:0 55px 0 50px;	border:1px solid #E4E4E4; background:   url("../imgs/blog_bk-wrapper.jpg") no-repeat top left ;}
body {	padding-top: 20px;}
#header {	height: 85px;}
#logo a img { /* logo img */	position: absolute;	top: 0px;	left: 0px;}
#main{	width: 430px; margin:0; padding:0; min-height:850px;}
#content:after {/* clearfix */	content: "."; 	display: block; 	height: 0px; 	clear: both; 	visibility: hidden;}
#main {	position: relative;	float: right; margin-bottom:2em;	padding-bottom:2em;}

/* Side*/
#side {	float: left;	width: 160px;	position:relative; padding-right:45px; padding-bottom:180px;  margin-top:195px }
#side h2 {	font-size: .8em;  color:#DF0003;}
#side p {	font-size: .675em;}
#side p strong { color:#DF0003;}
#side a { color:#333333;}
#side a:hover{ color:#DF0003;}
#side form div{ margin-top:5px;}
#side ul{	margin: 8px 0;  }
#side li{	margin-top: 5px; position:relative; line-height:1.2em; display:block; font-weight:bold }
#side li a.selected{	color:#DF0003; }
/* items d'una UL */
#side  ul.year li {	background: url(../imgs/bullet.gif) no-repeat 0 2px; padding-left:13px; margin-top:20px	}
/*#side  ul.categories li {		background: url(../imgs/blog_bullet.gif) no-repeat 0 .5em;padding-left: 5px;min-height:1px}*/
#side hr{ clear:both; border:0; height:1px; background-color:#E4E4E4; margin:20px 0}


/*basic*/
.hide, h1 {	position: absolute;	left: -999px; width:100px;	}
.hide a:hover, h1 a:hover {	background: none;}
acronym, abbr {	border-bottom: 1px dashed #000;	cursor: help; font-size: 0.9em;	letter-spacing: .07em;}
code {	font-size: 1.25em;	color: #DF0003;}
a {outline:none;}

body, input, select, textarea {	font-family: 'Trebuchet MS', 'Helvetica', 'Sans-serif'; color: #333;}

h2 {	font-size: 1.035em;	font-weight: bold;	line-height: 1.05em;}
h3 {	font-size: 1.085em;	font-weight: bold;	line-height: 1.25em;}
h4 {	font-size: 0.95em;	font-weight: bold;	line-height: 1.25em;}
h5, h6 {	font-size: 0.75em;	line-height: 1.25em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {	color: #444;}
p {	font-size: 0.700em;	line-height: 1.25em;	color: #444;}
li, table, form {	font-size: 0.700em;	line-height: 1.25em;	color: #444;}
li li {	font-size: 1em;	line-height: 1.25em;}
li p {	font-size: 1em;	line-height: 1.25em;	}
a { 	color: #333;	text-decoration:underline;}
form p{	font-size:1em;}
#main hr{ clear:both; border:0; height:1px; background-color:#E4E4E4;}
/*
per arreglar els h2 a IE6
*/
* html h2 {
	height: 20px !important;
}

/* Main */
#main {		padding-bottom: 2em;}
#main h2 {	font-family: 'Arial', 'Helvetica', 'Sans-serif'; color:#000; font-size:2.5em!important; line-height:.5em}
#main h2 span{ 	font-family: 'Trebuchet MS', 'Helvetica', 'Sans-serif';color:#676868; font-size:.3em!important; margin-left:3px;}
*:first-child+html #main h2 { line-height:1.2em; margin-top:-10px}
*:first-child+html #main h2 span{ line-height:1.2em; margin-top:-10px}
*html #main h2 { line-height:1em; margin-top:-10px}
*html #main h2 span{ line-height:1em; margin-top:-10px}

#main p {	margin: 0 0 1em 0px;}
#main p.destaca{font-family: 'Arial', 'Helvetica', 'Sans-serif';color: #FFF; background-color:#DF0003; padding:9px 12px; margin-bottom:20px; margin-top:10px }
#main p.author{ font-weight:bold; color:#676868; font-size:1.05em; margin-bottom:10px  }

#main a { 	color: #333;	text-decoration:underline;}
#main a:hover{	text-decoration:none;}

#main ul{	margin-top: .8em;	margin-bottom: 1em;	margin-left: 0px; }
#main ul li {	list-style: none; padding-left: 0px;	border-bottom:1px solid #E4E4E4; margin-bottom:25px}
#main ul li h3, #main.post .bloque h2, #main.post #related  h2 { color:#DF0003; font-size:1.2em; line-height:1.2em; margin-bottom:5px }
#main ul li h3 a{ text-decoration:none;  color:#DF0003; }
#main ul li h3 a:hover{ color: #333;}

#main ul p.post_date{  margin-bottom:5px; font-size:.9em; font-weight:bold }
#main ul img{border:1px solid #CFD1D3; margin-top:20px }

#main ul.post_actions , #main ul.post_actions li { border:0}
#main ul.post_actions { height:5px; margin-top:25px; font-weight:bold; font-size:.9em}
*:first-child+html  #main ul.post_actions { height:15px; margin-top:25px}
*html #main ul li {	margin-bottom:3px}
*html #main ul{  margin-top:0px; }
*html #main ul p.post_date{  margin-top:20px; }
#main ul.post_actions li { float:left;}
#main ul.post_actions li.post_send { text-align:right; text-align:right; float:right}
#main ul.post_actions a { color:#DF0003; text-decoration:none;}
#main ul.post_actions a:hover { color:#000; text-decoration:none;}


/* POST*/ 
#main.post .bloque h2, #main.post #related h2  { font-size:.8em!important; font-family: 'Trebuchet MS', 'Helvetica', 'Sans-serif'; }
#main.post .bloque h3 { font-size:.8em;  }

#main.post ul{ margin-top:35px }
#main.post ul li{ margin-bottom:0px }
#main.post ul img{ margin-top:0px }

#main .bloque { clear:both;  }

/* SUGERENCIAS*/
#main .bloque ul.atril  { margin-left:0px;  width:430px; margin-top:15px;}
#main .bloque ul.atril li {  background:none; padding:0; margin-right:20px; width:70px; margin-bottom:10px; font-size:.7em; float:left; border:0;}
* html #main .bloque ul.atril li { margin-right: 17px; }
* html #main .bloque ul.atril li img {float: left; margin-bottom: 3px;}
*:first-child+html #main .bloque ul.atril li img {margin-bottom: 3px;}
#main .bloque ul.atril li a { text-decoration:none}
#main .bloque ul.atril li a:hover{  color:#DF0003;}
#main .bloque ul.atril li img:hover { border-color:#DF0003;}
#main .bloque ul.atril li:first-child+li+li+li+li {  margin-right:0;}
#main .bloque ul.atril li em{ font-weight:normal; font-style:normal; color:#666; }

/* CRUCE DE CAMINOS */ 
#related{ clear:both; border-top:1px solid #E4E4E4; padding-top:20px; padding-bottom:10px;}
#related h2{ padding-bottom:20px; font-family: 'Trebuchet MS', 'Helvetica', 'Sans-serif';}
#related h3 { margin-left:260px;}
#related h3 {	  font-size:.750em; padding-top:0; margin-bottom:3px;}
#related img{ float:left; border:0;   }
#main.post #related ul { margin:0; margin-left:275px; margin-bottom:10px;}
#related ul li{ list-style:disc; border:0;}
#related  a{ text-decoration:none;}
#related  a:hover{ color:#DF0003; }

/* COMENTARIOS*/

#comments{ clear:both; border-top:1px solid #E4E4E4; padding-top:20px;}
#comments h2{ padding-bottom:10px; font-family: 'Trebuchet MS', 'Helvetica', 'Sans-serif';}
#main.post #comments h3{ color:#DF0003; font-size:.7em; padding-top:15px;padding-bottom:10px;}
#main.post  #comments ol li h3 { font-size:1em; color:#444; padding-top:5px; }
#main.post  #comments ol li  { text-align:justify}
#main.post  #comments p a{ color:#706f6f; text-decoration:none  }
#main.post  #comments p a:hover{ color:#DF0003;   }


#main.post  #comments fieldset{ border:0}
#main.post  #comments label strong{ width:200px!important; display:block}
#main.post  #comments label{ display:block}