/*
Theme Name: Compromiso Empresarial
Version: 1.0
Author: Markhaus
Author URI: http://www.markhaus.com
*/

html { background:white url(img/html.gif) top left; color:#19171a; }
body { background:transparent; }

a img { border:none; }

.alignright { float:right; margin:0px 0px 1em 1em; }
.alignleft  { float:left; margin:0px 1em 1em 0px; }
.text-right { text-align:right; }

.big { font-size:1.3em; }

#hd {}
#bd { background:white; padding:10px 21px 0px; clear:left; }
#ft {}

#aviso-error {
  font-size:1.5em;
  line-height:1.1em;
  padding:0.6em;
  border-left:1px solid #ccc;
  background:#fff;
  color:#696969;
}

/* HD */

#hd-top {
  padding:25px 0px 0px 40px;
  height:120px;
/*  overflow:hidden;*/
  position:relative;
}

#hd-top h1 { margin:0px; position:relative; left:-40px; width:275px; height:100px; }
#hd-top a  { display:block; }

#hd-top-content { margin-bottom:0px; height:125px; position:relative; }
#logout-link    { position:absolute; bottom:5px; right:0px; }
#logout-link a  { display:block; background:#737070; color:white; text-transform:uppercase; padding:5px; font-size:11px; line-height:1em; text-decoration:none; }
#logout-link a:hover { background:#969696; }

#hd-top-banner .wrapper { padding:15px 0px 0px 55px; }
#hd-top-banner a,
#hd-top-banner img {
  display:block;
  border:0;
  width:375px;
  height:95px;
}


/*
HD TOP FORMS
*/
#hd-top-forms ul {
  list-style:none;
  margin:0px;
  padding:0px;
}

#hd-top-search-form        { font-size:10px; }
#hd-top-search-form .title { width:100px;    }
#hd-top-search-form button {
  font-size:1.3em;
  border:0px;
  border-top:1px solid #737070;
  background:#737070;
  color:white;
  text-transform:uppercase;
  padding:5px 5px;
  cursor:pointer;
}

#hd-top-login-form li         { margin-top:5px; }
#hd-top-login-form label      { color:#696969;  }
#hd-top-login-form .txt label { display:inline-block; width:80px; }
#hd-top-login-form .txt input { width:130px; margin:0px; }
#hd-top-login-form .chk input { position:static; }
#hd-top-login-form button {
  border:0px;
  border-top:1px solid #737070;
  background:#737070;
  color:white;
  text-transform:uppercase;
  padding:2px 5px;
  cursor:pointer;
}

/*
HD MENU
*/

#hd-menu { background:white; margin-top:10px; padding:7px 0px 15px; text-transform:uppercase; }

#hd-menu-top li.right a,
#hd-menu-top li.right a:link,
#hd-menu-top li.right a:visited {
  color:#19171a;
  text-decoration:none;
}
#hd-menu-top li.right a:hover {
  text-decoration:underline;
}

#hd-menu-top    { padding:0px 21px; font-size:11px; }
#hd-menu-top ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
#hd-menu-top ul ul { float:right; font-weight:bold; }
#hd-menu-top li { float:left; }
#hd-menu-top li.right { float:right; }
#hd-menu-top li.right li { margin-left:13px; }

#hd-menu-top a:hover,
#hd-menu-top a:active { text-decoration:underline; }

#hd-menu-bottom .sf-menu   { margin-bottom:0; }
#hd-menu-bottom .sf-menu a:link,
#hd-menu-bottom .sf-menu a { border:none; padding:0.75em 1em; }

#hd-menu-bottom {
  background:#a81300;
  font-weight:bold;
  border-top:3px double white;
  border-bottom:3px double white;
  position:relative;
  z-index:99999;
}

#hd-menu-bottom a,
#hd-menu-bottom a:link,
#hd-menu-bottom a:visited {
  color:white;
}

#hd-menu-bottom { font-size:14px; padding:0px 21px 0px 7px; }

