/* html-reset.css */

/**
 * @file
 * HTML Element Styling
 *
 * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
 * is the place where you should set (not reset) the default styling for all
 * HTML elements.
 *
 * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 * @see http://snook.ca/archives/html_and_css/no_css_reset/
 */


/*
 * Fonts
 *
 * Our font size and line height declarations are based on the following ALA
 * article:
 *   http://www.alistapart.com/articles/howtosizetextincss
 *
 * All modern browsrs use a 16px default font size. Specifying the font-size
 * and line-height in ems (relative to the 16px default font) allows the user
 * to resize the font in the browser and produces the most consistent results
 * across different browsers.
 */
body {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	background-image:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/css/fondo-mujeres.gif');
	background-repeat:repeat-x;
	background-color:#F7B322;
}

#skip-link,
#page {
  /*
   * To use a 12px font size on the page, delete the 14px declarations.
   * to use a 14px font size on the page, delete the 12px declarations.
   */
buildmode-full
  /* Use a 12px base font size with a 16px line height */
  font-size: 0.75em; /* 16px x .75 = 12px */
  line-height: 1.333em; /* 12px x 1.333 = 16px */

  /* Use a 14px base font size with a 18px line height */
  font-size: 0.775em; /* 16px x .875 = 14px */
  line-height: 1.486em; /* 14px x 1.286 = 18px */
}

body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
  /* The following font family declarations are based on the Microsoft core web
   * fonts which are common fonts available on most computer systems. The DejaVu
   * fonts are commonly available on Linux systems where the MS fonts are less
   * common. Tahoma and Helvetica are also widely available.
   *
   * A user's web browser will look at the comma-separated list and will
   * attempt to use each font in turn until it finds one that is available
   * on the user's computer. The final "generic" font (sans-serif or serif)
   * hints at what type of font to use if the web browser doesn't find any
   * of the fonts in the list.

  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;

  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;

  font-family: "Courier New", "DejaVu Sans Mono", monospace;

   */

  font-family: Arial, sans-serif;
}

pre,
code {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  font-family: "Courier New", "DejaVu Sans Mono", monospace;
}

/*
 * Headings
 */
h1 {
  font-size: 2em;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                           Remember, a margin specified in ems is relative to
                           the element's font-size, not to the pages' base
                           font size. So, for example, if we want a 1em margin
                           (relative to the base font), we have to divide that
                           length by the element's font-size:
                           1em / 2em = 0.5em */
}

h2 {
  font-size: 1.5em;
  line-height: 1.3em;
  margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
  margin-bottom: 0.667em;
}

h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
  margin-bottom: 0.769em;
}

h4,
h5,
h6 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
  margin-bottom: 0.909em;
}

/*
 * Block-level elements
 */
p,
ul,
ol,
dl,
pre,
fieldset {
  margin: 1em 0;
}

table {
padding: 20px;
margin-right: 20px;
}



blockquote {
  margin: 1em 2em;
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
  font-size: 24px;
  line-height: 30px;
}

/*
 * Lists
 *
 * We need to standardize the list item indentation.
 */
ul,
ol {
  margin-left: 0;
  padding-left: 2em; /* LTR */
}

.block ul,
.item-list ul /* Drupal overrides */ {
  margin: 1em 0;
  padding: 0 0 0 0; /* LTR */
  width: 331px;
}

ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
  margin: 0;
}

li {
  margin: 0;
  padding: 0;
}

.item-list ul li /* Drupal override */ {
  margin: 0;
  padding: 0;
  list-style: inherit;
}

ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
	padding: 0;
	color: #000;
	text-decoration:none;
	/* border-bottom: solid 1px #FC0; 
	margin-top: 5px;*/
	margin-bottom: 5px;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dt {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0 0 0 2em;
  padding: 0;
}
.en,.fr,.es{
    display: inline;
    float: left;
    margin-bottom: 20px;
    padding-right: 10px;
}
/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a:link {
	color: #ff0000;
	text-decoration: none;
}

a:visited {
	color: #660000;
}

a:hover,
a:focus {
	color: #990000;
}

a:active {
		color: #660000;
}

/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table {
  border-collapse: collapse;
  /* width: 100%; */ /* Prevent cramped-looking tables */
}

th,
thead th,
tbody th {
  text-align: left; /* LTR */
  padding: 0;
  border-bottom: none;
}

tbody {
  border-top: none;
}

/*
 * Abbreviations
 */
abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
  border: none;
  cursor: auto;
  white-space: normal;
}

/*
 * Images
 */
img {
  border: 0;
}

/*
 * Horizontal rules
 */
hr {
  height: 1px;
  border: 1px solid #666;
}

/*
 * Forms
 */
form {
  margin: 0;
  padding: 0;
}

fieldset {
  margin: 1em 0;
  padding: 0.5em;
}

/* wireframes.css */

/**
 * @file
 * Wireframes Styling
 *
 * Add wireframes to the basic layout elements.
 */


.with-wireframes #header .section,
.with-wireframes #content .section,
.with-wireframes #navigation .section,
.with-wireframes .region-sidebar-first .section,
.with-wireframes .region-sidebar-second .section,
.with-wireframes #footer .section {
  margin: 1px;
  padding: 2px;
  border: 1px solid #ccc;
}

.with-wireframes .region-page-closure {
  margin-top: 1px;
  padding: 2px;
  border: 1px solid #ccc;
}

/* layout-fixed.css */

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
}

#page-wrapper,
.region-page-closure {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

#page {
}

/*
 * Header
 */
#header {
}

#header .section {
}

#search-box {
}

.region-header {
  /* clear: both;  Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
}

#main {
}

/*
 * Content
 */
.content ul{
   /* left: 50%;
    margin-left: 175px;
    position: relative;
    top: -69px; */
}
#content,
.no-sidebars #content {
  float: left; /* LTR */
  width: 960px;
  margin-left: 0; /* LTR */
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  width: 760px;
  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.sidebar-second #content {
  width: 760px;
  margin-left: 0; /* LTR */
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 560px;
  /*margin-left: 200px;  LTR */ /* The width of .region-sidebar-first */
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#content .section {
  margin: 0;
  padding: 0;
}

/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 2.3em; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 70px; /* Set this to the same value as the navigation height above. */
}
.page-content-thank-you-your-visit .with-navigation #content {margin-top: 70px}
.page-content-merci-de-votre-visite .with-navigation #content {margin-top: 70px}
.page-content-merci-de-votre-visite #navigation {margin-top: 0px}

#navigation .section {
}

#navigation ul /* Primary and secondary links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation li /* A simple method to get navigation links to appear in one line. */ {
  /* float: left; /* LTR */
  /* padding: 0 10px 0 0; */ /* LTR */
  float: left;
padding: 0;
}


#navigation li.last a {border-right:none;}

#navigation a {text-transform: uppercase; border-right: 1.5px solid #666; padding-right: 5px;
padding-left: 5px;}

/* 
 * First sidebar
 */
.region-sidebar-first {
  float: left; /* LTR */
  width: 200px;
  margin-left: 0; /* LTR */
  margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}

.region-sidebar-first .section {
  margin: 0 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: left; /* LTR */
  width: 200px;
  margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
  margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  margin: 0 0 0 20px; /* LTR */
  padding: 0;
}

/*
 * Footer
 */
#footer {
}

#footer .section {
}

/*
 * Closure
 */
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

#navigation {
  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  margin-top: 0px;
/*  padding-bottom: 20px;  */
}

#navigation a {
/*color:#F00;*/
font-weight:bold; 
text-decoration: none;
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/

/* page-backgrounds.css */

/**
 * @file
 * Page Background Styling
 *
 * The default layout method of Zen doesn't give themers equal-height columns.
 * However, equal-height columns are difficult to achieve and totally
 * unnecessary. Instead, use the Faux Columns method described in the following
 * ALA article:
 *   http://www.alistapart.com/articles/fauxcolumns/
 */


body {
}

#page-wrapper {
}

#page {
}

#header {
}

#header .section {
}

#main-wrapper {
}

#main {
}

#footer {
}

#footer .section {
}

/* tabs.css */

/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal6-reference.css, line 510.)
 */


div.tabs {
  margin: 0 0 5px 0;
}

