/* 
Theme Name: exito
Theme URI: http://www.exito-personal.com
Description: Tema de Éxito
Version: 1.0
Author: Lobo Feroz
Author URI: http://www.loboferoz.com
*/

/* VARIABLES PARA EL FUTURO - CSS 3 */
/* @variables { colorFondo: #5F5E5E; } */

/*////////// GENERAL //////////*/

/* The main body of the entire blog. */


html {
}

body {
  margin: 0px;
  font-size: 12px;
  line-height:16px;
  font-family:Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: #5F5E5E url(images/body-bg.gif) 0 0 repeat-x;
}


/* container_global keeps ALL content within */
#container_global {
  margin: 0 auto;
  min-height: 100%;
  width: 1000px;
  background: transparent;
  /* border: 2px solid #0000FF; */
}

#container_global_pusher { /* pushers allow containers to exted up to the height of elements contained within */
  position: relative;
  clear: both;
}

/* separator_top leaves space between page top and header */
#separator_top {
  height: 30px; 
  text-align: center; 
  background: transparent;
}

#shadow-l {
  position: relative;
  float: left;
  width: 18px;
  height: 191px;
  /* border: 1px solid #00FF00; */
  background: url(images/shadow-l.gif) 0 0 no-repeat;
}

#shadow-r {
  position: relative;
  float: right;
  width: 18px;
  height: 191px;
  /* border: 1px solid #00FF00; */
  background: url(images/shadow-r.gif) 100% 0 no-repeat;
}


#container_page { /* Container Page: header + middle + footer */
  position: relative;
  float: left;
  width: 964px;
  /* border: 1px solid #FFFF00; */
}

/* There might be a container_page_pusher but it seems is not needed */

#container_middle {
  position: relative;
  clear: both;
  width: 962px; /* 962 px + 2 border = 964 */
  background: white;
  border: 1px solid #555555;
}

/* top & bottom navigation bars */

#top_bar {
  position: relative;
  clear: both;
  margin: 5px 5px 0 5px;
  /* border: 1px solid #FF0000; */
}

#bottom_bar {
  position: relative;
  clear: both;
  margin: 5px 5px;
  /* border: 1px solid #FF0000; */
}

/* Begin #container_main for the main content */
#container_main {
  position: relative;
  float: left;
  margin: 5px 20px; /* top-bottom left-right */
  width: 582px; /* 614 */
  text-align: justify; 
  text-justify: newspaper;
  /* border: 1px solid #FF0000; */
}

/* Begin #container_page for the main content of a page, which has no sidebar */
#container_main_page {
  position: relative;
  float: left;
  margin: 5px 20px; /* top-bottom left-right */
  width: 900px; /* 614 */
  text-align: justify; 
  text-justify: newspaper;
  /* border: 1px solid #FF0000; */
}

div.pusher { /* pushers allow containers to exted up to the height of elements contained within */
  position: relative;
  clear: both;
}

div.navigation {
  position: relative;
  clear: both;
}

.alignleft {
  position: relative;
  float: left;
}

.alignright {
  position: relative;
  float: right;
}

/*////////// TYPOGRAPHY //////////*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #555555;
  margin: 0 0 0.25em 0;
}


h1 {
  font-size: 180%;
  /* border-bottom: 1px solid #555555; */
}
h2 {
  font-size: 150%;
}
h3 {
  font-size: 125%;
}
h4 {
  font-size: 110%;
}
h5 {
  font-size: 100%;
}
h6 {
  font-size: 85%;
}


p {
  margin-top: 10px;
}
a {
  color: #555555;
  text-decoration: none;
}
a:visited {
  color: #555555;
  text-decoration: none;
}
a:hover {
  color: #778899;
  text-decoration: underline;
}

a.light {
  color: #FFFFFF;
}

a.light:visited {
  color: #FFFFFF;
}

/*////////// HEADERS //////////*/
#header {
  position: relative;
  width: 964px; /* 964 */
  height: 150px;
  /* border: 1px solid #FFFFFF; */
}

#header-l {
  position: relative; 
  float: left;
  width: 20px;
  height: 120px;
  margin: 0 0 0 0;
  background: #A60328 url(images/header-l-red.jpg) 0 0 no-repeat;	 
}

