
/*
# Cyclope 3 GPL
# Neutronix Workflow Design
# Layouts: 4 & 5 Elements
# Copyright 2010-2013 Código Sur Sociedad Civil.
# All rights reserved.
# This file is part of Cyclope 3.
# Cyclope is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
# Development: Codigo Sur www.codigosur.org
# Less CSS based www.lesscss.org
# 960 Grid System Based www.960.gs
# Neutronix is developed by Cyclope Community
*/

/*------------------
FONTS
-------------------*/

@font-face {font-family: Convergence;src: url('../fonts/Convergence-Regular.ttf');}

/*------------------
COLOURS
-------------------*/

@color-alpha: #fff;
@colora: #eee;
@colorb: #ccc;
@colorc: #999;
@colord: #666;
@colore: #333;
@color-omega:#000;

/*-----------------------------
ROUNDED CORNERS
------------------------------*/
.rounded-corners(@value) {
  -webkit-border-radius:@value; 
  -moz-border-radius:@value; 
  border-radius:@value; 
  }
.rounded-corners-top(@value) {
  border-top-right-radius:@value;
  border-top-left-radius: @value;
  -moz-border-radius-topright:@value;
  -moz-border-radius-topleft:@value;
  -webkit-border-top-right-radius:@value;
  -webkit-border-top-left-radius:@value;
  }

.rounded-corners-bottom(@value) {
  border-bottom-right-radius:@value;
  border-bottom-left-radius: @value;
  -moz-border-radius-bottomright:@value;
  -moz-border-radius-bottomleft:@value;
  -webkit-border-bottom-right-radius:@value;
  -webkit-border-bottom-left-radius:@value;
  }

.rounded-corners-left(@value) {
  border-top-left-radius: @value;
  -moz-border-radius-topleft:@value;
  -webkit-border-top-left-radius:@value;
  border-bottom-left-radius: @value;
  -moz-border-radius-bottomleft:@value;
  -webkit-border-bottom-left-radius:@value;
  }

.rounded-corners-right(@value) {
  border-top-right-radius: @value;
  -moz-border-radius-topright:@value;
  -webkit-border-top-right-radius:@value;
  border-bottom-right-radius: @value;
  -moz-border-radius-bottomright:@value;
  -webkit-border-bottom-right-radius:@value;
  }

/*-----------------------------
GRADIENTS
------------------------------*/
.gradient(@gradient-position, @top-color, @bottom-color) {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@top-color), to(@bottom-color)); /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(@gradient-position, @top-color, @bottom-color); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(@gradient-position, @top-color, @bottom-color); /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(@gradient-position, @top-color, @bottom-color); /* IE 10+ */
  background-image: -o-linear-gradient(@gradient-position, @top-color, @bottom-color); /* Opera 11.10+ */
  }
/*-----------------------------
SHADOWS
------------------------------*/
.shadows(@horizontal-shadow:2px, @vertical-shadow:2px, @blur-shadow:5px, @color-shadow:#333){
  box-shadow:@horizontal-shadow @vertical-shadow @blur-shadow @color-shadow;
  -webkit-box-shadow:@horizontal-shadow @vertical-shadow @blur-shadow @color-shadow;
  -moz-box-shadow:@horizontal-shadow @vertical-shadow @blur-shadow @color-shadow
  }
  
.text-shadows(@horizontal-shadow:2px, @vertical-shadow:2px, @blur-shadow:5px, @color-shadow:#333){
  text-shadow:@horizontal-shadow @vertical-shadow @blur-shadow @color-shadow;
  }

/*------------------
GENERALS PARAMETERS
-------------------*/

body{
  font-family: Arial, Verdana, Helvetica, Sans-serif;
  margin: 0;
  font-size:12pt;
  background-color:@colora;}

* {
  margin:0;
  padding:0;}

a {
  color:@colord;
  text-decoration:none;
  outline:none;}

a:hover {
  text-decoration:underline;
  color: @color-omega;}

img {
  border:none;}

.clear{
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
  padding:0;
  margin:0;}

.clearfix:after{
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0}

* html .clearfix,
*:first-child+html .clearfix {
  zoom:1}

#categories_navigation {
  }

.container {
  margin:0;} /*margin fire region*/

.floating-img-clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0;
  padding:0;
  margin:0;}

/*-----------------------------------------------------------------------------------------------
GENERAL SKEL
-----------------------------------------------------------------------------------------------*/

#mask {
  background:transparent;}

#middling {
  overflow:auto;
  background:@color-alpha;
  padding:10px 0;
  margin:0;}

.pagination {
  padding:0 10px 0 5px;
  margin:0 10px;}

/*------------------

-------------------*/
/*-----------------------------------------------------------------------------------------------
DEFAULT'S
-----------------------------------------------------------------------------------------------*/
.title {
  padding:0 0 10px;
  display:block;
  border-bottom:1px solid @colorb;}

.title a {
  color:@colore;}

.title a:hover {
  color:@colord;}

.summary {
  color:@color-omega;
  font-weight:700;
  padding:10px 0;}

.summary a {
  color:@colord;
  text-decoration:underline;}

.summary a:hover {
  color:@colore;
  text-decoration:underline;}

.author {
  margin:10px 0 0;}

.pretitle {
  color:@colord;
  text-transform:uppercase;}

.date {
  color:@colord;
  text-transform:uppercase;}

.source {
  color:@colord;}

img.teaser_icon {
  float:right;
  margin: 20px 0 9px 15px;
  width:135px;
  clear:both;
  border:1px solid @colorb;
  padding:3px;
  background:@color-alpha;}

img.image {
  float:left;
  overflow:auto;
  margin:0 10px 0 0;
  clear:both;
  width:130px;}

.categories_hierarchy {
  margin:10px 0;
  overflow:auto;}

.categories_hierarchy ul {
  list-style:square;
  margin:20px 30px;}

.categories_hierarchy li {
  list-style:square;}

#categories_navigation {
  padding:0 0 10px;
  display:block;}

#categories_navigation a {
  text-decoration:underline;}

div.paginator {
  padding:5px;
  background:@colorc;
  color:@color-alpha;
  display:block;
  font-weight:700;
  text-align:center;
  margin:0 0 20px;
  .rounded-corners(4px);}

div.paginator a {
  color:@color-alpha;
  font-weight:400;
  text-decoration:underline;}

div.paginator a:hover {
  color:@color-omega;}

/*------------------

-------------------*/

/*-----------------------------------------------------------------------------------------------
PROFUNDIDAD DE NAVEGACION
-----------------------------------------------------------------------------------------------*/
span.breadcrumb {
  font-size:0.8em;
  background:@color-alpha;
  border-bottom:1px solid @colorb;
  display:block;
  font-weight:normal;
  padding:5px 0 15px;
  margin:0 0 20px;}

span.breadcrumb a {
  font-weight:bold;
  color:@color-omega;}

span.breadcrumb a:hover {
  color:@color-alpha;}

/*------------------

-------------------*/

/*-----------------------------------------------------------------------------------------------
TEASER VIEWS
-----------------------------------------------------------------------------------------------*/
.collection {
  margin:0 0;}

.collection h3 {
  }

.collection p {
  padding:0;
  display:block;}

.collection h3.summary {
  color:@colore;
  font-weight:700;
  padding:0;
  text-align:left;}

/*------------------

-------------------*/

/*-----------------------------------------------------------------------------------------------
NEWSLETTER
-----------------------------------------------------------------------------------------------*/
.newsletter {
  border-bottom:6px solid @colora;
  margin:0 0 10px;
  padding:0 0 10px;
  position:relative;}

#fire .newsletter h2.title {
  border:none;
  padding:0;
  margin:0;
  font-size:1.2em;}

#fire .newsletter .summary {
  font-weight:400;}

img.newsletter_image {
  margin:0 0 20px 20px;
  padding:5px;
  border:2px solid @colorc;
  background:@colorb;}

.newsletter div.permalink {
  margin:20px 0 0;
  display:block;
  font-size:.8em;}

.newsletter div.show-ToC {
  position:absolute;
  top:0;
  right:0;
  padding:4px;
  background:@colord;
  display:block;
  font-size:.8em;}

.newsletter div.show-ToC a {
  color:@color-alpha;}

.newsletter_teaser {
  }

.newsletter_teaser img.newsletter_image {
  width:200px;
  float:left;
  margin:0 20px 20px 0;
  padding:0;
  border:none;
  background:none;}

/*------------------

-------------------*/

/*-----------------------------------------------------------------------------------------------
FORUMS
-----------------------------------------------------------------------------------------------*/
.forum {
  margin:20px 0 0;}

.forum table {
  margin:20px auto;
  color:@colore;
  padding:0;
  border:none;}

.forum th {
  background:@colord;
  color:@color-alpha;
  border:1px solid @color-omega;
  margin:0;
  padding:3px;
  font-size:.8em;}

.forum th.name {
  width:40%;}

.forum th.comments {
  width:10%;}

.forum th.created {
  width:25%;}

.forum th.last_comment {
  width:25%;}

.forum h2.topic {
  font-size:1.4em;
  border:none;
  padding:5px;}

.forum tr {
  margin:0;
  padding:0;}

.forum td {
  margin:0;
  padding:3px;
  border:1px solid @colorb;
  font-size:.75em;}

.forum td.comment {
  text-align:center;}

.forum .link-create-topic {
  font-size:.8em;
  font-weight:700;
  text-align:center;
  background:@colore;
  .rounded-corners(4px);
  width:130px;
  padding:5px;
  float:right;
  clear:both;}

.forum .link-create-topic a {
  color:@color-alpha}

.forum .create_forum label {
  display:block;
  padding:10px 0;}

.forum .create_forum input {
  display:block;}

.forum .create_forum input {
  display:block;}

.forum .create_forum textarea {
  display:block;
  .rounded-corners(6px);
  margin:0 0 10px;}

/*------------------

-------------------*/


#socialnetworks {
  font-size:0.75em;
  display:block;
  padding:0 0 10px;
  border-top:2px solid @colora;
  text-align:right;
  clear:both;}

#socialnetworks img {
  width:24px;
  height:24px;
  margin:5px 3px -8px 0;
  padding:6px 0 0;
  border:none;
  clear:none;}

#socialnetworks small {
  margin:0;
  padding:5px 5px 0 0;
  color:@colord;
  text-align:right;}

#fuego-content hr {
  }



#attachments {
  width:50%;
  color:@colore;
  margin:0 0 20px;
  text-align:left;
  background-color:@colora;
  border:1px solid @colorb;}