ul.primary {
  margin: 0;
  padding: 0 0 0 10px; /* LTR */
  border-width: 0;
  list-style: none;
  white-space: nowrap;
  line-height: normal;
  background: url(../images/tab-bar.png) repeat-x left bottom;
}

ul.primary li {
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

ul.primary li a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0 0 0 5px; /* width of tab-left.png */
  border-width: 0;
  font-weight: bold;
  text-decoration: none;
  color: #777;
  background-color: transparent;
  background: url(../images/tab-left.png) no-repeat left -38px;
}

ul.primary li a .tab {
  display: block;
  height: 20px; /* 24px (parent) - 4px (padding) */
  margin: 0;
  padding: 4px 13px 0 6px;
  border-width: 0;
  line-height: 20px;
  background: url(../images/tab-right.png) no-repeat right -38px;
}

ul.primary li a:hover,
ul.primary li a:focus {
  border-width: 0;
  background-color: transparent;
  background: url(../images/tab-left.png) no-repeat left -76px;
}

ul.primary li a:hover .tab,
ul.primary li a:focus .tab {
  background: url(../images/tab-right.png) no-repeat right -76px;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  border-width: 0;
  color: #000;
  background-color: transparent;
  background: url(../images/tab-left.png) no-repeat left 0;
}

ul.primary li.active a .tab,
ul.primary li.active a:hover .tab,
ul.primary li.active a:focus .tab {
  background: url(../images/tab-right.png) no-repeat right 0;
}

ul.secondary {
  margin: 0;
  padding: 0 0 0 5px; /* LTR */
  border-bottom: 1px solid #c0c0c0;
  list-style: none;
  white-space: nowrap;
  background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
}

ul.secondary li {
  float: left; /* LTR */
  margin: 0 5px 0 0;
  padding: 5px 0;
  border-right: none; /* LTR */
}

ul.secondary a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  color: #777;
  background: url(../images/tab-secondary.png) repeat-x left -56px;
}

ul.secondary a .tab {
  display: block;
  height: 18px; /* 24px (parent) - 6px (padding) */
  margin: 0;
  padding: 3px 8px;
  line-height: 18px;
}

ul.secondary a:hover,
ul.secondary a:focus {
  background: url(../images/tab-secondary.png) repeat-x left bottom;
}

ul.secondary a.active,
ul.secondary a.active:hover,
ul.secondary a.active:focus {
  border: 1px solid #c0c0c0;
  color: #000;
  background: url(../images/tab-secondary.png) repeat-x left top;
}

/* messages.css */

/**
 * @file
 * Message Styling
 *
 * Sensible styling for Drupal's error/warning/status messages.
 */


div.messages,
div.status,
div.warning,
div.error /* Important messages (status, warning, and error) for the user */ {
  min-height: 21px;
  margin: 0 1em 5px 1em;
  border: 2px solid #ff7;
  padding: 5px 5px 5px 35px; /* LTR */
  color: #000;
  background-color: #ffc;
  background-image: url(../images/messages-status.png);
  background-repeat: no-repeat;
  background-position: 5px 5px; /* LTR */
}

div.status /* Normal priority messages */ {
}

div.warning /* Medium priority messages */ {
  border-color: #fc0;
  background-image: url(../images/messages-warning.png);
}

div.warning,
tr.warning {
  color: #000; /* Drupal core uses #220 */
  background-color: #ffc;
}

div.error /* High priority messages. See also the .error declaration in pages.css. */ {
  /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
  border-color: #c00;
  background-image: url(../images/messages-error.png);
}

div.error,
tr.error {
  color: #900; /* Drupal core uses #200 */
  background-color: #fee;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* pages.css */

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}

#page-wrapper {
    margin-top: 10px;
}

#page {
}

/*
 * The skip navigation link will be completely hidden until a user tabs to the
 * link. See http://www.webaim.org/techniques/skipnav/
 */
#skip-link a,
#skip-link a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
}

/*
 * Header
 */
#header {
}

#header .section {
}

#logo /* Wrapping link for logo */ {
  /*float: left;*/ /* LTR */
  margin: 0;
  padding: 0;
  clear: none;
  display: block;
  float: left;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  /*height: 1000px;*/
}

#main {
}

/*
 * Content
 */
#content {
}

#content .section {
}

#mission /* The mission statement of the site (displayed on homepage) */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
	margin-top:-16px;
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
}
h1.title {
  color: #ffffff;
  margin-bottom: 10px;
  font-weight: lighter;
}
.front h1.title {display: none;}
tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.help /* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

#content-area /* Wrapper for the actual page content */ {
      /*height: 790px;*/
    width: 100%;
}

ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right; /* LTR */
}
.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}
.region-content-left /* Wrapper for any blocks placed in the "content left" region */ {
  float: left;
  width: 50%;
}
.region-content-right /* Wrapper for any blocks placed in the "content right" region */ {
  float: right;
  width: 50%;
}
.region-content-left .block {
  padding-right: 10px;
}
.region-content-right .block {
  padding-left: 10px;
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
#footer {
	border-top: 1px solid #FFF;
	font-size:12px;
}

#footer .section {
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                   and for any blocks placed in the footer region */ {
}

.region-footer {
}

/*
 * Closure
 */
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box h2 /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users. "!important" is
 * used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* block-editing.css */

/**
 * @file
 * Zen's rollover edit links for blocks.
 */


div.block.with-block-editing {
  position: relative;
}

div.block.with-block-editing div.edit {
  display: none;
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  z-index: 40;
  border: 1px solid #eee;
  padding: 0 2px;
  font-size: 0.75em;
  background-color: #fff;
}

div.block.with-block-editing:hover div.edit {
  display: block;
}

/* blocks.css */

/**
 * @file
 * Block Styling
 */


.block /* Block wrapper */ {
  margin-bottom: 1em;
}

.block.first /* The first block in the region */ {
}

.block.last /* The last block in the region */ {
}

.block.region-odd /* Zebra striping for each block in the region */ {
}

.block.region-even /* Zebra striping for each block in the region */ {
}

.block.odd /* Zebra striping independent of each region */ {
}

.block.even /* Zebra striping independent of each region */ {
}

.region-count-1 /* Incremental count for each block in the region */ {
}

.count-1 /* Incremental count independent of each region */ {
}

.block h2.title /* Block title */ {
display:none;
}

.block .content /* Block's content wrapper */ {
}

#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
}

#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
}

#block-block-1 /* First administrator-defined block */ {
}

#block-blog-0 /* "Recent blog posts" block */ {
}

#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
}

#block-comment-0 /* "Recent comments" block */ {
}

#block-forum-0 /* "Active forum topics" block */ {
}

#block-forum-1 /* "New forum topics" block */ {
}

#block-menu-primary-links /* "Primary links" block */ {
}

#block-menu-secondary-links /* "Secondary links" block */ {
}

#block-node-0 /* "Syndicate" block for primary RSS feed */ {
}

#block-poll-0 /* "Most recent poll" block */ {
}

#block-profile-0 /* "Author information" block for the profile of the page's author */ {
}

#block-search-0 /* "Search form" block */ {
}

#block-statistics-0 /* "Popular content" block */ {
}

#block-user-0 /* "User login form" block */ {
}

#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
}

#block-user-2 /* "Who's new" block for a list of the newest users */ {
}

#block-user-3 /* "Who's online" block for a list of the online users */ {
}


#block-views-editorial-block_1 img, #block-views-editorialEN-block_1 img, #block-views-editorialFRA-block_1 img {
	width: 85px;
	height: auto;

}

/* navigation.css */

/**
 * @file
 * Navigation Styling
 *
 * Default menu styling (ul.menu) is defined in system-menus.css.
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
#navigation {
}

.region-navigation {
}

/*
 * Primary and Secondary menu links
 */
#main-menu {
}

#secondary-menu {
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks. See http://drupal.org/project/menu_block
 */
.block-menu_block {
}

/* views-styles.css */

/**
 * @file
 * Views Styling
 */



/* nodes.css */

/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
  height: auto;
}

.node-type-story /* Story content node */ {
}

.node-type-story .field-imagen-noticia img {display: block; margin-left: auto; margin-right: auto;

}