#header-r {
  position: relative; 
  float: right;
  width: 20px;
  height: 120px;
  margin: 0 0 0 0;
  background: #A60328 url(images/header-r-red.jpg) 100% 0 no-repeat;	 
}

#header-c {
  position: relative; 
  float: left;
  width: 924px;
  height: 120px;
  margin: 0 0 0 0;
  background: #A60328 url(images/header-c-red.jpg) 0 0 repeat-x;	 
}

#navigation_bar {
  position: relative; 
  clear: both;
  width: 964px;
  height: 30px;
  margin: 0 0 0 0;
  background: #555555 0 no-repeat;
}

#logo {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 display: block;
	 width: 825px;
	 height: 120px;
	 cursor: pointer;
	/* background: url(images/logo.jpg) no-repeat; */
}


/*////////// SIDEBARS //////////*/
#container_sidebar {
  position: relative;
  float: right;
  margin: 5px 5px 0 0;
  padding: 0 0px;
  width: 333px; /* 333 (333w + 5m = 338) */
  /* border: 1px solid #ff0000; */
}

#sidebar_top {
  margin: 0 0 5px 0;
  clear: both;
  /* border: 1px solid #000000; */
}

#sidebar_bottom {
  margin: 0 0 0 0;
  clear: both;
  /* border: 1px solid #000000; */
}

#sidebar_left {
  position: relative;
  margin: 0 5px 5px 0;
  padding: 0px;
  width: 162px; /* 164 */
  float: left;
  /* border: 1px solid #000000; */
}

#sidebar_right {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0px;
  width: 162px; /* 164 */
  float: right;
  /* border: 1px solid #000000; */
}



#header p, #header h1, #header h2/**/ {
/*display: none;*/
}



/*////////// NAV //////////*/
#top_navlist {
position: absolute;
top: 170px;
width: 900px;
text-align:right;
border: 1px solid #003333;
}


/*////////// FOOTER //////////*/
#footer {
  clear: both;
  height: 130px;
  width: 964px;
  /* border: 1px solid #005533; */
}

#footer-c {
  height: 130px;
  width: 404px;
  float:left;
  color: #FFFFFF;
  background: #5F5E5E url(images/footer-bg.gif) 0 0 repeat-x;
  /* border: 1px solid #000033; */
}

#footer-l {	
  height: 130px;
  width: 280px;
  float: left;
  background: #A60328 url(images/footer-l.gif) 100% 0 no-repeat;
  /* border: 1px solid #552200; */
}

#footer-r {
  height: 130px;
  width: 280px;
  float:right;
  background: #A60328 url(images/footer-r.gif) 100% 0 no-repeat;
  /* border: 1px solid #332200; */
}

/*////////// BLOG ELEMENTS //////////*/

.post {
  position: relative;
  clear: both;
  margin-top: 0px; margin-bottom: 0px;
  padding: 0px 0 0 0;
  height: 100%; /* 150 img + 1 hr + 10 padding hr */
  float:left;
  /* border: 1px solid #332200;*/
}

.single_post_title {
  clear: both;
  /* border: 1px solid #00FF00; */
}

.single_post_excerpt {
  font-weight: bold;
  /* border: 1px solid #00FF00; */
}

.single_post_content {
  clear: both;
  /* border: 1px solid #00FF00; */
}

.thumb_excerpt { /* the thumbnail and the excerpt */
  /* border: 1px solid #00FF00; */
}

.thumbnail { /* the thumbnail */
  position: relative;
  float: left;
  display: inline;
/*  border: 1px solid #0000FF; */
}

.excerpt {
  /* position: absolute; */
  float: right;
  display: inline;
  /* margin: 0 0 0 0px; */
  margin-left: 7px;
  width: 420px; /*340px;*/
/*    border: 1px solid #00FFFF; */
}

.post_author_category_date {
	text-align: left;
}

hr {
  color: #555555;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.wp-smiley {
  display: inline;
}

img.logo {
  margin-left: 0px;
  margin-right: auto;
}

.avatar {
  float: right;
  margin-left: 10px;
}