#attachments .attachments_box {
  padding:0 10px;
  margin:10px 0;}

#attachments p {
  margin:0 0 0 20px;
  font-size:0.75em;
  padding:0 0 7px;}

#attachments p a {
  color:@colord;}

#attachments p a:hover {
  color:@color-omega;
  font-weight:700;}

#attachments h6 {
  color:@colord;
  margin:0 0 10px 0;
  padding:5px 0 15px;
  font-weight:700;
  font-size:0.85em;}

#attachments p img {
  margin:-10px 0 0;}

#related {
  font-weight:bold;
  color:@colore;
  background:@colora;
  padding:10px;
  margin:0;
  width:50%;}

#related h6 {
  font-size:1em;
  padding:0;
  margin:0;
  color:@colord;}

#related ul {
  padding:10px 0 0;
  margin:0;
  list-style:square;}

#related li {
  color: @colorc;
  padding:0 10px 5px 0;
  margin:0 0 0 20px;}

#related li a {
  font-size:0.8em;
  color:@colord;
  font-weight:400;}

#related li a:hover {
  color:@color-omega;
  font-weight:700;}

#attachments img, #related img, #comments img {
  padding:0 0 5px;
  margin:0;}


/*------------------
SITE MAP
-------------------*/
#map {
  margin:0;
  padding:0;
  font-size:1em;}

#map a {
  margin:0;
  padding:0;}

#map ul {
  list-style:none;
  margin:0 0 0 30px !important;
  padding:0 !important;}

#map span {
	background: transparent url(../images/css/carpeta-abierta.png) 0 6px no-repeat;
	padding:0 0 0 15px !important;
	display:block;
	margin:0;}

#map li {

  padding:0 0 0 15px !important;
  margin:0 0 15px 0 !important;
  font-weight:700;
  list-style:none;
  font-size:1.2em;
  color:@color-omega;}

#map li a {
  color:inherit;}

#map ul ul {
  list-style:none;
  margin:0 0 0 10px !important;
  padding:0 !important;}

#map li li {
  padding:0 0 0 8px !important;
  margin:0 0 0 0 !important;
  font-weight:700;
  list-style:none;
  font-size:.7em;
  border:none;
  color:@colore;}

#map ul ul ul {
  list-style:none;
  margin:0 0 0 10px !important;
  padding:0 !important;}

#map li li li {
  padding:0 0 0 8px !important;
  margin:0 0 0 0 !important;
  font-size:.8em;
  color:@colord;}

#map li li li li {
  color:@colorc;}


/*------------------
SEARCH
-------------------*/

#advanced_search {
margin:0 0 20px;}

#search_results h3 {
  font-size:0.9em;
  font-weight:700;
  border:1px solid @colorb;
  background:@colora;
  padding:4px;
  text-align:center;
  margin:0 0 20px;}

#search_results h3.summary {
  background:none;
  border:none;}

#id_q {
  margin:0 0 10px;
  border:1px solid @colorc;
  padding:4px;
  width:350px;}

#div_id_captcha img {
  float:left;
  display:block;}

#div_id_captcha input {
  width:60px;
  margin:6px 0 0 10px;}

.login_form .uniForm .buttonHolder {
  text-align:left !important;}

.category_add_content {
    margin-left: 0;
    margin-top: 0;
    position: relative;
    }

.category_add_content span {
    background: @colora url(../images/css/edit-icon.png) left 2px no-repeat;
    color: @colore;
    cursor: pointer;
    height: 20px;
    margin: 0 0 0 0 !important;
    font-size:.8em;
    overflow: auto;
    padding: 4px 0 0 25px !important;
    position: relative;
    width: 120px;
    right:0;
    z-index: 1;
    display:block;
    .rounded-corners-top(3px);
}
.category_add_content span:hover {
    background-color: @colorb;
}
.category_add_content .content_types {
    background-color: @color-alpha;
    border: 3px solid @colorb;
    color: @color-omega !important;
    display: block;
    font-size: 12px !important;
    line-height: normal !important;
    list-style: none outside none !important;
    margin: 0 0 0 0 !important;
    padding: 10px 15px !important;
    position: absolute;
    width: 130px;
    z-index: 2000;
}
.category_add_content .content_types li {
    margin: 0 !important;
    padding: 0 !important;
}
.category_add_content .content_types li a {
    background-color: @colora !important;
    color: @colord !important;
    float: left;
    font-size: 12px !important;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    .rounded-corners(5px);
    }

.category_add_content .content_types li a:hover {
    background-color: @colorc !important;
    color: @color-alpha !important;
}

.addthis_toolbox {
	position:absolute;
	top:15px;
	z-index:8000;
}

#fire .addthis_toolbox {
	position:relative;
	top:0;}

/*------------------
AIR MENU
-------------------*/

/* ### FIRST LEVEL ### */

#air {
  position:relative;
  background:transparent;}

#air .menuitems_hierarchy {
  position:relative;
  height: 35px;
  padding: 5px 0 0;
  z-index:30;}

#air .menuitems_hierarchy ul {
float:right;
list-style: none;}
 
#air .menuitems_hierarchy li  {
  float:left;
  margin: 0 0 0 7px;}

#air .menuitems_hierarchy li a {
  display: block; 
  text-decoration: none; 
  color: @color-alpha; 
  font-weight: 700;
  background: @colore; 
  margin: 0;
  padding:6px 12px;}

#air .menuitems_hierarchy li a:hover {
  background: @colord; 
  color: @colora;}

#air .menuitems_hierarchy span.current a {
  }

/* ### SECOND LEVEL ### */

#air .menuitems_hierarchy ul ul{
  font-size:.9em;
  width:180px;
  position:absolute;
  margin:0;
  padding:0 0 5px;
  border:none;
  background:@colord;
  .rounded-corners-bottom(5px);}

#air .menuitems_hierarchy li li {
  float:none;
  margin: 0;}

#air .menuitems_hierarchy li li a {
  padding: 8px 10px;
  background:@colord;}

#air .menuitems_hierarchy li li a:hover,
#air .menuitems_hierarchy li li.expanded {
  background:@color-omega;
}

#air .menuitems_hierarchy li li.expanded span.has_children a {
  display:block;
  background:@color-omega;}

/* ### THIRD LEVEL ### */

#air .menuitems_hierarchy ul ul ul {
  font-size:1em !important;
  background:@color-omega;
  left:180px;
  margin:-34px 0 0 0;
  padding:0;
  .rounded-corners(0);}

#air .menuitems_hierarchy li li li {
  background:@color-omega;}

#air .menuitems_hierarchy li li li a {
  padding: 8px 10px;
  background:@color-omega;}

#air .menuitems_hierarchy li li li a:hover {
  background: @color-omega; }

/*------------------
SEARCH BOX
-------------------*/

#air .search-box {
  position:absolute;
  top:110px;
  right:0;}

#air .search-box form {
  margin:0 15px 0 0;
  padding:5px;
  float:right;
  z-index:50;}

#air .search-box input {
  padding:5px 3px;
  margin:0 0 1px 0;
  border:1px solid @color-omega;
  color:@color-omega;
  width:128px;
  background:@color-alpha;
  font-size:0.75em}

#air .search-box input.submit {
  border:none;
  padding:3px 0;
  margin:0 0 0 0;
  width:25px;
  height:25px;
  background:url(../images/css/btn.png) no-repeat;}

/*------------------
BRAND
-------------------*/

.brand {
  height:170px;
  background: url(../images/css/cabezal.png) 0 0 no-repeat;
  padding:0;
  margin:0;}

.brand h1 {
  padding:25px 70px 0 35px;
  text-align:left;
  font-size:2.6em;
  font-family:Convergence;}

.brand h1 a {
  color:@color-alpha; 
  text-decoration:none;}

.brand h2 {
  font-size:1.3em;
  font-weight:400;
  padding:0 70px 0 40px;}

.brand h2 a {
  color:@colorb; 
  text-decoration:none;}

.brand div {
  padding:5px 0 0 15px;
  margin:0;
  text-align:left;
  color:@color-alpha;
  font-size:0.85em;
  background:@color-alpha;} 


/*-----------------------------------------------------------------------------------------------
WATER 
-----------------------------------------------------------------------------------------------*/
#water {
  position:relative;
  padding:0;
  margin:0;
  .rounded-corners(6px);}
#water .content-view {}
#water .more {
  font-size:inherit;
  font-weight:400;
  margin:0; 
  padding: 0 0;
  display:inline;}
  
#water .pagination  {
  font-size:0.65em;
  text-align:center;
  padding:3px;
  background:@colore;
  color:@colora;}

#water .pagination a {
  color:@color-alpha;
  text-decoration:underline;}
  
#water .author {
  font-size:0.8em;
  font-weight:700;
  margin:10px 0 0;
  color:@colord;
  padding:0 0 0 10px;}
  
#water .teaser {
  margin:0 0 10px;
  padding:0 0 10px;
  overflow:auto;}

#water .teaser .title {
  margin:0 0 10px 0;
  color:@color-alpha;
  background:@colorc;
  position:relative;
  overflow:auto;
  font-size:.8em;
  padding:7px 3px 7px 26px;
  border-bottom:none;
  .rounded-corners(6px);}

#water .teaser .title a {
  text-decoration:none;
  color:inherit;}

#water .teaser .title a:hover {
  text-decoration:underline;
  color:@color-omega;}  
  
#water .teaser .tile img {
}

#water .teaser img.teaser_icon {
  float:left;
  width:60px;
  padding:0;
  border:1px solid @color-omega;
  background:@color-alpha;
  margin:3px 5px 0 0;}
  
#water .teaser .pretitle, #water .teaser .date {
  margin:0 0 5px;
  font-size:0.6em;
  display:inline;
  text-align:right;
  text-transform:none;
  color:@color-omega;
  padding:0 0 5px 5px;
  .rounded-corners(4px);}
  
#water .teaser .date {
  padding:0;}

#water .teaser img.icon {
  float:right;
  width:150px;
  clear:both;
  padding:3px;
  border:3px solid @colorb;
  margin:0 0 20px 20px;}
  
#water .teaser img.type_icon {
  width:20px;
  padding:0;
  margin:0 0;
  position:absolute;
  left:3px;top:5px;}
  
#water .teaser .summary {
  color:@colore;
  font-weight:400;
  padding:0;
  text-align:left;
  font-size:.8em;
  margin:-3px 0 5px;}
  
#water .teaser .summary p {
  display:inline;}
  
#water .teaser ul {
  color:@color-omega;
  font-size:1em;
  padding:15px 0;
  margin:0 0 0 30px;
  list-style:square;}
  