#hd-menu-bottom .sf-menu li       { background:#a81300; }
#hd-menu-bottom .sf-menu li li    { background:#1a181b; }
/*#hd-menu-bottom .sf-menu li li li { background:#3b3a3b; }*/
#hd-menu-bottom .sf-menu li:hover, #hd-menu-bottom .sf-menu li.sfHover,
#hd-menu-bottom .sf-menu a:focus, #hd-menu-bottom .sf-menu a:hover,
#hd-menu-bottom .sf-menu a:active { background:#c42c19; outline:0; }

#hd-menu-bottom .sf-menu li li:hover, #hd-menu-bottom .sf-menu li li.sfHover,
#hd-menu-bottom .sf-menu li li a:focus, #hd-menu-bottom .sf-menu li li a:hover,
#hd-menu-bottom .sf-menu li li a:active { background:#3b3a3b; outline:0; }

/* BD */

#bd a, #bd a:link,
#bd a:visited { color:#164980; }
#bd a, #bd a:link { text-decoration:none; }
#bd a:hover,
#bd a:active  { text-decoration:underline; }

#bd ul.footer {
  list-style:none;
  margin:0;
  padding:0;
  font-size:11px;
  line-height:1.1em;
  color:#727071;
  text-transform:uppercase;
  text-align:right;
  overflow:hidden;
}
#bd ul.footer li      { float:left; margin-right:.5em; padding-right:.5em; border-right:1px solid #164980; }
#bd ul.footer li.date { margin-right:0px; padding-right:0px; border-right-width:0px; }

#home-top {
  border-bottom:3px solid #d9d2ca;
  margin-bottom:15px;
}
#home-top,
#home-mid {
  padding-bottom:15px;
  padding-top:5px;
}

#home-editorial {
  padding-left:8px;
  padding-right:18px;
}

#main-content {
  padding-bottom:50px;
}

#home-mid .featured {
  border-left:1px solid #d9d2ca;
  padding:0px 8px 50px 18px;
  overflow:hidden;
  position:relative;
}
#home-mid .first .featured {
  border-left-width:0px;
}
#home-mid .last .featured {
  padding-right:18px;
}
#home-mid .featured ul.footer {
  position:absolute;
  bottom:10px;
}


#home-mid .featured p a.postlink {
  /* contiene imagen de 188x110 */
  display:block;
  margin-bottom:1em;
  border:1px solid #c9cdce;
}

#bd h2 {
  text-transform:uppercase;
  color:#a81300;
}

#bd h3 {
  color:#164980;
  font-weight:bold;
}

#home-top h2,
#home-mid h2 {
  font-size:1em;
  font-weight:bold;
  margin-bottom:1em;
}

#home-top h3 {
  font-size:24px;
  font-weight:normal;
  margin-bottom:.8em;
}

#home-mid h3 {
  font-weight:bold;
  margin-bottom:8px;
}

#main-content h2 {
  font-size:1.2em;
  line-height:1em;
  padding:8px 15px 10px;
  font-weight:bold;
  background:#f8f4e8;
  border-top:3px solid #ebe8d7;
}

/* POST LISTING */

#main-content #post-listing {
  padding-right:10px;
}

#main-content #post-listing .post {
  margin:18px 0 0 0;
  padding:15px;
  background:#f8f4e8;
  border:2px solid #ebe8d7;
  border-top-width:0px;
  border-left-width:0px;
  overflow:hidden;
}

#main-content #post-listing #try-search { color:#474747; margin-bottom:8px; }

 #hd-top-search-form ul,
#main-content #post-listing #hd-top-search-form li {
  float:none;
  clear:both;
  text-align:left;
  padding:0px;
}
#main-content #post-listing #hd-top-search-form input { width:375px; margin:0px 15px 0px 0px; }
#main-content #post-listing #hd-top-search-form button { }