.separator {
  position: relative;
  display: block;
  clear: both;
  width: 580px;
  margin: 3px 0 0 0;
  border: 0px solid #FF0000; /* ESTO ES UNA ÑAPA Y HAY QUE ARREGLARLO */
}

.author_box {
  margin: 10px;
  padding: 10px;
  border: 1px solid #555555;
}

/*////// WIDGETS ///////////*/

.widget {
  margin-bottom: 5px;
  border: 1px solid #555555;
}

.widget_title {
  margin: 0px;
  padding: 2px;
  font-size: small;
  color: #FFFFFF;
  background-color: #555555;
}

.widget_text {
}

ul {
  margin: 0px;
  padding: 2px;
  list-style-type: none;
}

li {
  list-style-type: none; /* HACK: corregir el functions.php y borrar esto */ 
  /* font-size: x-small; */
}

.widget_pusher { /* pushers allow containers to extend up to the height of elements contained within */
  position: relative;
  clear:    both;
}

/* SUBSCRIPTION WIDGET */

.widget_subscription {
  min-height: 104px;
}

.widget_subs_image {
  float:  left;
  height: 64px;
  width:  64px;
  margin: 10px;
  background: url(../images/red/rss_icon_glass_red64.png) no-repeat top left;
  /* border: 1px solid #00FF00; */
}

.widget_subs_text {
  position: relative;
  margin-top: 18px;
  margin-right: 5px;
  min-height: 64px;
  float: left;
  /* border: 1px solid #00FF00; */
}

/* END SUBSCRIPTION WIDGET */


/*////////// IMAGES //////////*/		
/*////// FUN CLASSES ///////////*/
/*any little extra flares and fun design elements you want to add can go here*/



