/* @group Elementos principales */
body { background:#31363e; color:#333; font-family: 'Trebuchet MS','Lucida Sans Unicode', Tahoma, Arial, Verdana; font-size:80%; }
p { margin:18px 0; }
a:link,a:visited { color:#297da8; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { color:#282828; font: 2.1em Georgia, "Times New Roman", Times, serif; }
h1 a:link, h1 a:visited { color:#282828; text-decoration:none; }
h2 { padding-left: 10px; font-family: Georgia, "Times New Roman", Times, serif; border-left: 6px solid #21262f; margin-top: 15px; }
/* @end */

/* @group Main containers */
#wrapper { max-width:970px; margin: 0 auto 0; border-left:1px solid #fff; border-right:1px solid #fff; background:#fff; }
* html #wrapper { width:765px; }
#header{ position:relative; background:url(bg_header.png) 0 0 repeat-x #31363e; padding:80px 0 30px 20px; font-size:15px; color:white; }
#title { font-size:2.5em; font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif; margin-right: 0.5em; float: left; }
#title a { color:white; text-decoration:none; }
#subtitle { height: 3em; padding: 1em; font-size: 0.7em; }
#searchbox { position:absolute; top:15px; right:15px; }
#searchbox label { display:none; }
#sections { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; position: absolute; right:18px; top:130px; }
#sections .cont_secciones { text-align:right; padding-right:10px; }
#sections ul,#footer ul { padding:0; list-style-type:none; margin:0 auto 0; }
#footer ul { font-size:13px; margin:0 0 20px; }
#sections li, #footer li { padding:0; display:inline; }
#sections a:before { content: '{ '; color: white; }
#sections a:after { content: ' } '; color: white; }
#sections a:link,#sections a:visited,#footer a:link,#footer a:visited { color:#beda20; }
#sections a:hover,#footer a:hover { text-decoration:none; color:#fff; }
#footer { background:url(bg_header.png) 0 0 repeat-x #31363e; color: #fff; text-align:center; padding-bottom: 40px; }
#footer ul { padding-top:10px; margin-bottom:15px; font-size: 1.3em; }
#body { padding:10px 300px 10px 15px; }
#mainbar { position:relative; float:left; width:100%; }
#firstbar { float:left; width:285px; padding:0 0 0 15px; margin-right:-300px; }
/* @end */

/* @group Post contents */
.post .tags { font-size:0.8em; }
.post .author, .post .date { display:inline; }
.post .author:after { content:", el "; }
.post .tags { border-bottom:1px solid #ccc; margin:10px 0 10px -16px; padding-left: 16px; }
.post { margin-bottom:20px; }
.post_body { line-height:1.4em; }
.post_body ul, .post_body ol, #related_posts { margin: 18px; }
.post_body ul li, #related_posts li { list-style-type: disc; }
.post_body ol li { list-style-type: decimal; }
.opciones_msg { text-align:right; border-bottom: 2px solid #31363e; margin-left: -20px; padding-bottom: 5px; }
.opciones_msg li { display:inline; padding:2px 0 2px 22px; background:url(/img/icons/comment_add.png) 0 0 no-repeat; }
.opciones_msg li a { font-weight:bold; }
#related_posts { margin: 10px; font-size: 0.8em; }
#related_posts a { font-size: 1.6em; font-weight: bold; }
/* @end */

/* @group Comments */
.comment { margin: 18px 0; }
.comment .author img { vertical-align:middle }
.comment .date { text-align:right; margin-top:18px; }
.comment .comment_body { background: #f0eee3; border-left: 6px solid #e6e3d6; padding:10px 15px; margin-left: 50px; }
#comments_form .fieldrow { margin:9px 0; }
#comments_form .fieldrow label { font-weight:bold; padding-left:9px; text-transform: uppercase; }
/* @end */

/* @group Modules */
.module { background: #e6e3d6; padding: 0 20px 20px; border-left: 6px solid #d1cec0; }
.module a { color:#8ca211; }
.module h2 { margin: 0 -20px 0 -26px; padding: 4px 20px; background:url(bg_header.png) 0 -40px repeat-x #31363e; color: #fff; font-weight: normal; border-left: 6px solid #21262f; }
#firstbar dt { margin:0; font-size:small; }
#firstbar dd { font-size:x-small; margin-bottom:5px; margin-left:15px; text-indent:-8px; }
#loginbox .fieldrow, #contact_form .fieldrow { padding: 2px 0; }
#loginbox .fieldrow label, #contact_form .fieldrow label { display:block; width:70px; float:left; font-weight:bold; text-align:right; padding-right:5px; margin-right:5px; }
#loginbox .submitrow, #contact_form .submitrow { padding:2px 0 2px 80px; }
/* @end */

.fotobonita { border:1px solid #d1cec0; padding:4px; background:white; }
.thumbnail { background: #f0eee3; border: 1px solid #e6e3d6; padding: 1%; margin: 2%; width: 18%; text-align: center; float: left; overflow: hidden; }
.fotoalbum, .album_complete .thumbnail { padding:1%; margin:1%; text-align: center; width: 44%; height: 230px; float:left; background: #f0eee3; border: 1px solid #e6e3d6; }
.fotoalbum img, .album_complete .thumbnail img { margin: 5px; padding: 5px; background: #fff; }