#water .teaser li {
  margin:0 0 0 5px;
  padding:0 0 3px;}
  
#water .category_title .title {
  padding:10px 0;
  margin:0 0 10px;
  display:block;
  border-bottom:none;
  font-size:1em;
  text-align:center;
  background:@colore;
  color:@color-alpha;
  .rounded-corners(6px);}
  
#water .category_title .title a {
  color:@color-alpha;}
  
#water .staticpage-teaser {
  border-bottom:3px solid @colorb;
  padding:0 0 10px;
  margin:0 0 10px;}
  
#water .staticpage-teaser ul li h2 {
  font-size:.9em;
  margin:0 0 10px;}
  
#water .staticpage-teaser ul  {
  list-style:square;
  margin:0 15px;}
  
#water .staticpage-detail {
  border-bottom:3px solid @colorb;
  padding:0 0 10px;
  margin:0 0 10px;
  font-size:.8em;}

#water .categories_hierarchy .title,
#water .categories_hierarchy_to_iconlist .title,
#water .flat_items_list .title,
#water .root_items_list .title,
#water .menuitem .title,
#water .menuitems_hierarchy .title {
  font-weight:700;
  padding:10px 0;
  margin:0 0 5px;
  display:block;
  border-bottom:none;
  font-size:.85em;
  text-align:center;
  background:@colore;
  color:@color-alpha;
  .rounded-corners(6px);}
  
#water .categories_hierarchy .title a,
#water .categories_hierarchy_to_iconlist .title a,
#water .flat_items_list .title a,
#water .root_items_list .title a,
#water .menuitem .title a,
#water .menuitems_hierarchy .title a {
  color:@color-alpha;}

#water .menuitems_hierarchy #current {
  background:url(images/current-bg.gif) top left repeat-x;
  color:@color-alpha;}
  
#water .menuitems_hierarchy, 
#water .categories_hierarchy,
#water .categories_hierarchy_to_iconlist,
#water .flat_items_list,
#water .root_items_list,
#water .menuitem,
#water .menuitems_hierarchy {
  margin:0 0 10px;
  padding:0 0 10px;
  border-bottom:none}
  
#water .menuitems_hierarchy span,
#water .categories_hierarchy  span,
#water .categories_hierarchy_to_iconlist span,
#water .flat_items_list span,
#water .root_items_list span  {
  }

#water .menuitems_hierarchy ul,
#water .categories_hierarchy ul,
#water .categories_hierarchy_to_iconlist ul,
#water .flat_items_list ul,
#water .root_items_list ul,
#water .menuitem ul,
#water .category_root_item_list ul {
  margin:0 ; 
  padding:3px 0; 
  list-style:none;
  display:block;
  background:transparent;
  .rounded-corners(5px);}
  
#water .menuitems_hierarchy li,
#water .categories_hierarchy li,
#water .categories_hierarchy_to_iconlist li,
#water .flat_items_list li,
#water .root_items_list li,
#water .menuitem li
#water .category_root_item_list li {
  font-size:.85em;
  margin:0 0 2px !important;
  text-decoration:none;
  font-weight:700;
  border:none;
  background:@colorb;
  padding:8px 10px;
  .rounded-corners(3px);}
  
#water .menuitems_hierarchy li:hover,
#water .categories_hierarchy li:hover,
#water .categories_hierarchy_to_iconlist li:hover,
#water .flat_items_list li:hover,
#water .root_items_list li:hover,
#water .menuitem li:hover,
#water .category_root_item_list li:hover {
  background:@colorc;
  color:@color-alpha;}

#water li.expanded {
  background:@colorc !important;
  color:@color-alpha !important;}
  
#water li.expanded a {
  background:@colorc !important;
  color:@color-alpha !important;}

#water .menuitems_hierarchy li a,
#water .categories_hierarchy li a,
#water .categories_hierarchy_to_iconlist li a,
#water .flat_items_list li a,
#water .root_items_list li a,
#water .menuitem li a,
#water .category_root_item_list li a {
  text-decoration:none;
  color:@colord;
  display:block;}

#water .menuitems_hierarchy li a:hover,
#water .categories_hierarchy li a:hover,
#water .categories_hierarchy_to_iconlist li a:hover,
#water .flat_items_list li a:hover,
#water .root_items_list li a:hover,
#water .menuitem li a:hover,
#water .category_root_item_list li a:hover {
  text-decoration:underline;
  color:@color-alpha;}

#water .menuitems_hierarchy ul ul ,
#water .categories_hierarchy ul ul,
#water .categories_hierarchy_to_iconlist ul ul,
#water .flat_items_list ul ul,
#water .root_items_list ul ul,
#water .menuitem ul ul,
#water .category_root_item_list ul ul {
  margin:6px 0 0;
  padding:0;
  display:block;
  border:none;}

#water .menuitems_hierarchy li li,
#water .categories_hierarchy li li,
#water .categories_hierarchy_to_iconlist li li,
#water .flat_items_list li li,
#water .root_items_list li li,
#water .menuitem li li,
#water .category_root_item_list li li {
  font-size:1em;
  display:block;
  padding:3px;
  margin:0 0 4px;
  border:none;
  border-bottom:1px dotted @colord;
  background:transparent;
  .rounded-corners(0);}

#water .menuitems_hierarchy li li:hover {
  background:transparent;}

li li:hover a {
  color:@color-omega;}

#water .menuitems_hierarchy li li a,
#water .categories_hierarchy li li a,
#water .categories_hierarchy_to_iconlist li li a,
#water .flat_items_list li li a,
#water .root_items_list li li a,
#water .menuitem li li a,
#water .category_root_item_list li li a {
  color:@color-alpha;
  display:block;
  border:none;
  background:none;}
  
#water .categories_hierarchy li li a:hover,
#water .categories_hierarchy_to_iconlist li li a:hover,
#water .flat_items_list li li a:hover,
#water .root_items_list li li a:hover,
#water .menuitem li li a:hover,
#water .category_root_item_list li li a:hover {
  display:block;
  background:@color-alpha;
  color:@color-omega;
  text-decoration:none;}

#water .menuitems_hierarchy ul ul ul ,
#water .categories_hierarchy ul ul ul,
#water .categories_hierarchy_to_iconlist ul ul ul,
#water .flat_items_list ul ul ul,
#water .root_items_list ul ul ul,
#water .menuitem ul ul ul,
#water .category_root_item_list ul ul ul {
  position:relative;
  left:0;
  top:0;
  background:transparent;}
  
#water .menuitems_hierarchy li li li , 
#water .categories_hierarchy li li li,
#water .categories_hierarchy_to_iconlist li li li,
#water .flat_items_list li li li,
#water .root_items_list li li li,
#water .menuitem li li li,
#water .category_root_item_list li li li {
  background:transparent;
  border:none;}

#water .menuitems_hierarchy li li li a,
#water .categories_hierarchy li li li a,
#water .categories_hierarchy_to_iconlist li li li a,
#water .flat_items_list li li li a,
#water .root_items_list li li li a,
#water .menuitem li li li a,
#water .category_root_item_list li li li a {
  color:@color-alpha;}

#water .menuitems_hierarchy p {
  clear:left;}
  	
#water .menuitems_hierarchy span.current a {
  }

#water .collection_header .title {
  padding:10px 0;
  margin:0 0 5px;
  display:block;
  border-bottom:none;
  font-size:1em;
  text-align:center;
  background:@colore;
  color:@color-alpha;
  .rounded-corners(6px);}

#water .collection_teaser {
  margin:0 0 10px;
  border-bottom:1px solid @color-omega;
  padding:0 0 10px;}

#water .collection_teaser .summary {
  color:@colore;
  font-weight:700;
  padding:0;
  text-align:left;
  font-size:.8em;}
  
#water .collection_teaser .summary p {
  display:block;}
  
#water .collection_teaser img.image {
  float:none;
  width:170px;
  margin:0;
  padding:0;}
  
#water .labeled_icon .title {
  font-size:.55em;
  text-align:center;
  padding:1px;
  border:none;
  font-weight:400;}
  
#water .labeled_icon img.icon {
  height:60px;
  width:60px;}
  
#water div.labeled_icon {
  width:60px;
  height:110px;
  border:2px solid @colorc;
  background:@colora;
  display:block;
  margin:0 5px 5px ;
  float:left;
  padding:5px 5px ;
  position:relative;
  .rounded-corners(8px);}
  
#water div.labeled_icon img.type_icon {
  width:12px;
  position:absolute;
  top:10px;
  left:10px;}
  
#water .labeled_icon_list {
  display:block;
  float:none;
  overflow:auto;
  margin:0 0 10px;
  padding:0 0 5px;
  border-bottom:3px solid @colorb;}

#water .icon_list_container {
  margin:0 0 5px;
  overflow:auto;}
  
#water div.paginator {
  font-size:.7em;
  padding:5px;
  background:@colorc;
  color:@color-alpha;
  display:block;
  font-weight:700;
  text-align:center;
  margin:0 auto 10px;
  .rounded-corners(4px);}

#water div.paginator a {
  color:@color-alpha;
  font-weight:400;
  text-decoration:underline;}

#water div.paginator a:hover {
  color:@color-omega;}

#water .teaser_list,
#water .collection_all_items_teaser_list {
  margin:0 0 10px;
  border-bottom:3px solid @colorb;
  padding:0 0 10px;}

#water .contact-teaser {
  border-bottom:1px solid @colorc;
  padding:5px 0;
  margin:0;}

#water .contact-teaser img.type_icon {
  display:none;}

#water .contact-teaser .title {
  display:inline;
  margin:0 0 10px 0;
  color:@color-omega;
  font-weight:700;
  font-size:.9em;
  padding:0;
  background:none;
  border:none;}

#water .contact-teaser .title a {
  text-decoration:none;
  color:@color-omega;
  display:inline;}

#water .contact-teaser .title a:hover {
  text-decoration:underline;
  color:@colorc;}

#water .contact-teaser .title img.photo {
  width:30px;
  float:left;
  padding:0 5px 0 0;}

#water .contact-teaser .contact-details {
  display:none;}

#water form .title {
  color:@color-omega;
  font-weight:700;}

#water form small {
  font-size:0.7em;
  padding:5px 0;
  display:block;}

#water form input {
  padding:2px;
  width:130px;
  .rounded-corners(3px);
  background:@color-alpha;
  color:@color-omega;
  border:1px solid @color-omega;}

#water form input.submit {
  width:30px;
  background:@colord;
  color:@color-alpha;
  border:1px solid @color-omega;}