#home-mid .featured .thumbnail,
#main-content #post-listing .post .thumbnail {
  display:block;
  width:188px;
  height:108px;
  border:1px solid #cccbc9;
}

#main-content #post-listing .post .thumbnail { float:right; }

#home-mid .featured .thumbnail {
  margin-bottom:8px;
}

#main-content #post-listing .post .content {
  display:block;
  padding-right:205px;
}

#main-content #post-listing .full .content {
  padding-right:15px;
}

#main-content #post-listing .private {
  margin:8px 0 0 0;
  padding:8px 15px 8px 40px;
  background:#fafafa url(img/lockedg.gif) no-repeat center left;
  border:2px solid #eee;
  border-top-width:0px;
  border-left-width:0px;
  overflow:hidden;
}

#main-content #post-listing .private h3 {
  font-size:15px;
  margin-bottom:6px;
}

#main-content #post-listing .private a:link,
#main-content #post-listing .private a { color:#696969; }

#aviso-ultimo-numero {
  border:1px solid #747474;
  padding:15px 15px 0px;
  color:#747474;
  margin:40px 10px 0px 0px;
}

#aviso-ultimo-numero p.first {
  font-size:2em;
  line-height:1em;
}

#aviso-ultimo-numero p {
  font-size:1.2em;
  margin-bottom:15px;
}

/* PAGE */
#main-content #page h2,
#main-content #page h3 {
  font-size:2em;
  line-height:1em;
  padding:0;
  font-weight:bold;
  background:transparent;
  border:none;
  color:#a81300;
}

#main-content #page h3 {
  font-size:1.3em;
  text-transform:uppercase;
  font-weight:normal;
}

#main-content #page .content {
  padding-right:10px;
}

#main-content #page ul.flat    { margin-bottom:18px; }
#main-content #page ul.flat li { font-weight:normal; overflow:hidden; }
#main-content #page ul.flat li.last { background-image:none; }
#main-content #page ul.flat li .alignleft,
#main-content #page ul.flat li .alignright { margin-bottom:0px; }

/* SIDEBAR */

#sidebar ul { list-style:none; padding:0; margin:0; }
#sidebar .widget { margin:0px 0px 15px; }

#sidebar .panel {
  background:#f8f4e8;
  border-top:3px solid #ebe8d7;
  padding:0px 15px 15px;
}

#sidebar .panel,
#sidebar h2 {
  margin-bottom:18px;
}

#sidebar .panel h2 {
  border-top-width:0px;
  padding:8px 0px 10px;
}

#sidebar-left,
#sidebar-right {
  display:inline;
  width:185px;
  margin-bottom:15px;
}
#sidebar-left  {
  float:left;
}
#sidebar-right {
  float:right;
  margin-left:15px;
}

ul.flat {
  list-style:none;
  margin:0;
  padding:0;
}
ul.flat li {
  font-weight:bold;
  padding:7px 9px 8px;
  background:url(img/dotted.gif) repeat-x bottom left;
}
#bd ul.flat li.red a:link,
#bd ul.flat li.red a { color:#a81300; font-weight:normal; }

#num-list h2,
#cat-list h2 {
  margin-bottom:0px;
}

/* FT */

#ft {
  background:white;
  margin:15px 0px;
  padding:30px 20px 40px;
  overflow:hidden;
}

#ft a,
#ft a:link  { color:#164980; text-decoration:none; font-weight:bold; }
#ft a:hover { color:#164980; text-decoration:underline; }

#ft-subscribe h2 {
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
  background:transparent url('img/feed.png') no-repeat left center;
  padding:1px 0 0 23px;
}

#ft-subscribe p { margin:0 0 8px; }

#ft-subscribe form,
#ft-subscribe form p {
  margin:0px;
  padding:0px;
  overflow:hidden;
}

#ft-subscribe form {
}

#ft-subscribe form p.small {
  margin-top:15px;
  font-size:11px;
  line-height:1em;
}