/***** TABBER TABBED CONTENT *****/
/* TAB MENU */
.tabbertab ul { list-style-type: none; margin: 0 0 1em 0; }
.tabbertab li { margin-bottom: .2em; background: url('images/link.png') left no-repeat; padding-left: 15px; }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabberlive { margin-bottom: 1em; background-color: none; }
.tabberlive sub {display: none;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { margin: 0; padding: 0; border-bottom: 1px solid #555555; font-weight: bold; font-family: Georgia, serif; }

ul.tabbernav li { list-style: none; margin: 0; display: inline; }

/* active tabs */
ul.tabbernav li a { padding: 3px 0.5em 1px 15px; margin-right: 3px; border: 1px solid #ddd; background: #f5f5f5 url('images/down_arrow.png') left no-repeat; text-decoration: none; }

ul.tabbernav li a:link { color: #999; }

ul.tabbernav li a:hover { color: #555; background-color: #e5e5e5; text-decoration: underline; }

/* active tabs */
ul.tabbernav li.tabberactive a { background-color: #fff; background-image: none; padding-left: 0.5em; border: 1px solid #555555; background-color: #555555;  color: #FFFFFF; }

ul.tabbernav li.tabberactive a:hover { color: #555; background: #fff; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding: 10px; border:1px solid #555555; background-color: /* #fff */; }
.tabberlive .tabbertab ul { margin-bottom: 0;}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h3 { display:none; }


/** NAVIGATION BAR **/

/*Drop menu codes*/
.tabs {
	 float: left;
	 margin: 0 0 0 0;
	 font-size: 11px;
	 list-style: none;
}

.tabs a:link{ }

.tabs a:visited { }

.tabs-left {
	 float: left;
	 width: 6px;
	 height: 30px;
	 overflow: hidden;
	 margin: 0 0 0 10px;
	 list-style: none;
}

.tabs-right {
	 float: left;
	 width: 6px;
	 height: 30px;
	 overflow: hidden;
	 margin: 0 0 0 0;
	 list-style: none;
}

.tabs ul {	
	 height: 30px;
	 float: left;
	 margin: 0;
	 padding: 0 6px 0 4px;
	 list-style: none;
	 font-size: 11px;
}

.tabs li {
	 float: left;
	 padding: 0 6px 0 4px;
	 position: relative;
	 z-index: 1;
}

.tabs li.last {
	 float: left;
	 padding: 0 0 0 5px;
	 background: transparent;
	 position: relative;
	 z-index: 1;
}

.tabs li:hover {
	 z-index:2;
}

.tabs li a {
	 display: block;
	 line-height: 30px;
	 overflow: hidden;
	 float: left;
}

a .menu-left {
	 width: 8px;
	 height: 30px;
	 line-height: 30px;
	 display: block;
	 float: left;
	 overflow: hidden;
}

a .menu-mid {
	 height: 30px;
	 line-height: 30px;
	 display: block;
	 float: left;
	 overflow: hidden;
	 padding: 0 7px;
}

a .menu-right {
	 width: 8px;
	 height: 30px;
	 line-height: 30px;
	 display: block;
	 float: left;
	 overflow: hidden;
}

.tabs li a:hover .menu-left,
.tabs li.current a .menu-left,
.tabs li:hover a .menu-left,
.tabs li a:hover .menu-mid,
.tabs li.current a .menu-mid,
.tabs li:hover a .menu-mid,
.tabs li a:hover .menu-right,
.tabs li.current a .menu-right,
.tabs li:hover a .menu-right {
	 background-position: 0 -33px;
	 line-height: 30px;
	 overflow: hidden;
}

.tabs li a:hover,
.tabs li.current a,
.tabs li.hover a,
.tabs li:hover a { }

.tabs li:hover .sub,
.tabs li.hover .sub {
	 display: block;
}

.tabs li .sub {
	 display: none;
	 position: absolute;
	 top: 26px;
	 left: 4px;
	 width: 186px;
	 padding-top: 5px;
}

.tabs li ul {
	 width: 170px;
	 height: auto;
	 margin: 0;
	 padding: 0 8px 3px;
	 list-style: none;
	 font-size: 12px;
}



.tabs li:hover li,
.tabs li.current li {
	 width: 100%;
	 padding: 0;
	 background: none !important;
}

.tabs li:hover li a,
.tabs li.current li a {
	 background: none !important;
	 line-height: normal;
	 width: 164px;
	 padding: 8px 3px 3px;
	 text-indent: 4px;
}

.tabs li:hover li a:hover,
.tabs li.current li a:hover {
	 text-decoration: none;
	 line-height: normal;
	 text-indent: 4px;
}



/*IE*/

.tabs li li a:hover {
	 text-decoration: none;
	 line-height: normal;
	 text-indent: 4px;
}

/**/



.tabs .btm-bg {
	 width: 205px;
	 height: 9px;
	 overflow: hidden;
	 clear: both;
}

/* YARPP RELATED POSTS WITH THUMBNAILS */

.related-posts {
  list-style-type: none;
  margin: 0;
  height: 160px;
}

.related-posts li {
  padding: 0; margin: 0;
  float: left;
  margin-right: 5px;
}

.related-post {
  position: relative;
  padding: 3px;
  background-color: white;
  border: 1px solid #ddd;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.related-post:hover {
  border: 1px solid #999;
}

.related-title {
  position: absolute;
  bottom: 3px;
  left: 0;
  font-size: 0.7em;
  width: 146px;
  margin-left: 3px;
  padding: 1px 2px;
  text-align: center;
  line-height: 1.4;
  height: 30px;
  overflow: hidden;
  background: rgba(0,0,0,0.5);
  font-family: helvetica, arial;
}

.related-title a,
.related-title a:visited {
  text-decoration: none;
  color: white;
}

.related-thumb {
  font-family: courier;
  background-color: white;
  font-size: 1.2em;
  line-height: 1.2;
  height: 150px;
  overflow: hidden;
  width: 150px;
}

.related-thumb a {
  text-decoration: none;
  color: white;
}

/* Custom comments */
cite.fn {
  font-style: normal;
  font-weight: bold;
}

.comment-meta {
  font-size: xx-small;
}


/** LINK MENUS **/

.menu-links-es-container {
	text-align:center;
}

.menu-links-en-container {
	text-align:center;
}

ul#menu-links-es li {
	display: inline;
}

ul#menu-links-en li {
	display: inline;
}

ul#menu-links-es li:after {
	content: " - ";
}

ul#menu-links-en li:after {
	content: " - ";
}

ul#menu-links-es li:last-child:after {
	content: "";
}

ul#menu-links-en li:last-child:after {
	content: "";
}