#water .tags {
  margin:0;
  padding:10px 0 0;
  font-size:0.7em;
  display:block;} 

#water .tags a {
  color: @colord}

#water .tags a:hover {
  color:@color-omega; 
  text-decoration:underline;}

#water .search-box {
  overflow:auto;}

#water .search-box form {
  margin:0 0;
  padding:5px;
  float:right;}

#water .search-box input {
  padding:5px 3px;
  margin:0 0 1px 0;
  border:1px solid @color-omega;
  color:@color-omega;
  width:115px;
  background:@color-alpha;
  font-size:0.75em}

#water .search-box input.submit {
  border:none;
  padding:3px 0;
  margin:0 0 0 0;
  width:25px;
  height:25px;
  background:url(../images/css/btn.png) no-repeat;}

#rss {
  width:140px;
  margin:20px auto;
  display:block;
  padding:0 0 8px 20px;
  background: url("../images/css/rss_logo.png") 0 3px no-repeat;}

#rss a {
  color:@color-omega;
  text-decoration:none;
  font-weight:bold;}

#rss a:hover {
  color:@color-omega;
  text-decoration:underline;}

#tags {
  width:190px; 
  margin:20px 10px;}

#tags .title {
  text-align:center;
  display:block;
  color:@colore; 
  font-weight:bold; 
  font-size:0.8em; 
  margin:0;
  padding:3px 0;
  background-color:@colorb;}

#tags a {
  color:@colord; 
  line-height:180%;}

#tags a:hover {
  text-decoration:underline; 
  color:@colore;} 

#tags .box {
  padding:5px 15px;
  margin:0;
  background:@color-alpha;
  font-size:0.75em;}

.tag1 {
  font-size: 1em}
  
.tag2 {
  font-size: 1.1em}
  
.tag3 {
  font-size: 1.2em}
  
.tag4 {
  font-size: 1.3em}
  
.tag5 {
  font-size: 1.4em}


/*-----------------------------------------------------------------------------------------------
FIRE
-----------------------------------------------------------------------------------------------*/
.five_elements .category_title .title {
  background:@color-alpha;
  display:block;
  color:@colorc;
  font-size:1em !important;
  border-top:1px solid @colorb;
  border-bottom:1px solid @colorb;
  padding:4px;}

.five_elements .category_title .title a {
  color:inherit;
  text-decoration:none;}

.five_elements .category_title .title a:hover {
  color:@colore;}

.five_elements #categories_navigation {
  padding:4px;
  display:block;
  float:right;
  font-weight:700;}

.five_elements #categories_navigation a {
  text-decoration:none;
  color:@colorb;}

.five_elements #categories_navigation a:hover {
  color:@colorc;}

#fire {
  position:relative;
  border:none;
  background:none;
  padding:0;
  margin:0;}

#fire div.content_fire {
  margin:0 20px 0 10px;
  display:block;
  background:none;}

#neutrona-theme_staticpage_before_fire {
  padding:20px;
  background:@colord;
  margin:0 0 20px;
  color:@color-alpha;
  .rounded-corners(6px);}

#neutrona-theme_staticpage_before_fire a {
  color:@color-omega;}

#neutrona-theme_staticpage_before_fire a:hover {
  color:@color-alpha;}

/*-----------------
TITLES
-------------------*/
/*general titles*/
#fire .title {
  display:block;
  margin:0 0 20px 0;
  font-size:2em;
  font-weight:700;}

/*teasers titles*/

#fire .labeled_icon .title {
  font-size:.8em;
  text-align:center;
  padding:3px;
  border:none;
  font-weight:400;}

/*forms titles*/
#fire form .title {
  color:@color-omega;
  font-weight:700;}

/*-----------------
DETAILS CONTENTS
-------------------*/
#fire .pretitle, #fire .date {
  color:@colord;
  text-transform:uppercase;
  display:inline;
  font-size:.7em;
  margin:5px 0 0;}

#fire .summary {
  color:@color-omega;
  font-weight:700;
  padding:10px 0;
  text-align:left;
  font-size:1.2em;}

#fire .media .summary {
  font-weight:400;
  font-size:1em;}

#fire .tags {
  margin:20px 0 0 ;
  display:block;}

#fire .source {
  color:@colore;
  font-size:.9em;
  margin:20px 0 0;
  display:block;}

#fire .more {
  font-size:inherit;
  font-weight:400;
  margin:0;
  padding: 0 0;
  display:inline;}

#fire .pagination  {
  font-size:0.65em;
  text-align:center;
  padding:3px;
  background:@colore;
  color:@colora;}

#fire .pagination a {
  color:@color-alpha;
  text-decoration:underline;}

#fire div.paginator {
  font-size:.7em;
  padding:5px;
  background:@colorc;
  color:@color-alpha;
  display:block;
  font-weight:700;
  text-align:center;
  margin:0 auto 10px;
  .rounded-corners(4px);}

#fire div.paginator a {
  color:@color-alpha;
  font-weight:400;
  text-decoration:underline;}

#fire div.paginator a:hover {
  color:@color-omega;}

#fire .staticpage-detail {
  padding:0 0 10px;
  margin:0 0 10px;
  font-size:.8em;}

#fire .article-detail {
  }

#fire .article-detail a,#fire .staticpage-detail a {
  color:@color-omega;}


/*-----------------------------------------------------------------------------------------------
VISTA LISTA DETALLADA ARTICULOS
-----------------------------------------------------------------------------------------------*/
.media h1.title, .staticpage-detail h1.title {
  padding:10px 0;
  display:block;
  border-bottom:1px solid @colord;}

.media h3.summary {
  color:@colore;
  font-weight:400;
  padding:10px 0;
  text-align:left;
  font-size:1.2em;}

.media h4.author {
  color:@colord;
  border-left:4px solid @colorb;
  padding:0 0 0 10px;
  margin:20px 0 20px;
  font-size:.9em;}

.media h6.pretitle {
  color:@colord;
  text-transform:uppercase;}

.media h6.date {
  color:@colord;
  text-transform:uppercase;}

.media h6.source {
  color:@colord;}

.media .categories ul {
  list-style:none;
  margin:10px 0;}

.media .categories li {
  display:inline;
  border:1px solid @colorb;
  .rounded-corners(4px);
  padding:5px;
  background:@colora;
  color:@color-omega;
  margin:10px 10px 0 0;
  font-size:.75em;}

div.download_link  {
  display:block;
  padding:14px 8px;
  margin:20px 0;
  font-weight:700;
  background:@color-omega;
  color:@color-alpha;
  width:300px;
  text-align:center;
  border:1px solid @color-omega;
  .rounded-corners(18px);
  .gradient(top, @colore, @colorc);}

div.download_link:hover  {
  .gradient(top, @color-omega, @colord);}

div.download_link a {
  color:@color-alpha;}

/*-----------------
RELATED CONTENTS
-------------------*/

#fire .related_contents {
  font-weight:700;
  color:@colore;
  background:transparent;
  padding:0;
  width:80%;
  clear:both;
}

#fire .related_contents span.title {
  font-size:.7em;
  padding:5px 7px;
  font-weight:700;
  text-transform:uppercase;
  margin:-3px 0 0;
  display:block;
  color:@color-alpha;
  width:120px;
  text-align:center;
  background:@colorc;
  .rounded-corners-top(5px);}

#fire .related_contents ul {
  padding:10px 0 0;
  margin:0;
  list-style:none;
  margin:0 auto 20px;
  background:@colora;
  display:block;
 .shadows(1px, 1px, 2px, @colorb);}

#fire .related_contents ul ul {
  list-style:none;
  margin:0 auto;
  display:block;
  .rounded-corners(0);
  .shadows(0, 0, 0, transparent);}

#fire .related_contents li {
  font-size:.9em;
  color: @colorc;
  padding:0 10px 5px 0;
  margin:0 auto;
  display:block;
  list-style:none;
  font-weight:700;}

#fire .related_contents li a {
  color:@colord;
}

#fire .related_contents li a:hover {
  color:@color-omega;
  font-weight:700;}

#fire .related_contents li li {
	border-bottom:1px dotted @colorb;
	padding:5px 0;
	margin:0 auto 5px 10px;}
  
#fire .related_contents img.type_icon {
  width:12px;
  top:-8px;
  position:relative;}

.mejs-controls span {display:none;visibility:hidden;}

/*-----------------
LABELED ICONS
-------------------*/
#fire div.labeled_icon {
  height:180px;
  border:2px solid @colorc;
  background:@colora;
  display:block;
  width:130px;
  margin:	0 5px 10px;
  float:left;
  padding:5px;
  position:relative;
  .rounded-corners(8px);}

#fire .labeled_icon img.icon {
  height:130px;
  width:130px;}

#fire div.labeled_icon img.type_icon {
  position:absolute;
  top:10px;
  left:10px;}

#fire .labeled_icon_list {
  display:block;
  float:none;
  overflow:auto;
  margin:0 0 10px;
  padding:0 0 5px;
  border-bottom:3px solid @colorb;}

#fire .labeled_icon_list div.paginator {
  font-size:.7em;
  padding:5px;
  background:@colorc;
  color:@color-alpha;
  display:block;
  font-weight:700;
  text-align:center;
  margin:10px auto;
  .rounded-corners(4px);}

/*-----------------
TEASERS
-------------------*/
#fire .teaser {
  margin:0 0 25px;
  padding:0 0 20px;
  overflow:auto;
  border-bottom:1px dotted @colorb;}

#fire .teaser .title {
  border:none;
  margin:0;
  font-size:1.6em;}

#fire .teaser .title a {
  text-decoration:none;}

#fire .teaser .title a:hover {
  text-decoration:underline;}

#fire .teaser .summary {
  font-weight:400;
  padding:5px 0 0;
  font-size:1em;}

#fire .teaser .summary p {
  display:inline;}

#fire .teaser .pretitle {
  margin:10px 0 0;
  display:inline-block;}

#fire .teaser .date {
  }

#fire .teaser img.teaser_icon {
  margin:5px 0 0 10px;
  padding:5px;
  .rounded-corners(0);}

#fire .teaser img.icon {
  float:right;
  width:150px;
  clear:both;
  padding:3px;
  border:3px solid @colorb;
  margin:0 0 20px 20px;}

#fire .teaser img.type_icon {
  padding:0 0 0 10px;
  margin:0 0;
  float:right;}

#fire .teaser ul {
  color:@color-omega;
  font-size:1em;
  padding:15px 0;
  margin:0 0 0 30px;
  list-style:square;}