#ft-subscribe form input.checkbox { position:relative; top:-1px; }

#ft-subscribe form p button {
  border:1px solid #747071;
  background:#747071;
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  line-height:1em;
  padding:4px;
}

#ft-subscribe form p input.text {
  font-size:12px;
  height:16px;
  border:1px solid #aaa;
  width:135px;
  padding:4px;
  background:#f6f6f6;
  border-bottom-color:#eee;
  border-right-color:#eee;
}

#ft-subscribe form p button {
}

#ft-subscribe #rss_form_error,
#ft-subscribe #rss_form_ok {
  padding:1em 0px;
  font-style:italic;
}

#ft-subscribe #rss_form_error { color:#c00; }
#ft-subscribe #rss_form_ok    { color:#168036; }

#ft-right { text-align:right; }
#ft-right ul    { display:block; list-style:none; margin:0 0 10px; padding:0; overflow:hidden; font-size:11px; }
#ft-right ul li { display:inline; font-weight:bold; margin-left:10px; }

#ft-right ul a,
#ft-right ul a:link   { text-transform:uppercase; }
#ft-right ul a:hover  { }

#ft-right p#copyright { font-size:11px; }
#ft-right p#copyright a,
#ft-right p#copyright a:link { font-weight:normal; }

/* WP PAGENAVI */
div.wp-pagenavi {
  overflow:hidden;
  padding:15px 8px 0;
  border-bottom:1px solid #eee;
  line-height:15px;
}
div.wp-pagenavi .pages {
  display:block;
  float:left;
  padding-right:8px;
  margin-right:8px;
  border-right:1px solid #eee;
  color:#696969;
  text-transform:uppercase;
}
div.wp-pagenavi span.current,
div.wp-pagenavi a:link,
div.wp-pagenavi a {
  display:block;
  float:left;
  padding-right:6px;
  font-weight:bold;
}

div.wp-pagenavi .pages,
div.wp-pagenavi span.current,
div.wp-pagenavi a:link,
div.wp-pagenavi a {
  padding-top:2px;
  padding-bottom:2px;
}

/* BANNER */

#sidebar .widget a.banner { display:block; float:right; border:1px solid #a5bcca; }
#sidebar .widget a.banner img { display:block; }

/* HEMEROTECA */

#bd #hemeroteca {
  padding:20px 0px 0px 10px;
}

#bd #hemeroteca h3 {
  font-size:2em;
  margin-bottom:10px;
}
#bd #hemeroteca .year {
  padding-right:10px;
  border-right:1px solid #eee;
}

#bd #hemeroteca .last {
  border-right:0px solid #eee;
}

/* RELATED POSTS */

#related-posts ul.flat li.private a:link,
#related-posts ul.flat li.private a { color:#696969; }

/* TAG CLOUD */

#sidebar #tag-cloud { padding:8px 12px; margin-bottom:15px; }
#sidebar #tag-cloud h2 { padding-top:0px; margin-bottom:0px; }

#sidebar #tag-cloud #the_featured { background:white; padding:1em 1em; }
#sidebar #tag-cloud #the_cloud   { background:white; padding:1em; }
#sidebar #tag-cloud #the_cloud a { font-weight:bold; }



#sidebar #tag-cloud ul.flat li.private a:link,
#sidebar #tag-cloud ul.flat li.private a { color:#696969; }

#sidebar #tag-cloud h2.tabs a:link,
#sidebar #tag-cloud h2.tabs a {
  display:block;
  float:left;
  background:#333;
  color:white;
  font-size:12px;
  line-height:12px;
  padding:6px;
  margin-right:4px;
}
#sidebar #tag-cloud h2.tabs a.selected,
#sidebar #tag-cloud h2.tabs a:hover {
  background:#DFDCD1;
  color:#333;
  text-decoration:none;
}

#sidebar #flickr { overflow:hidden; }
#sidebar #flickr .flickr_badge_image { float:left; margin-right:5px; }