/* @group Elementos principales */
body { color: #444; font-size: 12px; line-height: 18px; font-family: "Trebuchet MS",sans-serif; background:url(bgbody.jpg) 0 0 repeat-x #656565; }
a { color: #215679; }
p { margin:18px 0; }
blockquote { font-style: italic; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }
abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
code { color: #090; font-family: Courier, monospace; }
pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
h1, h2, h3, li { position: relative; }
h1, h2, h3 { font-weight: bold; color: #000; }
h1 { font-size: 21px; line-height: 36px; }
h1 a { color:#444; text-decoration:none; }
h2 { font-size: 16px; line-height: 18px; padding: 9px 0; }
h3 { font-size: 14px; line-height: 18px; padding: 9px 0; }
/* @end */

/* @group Main containers */
#wrapper { position: relative; max-width:970px; margin:0 auto; }
* html #wrapper { width: 970px; width:expression(document.body.clientWidth > 970? "970px": "100%" ); }
#header { position: relative; margin: 70px auto 49px; }
#title a { font-size: 32px; font-weight: bold; color: #fff; text-decoration: none; }
#subtitle { margin-top: 10px; color: #4C82A6; font-size:16px; font-weight:bold; }
#searchbox { position:absolute; top:-64px; right:0; }
#searchbox label { display:none; }
#sections ul { -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; color: #fff; padding: 9px 18px 13px; background: #fff; position: absolute; z-index: 2; margin-top:-27px; }
#sections li { display: inline; }
#sections li a { font-size: 14px; text-transform:uppercase; font-weight:bold; color:#444; }
#sections li a:hover { color:#489900; }
#footer {  -moz-border-radius:15px; -webkit-border-radius:15px; padding: 10px 0; text-align: center; color:#fff; background: #000; margin-top: 18px; }

#footer li { display: inline; }
#footer ul a { font-weight: bold; font-size: 1.2em; letter-spacing: 0.1em; }

#body { padding:0 354px 20px 0; position:relative; background: #fff; -moz-border-radius:15px; -webkit-border-radius:15px; }
#mainbar { position:relative; float:left; width:100%; padding: 18px; }
#firstbar { position:relative; float:left; width:300px; margin-right:-354px; padding: 18px 18px 18px 0;}

/* @end */

/* @group Post contents */
#post_navigation .prev { float: left; }
#post_navigation .next { float: right; }
.post { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ccc; }
.post .author, .post .date { color:#888; font-style:italic; display:inline; }
.post .author { padding-bottom:10px; border-bottom:1px solid; }
.post .tags { margin-top:20px; color:#888; }
.post .tags a { font-family: Verdana, Arial, sans-serif; font-size:10px; }
.post_body { font-size:13px; line-height:24px; }
.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; }
.opciones_msg a { font-size:15px; font-weight:bold; }
/* @end */

/* @group Comments */
.comment { margin:20px 0;  }
.comment .author img { vertical-align:middle }
.comment .date { margin-top: 18px; text-align: right; }
.comment .comment_body { margin-left:50px; padding:5px 20px; background:#efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#comments_form .fieldrow { margin:9px 0; }
#comments_form .fieldrow label { font-weight:bold; padding-left:9px; text-transform: uppercase; }
/* @end */

/* @group Modules */
#firstbar .module { border-top:3px solid #444; margin-bottom:30px; }
#firstbar .module h2 { text-transform:uppercase; border-bottom:1px dotted #444; margin-bottom:20px; }
#firstbar .module ul, #firstbar .module dl, .post_body ul, #related_posts { margin:10px 20px; list-style-type:square; }
#firstbar .module ul li { margin:10px 0; }
#firstbar .module dt { margin-top:10px; }
#firstbar .module dd { margin-bottom:10px; margin-left:1em; text-indent:-0.7em; }
#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 */

img.fotobonita { border:1px solid #ccc; padding:4px; background:#efefef; -moz-border-radius:5px; }
.thumbnail { background: #efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 1%; margin: 2%; width: 18%; text-align: center; float: left; overflow: hidden; }
.fotoalbum, .album_complete .thumbnail { width: 44%; float: left; height: 200px; text-align: center; background: #efefef; margin: 2%; padding: 1%; }
.fotoalbum img, .thumbnail img { border:1px solid #ccc; background-color: white; padding:4px; margin:5px; }