#fire .teaser li {
  margin:0 0 0 5px;
  padding:0 0 3px;}

#fire .teaser_list, #fire .collection_all_items_teaser_list {
  margin:0 0 10px;
  border-bottom:3px solid @colorb;
  padding:0 0 10px;}

#fire div.collection_teaser,
.form_summary {
  overflow:auto;
  background:@colora;
  display:block;
  margin:-20px 0 20px;
  padding:10px;
  border-bottom:1px solid @colord;}

#fire .staticpage-teaser {
  padding:0 0 10px;
  margin:0 0 10px;}

#fire .staticpage-teaser ul li h2 {
  font-size:.9em;
  margin:0 0 10px;}

#fire .staticpage-teaser ul {
  list-style:square;
  margin:0 15px;}

#fire .list_as_forum {
  border-bottom:3px solid @colorb;
  margin:0 0 10px;}

#fire .categories ul {
  list-style:none;
  margin:10px 0;
  float:right;}

#fire .categories li {
  display:inline;
  border:1px solid @colorb;
  padding:5px;
  background:@colora;
  color:@color-omega;
  margin:10px 10px 0 0;
  font-size:.8em;
  font-weight:700;}

/*-----------------
HIERARCHY
-------------------*/
/*menu*/
#fire .menuitems_hierarchy{}
#fire .menuitems_hierarchy span {display:block;padding:0;margin:0;}
#fire .menuitems_hierarchy ul {margin:0  0 0 40px; padding:0; list-style:square;}
#fire .menuitems_hierarchy li {font-size:.8em;margin:4px 0;text-decoration:none;font-weight:700;border:none;background:none;padding:0;}
#fire .menuitems_hierarchy li a {text-decoration:none; color:@color-omega; }
#fire .menuitems_hierarchy li a:hover {text-decoration:underline;color:@colore;}
#fire .menuitems_hierarchy ul ul {margin:0 0 0 20px;padding:0;display:block;border:none;}
#fire .menuitems_hierarchy li li {padding:3px 0;margin:4px 0;border:none;border-bottom:none;}
#fire .menuitems_hierarchy li li a {color:@colord;display:block;border:none;background:none;}
#fire .menuitems_hierarchy li li a:hover {display:block;background:@color-alpha;color:@color-omega;text-decoration:none; }
#fire .menuitems_hierarchy ul ul ul {position:relative;left:170px;top:-21px;background:@colora;}
#fire .menuitems_hierarchy li li li {background:@colord;}
#fire .menuitems_hierarchy li li li a {color:@color-alpha;}
#fire .menuitems_hierarchy p {clear:left;}
#fire .menuitems_hierarchy #current {background:url(images/current-bg.gif) top left repeat-x;color:@color-alpha;}
/*categories*/
#fire .categories_hierarchy,
#fire .categories_hierarchy_to_iconlist,
#fire .flat_items_list,
#fire .root_items_list,
#fire .menuitem,
#fire .menuitems_hierarchy {
  margin:0 0 10px;
  padding:0 0 10px;
  border-bottom:5px solid @colora;}

#fire .categories_hierarchy span,
#fire .categories_hierarchy_to_iconlist span,
#fire .flat_items_list span,
#fire .root_items_list span {
  display:block;
  padding:0;margin:0;}

#fire .categories_hierarchy ul,
#fire .categories_hierarchy_to_iconlist ul,
#fire .flat_items_list ul,
#fire .root_items_list ul,
#fire .menuitem ul,
#fire .category_root_item_list ul {
  margin:0 0 0 40px;
  padding:0;
  list-style:square;
  display:block;}

#fire .categories_hierarchy li,
#fire .categories_hierarchy_to_iconlist li,
#fire .flat_items_list li,
#fire .root_items_list li,
#fire .menuitem li,
#fire .category_root_item_list li {
  font-size:.8em;
  margin:4px 0;
  text-decoration:none;
  font-weight:700;
  border:none;
  padding:0 10px 8px;}

#fire .categories_hierarchy li a,
#fire .categories_hierarchy_to_iconlist li a,
#fire .flat_items_list li a,
#fire .root_items_list li a,
#fire .menuitem li a,
#fire .category_root_item_list li a {
  text-decoration:none;
  color:@color-omega;
  display:block;}

#fire .categories_hierarchy li a:hover,
#fire .categories_hierarchy_to_iconlist li a:hover,
#fire .flat_items_list li a:hover,
#fire .root_items_list li a:hover,
#fire .menuitem li a:hover,
#fire .category_root_item_list a:hover {
  text-decoration:underline;
  color:@colore;}

#fire .categories_hierarchy ul ul,
#fire .categories_hierarchy_to_iconlist ul ul,
#fire .flat_items_list ul ul,
#fire .root_items_list ul ul,
#fire .menuitem ul ul,
#fire .category_root_item_list ul ul {
  margin:0;
  padding:0;
  display:block;
  border:none;}

#fire .categories_hierarchy li li,
#fire .categories_hierarchy_to_iconlist li li,
#fire .flat_items_list li li,
#fire .root_items_list li li,
#fire .menuitem li li,
#fire .category_root_item_list li li {
  display:block;
  padding:3px 0;
  margin:4px 0;
  border:none;
  border-bottom:1px solid @colorb;}

#fire .categories_hierarchy li li a,
#fire .categories_hierarchy_to_iconlist li li a,
#fire .flat_items_list li li a,
#fire .root_items_list li li a,
#fire .menuitem li li a,
#fire .category_root_item_list li li a {
  color:@colord;
  display:block;
  border:none;
  background:none;}

#fire .categories_hierarchy li li a:hover,
#fire .categories_hierarchy_to_iconlist li li a:hover,
#fire .flat_items_list li li a:hover,
#fire .root_items_list li li a:hover,
#fire .menuitem li li a:hover,
#fire .category_root_item_list li li a:hover {
  display:block;
  background:@color-alpha;
  color:@color-omega;
  text-decoration:none;}

#fire .categories_hierarchy ul ul ul,
#fire .categories_hierarchy_to_iconlist ul ul ul,
#fire .flat_items_list ul ul ul,
#fire .root_items_list ul ul ul,
#fire .menuitem ul ul ul,
#fire .category_root_item_list ul ul ul {
  position:relative;
  left:170px;
  top:-21px;
  background:@colora;}

#fire .categories_hierarchy li li li,
#fire .categories_hierarchy_to_iconlist li li li,
#fire .flat_items_list li li li,
#fire .root_items_list li li li,
#fire .menuitem li li li,
#fire .category_root_item_list li li li {
  background:@colord;}

#fire .categories_hierarchy li li li a,
#fire .categories_hierarchy_to_iconlist li li li a,
#fire .flat_items_list li li li a,
#fire .root_items_list li li li a,
#fire .menuitem li li li a,
#fire .category_root_item_list li li li a {
  color:@color-alpha;}

/*-----------------
CONTACTS
-------------------*/
#fire .contact-teaser .title {
  margin:0 0 10px 0;
  color:@color-omega;
  font-weight:700;
  font-size:1.5em;
  padding:0;
  background:none;
  border:none;}

#fire .contact-teaser .title a {
  text-decoration:none;
  color:@color-omega;
  display:block;}

#fire .contact-teaser .title a:hover {
  text-decoration:underline;
  color:@colorc;}

#fire .contact-teaser .title img.photo {
  width:130px;
  padding:5px;
  background:@colora;
  border:1px solid @colore;
  float:none;
  margin:0 0 10px;}

#fire .contact-teaser {
  border-bottom:none;
  padding:5px 0;
  margin:0 0 10px;}

#fire .contact-teaser img.type_icon {
  display:none;}

#fire .contact-teaser .contact-details {
  clear:left;}

#fire .contact-teaser .contact-details .more {
  display:block;}

#fire .details-list {
  display:inline;}

#fire .detail img.contact_photo {
  width:166px;
  float:left;
  padding:5px;
  border:2px solid @colorc;
  .rounded-corners(4px);}

#fire .contact_teaser_detail{
  position:absolute;
  left:200px;
  font-size:1.1em;}

#fire .contact_teaser_detail div {
  padding:0 0 10px;}

#fire .contact_teaser_detail div span {
  font-weight:700;}

#fire .details-list {
  }

#fire .detail {
  position:relative;}

#fire .contact-detail .tools ul {
  margin:0 0 30px;
  display:block;}

#fire .contact-detail .categories ul {
  margin:0;
  padding:0;}

#fire .teaser_list div.paginator {
  font-size:.8em;
  padding:5px 0;
  background:none;
  color:@color-omega;
  display:block;
  font-weight:700;
  text-align:left;
  margin:0 auto 10px;}

#fire .teaser_list div.paginator a {
  color:@color-omega;
  font-weight:400;
  text-decoration:underline;}

#fire .teaser_list div.paginator a:hover {
  color:@colorc;}

/*-----------------
FORMS
-------------------*/

/*-----------------
SEARCH BOX
-------------------*/
#fire .search-box {
  overflow:auto;}

#fire .search-box form {
  margin:0 0;
  padding:5px;}

#fire .search-box input {
  padding:5px 3px;
  margin:0 0 1px 0;
  border:1px solid @color-omega;
  color:@color-omega;
  width:350px;
  background:@color-alpha;
  font-size:0.75em}

#fire .search-box input.submit {
  border:none;
  padding:3px 0;
  margin:0 0 0 0;
  width:25px;
  height:25px;
  background:url(../images/css/btn.png) no-repeat;}

/*-----------------
TEXTILE FORMAT
-------------------*/

#fire pre {
  max-width:700px;
  overflow-x:auto;
  overflow-y:auto;
  .rounded-corners(4px);
  margin:10px 0;
  padding:20px;
  border:1px solid @colorb;
  background:@colora;
  font-size:0.9em;
  font-weight:400;
  color:@color-omega;}

#fire code {
  padding:0;
  color:@colorc;
  font-weight:400;
  overflow:scroll;}

#fire div.text p {
  font-size:1em;
  line-height:1.5em;
  text-align:left;
  padding:20px 0 0;}

#fire span {
  margin:inherit;
  padding:inherit;}

#fire span.tip {
  margin:-20px 0 0;
  padding:20px;
  display:block;
  text-align:left;
  width:60%;
  color:@color-alpha;
  background:@colorc;
  border-left:5px solid @color-omega;
  font-size:0.9em;}

#fire blockquote {
  background:@colora;
  padding:0 20px 20px;
  margin:10px 0;
  font-size:0.9em;
  width:60%;
  line-height:1em;
  border-left:5px solid @colorb;
  text-align:left;}

