Changeset 553:669fe1e521f3


Ignore:
Timestamp:
21/04/12 21:08:54 (13 months ago)
Author:
sanhoerth <san@…>
Branch:
default
Message:

Add CSS/HTML Cyportal Theme

Files:
4 added
3 edited
4 moved

Legend:

Unmodified
Added
Removed

  • cyclope/media/themes/cyportal/css/style.css

    r552 r553  
    1717GENERALS PARAMETERS 
    1818-----------------------------------------------------------------------------------------------*/ 
    19 body{font-family: Arial, Verdana, Helvetica, Sans-serif; margin: 0; font-size:12pt; background-color:#fff;} 
     19body{font-family: Arial, Verdana, Helvetica, Sans-serif; margin: 0; font-size:12pt; background-color:#004a6f;} 
    2020* {margin:0; padding:0;} 
    21 a {color:#666; text-decoration:none;outline:none;}  
     21a {color:#3e6ab1; text-decoration:none;outline:none;}  
    2222a:hover {text-decoration:underline; color: #000;}  
    2323img {border:none;} 
    … …  
    3030.floating-img-clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;padding:0;margin:0;} 
    3131form input {padding:5px;width:auto;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;background:#fff;color:#000;border:1px solid #000;} 
    32 form input.submit {background:#ccc;color:#000;border:1px solid #999;} 
     32form input.submit {background:#a2bce6;color:#000;border:1px solid #7097d5;} 
    3333textarea {border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    3434.set_width_to_cero { width: 0; padding: 0; margin: 0; }          
    … …  
    4444.gamma{margin-right:5px} 
    4545.omega{margin-right:0} 
    46 #mascara {background:#fff;} 
     46#mascara {background:#fff;border-left:5px solid #fff;border-right:5px solid #fff;} 
    4747#medianera {overflow:auto;background:#fff;padding:10px 0;margin:0;}   
    4848.two_sidebars #content_container {margin-right: 240px;} 
    … …  
    5252DEFAULT'S 
    5353-----------------------------------------------------------------------------------------------*/ 
    54 .title {padding:0 0 10px;display:block;border-bottom:1px solid #666;} 
     54.title {padding:0 0 10px;display:block;border-bottom:1px solid #3e6ab1;} 
    5555.title a {color:#000;}  
    56 .title a:hover {color:#333;} 
    57 .summary {color:#333;font-weight:700;padding:10px 0;text-align:justify;line-height:1.5em;} 
     56.title a:hover {color:#093983;} 
     57.summary {color:#093983;font-weight:700;padding:10px 0;text-align:justify;line-height:1.5em;} 
    5858.summary a {color:#000;} 
    59 .summary a:hover {color:#999;text-decoration:underline;} 
    60 /*.author {color:#666;border-left:4px solid #ccc;padding:0 0 0 10px;margin:10px 0 0;font-size:.9em;}*/ 
    61 .pretitle {color:#666;text-transform:uppercase;} 
    62 .date {color:#666;text-transform:uppercase;} 
    63 .source {color:#666;} 
    64 img.teaser_icon {float:right;margin: 20px 0 9px 15px;width:135px;clear:both;border:1px solid #ccc;padding:3px;background:#eee;}  
     59.summary a:hover {color:#7097d5;text-decoration:underline;} 
     60/*.author {color:#3e6ab1;border-left:4px solid #a2bce6;padding:0 0 0 10px;margin:10px 0 0;font-size:.9em;}*/ 
     61.pretitle {color:#3e6ab1;text-transform:uppercase;} 
     62.date {color:#3e6ab1;text-transform:uppercase;} 
     63.source {color:#3e6ab1;} 
     64img.teaser_icon {float:right;margin: 20px 0 9px 15px;width:135px;clear:both;border:1px solid #a2bce6;padding:3px;background:#d9e6fb;}  
    6565img.image {float:left;overflow:auto;margin:0 10px 0 0;clear:both;width:130px;} 
    6666.categories_hierarchy {margin:10px 0;overflow:auto;} 
    6767.categories_hierarchy ul {list-style:square;margin:20px 30px;} 
    6868.categories_hierarchy li {list-style:square;}   
    69 #categories_navigation {padding:0 0 10px;display:block;} 
     69#categories_navigation {padding:0 0 10px;display:none;} 
    7070#categories_navigation a {text-decoration:underline;} 
    71 div.paginator {padding:5px;background:#999;color:#fff;display:block;font-weight:700;text-align:center;margin:0 0 20px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
     71div.paginator {padding:5px;background:#7097d5;color:#fff;display:block;font-weight:700;text-align:center;margin:0 0 20px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    7272div.paginator a {color:#fff;font-weight:400;text-decoration:underline;} 
    7373div.paginator a:hover {color:#000;} 
     74#rss {width:140px;margin:20px auto;display:block;padding:0 0 8px 20px;background: url(../images/social/rss_a.png) 0 0 no-repeat;} 
     75#rss a {color:#7097d5;text-decoration:none;font-weight:bold;} 
     76#rss a:hover {color:#000;text-decoration:underline;} 
     77 
    7478/*----------------------------------------------------------------------------------------------- 
    7579AIR MENU 
    7680-----------------------------------------------------------------------------------------------*/ 
    7781#air {position:relative;background:none;} 
    78 #air .menuitems_hierarchy {position:relative;height: 31px; padding: 5px 0 0;z-index:11;} 
    79 #air .menuitems_hierarchy ul {float:right;list-style: none;margin:0 20px 0 0;}  
    80 #air .menuitems_hierarchy li  {float:left; margin: 0 5px 0 0;} 
     82#air .menuitems_hierarchy {position:relative;height: 28px; padding: 15px 0 0;z-index:11;} 
     83#air .menuitems_hierarchy ul {float:left;list-style: none;margin:0 0 0 20px;}  
     84#air .menuitems_hierarchy li  {float:left; margin: 0 5px 0 0;font-size:.85em;} 
    8185#air .menuitems_hierarchy li a {display: block; text-decoration: none; color: #000; font-weight: 700;background: #ffb12a; margin: 0; padding: 6px 8px;  
    8286border-top-right-radius:6px; 
    … …  
    8791-webkit-border-top-left-radius:6px; 
    8892-moz-border-radius-topleft:6px;} 
    89 #air .menuitems_hierarchy li a:hover {background: #666; color: #eee; } 
     93#air .menuitems_hierarchy li a:hover {background: #3e6ab1; color: #d9e6fb; } 
    9094/* Sub Menues */ 
    91 #air .menuitems_hierarchy ul ul{font-size:.85em;width:180px;position:absolute;margin:0;padding:0 0 5px;border:none;background:#666;border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;  border-top-bottom-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;} 
     95#air .menuitems_hierarchy ul ul{font-size:.85em;width:180px;position:absolute;margin:0;padding:0 0 5px;border:none;background:#3e6ab1;border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;  border-top-bottom-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;} 
    9296#air .menuitems_hierarchy li li {float:none; margin: 0;} 
    93 #air .menuitems_hierarchy li li a {padding: 8px 10px;background:#666;} 
     97#air .menuitems_hierarchy li li a {padding: 8px 10px;background:#3e6ab1;} 
    9498#air .menuitems_hierarchy li li a:hover {background:#000;}  
    9599/* SUB-SUB MENUES */ 
    96 #air .menuitems_hierarchy ul ul ul {background:#333;} 
     100#air .menuitems_hierarchy ul ul ul {background:#093983;} 
    97101#air .menuitems_hierarchy li li li {} 
    98 #air .menuitems_hierarchy li li li a {padding: 8px 10px;background:#333;} } 
     102#air .menuitems_hierarchy li li li a {padding: 8px 10px;background:#093983;} } 
    99103#air .menuitems_hierarchy li li li a:hover {background: #000; } 
    100104/*SEARCH BOX*/ 
    … …  
    106110BRAND 
    107111-----------------------------------------------------------------------------------------------*/ 
    108 .brand {position:relative;height:95px;padding:0;margin:0;z-index:10; 
     112.brand {position:relative;height:110px;padding:0;margin:0 5px;z-index:10; 
    109113border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; 
    110114background: -webkit-linear-gradient(#076a9c, #d2e1ea); 
    … …  
    119123WATER (sanhoerth: 18 Jun 2011) 
    120124-----------------------------------------------------------------------------------------------*/ 
    121 #water {position:relative;border-left:1px dotted #333333;padding:10px;margin-top:0px;} 
     125#water {position:relative;padding:0;margin-top:0px;} 
    122126#water .content-view {} 
    123127#water .more {font-size:inherit;font-weight:400;margin:0; padding: 0 0;display:inline;} 
    124 #water .pagination  {font-size:0.65em;text-align:center;padding:3px;background:#333;color:#eee;} 
     128#water .pagination  {font-size:0.65em;text-align:center;padding:3px;background:#093983;color:#d9e6fb;} 
    125129#water .pagination a {color:#fff;text-decoration:underline;} 
    126 #water .author {font-size:0.8em;font-weight:700;margin:10px 0 0;color:#666;padding:0 0 0 10px;} 
     130#water .author {font-size:0.8em;font-weight:700;margin:10px 0 0;color:#3e6ab1;padding:0 0 0 10px;} 
    127131#water .teaser {margin:0 0 10px;padding:0 0 10px;overflow:auto;} 
    128 #water .teaser .title {margin:0 0 10px 0;color:#fff;background:#999;position:relative;overflow:auto;font-size:.8em;padding:7px 3px 7px 26px;border-bottom:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     132#water .teaser .title {margin:0 0 10px 0;color:#fff;background:#7097d5;position:relative;overflow:auto;font-size:.8em;padding:7px 3px 7px 26px;border-bottom:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    129133#water .teaser .title a {text-decoration:none;color:inherit;} 
    130134#water .teaser .title a:hover {text-decoration:underline;color:#000;}   
    … …  
    133137#water .teaser .pretitle, #water .teaser .date {margin:0 0 5px;font-size:0.6em;display:inline;text-align:right;text-transform:none;color:#000;padding:0 0 5px 5px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    134138#water .teaser .date {padding:0;}  
    135 #water .teaser img.icon {float:right;width:150px;clear:both;padding:3px;border:3px solid #ccc;margin:0 0 20px 20px;} 
     139#water .teaser img.icon {float:right;width:150px;clear:both;padding:3px;border:3px solid #a2bce6;margin:0 0 20px 20px;} 
    136140#water .teaser img.type_icon {width:20px;padding:0;margin:0 0;position:absolute;left:3px;top:5px;} 
    137 #water .teaser .summary {color:#333;font-weight:400;padding:0;text-align:left;line-height:1.2em;font-size:.8em;margin:-3px 0 5px;} 
     141#water .teaser .summary {color:#093983;font-weight:400;padding:0;text-align:left;line-height:1.2em;font-size:.8em;margin:-3px 0 5px;} 
    138142#water .teaser .summary p {display:inline;} 
    139143#water .teaser ul {color:#000;font-size:1em;padding:15px 0;margin:0 0 0 30px;list-style:square;} 
    140144#water .teaser li {margin:0 0 0 5px;padding:0 0 3px;} 
    141 #water .category_title .title {padding:10px 0;margin:0 0 10px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#333;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     145#water .category_title .title {padding:10px 0;margin:0 0 10px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#093983;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    142146#water .category_title .title a {color:#fff;} 
    143 #water .staticpage-teaser {border-bottom:3px solid #ccc;padding:0 0 10px;margin:0 0 10px;} 
     147#water .staticpage-teaser {border-bottom:3px solid #a2bce6;padding:0 0 10px;margin:0 0 10px;} 
    144148#water .staticpage-teaser ul li h2 {font-size:.9em;margin:0 0 10px;} 
    145149#water .staticpage-teaser ul  {list-style:square;margin:0 15px;} 
    146 #water .staticpage-detail {border-bottom:3px solid #ccc;padding:0 0 10px;margin:0 0 10px;font-size:.8em;} 
     150#water .staticpage-detail {border-bottom:3px solid #a2bce6;padding:0 0 10px;margin:0 0 10px;font-size:.8em;} 
    147151#water .menuitems_hierarchy{} 
    148152#water .menuitems_hierarchy span {} 
    149153#water .menuitems_hierarchy ul {margin:0 ; padding:0; list-style:none;display:block;} 
    150 #water .menuitems_hierarchy li {font-size:.8em;margin:4px 0;text-decoration:none;font-weight:700;border:none;padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    151 #water .menuitems_hierarchy li:hover {background:#000;} 
    152 #water .menuitems_hierarchy li a {text-decoration:none; color:#06c; display:block;} 
    153 #water .menuitems_hierarchy li a:hover {text-decoration:underline;color:#3c9dff;} 
     154#water .menuitems_hierarchy li {font-size:.8em;margin:4px 0;text-decoration:none;font-weight:700;border:1px solid #287ca9;border-left:20px solid #65a0c2;padding:8px 10px;background:#000; 
     155background: -webkit-linear-gradient(#d6dee5, #bccad5); 
     156background: -moz-linear-gradient(#d6dee5, #bccad5); 
     157background: -o-linear-gradient(#d6dee5, #bccad5); 
     158border-top-right-radius:8px; 
     159-webkit-border-top-right-radius:8px; 
     160-moz-border-radius-topright:8px;   
     161 
     162border-bottom-right-radius:8px; 
     163-webkit-border-bottom-right-radius:8px; 
     164-moz-border-radius-bottomright:8px;   
     165} 
     166#water .menuitems_hierarchy li:hover {background:#65a0c2;} 
     167#water .menuitems_hierarchy li a {text-decoration:none; color:#036; display:block;} 
     168#water .menuitems_hierarchy li a:hover {text-decoration:underline;color:#fff;} 
    154169#water .menuitems_hierarchy ul ul {margin:0;padding:0;display:block;border:none;} 
    155 #water .menuitems_hierarchy li li {display:block;padding:3px 3px;margin:4px 0;border:none;border-bottom:1px solid #ccc;} 
     170#water .menuitems_hierarchy li li {display:block;padding:3px 3px;margin:4px 0;border:none;border-bottom:1px solid #a2bce6;} 
    156171#water .menuitems_hierarchy li li a {color:#fff;display:block;border:none;background:none;} 
    157172#water .menuitems_hierarchy li li:hover {background:#fff; } 
    158173#water .menuitems_hierarchy li li:hover a {color:#000;} 
    159 #water .menuitems_hierarchy ul ul ul {position:relative;left:170px;top:-21px;background:#eee;} 
    160 #water .menuitems_hierarchy li li li {background:#ccc;} 
     174#water .menuitems_hierarchy ul ul ul {position:relative;left:170px;top:-21px;background:#d9e6fb;} 
     175#water .menuitems_hierarchy li li li {background:#a2bce6;} 
    161176#water .menuitems_hierarchy li li li a {color:#fff;} 
    162177#water .menuitems_hierarchy p {clear:left;}      
    163178#water .menuitems_hierarchy #current {background:url(images/current-bg.gif) top left repeat-x;color:#ffffff;} 
    164179#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} 
    165 #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:#333;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     180#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:#093983;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    166181#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:#fff;} 
    167182#water .categories_hierarchy  span,         #water .categories_hierarchy_to_iconlist span,          #water .flat_items_list span,          #water .root_items_list span  {} 
    168183#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:0; list-style:none;display:block;} 
    169 #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:.8em;margin:4px 0;text-decoration:none;font-weight:700;background:#ccc;border:1px solid #ccc;padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    170 #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:#666;} 
     184#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:.8em;margin:4px 0;text-decoration:none;font-weight:700;background:#a2bce6;border:1px solid #a2bce6;padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     185#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:#3e6ab1;} 
    171186#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:#000; display:block;} 
    172 #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 a:hover       {text-decoration:underline;color:#eee;} 
     187#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 a:hover       {text-decoration:underline;color:#d9e6fb;} 
    173188#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:0;padding:0;display:block;border:none;} 
    174 #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         {display:block;padding:3px 0;margin:4px 0;border:none;border-bottom:1px solid #ccc;} 
    175 #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:#666;display:block;border:none;background:none;} 
     189#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         {display:block;padding:3px 0;margin:4px 0;border:none;border-bottom:1px solid #a2bce6;} 
     190#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:#3e6ab1;display:block;border:none;background:none;} 
    176191#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:#fff;color:#000;text-decoration:none; } 
    177 #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:170px;top:-21px;background:#eee;} 
    178 #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:#666;} 
     192#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:170px;top:-21px;background:#d9e6fb;} 
     193#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:#3e6ab1;} 
    179194#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:#fff;} 
    180 #water .collection_header .title {padding:10px 0;margin:0 0 5px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#333;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     195#water .collection_header .title {padding:10px 0;margin:0 0 5px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#093983;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    181196#water .collection_teaser {margin:0 0 10px;border-bottom:1px solid #000;padding:0 0 10px;} 
    182 #water .collection_teaser .summary {color:#333;font-weight:700;padding:0;text-align:left;line-height:1.5em;font-size:.8em;} 
     197#water .collection_teaser .summary {color:#093983;font-weight:700;padding:0;text-align:left;line-height:1.5em;font-size:.8em;} 
    183198#water .collection_teaser .summary p {display:block;} 
    184199#water .collection_teaser img.image {float:none;width:170px;margin:0;padding:0;} 
    185200#water .labeled_icon .title {font-size:.55em;text-align:center;padding:1px;border:none;font-weight:400;} 
    186201#water .labeled_icon img.icon {height:60px;width:60px;} 
    187 #water div.labeled_icon {width:60px;height:110px;border:2px solid #999;background:#eee;display:block;margin:0 5px 5px ;float:left;padding:5px 5px ;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} 
     202#water div.labeled_icon {width:60px;height:110px;border:2px solid #7097d5;background:#d9e6fb;display:block;margin:0 5px 5px ;float:left;padding:5px 5px ;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} 
    188203#water div.labeled_icon img.type_icon {width:12px;position:absolute;top:10px;left:10px;} 
    189 #water .labeled_icon_list {display:block;float:none;overflow:auto;margin:0 0 10px;padding:0 0 5px;border-bottom:3px solid #ccc;} 
     204#water .labeled_icon_list {display:block;float:none;overflow:auto;margin:0 0 10px;padding:0 0 5px;border-bottom:3px solid #a2bce6;} 
    190205#water .icon_list_container {margin:0 0 5px;overflow:auto;} 
    191 #water div.paginator {font-size:.7em;padding:5px;background:#999;color:#fff;display:block;font-weight:700;text-align:center;margin:0 auto 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
     206#water div.paginator {font-size:.7em;padding:5px;background:#7097d5;color:#fff;display:block;font-weight:700;text-align:center;margin:0 auto 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    192207#water div.paginator a {color:#fff;font-weight:400;text-decoration:underline;} 
    193208#water div.paginator a:hover {color:#000;} 
    194 #water .teaser_list, #water .collection_all_items_teaser_list {margin:0 0 10px;border-bottom:3px solid #ccc;padding:0 0 10px;} 
    195 #water .contact-teaser {border-bottom:1px solid #999;padding:5px 0;margin:0;} 
     209#water .teaser_list, #water .collection_all_items_teaser_list {margin:0 0 10px;border-bottom:3px solid #a2bce6;padding:0 0 10px;} 
     210#water .contact-teaser {border-bottom:1px solid #7097d5;padding:5px 0;margin:0;} 
    196211#water .contact-teaser img.type_icon {display:none;} 
    197212#water .contact-teaser .title {display:inline;margin:0 0 10px 0;color:#000;font-weight:700;font-size:.9em;padding:0;background:none;border:none;} 
    198213#water .contact-teaser .title a {text-decoration:none;color:#000;display:inline;} 
    199 #water .contact-teaser .title a:hover {text-decoration:underline;color:#999;} 
     214#water .contact-teaser .title a:hover {text-decoration:underline;color:#7097d5;} 
    200215#water .contact-teaser .title img.photo {width:30px;float:left;padding:0 5px 0 0;} 
    201216#water .contact-teaser .contact-details {display:none;} 
    … …  
    203218#water form small {font-size:0.7em;padding:5px 0;display:block;} 
    204219#water form input {padding:2px;width:130px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#fff;color:#000;border:1px solid #000;} 
    205 #water form input.submit {width:30px;background:#666;color:#fff;border:1px solid #000;} 
     220#water form input.submit {width:30px;background:#3e6ab1;color:#fff;border:1px solid #000;} 
    206221#water .tags {margin:0;padding:10px 0 0;font-size:0.7em;display:block;}  
    207 #water .tags a {color: #666} 
     222#water .tags a {color: #3e6ab1} 
    208223#water .tags a:hover {color:#000; text-decoration:underline;} 
    209224#water .search-box {overflow:auto;} 
    … …  
    211226#water .search-box input {padding:5px 3px;margin:0 0 1px 0;border:1px solid #000;color:#000;width:115px;background:#fff;font-size:0.75em} 
    212227#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;} 
    213 #rss {width:140px;margin:20px auto;display:block;padding:0 0 8px 20px;background: url("../images/css/rss_logo.png") 0 3px no-repeat;} 
    214 #rss a {color:#999;text-decoration:none;font-weight:bold;} 
    215 #rss a:hover {color:#000;text-decoration:underline;} 
    216228#tags {width:190px; margin:20px 10px;} 
    217 #tags .title {text-align:center;display:block;color:#333; font-weight:bold; font-size:0.8em; margin:0;padding:3px 0;background-color:#ccc;} 
    218 #tags a {color:#666; line-height:180%;} 
    219 #tags a:hover {text-decoration:underline; color:#333;}  
     229#tags .title {text-align:center;display:block;color:#093983; font-weight:bold; font-size:0.8em; margin:0;padding:3px 0;background-color:#a2bce6;} 
     230#tags a {color:#3e6ab1; line-height:180%;} 
     231#tags a:hover {text-decoration:underline; color:#093983;}  
    220232#tags .box {padding:5px 15px;margin:0;background:#fff;font-size:0.75em;} 
    221233.tag1 {font-size: 1em} 
    … …  
    227239LOVE 
    228240-----------------------------------------------------------------------------------------------*/ 
    229 #love {position:relative;border:0px solid #999;background:#ccc;padding:10px;margin-top:0px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     241#love {position:relative;border:0px solid #7097d5;padding:10px;margin-top:0px;border-left:none;} 
    230242#love .content-view {} 
     243 
    231244#love .more {font-size:inherit;font-weight:400;margin:0; padding: 0 0;display:inline;} 
    232 #love .pagination  {font-size:0.65em;text-align:center;padding:3px;background:#333;color:#eee;} 
     245#love .pagination  {font-size:0.65em;text-align:center;padding:3px;background:#093983;color:#d9e6fb;} 
    233246#love .pagination a {color:#fff;text-decoration:underline;} 
    234 #love .author {font-size:0.8em;font-weight:700;margin:10px 0 0;color:#666;padding:0 0 0 10px;} 
    235 #love .teaser {margin:0 0 10px;padding:0 0 10px;overflow:auto;} 
    236 #love .teaser .title {margin:0 0 10px 0;color:#fff;background:#999;position:relative;overflow:auto;font-size:.8em;padding:7px 3px 7px 26px;border-bottom:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     247#love .author {font-size:0.8em;font-weight:700;margin:5px 0 0;color:#093983093983;padding:0 0 0;} 
     248#love .teaser {margin:0 10px 5px;padding:0 0 5px;overflow:auto;border-bottom:2px solid #d9e6fbd9e6fb;} 
     249#love .teaser .title {margin:0 0 0;color:#f60;background:none;position:relative;overflow:auto;font-size:1em;padding:7px 0;border-bottom:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    237250#love .teaser .title a {text-decoration:none;color:inherit;} 
    238251#love .teaser .title a:hover {text-decoration:underline;color:#000;}   
    … …  
    241254#love .teaser .pretitle, #love .teaser .date {margin:0 0 5px;font-size:0.6em;display:inline;text-align:right;text-transform:none;color:#000;padding:0 0 5px 5px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    242255#love .teaser .date {padding:0;}  
    243 #love .teaser img.icon {float:right;width:150px;clear:both;padding:3px;border:3px solid #ccc;margin:0 0 20px 20px;} 
    244 #love .teaser img.type_icon {width:20px;padding:0;margin:0 0;position:absolute;left:3px;top:5px;} 
    245 #love .teaser .summary {color:#333;font-weight:400;padding:0;text-align:left;line-height:1.2em;font-size:.8em;margin:-3px 0 5px;} 
     256#love .teaser img.icon {float:right;width:150px;clear:both;padding:3px;border:3px solid #a2bce6;margin:0 0 20px 20px;} 
     257#love .teaser img.type_icon {width:20px;padding:0;margin:0 0;float:right;}  
     258#love .teaser .summary {color:#666666;font-weight:400;padding:0;text-align:left;line-height:1.2em;font-size:.8em;margin:-3px 0 5px;} 
    246259#love .teaser .summary p {display:inline;} 
    247260#love .teaser ul {color:#000;font-size:1em;padding:15px 0;margin:0 0 0 30px;list-style:square;} 
    248261#love .teaser li {margin:0 0 0 5px;padding:0 0 3px;} 
    249 #love .category_title .title {padding:10px 0;margin:0 0 10px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#333;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     262#love .category_title .title {padding:10px 0;margin:0 0 10px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#093983;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    250263#love .category_title .title a {color:#fff;} 
    251 #love .staticpage-teaser {border-bottom:3px solid #ccc;padding:0 0 10px;margin:0 0 10px;} 
     264#love .staticpage-teaser {border-bottom:3px solid #a2bce6;padding:0 0 10px;margin:0 0 10px;} 
    252265#love .staticpage-teaser ul li h2 {font-size:.9em;margin:0 0 10px;} 
    253266#love .staticpage-teaser ul  {list-style:square;margin:0 15px;} 
    254 #love .staticpage-detail {border-bottom:3px solid #ccc;padding:0 0 10px;margin:0 0 10px;font-size:.8em;} 
     267#love .staticpage-detail {border-bottom:3px solid #a2bce6;padding:0 0 10px;margin:0 0 10px;font-size:.8em;} 
     268#love .category_title {display:block;margin:0 0 20px;font-weight:700;border-bottom:2px solid #ccdbf0;background:#fff} 
     269#love .category_title .title {display:block;width:110px;background:#ccdbf0;text-align:center;margin:0 0 0 20px;font-size:.9em;font-weight:700;border:none;padding:3px 0; 
     270border-radius:0;-webkit-border-radius:0;-moz-border-radius:0; 
     271border-top-right-radius:8px; 
     272-webkit-border-top-right-radius:8px; 
     273-moz-border-radius-topright:8px;   
     274border-top-left-radius:8px; 
     275-webkit-border-top-left-radius:8px; 
     276-moz-border-radius-topleft:8px;   
     277 
     278} 
     279#love .category_title .title a {color:#069;} 
    255280#love .menuitems_hierarchy{} 
    256281#love .menuitems_hierarchy span {} 
    257282#love .menuitems_hierarchy ul {margin:0 ; padding:0; list-style:none;display:block;} 
    258 #love .menuitems_hierarchy li {font-size:.8em;margin:4px 0;text-decoration:none;font-weight:700;border:1px solid #ccc;background-color:#eee;padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     283#love .menuitems_hierarchy li {font-size:.8em;margin:4px 0;text-decoration:none;font-weight:700;border:1px solid #a2bce6;background-color:#d9e6fb;padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    259284#love .menuitems_hierarchy li a {text-decoration:none; color:#000; display:block;} 
    260 #love .menuitems_hierarchy li a:hover {text-decoration:underline;color:#333;} 
     285#love .menuitems_hierarchy li a:hover {text-decoration:underline;color:#093983;} 
    261286#love .menuitems_hierarchy ul ul {margin:0;padding:0;display:block;border:none;} 
    262 #love .menuitems_hierarchy li li {display:block;padding:3px 0;margin:4px 0;border:none;border-bottom:1px solid #ccc;} 
    263 #love .menuitems_hierarchy li li a {color:#666;display:block;border:none;background:none;} 
     287#love .menuitems_hierarchy li li {display:block;padding:3px 0;margin:4px 0;border:none;border-bottom:1px solid #a2bce6;} 
     288#love .menuitems_hierarchy li li a {color:#3e6ab1;display:block;border:none;background:none;} 
    264289#love .menuitems_hierarchy li li a:hover {display:block;background:#fff;color:#000;text-decoration:none; } 
    265 #love .menuitems_hierarchy ul ul ul {position:relative;left:170px;top:-21px;background:#eee;} 
    266 #love .menuitems_hierarchy li li li {background:#666;} 
     290#love .menuitems_hierarchy ul ul ul {position:relative;left:170px;top:-21px;background:#d9e6fb;} 
     291#love .menuitems_hierarchy li li li {background:#3e6ab1;} 
    267292#love .menuitems_hierarchy li li li a {color:#fff;} 
    268293#love .menuitems_hierarchy p {clear:left;}       
    269294#love .menuitems_hierarchy #current {background:url(images/current-bg.gif) top left repeat-x;color:#ffffff;} 
    270 #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:#333;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     295#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:#093983;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    271296#love .categories_hierarchy .title a {color:#fff;} 
    272 #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 #ccc;} 
     297#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 #a2bce6;} 
    273298#love .categories_hierarchy span,          #love .categories_hierarchy_to_iconlist span,          #love .flat_items_list span,          #love .root_items_list span  {} 
    274299#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;} 
    275 #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 #ccc;background-color:#666;padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     300#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 #a2bce6;background-color:#3e6ab1;padding:8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    276301#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:#fff; display:block;} 
    277 #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:#333;} 
     302#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:#093983;} 
    278303#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;} 
    279 #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 #ccc;} 
    280 #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       {color:#666;display:block;border:none;background:none;} 
     304#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 #a2bce6;} 
     305#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       {color:#3e6ab1;display:block;border:none;background:none;} 
    281306#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:#fff;color:#000;text-decoration:none; } 
    282 #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:#eee;} 
    283 #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:#666;} 
     307#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:#d9e6fb;} 
     308#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:#3e6ab1;} 
    284309#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:#fff;} 
    285 #love .collection_header .title {padding:10px 0;margin:0 0 5px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#333;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     310#love .collection_header .title {padding:10px 0;margin:0 0 5px;display:block;border-bottom:none;font-size:1em;text-align:center;background:#093983;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    286311#love .collection_teaser {margin:0 0 10px;border-bottom:1px solid #000;padding:0 0 10px;} 
    287 #love .collection_teaser .summary {color:#333;font-weight:700;padding:0;text-align:left;line-height:1.5em;font-size:.8em;} 
     312#love .collection_teaser .summary {color:#093983;font-weight:700;padding:0;text-align:left;line-height:1.5em;font-size:.8em;} 
    288313#love .collection_teaser .summary p {display:block;} 
    289314#love .collection_teaser img.image {float:none;width:170px;margin:0;padding:0;} 
    290315#love .labeled_icon .title {font-size:.55em;text-align:center;padding:1px;border:none;font-weight:400;} 
    291316#love .labeled_icon img.icon {height:60px;width:60px;} 
    292 #love div.labeled_icon {width:60px;height:110px;border:2px solid #999;background:#eee;display:block;margin:0 5px 5px ;float:left;padding:5px 5px ;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} 
     317#love div.labeled_icon {width:60px;height:110px;border:2px solid #7097d5;background:#d9e6fb;display:block;margin:0 5px 5px ;float:left;padding:5px 5px ;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} 
    293318#love div.labeled_icon img.type_icon {width:12px;position:absolute;top:10px;left:10px;} 
    294 #love .labeled_icon_list {display:block;float:none;overflow:auto;margin:0 0 10px;padding:0 0 5px;border-bottom:3px solid #ccc;} 
     319#love .labeled_icon_list {display:block;float:none;overflow:auto;margin:0 0 10px;padding:0 0 5px;border-bottom:3px solid #a2bce6;} 
    295320#love .icon_list_container {margin:0 0 5px;overflow:auto;} 
    296 #love div.paginator {font-size:.7em;padding:5px;background:#999;color:#fff;display:block;font-weight:700;text-align:center;margin:0 auto 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
     321#love div.paginator {font-size:.7em;padding:5px;background:#7097d5;color:#fff;display:block;font-weight:700;text-align:center;margin:10px 10px 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    297322#love div.paginator a {color:#fff;font-weight:400;text-decoration:underline;} 
    298323#love div.paginator a:hover {color:#000;} 
    299 #love .teaser_list, #love .collection_all_items_teaser_list {margin:0 0 10px;border-bottom:3px solid #ccc;padding:0 0 10px;} 
    300 #love .contact-teaser {border-bottom:1px solid #999;padding:5px 0;margin:0;} 
     324#love .teaser_list, #love .collection_all_items_teaser_list {margin:0 0 10px;background:#f5f5f5;padding:0 0 10px;} 
     325#love .contact-teaser {border-bottom:1px solid #7097d5;padding:5px 0;margin:0;} 
    301326#love .contact-teaser img.type_icon {display:none;} 
    302327#love .contact-teaser .title {display:inline;margin:0 0 10px 0;color:#000;font-weight:700;font-size:.9em;padding:0;background:none;border:none;} 
    303328#love .contact-teaser .title a {text-decoration:none;color:#000;display:inline;} 
    304 #love .contact-teaser .title a:hover {text-decoration:underline;color:#999;} 
     329#love .contact-teaser .title a:hover {text-decoration:underline;color:#7097d5;} 
    305330#love .contact-teaser .title img.photo {width:30px;float:left;padding:0 5px 0 0;} 
    306331#love .contact-teaser .contact-details {display:none;} 
    … …  
    308333#love form small {font-size:0.7em;padding:5px 0;display:block;} 
    309334#love form input {padding:2px;width:130px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#fff;color:#000;border:1px solid #000;} 
    310 #love form input.submit {width:30px;background:#666;color:#fff;border:1px solid #000;} 
     335#love form input.submit {width:30px;background:#3e6ab1;color:#fff;border:1px solid #000;} 
    311336#love .tags {margin:0;padding:10px 0 0;font-size:0.7em;display:block;}  
    312 #love .tags a {color: #666} 
     337#love .tags a {color: #3e6ab1} 
    313338#love .tags a:hover {color:#000; text-decoration:underline;} 
    314339#love .search-box {overflow:auto;} 
    … …  
    319344PROFUNDIDAD DE NAVEGACION 
    320345-----------------------------------------------------------------------------------------------*/ 
    321 span.breadcrumb {font-size:0.8em;background:#fff;border-bottom:1px solid #ccc;display:block;font-weight:normal; padding:5px 0 15px; margin:0 0 20px;} 
     346span.breadcrumb {font-size:0.8em;background:#fff;border-bottom:1px solid #a2bce6;display:block;font-weight:normal; padding:5px 0 15px; margin:0 0 20px;} 
    322347span.breadcrumb a {font-weight:bold; color:#000;} 
    323348span.breadcrumb a:hover {color:#fff;}  
    … …  
    325350FIRE 
    326351-----------------------------------------------------------------------------------------------*/ 
    327 #fire {position:relative;border:none;background:none;padding:0;margin:0;} 
     352#fire {position:relative;border:none;background:none;padding:0;margin:10px 0 0;} 
    328353#fire div.content_fire {margin:0 20px 0 10px;display:block;background:none;} 
    329 #neutrona-theme_staticpage_before_fire {padding:20px;background:#666;margin:0 0 20px;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
     354#neutrona-theme_staticpage_before_fire {padding:20px;background:#3e6ab1;margin:0 0 20px;color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;} 
    330355#neutrona-theme_staticpage_before_fire a {color:#000;} 
    331356#neutrona-theme_staticpage_before_fire a:hover {color:#fff;}  
    … …  
    336361#fire .title {display:block;margin:0 0 20px 0;font-size:2em;font-weight:700;} 
    337362/*teasers titles*/ 
    338 #fire .teaser .title {border:none;margin:0;font-size:1.3em;} 
    339 #fire .teaser .title a {text-decoration:none;color:#039;}  
     363#fire .teaser .title {border:none;margin:0;font-size:1.4em;padding:0;} 
     364#fire .teaser .title a {text-decoration:none;color:#069;}  
    340365#fire .teaser .title a:hover {text-decoration:underline;} 
    341366#fire .labeled_icon .title {font-size:.8em;text-align:center;padding:3px;border:none;font-weight:400;} 
     367#fire .category_title {display:block;margin:0 0 20px;font-weight:700;border-bottom:2px solid #dee6f3;} 
     368#fire .category_title .title {display:block;width:110px;background:#dee6f3;text-align:center;margin:0 0 0 20px;font-size:.9em;font-weight:700;border:none;padding:3px 0; 
     369border-top-right-radius:8px; 
     370-webkit-border-top-right-radius:8px; 
     371-moz-border-radius-topright:8px;   
     372border-top-left-radius:8px; 
     373-webkit-border-top-left-radius:8px; 
     374-moz-border-radius-topleft:8px;   
     375 
     376} 
    342377/*forms titles*/ 
    343378#fire form .title {color:#000;font-weight:700;} 
    … …  
    345380DETAILS CONTENTS 
    346381-------------------*/ 
    347 #fire .pretitle, #fire .date {color:#666;text-transform:uppercase;display:inline;font-size:.7em;margin:5px 0 0;} 
    348 #fire .summary {color:#333;font-weight:700;padding:10px 0;text-align:left;line-height:1.5em;font-size:1.2em;} 
    349 #fire .author {font-weight:700;color:#666;border-left:4px solid #ccc;padding:0 0 0 10px;margin:10px 0 0;font-size:.9em;} 
     382#fire .pretitle, #fire .date {color:#3e6ab1;text-transform:uppercase;display:inline;font-size:.7em;margin:5px 0 0;} 
     383#fire .summary {color:#093983;font-weight:700;padding:10px 0;text-align:left;line-height:1.5em;font-size:1.2em;} 
     384#fire .author {font-weight:700;color:#666666;border-left:4px solid #a2bce6;padding:0 0 0 10px;margin:10px 0 0;font-size:.9em;} 
    350385#fire .tags {margin:20px 0 0 ;display:block;} 
    351 #fire .source {color:#333;font-size:.9em;margin:20px 0 0;display:block;} 
     386#fire .source {color:#093983;font-size:.9em;margin:20px 0 0;display:block;} 
    352387#fire .more {font-size:inherit;font-weight:400;margin:0; padding: 0 0;display:inline;} 
    353 #fire .pagination  {font-size:0.65em;text-align:center;padding:3px;background:#333;color:#eee;} 
     388#fire .pagination  {font-size:0.65em;text-align:center;padding:3px;background:#093983;color:#d9e6fb;} 
    354389#fire .pagination a {color:#fff;text-decoration:underline;} 
    355 #fire div.paginator {font-size:.7em;padding:5px;background:#999;color:#fff;display:block;font-weight:700;text-align:center;margin:0 auto 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
     390#fire div.paginator {font-size:.7em;padding:5px;background:#7097d5;color:#fff;display:block;font-weight:700;text-align:center;margin:0 auto 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    356391#fire div.paginator a {color:#fff;font-weight:400;text-decoration:underline;} 
    357392#fire div.paginator a:hover {color:#000;} 
    358 #fire .staticpage-detail {border-bottom:3px solid #ccc;padding:0 0 10px;margin:0 0 10px;font-size:.8em;} 
     393#fire .staticpage-detail {border-bottom:3px solid #a2bce6;padding:0 0 10px;margin:0 0 10px;font-size:.8em;} 
    359394#fire .article-detail {} 
    360395#fire .article-detail a,#fire .staticpage-detail a {color:#000;} 
    361 #fire .related_contents            {font-weight:700;color:#333;background:#eee;padding:10px;margin:0;width:60%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;;} 
    362 #fire .related_contents span       {font-size:1em;padding:0;margin:0;color:#666;}  
     396#fire .related_contents            {font-weight:700;color:#093983;background:#d9e6fb;padding:10px;margin:0;width:60%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;;} 
     397#fire .related_contents span       {font-size:1em;padding:0;margin:0;color:#3e6ab1;}  
    363398#fire .related_contents ul         {padding:10px 0 0;margin:0;list-style:none;} 
    364399#fire .related_contents ul ul      {list-style:square;} 
    365 #fire .related_contents li         {color: #999;padding:0 10px 5px 0;margin:0 0 0 20px;}         
    366 #fire .related_contents li a       {font-size:0.8em;color:#666;font-weight:400;} 
     400#fire .related_contents li         {color: #7097d5;padding:0 10px 5px 0;margin:0 0 0 20px;}      
     401#fire .related_contents li a       {font-size:0.8em;color:#3e6ab1;font-weight:400;} 
    367402#fire .related_contents li a:hover {color:#000;font-weight:700;} 
    368403/*----------------- 
    369404LABELED ICONS 
    370405-------------------*/  
    371 #fire div.labeled_icon                    {height:180px;border:2px solid #999;background:#eee;display:block;width:130px;margin: 0 5px 10px;float:left;padding:5px;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} 
     406#fire div.labeled_icon                    {height:180px;border:2px solid #7097d5;background:#d9e6fb;display:block;width:130px;margin:   0 5px 10px;float:left;padding:5px;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} 
    372407#fire    .labeled_icon img.icon           {height:130px;width:130px;} 
    373408#fire div.labeled_icon img.type_icon      {position:absolute;top:10px;left:10px;} 
    374 #fire    .labeled_icon_list               {display:block;float:none;overflow:auto;margin:0 0 10px;padding:0 0 5px;border-bottom:3px solid #ccc;} 
    375 #fire    .labeled_icon_list div.paginator {font-size:.7em;padding:5px;background:#999;color:#fff;display:block;font-weight:700;text-align:center;margin:10px auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
     409#fire    .labeled_icon_list               {display:block;float:none;overflow:auto;margin:0 0 10px;padding:0 0 5px;border-bottom:3px solid #a2bce6;} 
     410#fire    .labeled_icon_list div.paginator {font-size:.7em;padding:5px;background:#7097d5;color:#fff;display:block;font-weight:700;text-align:center;margin:10px auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    376411/*----------------- 
    377412TEASERS 
    378413-------------------*/  
    379 #fire .teaser {margin:40px 0;padding:0 0 20px;overflow:auto;border-bottom:5px solid #eee;} 
    380 #fire .teaser .summary {color:#333;font-weight:400;padding:15px 0;text-align:justify;line-height:1.3em;font-size:1em;} 
     414#fire .teaser {margin:10px 0;padding:0 0 20px;overflow:auto;border-bottom:1px dotted #7097d5;} 
     415#fire .teaser .summary {color:#333333;font-weight:400;padding:5px 0;text-align:left;line-height:1.4em;font-size:.92em;} 
    381416#fire .teaser .summary p {display:inline;} 
    382417#fire .teaser .pretitle {margin:10px 0 0;display:inline-block;}  
    383418#fire .teaser .date {} 
    384 #fire .teaser img.icon {float:right;width:150px;clear:both;padding:3px;border:3px solid #ccc;margin:0 0 20px 20px;} 
    385 #fire .teaser img.type_icon {padding:0 10px 0 0;margin:0 0;float:right;} 
     419#fire .teaser img.icon {float:right;width:150px;clear:both;padding:3px;border:3px solid #a2bce6;margin:0 0 20px 20px;} 
     420#fire .teaser img.type_icon {padding:0 0 0 10px;margin:0 0;float:right;} 
    386421#fire .teaser ul {color:#000;font-size:1em;padding:15px 0;margin:0 0 0 30px;list-style:square;} 
    387422#fire .teaser li {margin:0 0 0 5px;padding:0 0 3px;} 
    388 #fire .teaser_list, #fire .collection_all_items_teaser_list {margin:0 0 10px;border-bottom:3px solid #ccc;padding:0 0 10px;} 
    389 #fire div.collection_teaser {overflow:auto;background:#eee;display:block;margin:-20px 0 20px;padding:10px;border-bottom:1px solid #666;} 
    390 #fire .staticpage-teaser {border-bottom:3px solid #ccc;padding:0 0 10px;margin:0 0 10px;} 
     423#fire .teaser_list, #fire .collection_all_items_teaser_list {margin:0 0 10px;border-bottom:3px solid #a2bce6;padding:0 0 10px;} 
     424#fire div.collection_teaser {overflow:auto;background:#d9e6fb;display:block;margin:-20px 0 20px;padding:10px;border-bottom:1px solid #3e6ab1;} 
     425#fire .staticpage-teaser {border-bottom:3px solid #a2bce6;padding:0 0 10px;margin:0 0 10px;} 
    391426#fire .staticpage-teaser ul li h2 {font-size:.9em;margin:0 0 10px;} 
    392427#fire .staticpage-teaser ul  {list-style:square;margin:0 15px;} 
    393 #fire .list_as_forum {border-bottom:3px solid #ccc;margin:0 0 10px;}     
     428#fire .list_as_forum {border-bottom:3px solid #a2bce6;margin:0 0 10px;}     
    394429#fire .categories ul {list-style:none;margin:10px 0;} 
    395 #fire .categories li {display:inline;border:1px solid #ccc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:5px;background:#eee;color:#000;margin:10px 10px 0 0;font-size:.75em;} 
     430#fire .categories li {display:inline;border:1px solid #a2bce6;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:5px;background:#d9e6fb;color:#000;margin:10px 10px 0 0;font-size:.75em;} 
    396431/*----------------- 
    397432HIERARCHY 
    … …  
    403438#fire .menuitems_hierarchy li {font-size:.8em;margin:4px 0;text-decoration:none;font-weight:700;border:none;background:none;padding:0;} 
    404439#fire .menuitems_hierarchy li a {text-decoration:none; color:#000; } 
    405 #fire .menuitems_hierarchy li a:hover {text-decoration:underline;color:#333;} 
     440#fire .menuitems_hierarchy li a:hover {text-decoration:underline;color:#093983;} 
    406441#fire .menuitems_hierarchy ul ul {margin:0 0 0 20px;padding:0;display:block;border:none;} 
    407442#fire .menuitems_hierarchy li li {padding:3px 0;margin:4px 0;border:none;border-bottom:none;} 
    408 #fire .menuitems_hierarchy li li a {color:#666;display:block;border:none;background:none;} 
     443#fire .menuitems_hierarchy li li a {color:#3e6ab1;display:block;border:none;background:none;} 
    409444#fire .menuitems_hierarchy li li a:hover {display:block;background:#fff;color:#000;text-decoration:none; } 
    410 #fire .menuitems_hierarchy ul ul ul {position:relative;left:170px;top:-21px;background:#eee;} 
    411 #fire .menuitems_hierarchy li li li {background:#666;} 
     445#fire .menuitems_hierarchy ul ul ul {position:relative;left:170px;top:-21px;background:#d9e6fb;} 
     446#fire .menuitems_hierarchy li li li {background:#3e6ab1;} 
    412447#fire .menuitems_hierarchy li li li a {color:#fff;} 
    413448#fire .menuitems_hierarchy p {clear:left;}       
    414449#fire .menuitems_hierarchy #current {background:url(images/current-bg.gif) top left repeat-x;color:#ffffff;} 
    415450/*categories*/ 
    416 #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 #eee;} 
     451#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 #d9e6fb;} 
    417452#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;} 
    418453#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;} 
    419454#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;} 
    420455#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:#000; display:block;} 
    421 #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:#333;} 
     456#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:#093983;} 
    422457#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;} 
    423 #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 #ccc;} 
    424 #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:#666;display:block;border:none;background:none;} 
     458#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 #a2bce6;} 
     459#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:#3e6ab1;display:block;border:none;background:none;} 
    425460#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:#fff;color:#000;text-decoration:none; } 
    426 #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:#eee;} 
    427 #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:#666;} 
     461#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:#d9e6fb;} 
     462#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:#3e6ab1;} 
    428463#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:#fff;} 
    429464/*----------------- 
    … …  
    432467#fire .contact-teaser .title {margin:0 0 10px 0;color:#000;font-weight:700;font-size:1.5em;padding:0;background:none;border:none;} 
    433468#fire .contact-teaser .title a {text-decoration:none;color:#000;display:block;} 
    434 #fire .contact-teaser .title a:hover {text-decoration:underline;color:#999;} 
    435 #fire .contact-teaser .title img.photo {width:130px;padding:5px;background:#eee;border:1px solid #333;float:none;margin:0 0 10px;} 
     469#fire .contact-teaser .title a:hover {text-decoration:underline;color:#7097d5;} 
     470#fire .contact-teaser .title img.photo {width:130px;padding:5px;background:#d9e6fb;border:1px solid #093983;float:none;margin:0 0 10px;} 
    436471#fire .contact-teaser {border-bottom:none;padding:5px 0;margin:0 0 10px;} 
    437472#fire .contact-teaser img.type_icon {display:none;} 
    … …  
    439474#fire .contact-teaser .contact-details .more {display:block;} 
    440475#fire .details-list {display:inline;} 
    441 #fire .detail img.contact_photo {width:166px;float:left;padding:5px;border:2px solid #999;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
     476#fire .detail img.contact_photo {width:166px;float:left;padding:5px;border:2px solid #7097d5;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    442477#fire .contact_teaser_detail{position:absolute;left:200px;font-size:1.1em;} 
    443478#fire .contact_teaser_detail div {padding:0 0 10px;} 
    … …  
    449484#fire .teaser_list div.paginator {font-size:.8em;padding:5px 0;background:none;color:#000;display:block;font-weight:700;text-align:left;margin:0 auto 10px;} 
    450485#fire .teaser_list div.paginator a {color:#000;font-weight:400;text-decoration:underline;} 
    451 #fire .teaser_list div.paginator a:hover {color:#999;} 
     486#fire .teaser_list div.paginator a:hover {color:#7097d5;} 
    452487/*----------------- 
    453488FORMS 
    … …  
    455490#fire form small {font-size:0.7em;padding:5px 0;display:block;} 
    456491#fire form input {padding:2px;width:130px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#fff;color:#000;border:1px solid #000;} 
    457 #fire form input.submit {width:30px;background:#666;color:#fff;border:1px solid #000;} 
     492#fire form input.submit {width:30px;background:#3e6ab1;color:#fff;border:1px solid #000;} 
    458493/*----------------- 
    459494SEARCH BOX 
    … …  
    466501TEXTILE FORMAT 
    467502-------------------*/ 
    468 #fire pre {max-width:700px;overflow-x:auto;overflow-y:auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:10px 0;padding:20px;border:1px solid #ccc;background:#eee;font-size:0.9em;font-weight:400;color:#000;} 
    469 #fire code {padding:0;color:#999;font-weight:400;overflow:scroll;} 
     503#fire pre {max-width:700px;overflow-x:auto;overflow-y:auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:10px 0;padding:20px;border:1px solid #a2bce6;background:#d9e6fb;font-size:0.9em;font-weight:400;color:#000;} 
     504#fire code {padding:0;color:#7097d5;font-weight:400;overflow:scroll;} 
    470505#fire div.text p {font-size:1em;line-height:1.5em;text-align:left;padding:20px 0 0;} 
    471506#fire span {margin:inherit;padding:inherit;} 
    472 #fire span.tip {margin:-20px 0 0;padding:20px;display:block;text-align:left;width:60%;color:#fff;background:#999;border-left:5px solid #000;font-size:0.9em;} 
    473 #fire blockquote {background:#eee;padding:0 20px 20px;margin:10px 0;font-size:0.9em;width:60%;line-height:1em;border-left:5px solid #ccc;text-align:left;} 
     507#fire span.tip {margin:-20px 0 0;padding:20px;display:block;text-align:left;width:60%;color:#fff;background:#7097d5;border-left:5px solid #000;font-size:0.9em;} 
     508#fire blockquote {background:#d9e6fb;padding:0 20px 20px;margin:10px 0;font-size:0.9em;width:60%;line-height:1em;border-left:5px solid #a2bce6;text-align:left;} 
    474509#fire sup {} 
    475510#fire sub {} 
    … …  
    481516#fire del {} 
    482517#fire ins {}  
    483 #fire .text table {margin:20px auto;color:#333;padding:0;border:none;} 
    484 #fire .text th {background:#666;color:#fff;border:1px solid #000;margin:0;padding:3px;} 
     518#fire .text table {margin:20px auto;color:#093983;padding:0;border:none;} 
     519#fire .text th {background:#3e6ab1;color:#fff;border:1px solid #000;margin:0;padding:3px;} 
    485520#fire .text tr {margin:0;padding:0;} 
    486 #fire .text td {margin:0;padding:3px;border:1px solid #ccc;} 
     521#fire .text td {margin:0;padding:3px;border:1px solid #a2bce6;} 
    487522#fire img {} 
    488523#fire img {} 
    489 #fire div.text p.footnote, .staticpage-detail div.text p.footnote {color:#666;font-size:.8em;margin:4px 0;padding:0;} 
     524#fire div.text p.footnote, .staticpage-detail div.text p.footnote {color:#3e6ab1;font-size:.8em;margin:4px 0;padding:0;} 
    490525#fire .text {padding:0 0 20px;} 
    491526#fire .text ul {padding:0;margin:0 0 0 30px;list-style:square;} 
    492527#fire .text li {padding:15px 0 0;} 
    493 #fire #container .content-view img {margin:20px 0 20px 20px;padding:0;float:none;box-shadow:2px 2px 20px #666;-webkit-box-shadow:2px 2px 20px #666;-moz-box-shadow: 2px 2px 20px #666;} 
     528#fire #container .content-view img {margin:20px 0 20px 20px;padding:0;float:none;box-shadow:2px 2px 20px #3e6ab1;-webkit-box-shadow:2px 2px 20px #3e6ab1;-moz-box-shadow: 2px 2px 20px #3e6ab1;} 
    494529#fire #container .content-view h1 {color:#000;padding:10px 0;margin:30px 0 30px;border-bottom:1px solid #000;display:block;} 
    495530/*tags*/ 
    496531#fire .tags {margin:0;padding:10px 0 0;font-size:0.7em;display:block;}  
    497 #fire .tags a {color: #666} 
     532#fire .tags a {color: #3e6ab1} 
    498533#fire .tags a:hover {color:#000; text-decoration:underline;} 
    499534#fire .tools {margin:10px 0;padding:0 0;} 
    … …  
    501536#fire .tools ul a:hover {text-decoration:underline;}  
    502537#fire .tools li  {display:inline;} 
    503 #fire .tools li .print {color: #999; background: transparent url(../images/css/imprimir.png) left top no-repeat;padding:0 0 10px 20px;margin:0;} 
    504 #fire .tools li .share {color: #999; background: transparent url(../images/css/recomendar.png) no-repeat;padding:0 0 10px 20px;;margin:0 0 0 15px;} 
    505 #fire .tools li .comments_link {color: #999; background: transparent url(../images/css/comentarios.png) no-repeat;padding:0 0 10px 20px;;margin:0 0 0 15px;} 
     538#fire .tools li .print {color: #7097d5; background: transparent url(../images/css/imprimir.png) left top no-repeat;padding:0 0 10px 20px;margin:0;} 
     539#fire .tools li .share {color: #7097d5; background: transparent url(../images/css/recomendar.png) no-repeat;padding:0 0 10px 20px;;margin:0 0 0 15px;} 
     540#fire .tools li .comments_link {color: #7097d5; background: transparent url(../images/css/comentarios.png) no-repeat;padding:0 0 10px 20px;;margin:0 0 0 15px;} 
    506541/*----------------------------------------------------------------------------------------------- 
    507542TEASER VIEWS 
    … …  
    510545.collection h3 {} 
    511546.collection p {padding:0;display:block;}  
    512 .collection h3.summary {color:#333;font-weight:700;padding:0;text-align:justify;line-height:1.5em;} 
     547.collection h3.summary {color:#093983;font-weight:700;padding:0;text-align:justify;line-height:1.5em;} 
    513548 
    514549/*----------------------------------------------------------------------------------------------- 
    515550NEWSLETTER  
    516551-----------------------------------------------------------------------------------------------*/ 
    517 .newsletter {border-bottom:6px solid #eee;margin:0 0 10px;padding:0 0 10px;position:relative;} 
     552.newsletter {border-bottom:6px solid #d9e6fb;margin:0 0 10px;padding:0 0 10px;position:relative;} 
    518553#fire .newsletter h2.title {border:none;padding:0;margin:0;font-size:1.2em;} 
    519554#fire .newsletter .summary {font-weight:400;} 
    520 img.newsletter_image {margin:0 0 20px 20px;padding:5px;border:2px solid #999;background:#ccc;} 
     555img.newsletter_image {margin:0 0 20px 20px;padding:5px;border:2px solid #7097d5;background:#a2bce6;} 
    521556.newsletter div.permalink {margin:20px 0 0;display:block;font-size:.8em;} 
    522 .newsletter div.show-ToC {position:absolute;top:0;right:0;padding:4px;background:#666;display:block;font-size:.8em;} 
     557.newsletter div.show-ToC {position:absolute;top:0;right:0;padding:4px;background:#3e6ab1;display:block;font-size:.8em;} 
    523558.newsletter div.show-ToC a {color:#fff;} 
    524559.newsletter_teaser {} 
    … …  
    528563-----------------------------------------------------------------------------------------------*/ 
    529564.forum {margin:20px 0 0;} 
    530 .forum table {margin:20px auto;color:#333;padding:0;border:none;} 
    531 .forum th {background:#666;color:#fff;border:1px solid #000;margin:0;padding:3px;font-size:.8em;} 
     565.forum table {margin:20px auto;color:#093983;padding:0;border:none;} 
     566.forum th {background:#3e6ab1;color:#fff;border:1px solid #000;margin:0;padding:3px;font-size:.8em;} 
    532567.forum th.name {width:40%;} 
    533568.forum th.comments {width:10%;} 
    … …  
    536571.forum h2.topic {font-size:1.4em;border:none;padding:5px;} 
    537572.forum tr {margin:0;padding:0;} 
    538 .forum td {margin:0;padding:3px;border:1px solid #ccc;font-size:.75em;} 
     573.forum td {margin:0;padding:3px;border:1px solid #a2bce6;font-size:.75em;} 
    539574.forum td.comment {text-align:center;} 
    540 .forum .link-create-topic {font-size:.8em;font-weight:700;text-align:center;background:#333;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:130px;padding:5px;float:right;clear:both;} 
     575.forum .link-create-topic {font-size:.8em;font-weight:700;text-align:center;background:#093983;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:130px;padding:5px;float:right;clear:both;} 
    541576.forum .link-create-topic a {color:#fff} 
    542577.forum .create_forum label {display:block;padding:10px 0;}  
    … …  
    547582COMMENTS 
    548583-----------------------------------------------------------------------------------------------*/ 
    549 #user_comments form input {width:40%;border:1px solid #999;margin:5px 0 15px;} 
    550 #user_comments form input.submit {width:auto;background:#ccc;color:#000;margin:0 0 0 3px;border:1px solid #999;box-shadow:2px 2px 5px #666;-webkit-box-shadow:2px 2px 5px #666;-moz-box-shadow: 2px 2px 5px #666;} 
    551 #user_comments textarea {width:550px;background-color:#fff;padding:4px;margin:5px 0 15px;border:1px solid #999;font-size: 1em;color:#333;display:block;} 
     584#user_comments form input {width:40%;border:1px solid #7097d5;margin:5px 0 15px;} 
     585#user_comments form input.submit {width:auto;background:#a2bce6;color:#000;margin:0 0 0 3px;border:1px solid #7097d5;box-shadow:2px 2px 5px #3e6ab1;-webkit-box-shadow:2px 2px 5px #3e6ab1;-moz-box-shadow: 2px 2px 5px #3e6ab1;} 
     586#user_comments textarea {width:550px;background-color:#fff;padding:4px;margin:5px 0 15px;border:1px solid #7097d5;font-size: 1em;color:#093983;display:block;} 
    552587#user_comments label {display: block;margin:0 0;font-weight:700;font-size:0.9em;} 
    553 #user_comments .show_comment_form {width:250px;;margin:0 0 20px;padding:3px;color:#fff;background:#666;border:1px solid #000;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
     588#user_comments .show_comment_form {width:250px;;margin:0 0 20px;padding:3px;color:#fff;background:#3e6ab1;border:1px solid #000;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    554589#user_comments .show_comment_form a {color:#fff;}  
    555590#user_comments {width:550px;text-align:left;margin:25px 0 0;background-color:#fff;} 
    556 #user_comments .data {color:#000;background-color:#eee;border:0px solid #ccc;padding:10px;margin:0 0 20px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;box-shadow:2px 2px 2px #ccc;-webkit-box-shadow:2px 2px 2px #ccc;-moz-box-shadow: 2px 2px 2px #ccc;} 
    557 #user_comments .data p {font-size:1em;color:#666;} 
    558 #user_comments .when_who {color:#999;font-size:0.7em;} 
    559 #user_comments .when_who a {color:#999;} 
    560 #user_comments .bottom-post {margin:20px 0;border:none;border-top:6px dashed #eee;} 
    561 #user_comments .box {color:#333; margin:0;width:644px;} 
    562 #user_comments h6 {background-color:#fff;color:#666;margin:0 0 10px 0;padding:5px 0;font-weight:700;font-size:0.9em;} 
     591#user_comments .data {color:#000;background-color:#d9e6fb;border:0px solid #a2bce6;padding:10px;margin:0 0 20px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;box-shadow:2px 2px 2px #a2bce6;-webkit-box-shadow:2px 2px 2px #a2bce6;-moz-box-shadow: 2px 2px 2px #a2bce6;} 
     592#user_comments .data p {font-size:1em;color:#3e6ab1;} 
     593#user_comments .when_who {color:#7097d5;font-size:0.7em;} 
     594#user_comments .when_who a {color:#7097d5;} 
     595#user_comments .bottom-post {margin:20px 0;border:none;border-top:6px dashed #d9e6fb;} 
     596#user_comments .box {color:#093983; margin:0;width:644px;} 
     597#user_comments h6 {background-color:#fff;color:#3e6ab1;margin:0 0 10px 0;padding:5px 0;font-weight:700;font-size:0.9em;} 
    563598#user_comments img {margin:10px 0;display:block;} 
    564599#user_comments form {padding:0 0 30px 0;margin:0 0 0 0;}                                 
    565600#user_comments fieldset {display: block;        margin: 0 0 0 0;padding:5px 0;border:none;}  
    566601#user_comments select {display: block;} 
    567 #user_comments small {margin:0;color:#666;font-weight:400;display:block padding:3px 0;width:350px;clear:both;font-size:0.8em;} 
     602#user_comments small {margin:0;color:#3e6ab1;font-weight:400;display:block padding:3px 0;width:350px;clear:both;font-size:0.8em;} 
    568603#user_comments .hidden {border:none;display:none;} 
    569604/*----------------------------------------------------------------------------------------------- 
    570605VISTA LISTA DETALLADA ARTICULOS  
    571606-----------------------------------------------------------------------------------------------*/ 
    572 .media h1.title, .staticpage-detail h1.title {padding:10px 0;display:block;border-bottom:1px solid #666;} 
    573 .media h3.summary {color:#333;font-weight:400;padding:10px 0;text-align:justify;line-height:1.4em;font-size:1.2em;} 
    574 .media h4.author {color:#666;border-left:4px solid #ccc;padding:0 0 0 10px;margin:20px 0 20px;font-size:.9em;} 
    575 .media h6.pretitle {color:#666;text-transform:uppercase;} 
    576 .media h6.date {color:#666;text-transform:uppercase;} 
    577 .media h6.source {color:#666;} 
     607.media h1.title, .staticpage-detail h1.title {padding:10px 0;display:block;border-bottom:1px solid #3e6ab1;} 
     608.media h3.summary {color:#093983;font-weight:400;padding:10px 0;text-align:justify;line-height:1.4em;font-size:1.2em;} 
     609.media h4.author {color:#3e6ab1;border-left:4px solid #a2bce6;padding:0 0 0 10px;margin:20px 0 20px;font-size:.9em;} 
     610.media h6.pretitle {color:#3e6ab1;text-transform:uppercase;} 
     611.media h6.date {color:#3e6ab1;text-transform:uppercase;} 
     612.media h6.source {color:#3e6ab1;} 
    578613.media .categories ul {list-style:none;margin:10px 0;} 
    579 .media .categories li {display:inline;border:1px solid #ccc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:5px;background:#eee;color:#000;margin:10px 10px 0 0;font-size:.75em;} 
     614.media .categories li {display:inline;border:1px solid #a2bce6;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:5px;background:#d9e6fb;color:#000;margin:10px 10px 0 0;font-size:.75em;} 
    580615div.download_link  {display:block;padding:6px;margin:20px 0;font-weight:700;background:#000;width:300px;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} 
    581616div.download_link a {color:#fff;} 
    582 #socialnetworks {font-size:0.75em;display:block;padding:0 0 10px;border-top:2px solid #eee;text-align:right;clear:both;} 
     617#socialnetworks {font-size:0.75em;display:block;padding:0 0 10px;border-top:2px solid #d9e6fb;text-align:right;clear:both;} 
    583618#socialnetworks img {width:24px;height:24px;margin:5px 3px -8px 0;padding:6px 0 0;border:none;clear:none;} 
    584 #socialnetworks small {margin:0;padding:5px 5px 0 0;color:#666;text-align:right;}   
     619#socialnetworks small {margin:0;padding:5px 5px 0 0;color:#3e6ab1;text-align:right;}   
    585620#fuego-content hr {} 
    586 .author img {border:none:border-left:1px solid #ccc;padding:0;margin:0 5px 0 0;} 
    587 #attachments {width:50%;color:#333;margin:0 0 20px;text-align:left;background-color:#eee;border:1px solid #ccc;} 
     621.author img {border:none:border-left:1px solid #a2bce6;padding:0;margin:0 5px 0 0;} 
     622#attachments {width:50%;color:#093983;margin:0 0 20px;text-align:left;background-color:#d9e6fb;border:1px solid #a2bce6;} 
    588623#attachments .attachments_box {padding:0 10px;margin:10px 0;} 
    589624#attachments p {margin:0 0 0 20px;font-size:0.75em;padding:0 0 7px;} 
    590 #attachments p a {color:#666;} 
     625#attachments p a {color:#3e6ab1;} 
    591626#attachments p a:hover {color:#000;font-weight:700;} 
    592 #attachments h6 {color:#666;margin:0 0 10px 0;padding:5px 0 15px;font-weight:700;font-size:0.85em;} 
     627#attachments h6 {color:#3e6ab1;margin:0 0 10px 0;padding:5px 0 15px;font-weight:700;font-size:0.85em;} 
    593628#attachments p img {margin:-10px 0 0;} 
    594 #related {font-weight:bold;color:#333;background:#eee;padding:10px;margin:0;width:50%;} 
    595 #related h6 {font-size:1em;padding:0;margin:0;color:#666;} 
     629#related {font-weight:bold;color:#093983;background:#d9e6fb;padding:10px;margin:0;width:50%;} 
     630#related h6 {font-size:1em;padding:0;margin:0;color:#3e6ab1;} 
    596631#related ul {padding:10px 0 0;margin:0;list-style:square;} 
    597 #related li {color: #999;padding:0 10px 5px 0;margin:0 0 0 20px;} 
    598 #related li a {font-size:0.8em;color:#666;font-weight:400;} 
     632#related li {color: #7097d5;padding:0 10px 5px 0;margin:0 0 0 20px;} 
     633#related li a {font-size:0.8em;color:#3e6ab1;font-weight:400;} 
    599634#related li a:hover {color:#000;font-weight:700;} 
    600635#attachments img, #related img, #comments img {padding:0 0 5px;margin:0;} 
    … …  
    605640#contact form {text-align:left;padding:0;margin:0;} 
    606641#contact p {margin:0;padding:0 20px 0 0;float:left;} 
    607 #contact input {width:245px;padding:4px;margin:0 0 5px;color:#333;display: block;} 
    608 #contact .required {border:1px solid #999;} 
    609 #id_captcha_1 {border:1px solid #999;}  
     642#contact input {width:245px;padding:4px;margin:0 0 5px;color:#093983;display: block;} 
     643#contact .required {border:1px solid #7097d5;} 
     644#id_captcha_1 {border:1px solid #7097d5;}  
    610645#contact input.submit {color:#000;clear: both;margin:30px 0 0;} 
    611646#contact label {margin:0;padding:5px 0 0;display:block;font-size:0.8em;font-weight:400;width:265px;} 
    612 #contact textarea {width:530px;border:1px solid #999; padding:5px; margin-bottom:20px;} 
     647#contact textarea {width:530px;border:1px solid #7097d5; padding:5px; margin-bottom:20px;} 
    613648#id_cc_myself {display:inline;} 
    614 #contact .nota {border-top:1px solid #ccc;font-style:italic;font-size:0.7em;padding:3px 0;width:30%;color:#999;} 
     649#contact .nota {border-top:1px solid #a2bce6;font-style:italic;font-size:0.7em;padding:3px 0;width:30%;color:#7097d5;} 
    615650/*----------------------------------------------------------------------------------------------- 
    616651MAP 
    … …  
    631666#advanced_search  li li {padding:0 0 10px 15px;;margin:5px 0 0 15px;} 
    632667#advanced_search  ul li ul li {margin:0;padding:0 0 0 15px;font-weight:400;} 
    633 #advanced_search form {border-bottom:6px solid #eee;} 
     668#advanced_search form {border-bottom:6px solid #d9e6fb;} 
    634669#advanced_search label {display:block;font-size:0.9em;font-weight:700;} 
    635670#advanced_search li label {font-weight:400;} 
    636671#advanced_search .submit {margin:0 0 20px;} 
    637 #search_results h3 {font-size:0.9em;font-weight:700;border:1px solid #ccc;background:#eee;padding:4px;text-align:center;margin:0 0 20px;} 
    638 #id_q {margin:0 0 10px;border:1px solid #999;padding:4px;width:350px;} 
     672#search_results h3 {font-size:0.9em;font-weight:700;border:1px solid #a2bce6;background:#d9e6fb;padding:4px;text-align:center;margin:0 0 20px;} 
     673#id_q {margin:0 0 10px;border:1px solid #7097d5;padding:4px;width:350px;} 
    639674/*----------------------------------------------------------------------------------------------- 
    640675EARTH 
    641676-----------------------------------------------------------------------------------------------*/ 
    642677#earth {} 
    643 #earth {color:#666;font-size:0.75em; text-align:center; padding:10px 0;margin:0;}   
    644 #earth  a {color:#333; text-decoration:underline;} 
    645 #earth  a:hover {color:#999; text-decoration:none;} 
     678#earth {color:#3e6ab1;font-size:0.75em; text-align:center; padding:10px 0;margin:0;}   
     679#earth  a {color:#093983; text-decoration:underline;} 
     680#earth  a:hover {color:#7097d5; text-decoration:none;} 
    646681#earth  img {padding:10px 0 0;} 
    647682#logos {text-align:center;font-size: 0.7em;padding:1px 0 20px 0;margin:10px auto;} 
    648683#logos img {padding:7px 0 0;} 
    649684#footer_separator { clear:both; height:0;} 
    650 .footer_global {border-top:3px solid #c6d6e5;margin:0;} 
     685.footer_global {border-top:none;margin:0;} 
    651686.expand_collapse{font-weight:bold;clear:none;margin:0px;padding:0px;color:black;float:left;margin:0 4px 0 4px;cursor: pointer;} 
    652687/*----------------------------------------------------------------------------------------------- 
    … …  
    656691#gallery ul { list-style: none; } 
    657692#gallery ul li { display: inline; } 
    658 #gallery ul img {border: 1px solid #999;padding: 5px;width: 250px;height: 250px;} 
    659 #gallery ul a:hover img {border: 1px solid #333;color: #fff;} 
     693#gallery ul img {border: 1px solid #7097d5;padding: 5px;width: 250px;height: 250px;} 
     694#gallery ul a:hover img {border: 1px solid #093983;color: #fff;} 
    660695#gallery ul a:hover {color: #fff;} 
    661 #gallery p {color:#333; font-size: 0.7em; text-align: center;} 
     696#gallery p {color:#093983; font-size: 0.7em; text-align: center;} 
    662697#lightbox-container-image{ background-color: #fff;}  
    663698/*----------------------------------------------------------------------------------------------- 

  • cyclope/templates/cyclope/themes/cyportal/5_elements.html

    r549 r553  
    66 
    77{% block page_content %} 
    8 <div class="grid_14"> 
     8<div class="grid_11"> 
    99<div id="fire"> 
    1010    {% region 'before_fire' %} 
    … …  
    1414</div> 
    1515 
    16 <div class="grid_5"> 
     16<div class="grid_8"> 
    1717  <div class="content"> 
    1818    {% region 'love'%} 
Note: See TracChangeset for help on using the changeset viewer.