.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.node .submitted /* The "posted by" information */ {
display: none;
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content /* Node's content wrapper */ {
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/* comments.css */

/**
 * @file
 * Comment Styling
 */


#comments /* Wrapper for the list of comments and its title */ {
  margin: 1em 0;
}

#comments h2.title /* Heading for the list of comments */ {
}

.comment /* Wrapper for a single comment */ {
}

.comment-preview /* Preview of the comment before submitting new or updated comment */ {
}

.comment.new /* A new comment since the user last viewed the page. */ {
}

.comment.first /* The first comment in the list of comments */ {
}

.comment.last /* The last comment in the list of comments */ {
}

.comment.odd /* An odd-numbered comment in the list of comments */ {
}

.comment.even /* An even-numbered comment in the list of comments */ {
}

.comment-unpublished /* Unpublished comments */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
}

.comment-by-anonymous /* A comment created by an anonymous user */ {
}

.comment-by-node-author /* A comment created by the node's author */ {
}

.comment-by-viewer /* A comment created by the current user */ {
}

.comment h3.title /* Comment title */ {
}

.new /* "New" marker for comments that are new for the current user */ {
  color: #c00;
}

.comment .picture /* The picture of the comment author */ {
}

.comment .submitted /* The "posted by" information */ {
}

.comment .content /* Comment's content wrapper */ {
}

.comment .user-signature /* The user's signature */ {
}

.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
}

.indented /* Nested comments are indented */ {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}

.preview .comment /* Preview of the comment before submitting new or updated comment */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/* forms.css */

/**
 * @file
 * Form Styling
 */


.form-item,
.form-checkboxes,
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
  margin: 1em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
  border: 2px solid #c00;
}

.form-item label /* The label for a form element */ {
  display: block;
  font-weight: bold;
}

#node-129 #edit-submitted-cuanto-tiempo-crees-que-podrias-dedicar-a-la-fundacion-wrapper label /* The label for a form element */ {
  margin-bottom:25px;
}

.form-item label.option /* The label for a radio button or checkbox */ {
  display: inline;
  font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */ {
  color: #c00;
}

.form-item .description /* The descriptive help text (separate from the label) */ {
  font-size: 0.85em;
}

#node-129 .form-item .description {
  position: relative;
	top: -50px;
}

.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
  margin: 0.4em 0;
}

.form-submit /* The submit button */ {
}

.container-inline div,
.container-inline label /* Inline labels and form divs */ {
  display: inline;
}

.tips /* Tips for Drupal's input formats */ {
}


/*
 * Search (search-theme-form.tpl.php)
 */
#search-box /* Wrapper for the search form */ {
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


/*
 * Search (search-block-form.tpl.php)
 */
#search-block-form /* Wrapper for the search form */ {
}

#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left; /* LTR */
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
  margin-top: 1em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
  margin-top: 1em;
}

#user-login ul {
  margin: 1em 0;
}

#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
  margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-elements.css, but restore them for the admin
 * section of the site.
 */

form tbody {
  border-top: 1px solid #ccc;
}

form th,
form thead th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody th {
  border-bottom: 1px solid #ccc;
}

/* fields.css */

/**
 * @file
 * Field Styling
 */


/*
 * Field types
 */

.field /* Wrapper for any CCK field. */ {
}

.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
}

.field-type-filefield /* Field from filefield module */ {
}

.field-type-nodereference {
}

.field-type-number-decimal {
}

.field-type-number-float {
}

.field-type-number-integer {
}

.field-type-text {
}

.field-type-userreference {
}


/*
 * Named fields
 */

.field-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
}

/*
* views noticias blog
*/
.teaser_new {
    padding: 8px;
    display: table;
}
.teaser_new .imagen {width: 265px; float: left; padding-top: 5px;}
.teaser_new .texto {width: 475px; float: left;}
.teaser_new .texto h1 {line-height: 1em; font-size: 20px;}
.teaser_new .texto p {margin-top: 0px; margin-bottom: 0px;}
.teaser_new a{font-weight: bold;}

.page-noticias .region-sidebar-second .section {
margin-top: 70px;
}

.derecha, .izquierda{
  width:50%;
}

.region.region-sidebar-second.column.sidebar h2 {
font-size: 13px;
font-weight: bold;
color: #666;
margin-left: 5px;
margin-bottom: -10px;
}

.region.region-sidebar-second.column.sidebar ul, li.leaf {
list-style-type: none;
list-style-image: none;
}

.view-noticias .titulo a {
font-weight: bold;}

.view-noticias .titulo {
margin:0;} 

.view-noticias .leer-mas {
margin-top:0; margin-bottom: 14px;} 

.view-noticias ul.menu li {border-bottom: none;}


.view-noticias .leer-mas a {
color: black;
font-weight: bold;}

.view-proyectos tr{
	background-color: transparent;
}
.view-proyectos table {
    margin: 12px;
}
.view-proyectos table td, .view-proyectos table th {
    padding: 5px;
    text-align: left;
    /*vertical-align: top;*/
}
.view-proyectos .views-field-field-descripcion-value {
    text-align: justify;
}
.noticias-portada h4{
	width:480px;
	float:left;
}

#views_slideshow_singleframe_teaser_section_arte_sahel-default {height:1500px;}


img.imagefield-field_galeria_artista {max-width:500px; height:auto;}
.views_slideshow_singleframe_slide .views-field-field-galeria-artista-fid {float:left; margin-right:10px;}
.views-field-field-artista-value {float:left; font-size:16px; width:200px; font-weight:bold; margin-bottom:10px; }
.views_slideshow_singleframe_slide .views-field-title {float:left; font-size:16px; width:200px; font-weight:bold; margin-bottom:10px;}
.views-field-field-tecnica-value {float:left; font-size:16px; width:200px; margin-bottom:10px; }
.views-field-field-medidas-value {float:left; font-size:16px; width:200px; margin-bottom:10px;}
.views-field-field-valor-value {float:left; font-size:16px; width:200px; font-weight:bold; margin-bottom:10px; }
.views-field-field-precio-value {float:left; font-size:16px; width:200px;  font-weight:bold; margin-bottom:10px;}
.views-field-field-donante-value {float:left; font-size:16px; width:200px;margin-bottom:10px; }
.views_slideshow_singleframe_slide .views-field-body {float:left; width:700px; font-size:12px; margin-top:10px; line-height:14px;}

.views_slideshow_controls {float:right;}