#fire sup {
  }

#fire sub {
  }

#fire cite {
  }

#fire ul {
  color:@color-omega;
  font-size:1.1em;
  line-height:1.5em;
  padding:15px 0;
  margin:0 0 0 30px;
  list-style:square;}

#fire ol {
  color:@color-omega;
  font-size:1.1em;
  line-height:1.5em;
  padding:15px 0;
  margin:0 0 0 30px;}

#fire li {
  margin:0 0 0 5px;
  padding:0 0 3px;}

#fire acronym /*acronym textile are broken (bug cyclope, django or textile?)*/{
  }

#fire del {
  }

#fire ins {
  }

#fire .text table {
  margin:20px auto;
  color:@colore;
  padding:0;
  border:none;}

#fire .text th {
  background:@colord;
  color:@color-alpha;
  border:1px solid @color-omega;
  margin:0;
  padding:3px;}

#fire .text tr {
  margin:0;
  padding:0;}

#fire .text td {
  margin:0;
  padding:3px;
  border:1px solid @colorb;}

#fire div.text p img.left {
  float:left;}

#fire div.text p img.center {
  border: none;
  padding: 7px;
  max-width:620px;
  margin:0 auto;
  display:block;
  .shadows(2px, 2px, 5px, @colore);}
  
#fire div.text p img.right {
  float:right;}

#fire div.text p.footnote, .staticpage-detail div.text p.footnote {
  color:@colord;
  font-size:.8em;
  margin:4px 0;
  padding:0;}

#fire .text {
  padding:0 0 20px;}

#fire .text ul {
  padding:0;
  margin:0 0 0 30px;
  list-style:square;}

#fire .text li {
  padding:15px 0 0;}

#fire #container .content-view img {
  margin:20px 0 20px 20px;
  padding:0;
  float:none;
  .shadows(2px 2px 20px @colord);}

#fire #container .content-view h1 {
  color:@color-omega;
  padding:10px 0;
  margin:30px 0 30px;
  border-bottom:1px solid @color-omega;
  display:block;}

/*tags*/
#fire .tags {
  margin:0;
  padding:10px 0 0;
  font-size:0.7em;
  display:block;}

#fire .tags a {
  color: @colord}

#fire .tags a:hover {
  color:@color-omega;
  text-decoration:underline;}

#fire .tools {
  margin:10px 0;
  padding:0 0;}

#fire .tools ul {
  text-align:left;
  margin:0;
  padding:0;
  list-style:none;
  font-weight:bold;
  font-size:0.8em;}

#fire .tools ul a:hover {
  text-decoration:underline;}

#fire .tools li {
  display:inline;}

#fire .tools li .print {
  color: @colorc;
  background: transparent url(../images/css/imprimir.png) left top no-repeat;
  padding:0 0 10px 20px;
  margin:0;}

#fire .tools li .share {
  color: @colorc;
  background: transparent url(../images/css/recomendar.png) no-repeat;
  padding:0 0 10px 20px;
  margin:0 0 0 15px;}

#fire .tools li .comments_link {
  color: @colorc;
  background: transparent url(../images/css/comentarios.png) no-repeat;
  padding:0 0 10px 20px;
  margin:0 0 0 15px;}


/*------------------
RELATED IMAGES GALLERY
jQuery lightBox plugin
-------------------*/

#fire #gallery {
  background: transparent;
  padding:0;
  margin:0 auto;
  display:block;}

#fire #gallery ul {
  list-style: none;
  margin:0 auto !important;
  display:block;
  padding:0 !important;}

#fire #gallery ul li {
  display: inline;}

#fire #gallery ul img {
  border: none;
  padding: 7px;
  max-width:620px;
  margin:0 auto;
  display:block;
  .shadows(2px, 2px, 5px, @colore);}

#fire #gallery ul a:hover img {
  border: none;
  color: @color-alpha;}

#fire #gallery ul a:hover {
  color: @color-alpha;}

#fire #gallery p {
  color:@colord;
  font-size: 0.7em;
  text-align: center;
  font-weight:700;}

#fire #lightbox-container-image{
  background-color: @color-alpha;}

/*------------------
COMMENTS
-------------------*/
#user_comments {width:80%;}
#user_comments .show_comment_form {
  width:250px;
  margin:0 0 20px;
  padding:3px;
  color:@color-alpha;
  background:@colorc;
  text-align:center;
  border:1px solid @colord;
  .rounded-corners(4px);}

#user_comments .show_comment_form a {
  color:inherit !important;}

#user_comments p {}

#user_comments .when_who {
  color:@colore;
  font-size:0.9em;
  background:@colora;
  display:block;
  font-weight:700;
  padding:0 20px;
  border-bottom:1px solid @colorb;
  .rounded-corners-top(4px);}

#user_comments .when_who a {
  color:@color-omega;}

#user_comments .bottom-post {
  margin:20px 0;
  border:none;
  border-top:6px dashed @colora;}

#user_comments h6 {
  color:@colord;
  margin:0 0 10px 0;
  padding:5px 0;
  font-weight:700;
  font-size:0.9em;}

#user_comments img {
  margin:10px 0;display:block;}

#user_comments small {
  margin:0;
  color:@colord;
  font-weight:400;
  display:block;
  padding:3px 0;
  width:350px;
  clear:both;
  font-size:0.8em;}
  
#user_comments ul {list-style:none;background:#fff;margin:0 0 20px;padding:0;}
#user_comments li {margin:0;padding:0;font-size:12px;overflow:auto;border:1px solid @colorb;.rounded-corners-top(4px);}
#user_comments li p {padding:7px 20px;}
#user_comments a.comment_reply_link {font-size:.85em;float:right;padding:1px;margin:0 20px 20px 0;display:block;width:100px;text-align:center;background:@colora;color:@color-omega;border:1px solid @colorb;.rounded-corners(8px);}
#user_comments ul ul {display:block;clear:both;border:none;margin:0 10px 10px;}
#user_comments li li {display:block;border:1px solid #ccc;margin:0 0 15px;}
#user_comments li li .when_who {
  color:@color-omega;
  font-size:0.9em;
  background:@colora;
  display:block;
  font-weight:700;
  padding:0 10px;
}
  
#user_comments ul ul a.comment_reply_link {float:right;padding:0;margin:0 10px 20px 0;display:block;width:100px;text-align:center;color:@colore;.rounded-corners(0);border:none;background:@color-alpha;}

#user_comments li li .when_who a {
  color:@color-omega;}
/*-----------------------------------------------------------------------------------------------
LOVE
-----------------------------------------------------------------------------------------------*/
#love {
  position:relative;
  background:@colora;
  padding:10px;
  margin-top:0px;
  .rounded-corners(6px);}

#love .content-view {
  }

#love .more {
  font-size:inherit;
  font-weight:400;
  margin:0; 
  padding: 0 0;
  display:inline;}

#love .pagination  {
  font-size:0.65em;
  text-align:center;
  padding:3px;
  background:@colore;
  color:@colora;}

#love .pagination a {
  color:@color-alpha;
  text-decoration:underline;}

#love .author {
  font-size:0.8em;
  font-weight:700;
  margin:10px 0 0;
  color:@colord;
  padding:0;}

#love .teaser {
  margin:0 0 10px;
  padding:0 0 5px 0;
  overflow:auto;
  border-bottom:1px dotted @colorc;}

#love .teaser .title {
  margin:0 0 10px 0;
  position:relative;
  overflow:auto;
  font-size:.95em;
  padding:7px 0 0;
  border-bottom:none;
  .rounded-corners(0);}

#love .teaser .title a {
  text-decoration:none;}

#love .teaser .title a:hover {
  text-decoration:underline;
  color:@color-omega;}  

#love .teaser .author {
  font-size:0.8em;
  font-weight:700;
  margin:10px 0 0;
  color:@colord;padding:0;}

#love .teaser .tile img {
  }

#love .teaser img.teaser_icon {
  float:left;
  width:60px;
  padding:0;
  border:1px solid @color-omega;
  background:@color-alpha;
  margin:3px 5px 0 0;}

#love .teaser .pretitle, #love .teaser .date {
  margin:0 0 5px;
  font-size:0.6em;
  display:inline;
  text-align:right;
  text-transform:none;
  color:@color-omega;padding:0 0 5px 5px;
  .rounded-corners(4px);}

#love .teaser .date {
  padding:0;}
 
#love .teaser img.icon {
  float:right;
  width:150px;
  clear:both;
  padding:3px;
  border:3px solid @colorb;
  margin:0 0 20px 20px;}

#love .teaser img.type_icon {
  width:20px;
  padding:0;
  margin:0 0;
  float:right;}

#love .teaser .summary {
  font-weight:400;
  padding:0;
  text-align:left;
  font-size:.8em;
  margin:-3px 0 5px;}

#love .teaser .summary p {
  display:inline;}

#love .teaser ul {
  color:@color-omega;
  font-size:1em;
  padding:15px 0;
  margin:0 0 0 30px;
  list-style:square;}

#love .teaser li {
  margin:0 0 0 5px;
  padding:0 0 3px;}

#love .category_title .title {
  padding:10px 0;
  margin:0 0 10px;
  display:block;
  border-bottom:none;
  font-size:1em;
  text-align:center;
  background:@colore;
  color:@color-alpha;
  .rounded-corners(6px);}

#love .category_title .title a {
  color:@color-alpha;}

#love .staticpage-teaser {
  border-bottom:3px solid @colorb;
  padding:0 0 10px;
  margin:0 0 10px;}

#love .staticpage-teaser ul li h2 {
  font-size:.9em;
  margin:0 0 10px;}

#love .staticpage-teaser ul  {
  list-style:square;
  margin:0 15px;}

#love .staticpage-detail {
  border-bottom:3px solid @colorb;
  padding:0 0 10px;
  margin:0 0 10px;
  font-size:.8em;}

#love .categories_hierarchy .title {
  font-weight:700;
  padding:10px 0;
  margin:0 0 5px;
  display:block;
  border-bottom:none;
  font-size:1em;
  text-align:center;
  background:@colore;
  color:@color-alpha;
  .rounded-corners(6px);}

#love .categories_hierarchy .title a {
  color:@color-alpha;}

#love .menuitems_hierarchy,
#love .categories_hierarchy,
#love .categories_hierarchy_to_iconlist,
#love .flat_items_list,
#love .root_items_list,
#love .menuitem,
#love .menuitems_hierarchy {
  margin:0 0 10px;
  padding:0 0 10px;
  border-bottom:3px solid @colorb;}

