/* ==========================================================================
   SPP Medical Magazines Page Style
   ========================================================================== */
/* ==========================================================================
   SPP Globlal Vars
   ========================================================================== */
/* 
 * Fonts Weights 
 */
/* 
 * Fonts 
 */
/* Menu */
/* Forms */
/* Highlights */
/* Breadcrumbs */
/* Accordion */
/* Agenda */
/* Pagination */
/* Page */
/* Gallery */
/* Footer */
/* Associated */
/* 
 * Icons 
 */
/* Menu */
/* List */
/* Forms */
/* Buttons */
/* Agenda */
/* 
 * Colors 
 */
/* Menu */
/* Highlights */
/* Forms */
/* Borders */
/* List */
/* Pagination */
/* Associated Menu */
/* Text Fonts */
/* Icons */
/* MainMenu */
/* SubMenu */
/* Highlights */
/*$font-highlight-menu-title: 25px;
$font-highlight-menu-subtitle: 14px;
$font-highlight-menu-subtitle: 14px;
$font-highlight-title: 30px;
$font-highlight-subtitle: 14px;
$font-highlight-text: 11px;*/
/* Footer */
/* Page */
/*$font-page-title: 18px;
$font-header-title: 15px;
$font-header-text: 14px;
$font-highlite-title: 15px;
$font-highlite-text: 13px;
$font-author-text: 13px;

$font-accordion-title: 17px;
$font-accordion-subtitle: 14px;

$font-info-title: 30px;
$font-info-subtitle: 15px;

$font-info-pagination: 15px;

$font-text: 12px;
$font-text-mini: 10px;

$font-icon-seemore: 20px;


/* Gallery */
/* Agenda */
/*$font-agenda-icon-calendar: 60px;
$font-agenda-info-title: 16px;
$font-agenda-event: 18px;*/
/* Fonts Weights */
/*$font-regular: 400;
$font-semibold: 600;
$font-bold: 700;*/
/* Colors */
/* SubMenu*/
/*$color-background: rgba(242, 242, 242, 1);
$color-background-white: rgba(255, 255, 255, 1);
$color-background-light-green: rgba(147, 173, 116, 1);
$color-background-green: rgba(94, 130, 58, 1);
$color-background-light-gray: rgba(227, 227, 227, 1);
$color-agenda-background-green: rgba(125, 154, 60, 1);
$color-agenda-background-black: rgba(73, 73, 73, 1);

$color-border-green: rgba(125, 166, 85, 1);
$color-border-black: rgba(84, 84, 84, 1);
$color-border-white: rgba(255, 255, 255, 1);

$color-background-pagination: rgba(166, 166, 166, 1);
$color-background-pagination-selected: rgba(77, 77, 77, 1);

$color-text-white: rgba(255, 255, 255, 1);
$color-text-black: rgba(84, 84, 84, 1);
$color-text-dark-green: rgba(69, 98, 77, 1);
$color-text-green: rgba(125, 166, 85, 1);


$color-mainmenu-background: rgba(255, 255, 255, .80);
$color-mainmenu-icon:rgba(255, 255, 255, .70);
$color-mainmenu-icon-selected: rgba(255, 255, 255, 1);
$color-mainmenu: rgba(67, 67, 67, 1);
$color-mainmenu-selected: rgba(55, 82, 70, 1);

$color-submenu-icon:rgba(255, 255, 255, 1);



$color-highlight-background-light-green:rgba(134, 186, 59, .8);
$color-highlight-background-dark-green:rgba(38, 69, 57, .8);
$color-highlight-menu:rgba(255, 255, 255, 1);
$color-highlight-text:rgba(43, 43, 43, 1);
$color-highlight-link:rgba(55, 82, 70, 1);

$color-background-footer: rgba(29, 29, 29, 1);
$color-text-footer-legal: rgba(255, 255, 255, .35);
$color-text-footer-legal-hover: rgba(255, 255, 255, 1);

$color-input-background: rgba(226, 226, 226, 1);
$color-input-error-background: rgba(125, 154, 60, 1);

$color-transparent: transparent;*/
.page-content-header {
  position: relative;
  width: 100%; }

.page-content-header-image {
  position: relative;
  height: 25px;
  background-image: url(../../img/frontend/header_mask.png); }

.page-content-header-text {
  position: relative;
  padding: 10px 65px 20px;
  background-color: white; }

.page-content-header-text .icon-spp-menu-areaassociado {
  font-size: 20px;
  color: #7da655;
  position: relative; }

.page-content-list {
  position: relative;
  width: 100%; }

#list > .ui-accordion-header.list-header-even {
  background-color: white; }

#list > .ui-accordion-header.list-header-odd {
  background-color: #f2f2f2; }

.page-content-list > li {
  position: relative; }

.page-content-list > li > a {
  position: relative;
  text-decoration: none;
  display: block; }

.page-content-list > li > a > h3 {
  position: relative;
  height: 60px;
  padding: 10px 65px 35px 65px;
  background-color: #f2f2f2;
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  color: #545454;
  text-transform: uppercase;
  cursor: pointer; }

.page-content-list > li > a:hover > h3 {
  color: #7da655; }

.page-content-list > li > h3 {
  position: relative;
  height: 60px;
  padding: 10px 65px 35px 65px;
  background-color: #f2f2f2;
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  color: #545454;
  text-transform: uppercase;
  cursor: pointer; }

.page-content-list h3.list-header-even {
  background-color: white; }

.page-content-list h3.list-header-odd {
  background-color: #f2f2f2; }

.page-content-list > li .icon-spp-menu-areaassociado {
  font-size: 20px;
  color: #7da655;
  position: absolute;
  top: 10px;
  left: 40px;
  z-index: 1; }

.page-content-list > li > a > .icon-spp-list-header {
  font-size: 15px;
  color: rgba(70, 70, 70, 0.5);
  position: absolute;
  top: 0px;
  left: 25px;
  z-index: 1; }

.page-content-list > li > .icon-spp-list-header {
  font-size: 15px;
  color: rgba(70, 70, 70, 0.5);
  position: absolute;
  top: 0px;
  left: 25px;
  z-index: 1; }