.views_slideshow_singleframe_previous {width:41px; text-indent:-99999px; height:41px; background:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/images/prev-button.png') no-repeat; display:block; float:left;}

.views_slideshow_singleframe_next {width:41px; text-indent:-99999px; height:41px; background:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/images/next-button.png') no-repeat; display:block; float:left; margin-left:10px;}

.comprar {float:left; width:200px; background-color:white; border-radius:10px; padding:10px;}
.comprar p {font-weight:bold; font-size:14px; margin:5px 0px;}
.comprar a {font-weight:bold; text-decoration:none; color:#7fb750;}
.comprar .telefono {font-weight:normal;}


body.page-noticias {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	background-image:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/css/fondo-noticias.gif') !important;
	background-repeat:repeat-x;
	background-color:#FFFFFF !important;
}


.page-noticias h1.title {
color: #ffffff;
margin-bottom: 25px;}


/* Maquetaci\97n p\87ginas blog */

.node-type-blog.section-content #content-area h1 {color: #FF0000; font-weight:bold; font-size: 2.2em; }
.node-type-blog.section-content #content-area .field.field-titulo-post-blog h1 {color: white; margin: 0px;}
.node-type-blog.section-content #content-area .field.field-titulo-post-blog h6 {color: #6c9f28; margin: 0px;}
.node-type-blog.section-content .title-image {font-size: 10px; font-style: italic;}

.node-type-blog.section-content #content-area .view-content .picture {
    float: left;
    width: 25%;
}
.node-type-blog.section-content #content-area .view-content .text-user {
    float: right;
    width: 75%;
    margin-top: 10px;

}
.node-type-blog.section-content #content-area .view-content .text-user p {width: 50%; margin: 0.5em;}
.node-type-blog.section-content #content-area .field.field-entradilla p {font-size: 1.2em; line-height: 1.4em;}

.nd-region-left .view-usuarios-blog .picture img {width: 50px; float:left; margin-top: 10px;}
.nd-region-left .view-Blog {float: left; width: 100%;}
.nd-region-left .view-Blog .view-content .texto {float:left; width: 74%; margin-bottom: 20px;} 
.nd-region-left .view-Blog .view-content .texto p {margin:0px; margin-left: 13px;
}

.lateral .view-usuarios-blog .picture img {width: 50px; float:left; margin-top: 10px;}

/* Pagina usuarios */

view-usuarios-blog

/* redes sociales */
.field.field-redes-sociales.redes_sociales {float: right;}
.field.field-redes-sociales.redes_sociales ul {list-style: none;}
.field.field-redes-sociales.redes_sociales ul li {display: block; height: 30px; padding: 5px 0px 0px 40px;}
.field.field-redes-sociales.redes_sociales ul li a {color: white;}
.field.field-redes-sociales.redes_sociales ul li:first-child {background:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/images/icon_linkedin.png') no-repeat;}
.field.field-redes-sociales.redes_sociales ul li:nth-child(2) {background:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/images/icon_twitter.png') no-repeat;}
.field.field-redes-sociales.redes_sociales ul li:last-child {background:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/images/icon_facebook.png') no-repeat;}

/* Maquetaci\97n Articles by mas formulario de enviar mensaje privado. */
/* .node-type-webform.section-content .content {width: 960px;} */
.node-type-webform.section-content #main-wrapper {margin-bottom: 5em;}
/* .node-type-webform.section-content #content h1.title {text-indent: -9999px;} */
.node-type-webform.section-content #content h1 {color: white; font-size: 2.2em; margin: 0;}
.node-type-webform.section-content #content h2 {color: #FF0000; font-weight:bold; font-size: 2.2em;}
.node-type-webform.section-content #content h6 {color: #6c9f28; margin: 0px;}
.node-type-webform.section-content #content .lateral h6 {color: black;  margin: 0.3em 0;}
.node-type-webform.section-content #content .lateral .views_view.view.view-usuarios-blog.view-id-usuarios_blog.view-display-id-default.view-dom-id-1 {display: table; width: 100%;}
.node-type-webform.section-content #content .view-content {}
.node-type-webform.section-content #content .lateral {float: left; width: 23%; margin-top: 1.5em; margin-right: 2%;}
.node-type-webform.section-content #content .central {float: left; width: 23%; overflow: hidden; margin-right: 2%;}
.node-type-webform.section-content #content .central p.ocupacion {font-size: 1.5em;}

.node-type-webform.section-content #content .picture {float: left; width: 25%;}
.node-type-webform.section-content #content .text-user { float: left; width: 75%;}

.node-type-webform.section-content #content .views_view.view.view-Blog.view-id-Blog.view-display-id-block_2.view-dom-id-3 {float: left; width: 25%; height: 220px;}
.node-type-webform.section-content #content form {float: left; width: 55%;}
.node-type-webform.section-content #content form label {font-weight: normal;}
.node-type-webform.section-content #content form textarea {width: 80%; height: 110px;}
.node-type-webform.section-content #content form .form-submit {background: none; color: #FF0000; border: none; text-align: left; margin: 0; padding: 0; cursor: pointer;}

/* Maquetaci\F3n Portada blog */
.page-blogs.section-blogs.page-views h1  {color: white; margin: 0px; font-weight:bold; font-size: 2.2em;}
.page-blogs.section-blogs.page-views h6 {color: #6c9f28; margin: 0px;}
.page-blogs.section-blogs.page-views .view-content .views-row .views-field-title .field-content a {line-height: 1.1em; width: 90%; display: block; height: 60px;}
.page-blogs.section-blogs.page-views .view-content {display: table; margin-top: 30px; width: 960px;}
.page-blogs.section-blogs.page-views .view-content .views-row {width: 25%; float: left; margin: 0 15px; overflow: hidden;}
.page-blogs.section-blogs.page-views .view-content .views-row  .views-field-field-imagen-blog-fid {margin: 0.3em 0; margin-top: 2em;}
.page-blogs.section-blogs.page-views .view-content .views-row .views-field-title .field-content > a {font-size: 2em; font-weight: bold; margin-bottom: 10px;}
.page-blogs.section-blogs.page-views .view-content .views-row .picture {float: left; width: 30%;}
.page-blogs.section-blogs.page-views .view-content .views-row .field-content {clear: both; width: 95%;}
.page-blogs.section-blogs.page-views .view-content .views-row .views-field-name span.field-content {color:#FF0000;}
.page-blogs.section-blogs.page-views .view-content .views-row .views-field-field-entradilla-value {font-weight: normal;}
.page-blogs.section-blogs.page-views .view-content .views-row .views-field-body {padding-right: 1em;}
.page-blogs.section-blogs.page-views .view-content .views-row .picture img {float: left; width: 50px;}


/* Proyectos */

body.sidebar-first .field-mapa div {
  width: 375px !important;
}
body.sidebar-first .field-mapa {
  margin-left: 5px;
}
.node-type-proyectos .nd-region-left .field-label-inline-first {
  display: inline-block;
  width: 140px;
}
.node-type-proyectos .nd-region-left .inline p {
  display: inline;
}
.node-type-proyectos .nd-region-left .field-title {
  padding-top: 10px;
  border-top: 1px solid #f0dc97;
}
.node-type-proyectos .nd-region-left .field-duracion1 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f0dc97;
}
.view-multimedia-proyectos .views_slideshow_controls {
  float:none;
  margin-bottom: 20px;
  margin-top: -20px;
}
.view-multimedia-proyectos .views_slideshow_singleframe_next {
  width: 27px;
  height: 27px;
  background-image: url(../images/next.png);
  position: absolute;
  right: 0;
  z-index: 999;
}
.view-multimedia-proyectos .views_slideshow_singleframe_previous {
  width: 27px;
  height: 27px;
  background-image: url(../images/prev.png);
  position: relative;
  z-index: 999;
}
.view-multimedia-proyectos .views_slideshow_singleframe_pager div a img {
  width: 200px;
  height: 100px;
}
.view-multimedia-proyectos .views_slideshow_singleframe_pager div {
  padding-left: 32px;
}
.view-multimedia-proyectos .views-field-field-video-url-embed {
  padding-left: 150px;
}
.view-multimedia-proyectos .views_slideshow_singleframe_slide .views-field-title {
  float: none; 
  text-align: center; 
  width: 100%; 
  font-weight: normal; 
  margin-bottom: 0;
}
.view-multimedia-proyectos .views_slideshow_singleframe_slide {
  min-width: 960px;
}
.view-tipos-de-proyecto h4 {
  color: #ff0000;
  text-transform: uppercase;
  font-size: 13px;
  height: 34px;x
}

.node-type-proyectos .comment_wrapper {display:none;}

/* 

.view-tipos-de-proyecto .view-proyectos .views-row {
  position: relative;
}
*/

.view-tipos-de-proyecto .view-proyectos .views-row {
   margin-left:5px;
   position: relative;
}


.view-tipos-de-proyecto h3 {
  height: 40px;
}
.view-tipos-de-proyecto .descripcion {
  padding: 0 2px;
}
.view-tipos-de-proyecto .enlace {
}
.view-tipos-de-proyecto .enlace a {
  background-image: url(../images/arrow.png);
  display:block;
  height:17px;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  width:24px;
  position: absolute;
  right: 10px;
}
.view-tipos-de-proyecto .descripcion,
.view-tipos-de-proyecto h3 a,
.view-tipos-de-proyecto h3 a:visited {
  color: #ffffff;
}
.view-tipos-de-proyecto td {
  vertical-align: top;
}
.view-tipos-de-proyecto .foto {
  text-align: center;
}
#block-views-proyectos-block_2 {
  margin-top: 20px;
}
#block-views-proyectos-block_2 h2.title {
  display: block;
  color: #439A24;
}
/* reset node tabs for anonymous users on Proyectos pages */
body.not-logged-in ul.primary,
body.not-logged-in ul.primary li a,
body.not-logged-in ul.primary li a .tab,
body.not-logged-in ul.primary li.active a .tab,
body.not-logged-in ul.primary li.active a {
  background-image: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
body.not-logged-in ul.primary li a,
body.not-logged-in ul.primary li.active a {
  color: #ffffff;
}
body.not-logged-in ul.primary li a .tab,
body.not-logged-in ul.primary li.active a .tab {
  border-right: 1px solid #ffffff;
  padding: 0 10px;
}
body.not-logged-in ul.primary li.first a .tab {
  padding-left: 0;
}
body.not-logged-in ul.primary li.last a .tab {
  border-right: none;
  padding-right: 0;
}
body.not-logged-in ul.primary li.active a {
  color: #ff0000;
}
/* Home page slideshow */
.view-slideshow .slideshow-img1 {
  position: relative;
  float: left;
  width: 960px;
}
.view-slideshow .slideshow-img2 {
  position: relative;
  float: right;
  width: 240px;
}
.view-slideshow .slideshow-url a {
  position: absolute;
  bottom: 10px;
  right: 5px;
  width: 210px;
  height: 80px;
  padding: 10px;
  background: url(../images/arrow.png) no-repeat 95% 95%;
}
.view-slideshow .slideshow-url a {
  color: #ffffff;
  font-size: 1.5em;
}
.view-slideshow .slideshow-url1 a {
  background-color: rgb(188, 39, 17); /* The Fallback */
  background-color: rgba(188, 39, 17, 0.9); 
  bottom:5px;
  right:0;
}
.view-slideshow .slideshow-url2 a {
  background-color: rgb(111, 132, 37); /* The Fallback */
  background-color: rgba(111, 132, 37, 0.9); 
}
.view-noticias .views-row {
  margin-bottom: 10px;
}
.view-noticias.view-display-id-block_3 .views-field-title a,
.view-noticias.view-display-id-block_3 .views-field-title a:visited {
  color: #ff0000;
}
.view-noticias.view-display-id-block_3 .titulo a {
font-size:15px;
font-weight: bold;
}
.view-noticias.view-display-id-block_3 .view-header h2 {
  
}
.view-editorial.view-display-id-block_1 .titulo a,
.view-editorial.view-display-id-block_1 .titulo a:visited {
  color: #FF0000;
  font-size:19px;
  line-height:20px;  
}
.view-editorial.view-display-id-block_1 .titulo a:hover {
  color: #990000;
  
}
.view-editorial.view-display-id-block_1 .imagen, .view-editorialEN.view-display-id-block_1 .imagen, .view-editorialFRA.view-display-id-block_1 .imagen {
  float: left;
  padding-right:10px;
}

.view-editorial.view-display-id-block_1 .encabezado {
  float: left;
  font-size: 16px;
  width: 350px;
  margin-left:20px;
}
.view-editorial.view-display-id-block_1 .cuerpo {x
  clear: both;
  
}

.node-type-editorial .field-encabezado p {font-weight: bold;}


body.page-content-bienvenidos, body.page-content-thank-you-your-visit, body.page-content-merci-de-votre-visite {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	background-image:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/css/fondo-portada-2.gif') !important;
	background-repeat:repeat-x;
	background-color:#FFFFFF !important;
}

body.page-noticias {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	background-image:url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/css/fondo-noticias.gif') !important;
	background-repeat:repeat-x;
	background-color:#FFFFFF !important;
}

.node-type-story .title-image {font-size: 10px; font-style: italic; text-align:center;} 

body.page-content-bienvenidos .view-noticias .views-row {margin-bottom:30px; float:left;}
body.page-content-bienvenidos .view-noticias .imagen {float:left; width:50%; clear:both;}
body.page-content-bienvenidos .view-noticias .imagen img {width:100%; height:auto;}
body.page-content-bienvenidos .view-noticias .texto {width:48%; float:right;} 
body.page-content-bienvenidos .view-noticias .titulo a, 
body.page-content-bienvenidos .view-noticias .titualo a:visited, body.page-content-bienvenidos .view-noticias .titulo a:active {color:#F00; font-weight:bold; font-size:16px; line-height:20px; margin-bottom:10px; display:block;}
body.page-content-bienvenidos .view-noticias .enlace a,
body.page-content-bienvenidos .view-noticias .titualo a:visited, body.page-content-bienvenidos .view-noticias .enlace a:active {color:#F00; }
body.page-content-bienvenidos .views_slideshow_singleframe_controls {height:20px; position:relative; width:330px; margin:0 auto; float:none;}
body.page-content-bienvenidos .views_slideshow_singleframe_controls a {display:block; height:20px; width:15px; background:no-repeat 0 0; position:absolute; top:0; padding:0; margin:0;}
body.page-content-bienvenidos .views_slideshow_singleframe_controls .views_slideshow_singleframe_previous {background-image:url(../images/prev-button-2.png);left:0;}
body.page-content-bienvenidos .views_slideshow_singleframe_controls .views_slideshow_singleframe_next {background-image:url(../images/next-button-2.png); right:0;}
body.page-content-bienvenidos #views_slideshow_singleframe_playpause_slideshow-block_1 {display:none;}
body.page-content-bienvenidos .views-slideshow-controls-bottom {position:relative;}
body.page-content-bienvenidos .views_slideshow_singleframe_pager {position:absolute; width:355px; margin:auto; top:0; right:0; left:0; bottom:0; height:20px; text-align:center;}
body.page-content-bienvenidos .views_slideshow_singleframe_pager a {background:url(../images/bola.png) no-repeat 0 0; height:20px; width:20px; display:inline-block; margin-right:5px; float:none; text-indent:-9999px;}
body.page-content-bienvenidos .views_slideshow_singleframe_pager .activeSlide a {background-image:url(../images/bola-hover.png);}

body.page-content-thank-you-your-visit .view-noticias .views-row {margin-bottom:30px; float:left;}
body.page-content-thank-you-your-visit .view-noticias .imagen {float:left; width:50%; clear:both;}
body.page-content-thank-you-your-visit .view-noticias-EN .imagen {float:left; width:50%; clear:both;}
body.page-content-thank-you-your-visit .view-noticias-FRA .imagen {float:left; width:50%; clear:both;}
body.page-content-thank-you-your-visit .view-noticias .imagen img {width:100%; height:auto;}
body.page-content-thank-you-your-visit .view-noticias .texto {width:48%; float:right;}
body.page-content-thank-you-your-visit .view-noticias-EN .texto {width:48%; float:right; margin-bottom: 30px;}
body.page-content-thank-you-your-visit .view-noticias-FRA .texto {width:48%; float:right;} 
body.page-content-thank-you-your-visit .view-noticias .titulo a, 
body.page-content-thank-you-your-visit .view-noticias .titualo a:visited, body.page-content-thank-you-your-visit .view-noticias .titulo a:active {color:#F00; font-weight:bold; font-size:16px; line-height:20px; margin-bottom:10px; display:block;}
body.page-content-thank-you-your-visit .view-noticias .enlace a,
body.page-content-thank-you-your-visit .view-noticias .titualo a:visited, body.page-content-thank-you-your-visit .view-noticias .enlace a:active {color:#F00; }
body.page-content-thank-you-your-visit .views_slideshow_singleframe_controls {height:20px; position:relative; width:300px; margin:0 auto; float:none;}
body.page-content-thank-you-your-visit .views_slideshow_singleframe_controls a {display:block; height:20px; width:20px; background:no-repeat 0 0; position:absolute; top:0; padding:0; margin:0;}
body.page-content-thank-you-your-visit .views_slideshow_singleframe_controls a.views_slideshow_pause {display: none;}
body.page-content-thank-you-your-visit .views_slideshow_singleframe_controls .views_slideshow_singleframe_previous {background-image:url(../images/prev-button-2.png);left:0;}
body.page-content-thank-you-your-visit .views_slideshow_singleframe_controls .views_slideshow_singleframe_next {background-image:url(../images/next-button-2.png); right:0;}
body.page-content-thank-you-your-visit #views_slideshow_singleframe_playpause_slideshow-block_1 {display:none;}
body.page-content-thank-you-your-visit .views-slideshow-controls-bottom {position:relative;}
body.page-content-thank-you-your-visit .views_slideshow_singleframe_pager {position:absolute; width:270px; margin:auto; top:0; right:0; left:0; bottom:0; height:20px; text-align:center;}
body.page-content-thank-you-your-visit .views_slideshow_singleframe_pager a {background:url(../images/bola.png) no-repeat 0 0; height:20px; width:20px; display:inline-block; margin-right:5px; float:none; text-indent:-9999px;}
body.page-content-thank-you-your-visit .views_slideshow_singleframe_pager .activeSlide a {background-image:url(../images/bola-hover.png);}

body.page-content-merci-de-votre-visite .view-noticias .views-row {margin-bottom:30px; float:left;}
body.page-content-merci-de-votre-visite .view-noticias .imagen {float:left; width:50%; clear:both;}
body.page-content-merci-de-votre-visite .view-noticias-EN .imagen {float:left; width:50%; clear:both;}
body.page-content-merci-de-votre-visite .view-noticias-FRA .imagen {float:left; width:50%; clear:both;}
body.page-content-merci-de-votre-visite .view-noticias .imagen img {width:100%; height:auto;}
body.page-content-merci-de-votre-visite .view-noticias .texto {width:48%; float:right;}
body.page-content-merci-de-votre-visite .view-noticias-EN .texto {width:48%; float:right; margin-bottom: 30px;} 
body.page-content-merci-de-votre-visite .view-noticias-FRA .texto {width:48%; float:right; margin-bottom: 30px;} 
body.page-content-merci-de-votre-visite .view-noticias .titulo a, 
body.page-content-merci-de-votre-visite .view-noticias .titualo a:visited, body.page-content-merci-de-votre-visite .view-noticias .titulo a:active {color:#F00; font-weight:bold; font-size:16px; line-height:20px; margin-bottom:10px; display:block;}
body.page-content-merci-de-votre-visite .view-noticias .enlace a,
body.page-content-merci-de-votre-visite .view-noticias .titualo a:visited, body.page-content-merci-de-votre-visite .view-noticias .enlace a:active {color:#F00; }
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_controls {height:20px; position:relative; width:300px; margin:0 auto; float:none;}
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_controls a {display:block; height:20px; width:20px; background:no-repeat 0 0; position:absolute; top:0; padding:0; margin:0;}
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_controls a.views_slideshow_pause {display: none;}
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_controls .views_slideshow_singleframe_previous {background-image:url(../images/prev-button-2.png);left:0;}
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_controls .views_slideshow_singleframe_next {background-image:url(../images/next-button-2.png); right:0;}
body.page-content-merci-de-votre-visite #views_slideshow_singleframe_playpause_slideshow-block_1 {display:none;}
body.page-content-merci-de-votre-visite .views-slideshow-controls-bottom {position:relative;}
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_pager {position:absolute; width:270px; margin:auto; top:0; right:0; left:0; bottom:0; height:20px; text-align:center;}
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_pager a {background:url(../images/bola.png) no-repeat 0 0; height:20px; width:20px; display:inline-block; margin-right:5px; float:none; text-indent:-9999px;}
body.page-content-merci-de-votre-visite .views_slideshow_singleframe_pager .activeSlide a {background-image:url(../images/bola-hover.png);}

/* Menu Cabecera */

.region-header { float: right; width: 254px;}

.block-locale {text-transform: uppercase; }

.block-locale a {color:#666;}
.block-locale a.active {color:#F00;}

.block-menu ul.menu a {color:#666;}
.block-menu ul.menu a.active {color:#F00;}

#menu-bl a {color:#666;}
#menu-bl a.active {color:#F00;}

#main-menu a {color:#666;}
#main-menu a.active {color:#F00;}

.block-menu li {margin-right: 5px;}

.block-menu ul.menu li {border-bottom:none;}
#block-menu-menu-contacto{clear:both; margin-bottom: 45px;}
#block-menu-menu-contacto ul li{display:inline;margin-left:0;margin-right:0px;}

#block-locale-0 {margin-bottom: -10px; float:right; }
#block-locale-0 .content {width: 110px;}
#main-menu{float:right; margin-bottom: -10px;}

.block-menu li.last a {border-right:none; }

.block-menu a {border-right: 1.5px solid #666; padding-right: 5px;}

.translation-link {display:none;}


/** microsite manzanas, pollos **/

#block-menu-menu-microsite {text-align:center;}
#block-menu-menu-microsite ul {color:#f00; text-align:center; margin-top:-10px;}
#block-menu-menu-microsite ul li {display:inline;color:#F00; padding:0;}
#block-menu-menu-microsite ul li a {color:#F00; border:none;}
#block-menu-menu-microsite ul li:after {color:#f00; padding:0 40px; content:"|";}
#block-menu-menu-microsite ul li.last:after {content:none; padding-left:0;}

.page-documental-ines-paris, .page-documental-ines-paris-el-documental,
.page-documental-ines-paris-la-directora, .page-documental-ines-paris-creditos,
.page-documental-ines-paris-fotos-y-videos, .page-documental-ines-paris-fotos,
.page-documental-ines-paris-videos, .page-documental-ines-paris-trailer {
background-image: url('http://www.mujeresporafrica.es/sites/all/themes/zen/zen-internals/images/fondo-mujeres_manzana.png');
background-repeat: repeat-x;
background-color: #Fecc52;}

.page-documental-ines-paris h1.title, .page-documental-ines-paris-el-documental h1.title,
.page-documental-ines-paris-la-directora h1.title, .page-documental-ines-paris-creditos h1.title,
.page-documental-ines-paris-fotos-y-videos h1.title,
.page-documental-ines-paris-fotos h1.title,
.page-documental-ines-paris-videos h1.title, .page-documental-ines-paris-trailer h1.title {display:none;}

#node-681 {position:relative; height:600px;}
#node-681 #logo {position:absolute; right:0; top:0;z-index:100;}
#node-681 #slogan {position:absolute; left:0; top:40px;;}
#node-681 .menu-portada {position:absolute; right:80px; top:200px;}

#node-678 .content p {color:white;}
#node-678 .content p span {color:grey;}
#node-681 .menu-portada li {display:block; padding:10px 0px; background:transparent; text-align:center; border:2px solid white; float:left; clear:both; width:200px; margin: 0 0 20px 0;}
#node-681 .menu-portada li a {color:white; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#node-679 .content p {color:white;}
#node-679 .content p span {color:#d03834;font-size: 16px;font-weight: bold;display: block; width: 100px;}

#node-682 .content p, #node-683 .content p {text-align:center;}
#node-682 video {margin:0 auto; float:none;}

#slider-documental-wrapper {position:relative; width:960px; float:left; width:100%; height:700px;}
#slider-documental {width:920px; margin:0 auto; height:auto;}
#slider-documental img {width:100%; height:auto;}

#slider-documental-wrapper .nav #prev {position:absolute; height:40px; width:20px; display:block; left:20px; bottom:20px; text-indent:-9999px; background:url(../images/larr.png) 0 0 no-repeat;}
#slider-documental-wrapper .nav #next {position:absolute; height:40px; width:20px; display:block; right:20px; bottom:20px; text-indent:-9999px; background:url(../images/rarr.png) 0 0 no-repeat;}

#slider-documental-wrapper.videos .nav #prev {bottom:130px;}
#slider-documental-wrapper.videos .nav #next {bottom:130px;}

#block-block-10 .content div, #block-block-8 .content div, #block-block-9 .content div {padding:10px 0; text-align: center; background-color: #f00;}

/** cambios portada multidioma **/

.front #node-1 .view-slider, .front #node-121 .view-slider {display: none;}

/*donaciones*/
#donaciones {
  position: absolute;
  top: 296px;
  left: -105px;
}

#texto-donaciones-1 {
  display: block;
  float: right;
  width: 474px;
  height: 316px;
}

#texto-donaciones-2 {
  display: block;
  float: right;
  width: 474px;
  height: 190px;
  margin-top: 152px;
}


/*Galeria*/

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  height: 500px;
}
#contenedor_slider {
position: absolute;
width:100%;
}
#slider img {
  float: left;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 300px;
  background: #F7B322;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

/****/

.i18n-en .titulo a, .i18n-fr .titulo a{    
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
  }


#node-1, #node-121 {display: none;}
.i18n-es .menu-block-1 .menu, .i18n-en .menu-block-1 .menu, .i18n-fr .menu-block-1 .menu {width: 200px;}

#node-98 table tbody tr td, #node-75 table tbody tr td, #node-7 table tbody tr td  {padding-right: 15px;}



/* GALERÍA */

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}


/* Just for the example. Fee free to delete these three lines */
.pikachoose {width: 100%; margin: 0 auto; float:left;}

/* Style the thumbnails */
.pika-thumbs{ padding:0; height: 75px; width:967px; margin:0!important; margin-top:20px!important }
.pika-thumbs li{ width: 143px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
float: left; list-style-type: none;padding: 3px; margin: 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {;}
.pika-stage { text-align:center; position: relative; background: #F7B322; border:0; padding:0; text-align:center; overflow:hidden; max-height:500px!important; width:100%; margin-top:20px; }
.pika-stage img {width:auto; height:100%; text-align:center; }
.pika-stage .caption { position: absolute; font-size: 12px; font-weight:bold; 
			color: #fff; padding: 10px; width:940px; text-align: left; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7)}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px; }

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(../images/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {display:none;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter {display:none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(../images/Galeria/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }
	
	

ul.links li.service-links-facebook,
ul.links li.service-links-linkedin,
ul.links li.service-links-twitter{
	position: relative;
	display: inline-block;
	top: 22px;
	padding:0 4px 0;
}

ul.links li.node_translation_en{
	display:none
}


ul.links li.service-links-facebook:before{
	content:" compartir : "
}

.page-content-senior-research-fellowships-form .form-required { display:none;}
.page-content-senior-research-fellowships-form fieldset { border:0;}
.page-content-senior-research-fellowships-form fieldset legend { font-size:18px; font-weight:bold;}
.page-content-senior-research-fellowships-form .webform-component { margin-bottom:10px; width:100%; float:left;}
.page-content-senior-research-fellowships-form .node-type-webform label { font-size:14px; font-weight:bold; width:21%; float:left;}
.page-content-senior-research-fellowships-form .node-type-webform input { width:74%; float:right; border:0; padding:5px; font-size:14px; margin-top: -5px;}

.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--puesto { width:100%; float:left;}
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--puesto label{ display:none;}
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--puesto input { width:auto; margin-top:2px; float:left;}
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--puesto .form-checkboxes label{ display:block;}
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--puesto .form-checkboxes .option { width:auto; float:left; margin-right:15px;}

.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--puesto .form-checkboxes .form-item { float:left; margin-right:3%;}
.page-content-senior-research-fellowships-form .node-type-webform #wwebform-component-researcher--puesto .form-checkboxes input.form-checkbox {
	margin-left: 10px;
	background: #fff;
	border: 0;
	width: auto;
	margin-top: 2px;
}

.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--country,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-organization--country { width:48%; float:left;}
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--postal-code,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-organization--postal-code { width:48%; float:right;}


.page-content-senior-research-fellowships-form .node-type-webform #webform-component-organization--country label,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-organization--postal-code label,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--country label,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--postal-code label  { width:50%;}

.page-content-senior-research-fellowships-form .node-type-webform #webform-component-organization--country input,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-organization--postal-code input,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--country input,
.page-content-senior-research-fellowships-form .node-type-webform #webform-component-researcher--postal-code input { width:45%;}


.page-content-senior-research-fellowships-form.node-type-webform.section-content #content form .form-submit {
	background: #de1b00;
	color: #fff;
	width: 100px;
	text-align: center;
	margin: 25px 44% 0;
	padding: 10px 0;
	float: none;
	position: relative;
}

.page-content-senior-research-fellowships-form #webform-component-organization--preferred-spanish-host-institution label { width:100%; margin-bottom:15px;}
.page-content-senior-research-fellowships-form #webform-component-organization--preferred-spanish-host-institution input { width:auto; float:left; margin-top:2px; margin-bottom:10px;}
.page-content-senior-research-fellowships-form #webform-component-organization--preferred-spanish-host-institution .form-checkboxes label { margin-bottom:0;}
.page-content-senior-research-fellowships-form .description { width:100%; float:left; margin-top:20px;}
.page-content-senior-research-fellowships-form .description p { font-size:14px;}



/********** BLOG **********/

.page-blogs.section-blogs.page-views .view-Blog,
#node-2214.node-type-webform,
#node-2212.node-type-page,
#node-2215.node-type-page,
#node-2213.node-type-page,
#node-2248.node-type-page,
#node-2255.node-type-page { width:68%; float:left;}
.page-blogs.section-blogs.page-views .view-Blog .view-content { width:93%;}
.page-blogs.section-blogs.page-views .view-Blog .view-content a { color:#e2200e;}
.page-blogs.section-blogs.page-views .view-Blog .view-content a:hover { color:#000;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row { width:100%; float:left; border-bottom:1px solid #e3a400; border-top:1px solid #f9c234; padding:15px 0; margin:0;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row.views-row-first { border-top:0; padding-top:0;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row.views-row-last { border-bottom:0; padding-bottom:25px;}

.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-title .field-content > a:link,
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-title .field-content > a:visited { font-size:1.2em; height:auto; color:#e2200e;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-title .field-content > a:hover { color:#000;} 

.page-blogs.section-blogs.page-views .view-Blog .view-content .views-field-field-imagen-blog-fid { display:none;}
.node-type-blog .field-imagen-blog img { width:100%; height:auto;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .picture { 
	width:15%; 
	margin-right:3%;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	overflow:hidden;
	float:left;
}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .picture img { width:100%;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-name,
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-value,
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-field-entradilla-value { width:82%; float:left;}

.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-name a:link,
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-name a:visited { color:#000; font-weight:bold;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-value a:link,
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-value a:visited { color:#000;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-name a:hover { color:#e2200e;}
.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-value a:hover { color:#e2200e;}

.page-blogs.section-blogs.page-views .view-Blog .view-content .views-row .views-field-field-entradilla-value .field-content p { margin-top:0;}




/** Columna derecha **/

.section-blogs.page-views .region-content-right,
#node-2214 + .region-content-right,
#node-2212 + .region-content-right,
#node-2215 + .region-content-right,
#node-2213 + .region-content-right,  
#node-2248 + .region-content-right,
#node-2255 + .region-content-right
{ width:30%; float:right; color:#fff;}
.node-type-blog .nd-region-right h2,
.section-blogs.page-views .region-content-right h2 { font-size:1.2em;}
.node-type-blog .nd-region-right .imagenes-libros + ul,
.section-blogs.page-views .region-content-right .imagenes-libros + ul { color:#e2200e;}
.node-type-blog .nd-region-right .imagenes-libros + ul li,
.section-blogs.page-views .region-content-right .imagenes-libros + ul li { list-style:none;}
.node-type-blog .nd-region-right .imagenes-libros + ul li:before,
.section-blogs.page-views .region-content-right .imagenes-libros + ul li:before {
	border: solid transparent;
	content: " ";
	pointer-events: none;
	border-left-color: #e2200e;
	border-width: 5px;
	margin-top: -3px;
	display: block;
	float:left;
	margin-top:3px;
}
.node-type-blog .nd-region-right .sub-menu li,
.section-blogs.page-views .region-content-right .sub-menu li { list-style:none;}
.node-type-blog .nd-region-right .sub-menu li:before,
.section-blogs.page-views .region-content-right .sub-menu li:before { 
	content:"";
	width:12px; 
	height:12px; 
	background:#e2200e; 
	display:block; 
	float:left;
	margin:3px 10px 0 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.node-type-blog .nd-region-right .sub-menu li a,
.section-blogs.page-views .region-content-right .sub-menu li a { color:#fff;}
.node-type-blog .nd-region-right .sub-menu li a:hover,
.section-blogs.page-views .region-content-right .sub-menu li a:hover { color:#e2200e;}


.node-type-blog #search-box { display:none;}

.node-type-blog .nd-region-right { width:30%; color:#fff;}
.node-type-blog .nd-region-left,
.page-content-women-ghana.section-content #content .lateral { width:20%;}
.node-type-blog .nd-two-sidebars .nd-region-middle { margin-left: 22%; margin-right: 32%;}

.node-type-blog .nd-region-left .field-users > p { display:none;}

.node-type-blog .nd-region-left .field-users .picture,
.page-content-women-ghana .lateral .picture { float:left; width:25%; margin-right:10%;}

.node-type-blog .nd-region-left .field-users .picture img,
.page-content-women-ghana .lateral .picture img { margin-top:0;}

.node-type-blog .nd-region-left .field-users .user .text-user,
.page-content-women-ghana.section-content #content .lateral .text-user,
.page-content-women-ghana.section-content #content .lateral .texto,
.node-type-blog .nd-region-left .field-users .texto { width:65%; float: left; }

.node-type-blog .nd-region-left .field-users .texto p { margin-left:0;}

.page-content-women-ghana.section-content #content .lateral .view-header { margin:20px 0 10px;}

.page-content-women-ghana.section-content #content .lateral .text-user p,
.page-content-women-ghana.section-content #content .lateral .texto p,
.node-type-blog .nd-region-left .field-users .user .text-user p { margin:0;}

.page-content-women-ghana.section-content #content .lateral .text-user p a,
.page-content-women-ghana.section-content #content .lateral .texto p a,
.node-type-blog .nd-region-left .field-users .user .text-user p a,
.node-type-blog .nd-region-left .field-users .texto p a { color:#e2200e;}

.page-content-women-ghana.section-content #content .lateral .text-user p:first-child,
.page-content-women-ghana.section-content #content .lateral .texto p:first-child,
.node-type-blog .nd-region-left .field-users .user .text-user p:first-child,
.node-type-blog .nd-region-left .field-users .texto p:first-child { font-weight:bold;}

.node-type-blog .nd-region-left .field-users .user .text-user p a:hover, 
.node-type-blog .nd-region-left .field-users .texto p a:hover { color:#000;}

.node-type-blog .nd-two-sidebars .nd-region-middle .field-title { color:#e2200e;}

.page-content-women-ghana.section-content #content form { margin-left: 22%; margin-right: 32%; width:auto;}
.page-content-women-ghana.section-content .view-Blog .post { width:100%; margin-bottom:10px; float:left;}


/** mujeres-seleccionadas **/
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships { overflow-x:hidden}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section h1.title { font-size:30px; text-align:center;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .top {
    position: fixed;
    bottom: 2em;
    width: 49px;
    height: 35px;
    background: url('../images/top.png') no-repeat left top;
    display: block;
    right: 0px;
    z-index: 100;
}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .top:hover { background: url('../images/top.png') no-repeat left bottom; }
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul { list-style:none; width:100%; float:left; padding:0;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li { width:33%; float:left; text-align:center; margin:0;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li a.round-link { 
	color:#fff; 
	height:200px; 
	width:200px; 
	margin: 20px auto 10px;
	text-align:center;
	display:block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	vertical-align:middle;
	display: block;
	font-weight:bold;
	font-size:18px;
	overflow:hidden;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li a.round-link { 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li a.round-link:hover {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li a.round-link img { width:100%;}

.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li a.round-link[href="#uno"] img,
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li a.round-link[href="#tres"] img  { margin-top: -30px;}

.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section #header-block ul li a.round-link + a { color:#e32118; font-size:16px; width:100%; float:left; margin-bottom:10px;}



.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols { width:100%; float:left; border-top:1px solid #e32118; padding:25px 0; margin-top:-2px;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols h2 { color:#50a025; font-size:32px;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols .col-2-left { width:48.5%; float:left; clear:left; position:relative;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols .col-2-right { width:48.5%; float:right;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols blockquote { margin:10px 0; padding:1em 2em; background:#e32118; color:#fff;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols h3 { text-align:justify;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols .col-2-3 { width:75%; float:left; text-align:justify}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols .col-1-3 { width:20%; float:right;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols .col-1-3 img {width:100%; height:auto; float:right; margin-top:20px;}
.page-content-final-beneficiaries-of-visiting-senior-sesearch-fellowships .section .block-cols .separador { width:100%; clear:both;}


.page-content-senior-research-fellowships-2016 .section #header-block ul { list-style:none; width:100%; float:left; padding:0;}
.page-content-senior-research-fellowships-2016 .section #header-block ul li { width:33%; float:left; text-align:center; margin:0;}
.page-content-senior-research-fellowships-2016 .section #header-block ul li a.round-link { 
	color:#fff; 
	height:200px; 
	width:200px; 
	margin: 20px auto 10px;
	text-align:center;
	display:block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	vertical-align:middle;
	display: block;
	font-weight:bold;
	font-size:18px;
	overflow:hidden;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-content-senior-research-fellowships-2016 .section #header-block ul li a.round-link { 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.page-content-senior-research-fellowships-2016 .section #header-block ul li a.round-link:hover {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.page-content-senior-research-fellowships-2016 .section #header-block ul li a.round-link img { width:100%;}

.page-content-senior-research-fellowships-2016 .section #header-block ul li a.round-link[href="#uno"] img,
.page-content-senior-research-fellowships-2016 .section #header-block ul li a.round-link[href="#tres"] img  { margin-top: -30px;}

.page-content-senior-research-fellowships-2016 .section #header-block ul li a.round-link + a { color:#e32118; font-size:16px; width:100%; float:left; margin-bottom:10px;}



.page-content-senior-research-fellowships-2016 .section .block-cols { width:100%; float:left; border-top:1px solid #e32118; padding:25px 0; margin-top:-2px;}
.page-content-senior-research-fellowships-2016 .section .block-cols h2 { color:#50a025; font-size:32px;}
.page-content-senior-research-fellowships-2016 .section .block-cols .col-2-left { width:48.5%; float:left; clear:left; position:relative;}
.page-content-senior-research-fellowships-2016 .section .block-cols .col-2-right { width:48.5%; float:right;}
.page-content-senior-research-fellowships-2016 .section .block-cols blockquote { margin:10px 0; padding:1em 2em; background:#e32118; color:#fff;}
.page-content-senior-research-fellowships-2016 .section .block-cols h3 { text-align:justify;}
.page-content-senior-research-fellowships-2016 .section .block-cols .col-2-3 { width:75%; float:left; text-align:justify}
.page-content-senior-research-fellowships-2016 .section .block-cols .col-1-3 { width:20%; float:right;}
.page-content-senior-research-fellowships-2016 .section .block-cols .col-1-3 img {width:100%; height:auto; float:right; margin-top:20px;}
.page-content-senior-research-fellowships-2016 .section .block-cols .separador { width:100%; clear:both;}




/** CONCURSO LITERARIO **/

.page-content-i-premio-literario-africa-con-n h1.title { display: none;}
.page-content-i-premio-literario-africa-con-n p.destacado-concurso {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
}
.page-content-i-premio-literario-africa-con-n p.destacado-concurso a {
    background-color: transparent!important;
    font-size: 16px!important;
    font-weight: bold!important;
}
.page-content-i-premio-literario-africa-con-n h3.ui-accordion-header {
    color: #fff;
    background: #ec230f;
    padding: 5px 10px;
    cursor: pointer;
	margin: 0 0 10px;
} 
.page-content-i-premio-literario-africa-con-n  .ui-accordion-content li { margin-bottom:10px;}

.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form {
	width:100%;
	margin:50px 0 20px;
}
.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form > div{ margin: 0 -2%;}
.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form input.form-text {
    width: 98%;
    border: 0;
    padding: 5px 1%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
}

.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form label {
    font-size: 14px;
    color: #fff;
    font-weight: bold!important;
    margin-bottom: 5px;
}
.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form .form-item {
	width:46%;
	float:left;
	padding:0 2%;
	margin:0 0 15px;
}
.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form .form-radios .form-item  {
    width: 100%;
    float: left;
    margin: 0;
}
.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form input#edit-adjunto { margin-top:10px;}

.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content #content form div#edit-actions {
    width: 100%;
    float: left;
}

.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content form input#edit-submit {
    width: auto;
    margin: auto;
    display: table;
    float: none;
    text-align: center;
    background: #48a435;
    color: #fff;
    font-size: 18px;
    padding: 10px 50px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page-content-i-premio-literario-africa-con-n.node-type-webform.section-content .accordion2 h3#ui-id-3 {
    background: transparent;
    font-size: 32px;
    margin-top: -10px;
    border: 3px solid #fff;
    width: auto;
    display: table;
    margin: -10px 0 20px;
    line-height: 29px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}