#love .menuitems_hierarchy span,
#love .categories_hierarchy span,
#love .categories_hierarchy_to_iconlist span,
#love .flat_items_list span,
#love .root_items_list span  {
  }

#love .menuitems_hierarchy ul,
#love .categories_hierarchy ul,
#love .categories_hierarchy_to_iconlist ul,
#love .flat_items_list ul,
#love .root_items_list ul,
#love .menuitem ul,
#love .category_root_item_list ul {
  margin:0 ;
  padding:0;
  list-style:none;display:block;}


#love .menuitems_hierarchy li ,
#love .categories_hierarchy li,
#love .categories_hierarchy_to_iconlist li,
#love .flat_items_list li
#love .root_items_list li,
#love .menuitem li,
#love .category_root_item_list li {
  font-size:.8em;
  margin:4px 0;
  text-decoration:none;
  font-weight:700;
  border:1px solid @colorb;
  background-color:@colora;
  padding:8px 10px;
  .rounded-corners(6px);}

#love .menuitems_hierarchy li a ,
#love .categories_hierarchy li a,
#love .categories_hierarchy_to_iconlist li a,
#love .flat_items_list li a,
#love .root_items_list li a,
#love .menuitem li a,
#love .category_root_item_list li a {
  text-decoration:none;
  color:@color-omega;
  display:block;}

#love .menuitems_hierarchy li a:hover,
#love .categories_hierarchy li a:hover,
#love .categories_hierarchy_to_iconlist li a:hover,
#love .flat_items_list li a:hover,
#love .root_items_list li a:hover,
#love .menuitem li a:hover,
#love .category_root_item_list a:hover {
  text-decoration:underline;
  color:@colore;}

#love .menuitems_hierarchy ul ul,
#love .categories_hierarchy ul ul,
#love .categories_hierarchy_to_iconlist ul ul,
#love .flat_items_list ul ul,
#love .root_items_list ul ul,
#love .menuitem ul ul,
#love .category_root_item_list ul ul {
  margin:0;
  padding:0;
  display:block;
  border:none;}

#love .menuitems_hierarchy li li,
#love .categories_hierarchy li li,
#love .categories_hierarchy_to_iconlist li li,
#love .flat_items_list li li,
#love .root_items_list li li,
#love .menuitem li li,
#love .category_root_item_list li li {
  display:block;
  padding:3px 0;
  margin:4px 0;
  border:none;
  border-bottom:1px solid @colorb;}

#love .menuitems_hierarchy li li a,
#love .categories_hierarchy li li a,
#love .categories_hierarchy_to_iconlist li li a,
#love .flat_items_list li li a,
#love .root_items_list li li a,
#love .menuitem li li a,
#love .category_root_item_list li li a {
  display:block;
  background:@color-alpha;
  color:@color-omega;
  text-decoration:none;}

#love .menuitems_hierarchy li li a:hover,
#love .categories_hierarchy li li a:hover,
#love .categories_hierarchy_to_iconlist li li a:hover,
#love .flat_items_list li li a:hover,
#love .root_items_list li li a:hover,
#love .menuitem li li a:hover,
#love .category_root_item_list li li a:hover {
  display:block;
  background:@color-alpha;
  color:@color-omega;
  text-decoration:none; }

#love .menuitems_hierarchy ul ul ul,
#love .categories_hierarchy ul ul ul,
#love .categories_hierarchy_to_iconlist ul ul ul,
#love .flat_items_list ul ul ul,
#love .root_items_list ul ul ul,
#love .menuitem ul ul ul,
#love .category_root_item_list ul ul ul {
  position:relative;
  left:170px;
  top:-21px;
  background:@colora;}

#love .menuitems_hierarchy li li li,
#love .categories_hierarchy li li li,
#love .categories_hierarchy_to_iconlist li li li,
#love .flat_items_list li li li,
#love .root_items_list li li li,
#love .menuitem li li li,
#love .category_root_item_list li li li {
  background:@colord;}

#love .menuitems_hierarchy li li li a,
#love .categories_hierarchy li li li a,
#love .categories_hierarchy_to_iconlist li li li a,
#love .flat_items_list li li li a,
#love .root_items_list li li li a,
#love .menuitem li li li a,
#love .category_root_item_list li li li a {
  color:@color-alpha;}

#love .menuitems_hierarchy p,
#love .categories_hierarchy p,
#love .categories_hierarchy_to_iconlist p,
#love .flat_items_list p,
#love .root_items_list p,
#love .menuitem p,
#love .menuitems_hierarchy p {
  clear:left;}	

#love .menuitems_hierarchy #current,
#love .categories_hierarchy #current,
#love .categories_hierarchy_to_iconlist #current,
#love .flat_items_list #current,
#love .root_items_list #current,
#love .menuitem #current,
#love .menuitems_hierarchy #current {
  background:url(images/current-bg.gif) top left repeat-x;
  color:@color-alpha;}


#love .collection_header .title {
  padding:10px 0;
  margin:0 0 5px;
  display:block;
  border-bottom:none;
  font-size:1em;
  text-align:center;
  background:@colore;
  color:@color-alpha;
  .rounded-corners(6px);}

#love .collection_teaser {
  margin:0 0 10px;
  border-bottom:1px solid @color-omega;
  padding:0 0 10px;}

#love .collection_teaser .summary {
  color:@colore;
  font-weight:700;
  padding:0;
  text-align:left;
  font-size:.8em;}

#love .collection_teaser .summary p {
  display:block;}

#love .collection_teaser img.image {
  float:none;
  width:170px;
  margin:0;
  padding:0;}

#love .labeled_icon .title {
  font-size:.55em;
  text-align:center;
  padding:1px;
  border:none;
  font-weight:400;}

#love .labeled_icon img.icon {
  height:60px;
  width:60px;}

#love div.labeled_icon {
  width:60px;
  height:110px;
  border:2px solid @colorc;
  background:@colora;
  display:block;
  margin:0 5px 5px ;
  float:left;
  padding:5px 5px ;
  position:relative;
  .rounded-corners(8px);}

#love div.labeled_icon img.type_icon {
  width:12px;
  position:absolute;
  top:10px;
  left:10px;}

#love .labeled_icon_list {
  display:block;
  float:none;
  overflow:auto;
  margin:0 0 10px;
  padding:0 0 5px;
  border-bottom:3px solid @colorb;}

#love .icon_list_container {
  margin:0 0 5px;
  overflow:auto;}

#love div.paginator {
  font-size:.7em;
  padding:5px;
  background:@colorc;
  color:@color-alpha;
  display:block;
  font-weight:700;
  text-align:center;
  margin:0 auto 10px;
  .rounded-corners(4px);}

#love div.paginator a {
  color:@color-alpha;
  font-weight:400;
  text-decoration:underline;}

#love div.paginator a:hover {
  color:@color-omega;}

#love .teaser_list, #love .collection_all_items_teaser_list {
  margin:0;
  padding:0;}

#love .contact-teaser {
  border-bottom:1px solid @colorc;
  padding:5px 0;
  margin:0;}

#love .contact-teaser img.type_icon {
  display:none;}

#love .contact-teaser .title {
  display:inline;
  margin:0 0 10px 0;
  color:@color-omega;
  font-weight:700;
  font-size:.9em;
  padding:0;
  background:none;
  border:none;}

#love .contact-teaser .title a {
  text-decoration:none;
  color:@color-omega;
  display:inline;}

#love .contact-teaser .title a:hover {
  text-decoration:underline;
  color:@colorc;}

#love .contact-teaser .title img.photo {
  width:30px;
  float:left;
  padding:0 5px 0 0;}

#love .contact-teaser .contact-details {
  display:none;}

#love form .title {
  color:@color-omega;
  font-weight:700;}

#love form small {
  font-size:0.7em;
  padding:5px 0;
  display:block;}

#love form input {
  padding:2px;
  width:130px;
  .rounded-corners(3px);
  background:@color-alpha;
  color:@color-omega;
  border:1px solid @color-omega;}

#love form input.submit {
  width:30px;
  background:@colord;
  color:@color-alpha;
  border:1px solid @color-omega;}

#love .tags {
  margin:0;
  padding:10px 0 0;
  font-size:0.7em;
  display:block;}
 
#love .tags a {
  color: @colord}

#love .tags a:hover {
  color:@color-omega; 
  text-decoration:underline;}

#love .search-box {
  overflow:auto;}

#love .search-box form {
  margin:0 0;
  padding:5px;
  float:right;}

#love .search-box input {
  padding:5px 3px;
  margin:0 0 1px 0;
  border:1px solid @color-omega;
  color:@color-omega;
  width:115px;
  background:@color-alpha;
  font-size:0.75em}

#love .search-box input.submit {
  border:none;
  padding:3px 0;
  margin:0 0 0 0;
  width:25px;
  height:25px;
  background:url(../images/css/btn.png) no-repeat;}

.authors {display:block;overflow:auto;margin:0 0 20px;}
.authors_category_title {font-size:1.2em;font-weight:700;margin:10px 0; background: @colora; padding: 6px;}
.authors .title {font-size:.95em !important;
    margin:0 0 10px !important;padding:4px;border-top:1px solid @colorb !important;border-bottom:1px solid @colorb !important;}
.authors .origin {font-size:.8em;font-style:italic;}
.authors .notes {font-size:.9em;}
.authors .notes a {color:@color-omega;font-weight:400;}
.authors .link {font-size:.75em;font-weight:400;margin:10px 0;}
.authors .link a {color:@color-alpha;background:@color-omega;padding:4px;}
.authors .media-content{float:left;width:90px;}
.authors .media-content img {width:80px;}

/*------------------
JCAROUSEL
-------------------*/

.jcarousel-skin-cyclope .jcarousel-container {
    background: @colora;
    margin-bottom: 20px;}

.jcarousel-skin-cyclope .jcarousel-container .type_icon {
  display:none;}

/*------------------
HORIZONTAL BUTTONS
-------------------*/

/* ******** NEXT BUTTON ******** */

.slideshow .jcarousel-skin-cyclope .jcarousel-next-horizontal {
    top: 90px;}

.slideshow-background .jcarousel-skin-cyclope .jcarousel-next-horizontal {
    top: 140px;}

.jcarousel-skin-cyclope .jcarousel-next-horizontal {
  position: absolute;
  right: 0px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(../images/jcarousel/next-horizontal-right.png) no-repeat 0 0;}

.jcarousel-skin-cyclope .jcarousel-next-horizontal:hover,
.jcarousel-skin-cyclope .jcarousel-next-horizontal:focus {
  background-position: -32px 0;}

.jcarousel-skin-cyclope .jcarousel-next-horizontal:active {
  background-position: -65px 0;}

.jcarousel-skin-cyclope .jcarousel-next-disabled-horizontal,
.jcarousel-skin-cyclope .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-cyclope .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-cyclope .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;}

/* ******** PREV BUTTON ******** */

.slideshow .jcarousel-skin-cyclope .jcarousel-prev-horizontal {
    top: 90px;}

.slideshow-background .jcarousel-skin-cyclope .jcarousel-prev-horizontal {
    top: 140px;}

.jcarousel-skin-cyclope .jcarousel-prev-horizontal {
  position: absolute;
  left: 0px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(../images/jcarousel/prev-horizontal-left.png) no-repeat 0 0;}

.jcarousel-skin-cyclope .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-cyclope .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-cyclope .jcarousel-prev-horizontal:active {
  background-position: -64px 0;}

.jcarousel-skin-cyclope .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-cyclope .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-cyclope .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-cyclope .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;}


/*------------------
MODE STANDAR VIEW
-------------------*/

.slideshow .jcarousel-skin-cyclope .jcarousel-container-horizontal {
    width: 530px;
    padding: 10px;
    .rounded-corners(10px);}
    
.slideshow .jcarousel-skin-cyclope .jcarousel-clip {
    overflow: hidden;
    width: 530px;
    height: 210px;}

.slideshow .jcarousel-skin-cyclope .jcarousel-item {
    height: 210px;}

#spark .slideshow {
  margin: 0;
  border-bottom: none;
  padding: 0;}

#spark .slideshow img.slideshow_picture {
  border: 3px solid @colorb;
  float: left;
  margin: 0 10px 0 0;
  padding:0;
  width: 140px;
  .rounded-corners(6px);
  background:@colora;}

#spark .slideshow img.type_icon {
  display:none;
  float: right;
  right: 10px; 
  margin: 0;
  padding: 0 10px 0 0;
  position: absolute;
  top: 10px;
  width:20px;}
  
#spark .slideshow .teaser_icon_container {
  position: relative;}

#spark .slideshow .title {
  border: medium none;
  font-size: 1.7em !important;
  line-height: 1.1em;
  margin: 0;}

#spark .slideshow .summary {
  color: @color-omega !important;
  font-size: .95em !important;
  font-weight: 400;
  padding: 0 20px 0 0 !important;
  margin:0 !important;
  text-align: left !important;
  z-index:4;}

#spark .slideshow .summary p { 
  padding: 0 !important;
  margin:0 !important;
  display:block !important;}

/*------------------
MODE IMAGE BACKGROUND VIEW
-------------------*/

.slideshow-background .jcarousel-skin-cyclope .jcarousel-container-horizontal {
    width: 550px;
    padding: 0;}


.slideshow-background .jcarousel-skin-cyclope .jcarousel-clip {
    overflow: hidden;
    width: 550px;
    height: 330px;}

.slideshow-background .jcarousel-skin-cyclope .jcarousel-item {
    width: 550px;
    padding:0;
    margin:0;
    height: 330px;}

#spark .slideshow-background {
  
  margin: 0;
  border-bottom: none;
  padding: 0;
  z-index:0;}

#spark .slideshow-background img.icon {
  border: none;
  clear: both;
  float: left;
  margin: 0 0 0;
  padding: 0;
  position:absolute;
  z-index:1;}

#spark .slideshow-background img.icon.big {
  border: none;
  clear: both;
  float: left;
  margin: 0;
  padding: 0;
  width: 550px;}

#spark .slideshow-background img.type_icon {
  float: left;
  left: 10px;
  margin: 0;
  padding: 0 10px 0 0;
  position: absolute;
  top: 10px;}

#spark .slideshow-background .teaser_icon_container {
  position: relative;}

#spark .slideshow-background .title {
  border: none;
  font-size: 1.2em;
  line-height: 100%;
  padding:15px;
  margin: 0;
  z-index:3;
  position:absolute; 
  width:520px;
  color:@color-alpha;
  background:url(../images/jcarousel/opacity.png);
  display:block;
  float:left;}
  
#spark .slideshow-background .title a {
  color:@color-alpha;}
  
#spark .slideshow-background .download_link {
    display:block;
    clear:both;
    padding:0;
    margin:0;
    float:left;}

#spark .slideshow-background .summary {
  color: @color-alpha !important;
  font-size: 0.8em !important;
  font-weight: 400;
  line-height: 1.3em;
  padding: 15px !important;
  margin:0;
  text-align: left;
  background:url(../images/jcarousel/opacity.png);
  position:absolute;
  bottom:0;
  z-index:4;}

#spark .slideshow-background .summary p { 
  overflow:auto;
  width:520px;
  display:block !important;}
  
#spark .slideshow-background li { 
  padding:0 !important;
  margin:0 !important;}  



/*-----------------------------------------------------------------------------------------------
EARTH
-----------------------------------------------------------------------------------------------*/

#footer_separator { 
  clear:both;
  height:0;}
  
.footer_global {
  color:@colord;
  text-align:center;
  padding:10px 0;
  margin:0;
  border-top:1px solid @colorb;
  margin:0;
  background-color:transparent;
  .rounded-corners-top(0);}

.footer_global  a {
  color:@colord;
  text-decoration:underline;}

.footer_global  a:hover {
  color:@color-omega;
  text-decoration:none;}

.footer_global  img {
  padding:10px 0 0;}

.footer_global  span {
  font-size:.75em;}

#earth {
  font-size:.85em !important;
  font-weight:700;
  margin:0 0 10px;}

#earth  a {
  color:@colora; 
  text-decoration:underline;}

#earth  a:hover {
  color:@colorc; 
  text-decoration:none;}

#earth  img {
  padding:10px 0 0;}

#logos {
  text-align:center;
  font-size: 0.7em;
  padding:1px 0 20px 0;
  margin:10px auto;}

#logos img {
  padding:7px 0 0;}

.expand_collapse{
  font-weight:bold;
  clear:none;
  margin:0px;
  padding:0px;
  color:black;
  float:left;
  margin:0 4px 0 4px;
  cursor: pointer;}



/*-----------------------------------------------------------------------------------------------
960 GRID SYSTEM
-----------------------------------------------------------------------------------------------*/

body{min-width:960px}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px}
.alpha{margin-left:0}.omega{margin-right:0}
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}
.container_24{margin-left:auto;margin-right:auto;width:960px} 
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}
.alpha{margin-left:0}
.omega{margin-right:0}

.grid_1{width:30px}
.grid_2{width:70px}
.grid_3{width:110px} 
.grid_4{width:150px} 
.grid_5{width:190px}
.grid_6{width:230px}
.grid_7{width:270px}
.grid_8{width:310px}
.grid_9{width:350px} 
.grid_10{width:390px}
.grid_11{width:430px}
.grid_12{width:470px}
.grid_13{width:510px} 
.grid_14{width:550px}
.grid_15{width:590px}
.grid_16{width:630px}
.grid_17{width:670px}
.grid_18{width:710px} 
.grid_19{width:750px}
.grid_20{width:790px}
.grid_21{width:830px}
.grid_22{width:870px}
.grid_23{width:910px}
.grid_24{width:950px}
.prefix_1{padding-left:40px}
.prefix_2{padding-left:80px}
.prefix_3{padding-left:120px}
.prefix_4{padding-left:160px} 
.prefix_5{padding-left:200px}
.prefix_6{padding-left:240px}
.prefix_7{padding-left:280px}
.prefix_8{padding-left:320px} 
.prefix_9{padding-left:360px}
.prefix_10{padding-left:400px}
.prefix_11{padding-left:440px}
.prefix_12{padding-left:480px} 
.prefix_13{padding-left:520px}
.prefix_14{padding-left:560px} 
.prefix_15{padding-left:600px}
.prefix_16{padding-left:640px}
.prefix_17{padding-left:680px}
.prefix_18{padding-left:720px} 
.prefix_19{padding-left:760px}
.prefix_20{padding-left:800px}
.prefix_21{padding-left:840px}
.prefix_22{padding-left:880px}
.prefix_23{padding-left:920px} 
.suffix_1{padding-right:40px}
.suffix_2{padding-right:80px} 
.suffix_3{padding-right:120px}
.suffix_4{padding-right:160px}
.suffix_5{padding-right:200px}
.suffix_6{padding-right:240px}
.suffix_7{padding-right:280px}
.suffix_8{padding-right:320px} 
.suffix_9{padding-right:360px}
.suffix_10{padding-right:400px}
.suffix_11{padding-right:440px}
.suffix_12{padding-right:480px} 
.suffix_13{padding-right:520px}
.suffix_14{padding-right:560px}
.suffix_15{padding-right:600px}
.suffix_16{padding-right:640px}
.suffix_17{padding-right:680px}
.suffix_18{padding-right:720px} 
.suffix_19{padding-right:760px}
.suffix_20{padding-right:800px} 
.suffix_21{padding-right:840px}
.suffix_22{padding-right:880px}
.suffix_23{padding-right:920px}
.push_1{left:40px}
.push_2{left:80px}
.push_3{left:120px}
.push_4{left:160px}
.push_5{left:200px}  
.push_6{left:240px}
.push_7{left:280px}
.push_8{left:320px}
.push_9{left:360px}
.push_10{left:400px}
.push_11{left:440px}
.push_12{left:480px} 
.push_13{left:520px}
.push_14{left:560px}
.push_15{left:600px} 
.push_16{left:640px}
.push_17{left:680px}
.push_18{left:720px}
.push_19{left:760px} 
.push_20{left:800px}
.push_21{left:840px}
.push_22{left:880px}
.push_23{left:920px}
.pull_1{left:-40px}
.pull_2{left:-80px} 
.pull_3{left:-120px} 
.pull_4{left:-160px}
.pull_5{left:-200px}
.pull_6{left:-240px}
.pull_7{left:-280px}
.pull_8{left:-320px}
.pull_9{left:-360px}
.pull_10{left:-400px} 
.pull_11{left:-440px}
.pull_12{left:-480px} 
.pull_13{left:-520px}
.pull_14{left:-560px}
.pull_15{left:-600px}
.pull_16{left:-640px} 
.pull_17{left:-680px}
.pull_18{left:-720px} 
.pull_19{left:-760px}
.pull_20{left:-800px}
.pull_21{left:-840px}
.pull_22{left:-880px}
.pull_23{left:-920px} 

p span.caps {
  display:inline;
  margin:0;
  padding:0;
  background:none;
  width:auto;} /*leave this class always in the last line for textile caps*/
