/* 
    Document   : siipStyle
    Created on : 22-02-2013, 03:24:25 PM
    Author     : Ivan Mujica
    Description:
        Purpose of the stylesheet follows.
*/

#header{
    width: 80%;
    height: 61px;
    background-color: #fff;
    margin: 0px 0px 0px 0px;
    margin: auto;
    border: 0px solid red;
    
    }
#header #logoMin{
    
    float: left;
    width: 20%;
    height: 60px;
    vertical-align: middle;
    border: 0px solid black;
    background: url(../images/escudoMin.png);
    background-repeat: no-repeat;
}
#header #titulo{
    
    float: left;
    width: 57%;
    height: 60px;
    vertical-align: middle;
    border: 0px solid black;
    text-align: center;
    font-weight: bold;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

#header #logoSiip{
    border: 0px solid black;
    float: right;
    height: 60px;
    background: url(../images/logoSiip1.png) right;
    width: 22%;
    background-repeat: no-repeat;
    
}


.titles{
    color: #0064af !important;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px;
    font-weight: normal;
}
.titles > hr{
    border: 2px solid black;
}
.subtitles{
    color: #0064af;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
    font-size: 12px;

}


#container{
    
       width:100%;
       height: auto;
       border: 0px solid blue;   
       background-color:#ffff;
}
#tiles{
    width:98%;
    
    margin: auto;
    height: 300px;
    padding-left: 10px;
    padding-top: 20px;
    /*background-color:#fff;*/
    
}
#macrosectorial{
    margin-top: 5px;
    margin-left: 5px;
    width: 80%;
    
}
#menuContainer2{
    border: 0px solid red;
    width: 100%;
    height: 55px;
    background-image: url(../images/right.gif);
}
#menuContainer{
    margin: auto;
    border: 0px solid red;
    width: 80%;
    
    
}
#headerContainer{
    
    border: 0px solid red;
    width: 100%;
    background-color: #fff;
}

#foot{
       background-color: #444444;
       width:100%;
       height: 100px;
       text-align: center;
       font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px;

       font-size: 10px;
       color: #fff;
}
#help{
   
    border: 1px solid red;
    width:250px;
    position: relative;
    
}

div#copyright { display: none; }

/*tiles group, tiles*/

.tile-group {
  margin: auto;
  margin-right: 25px;
  float: left;
  width: auto;
  height: auto;
  min-height: 1px;
  width: 100%;
 
}

.tile-group-simple-small {
  margin: auto;
  margin-right: 0px;
  margin-left: 66px;
  float: left;
  height: auto;
  min-height: 1px;
  width: 51%;
}

.tile-group-simple-large {
  margin: auto;
  margin-right: 5px;
  float: left;
  width: auto;
  height: auto;
  min-height: 1px;
  width: 40%;
}


.tile {
  display: block;
  float: left;
  background-color: #525252;
  width: 120px;
  height: 135px;
  cursor: pointer;
  box-shadow: inset 0px 0px 1px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-smooth: always;
  margin: 0 15px 10px 0;
  
}


.tile * {
  color: #ffffff;
}
.tile .tile-content {
  width: 100%;
  height: 100%;
  padding: 0;
  padding-bottom: 30px;
  vertical-align: top;
  padding: 10px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 16px;
}
.tile .tile-content:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .tile-content:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .tile-content:hover {
  color: #ffffff;
}
.tile .tile-content h1,
.tile .tile-content h2,
.tile .tile-content h3,
.tile .tile-content h4,
.tile .tile-content h5,
.tile .tile-content h6,
.tile .tile-content p {
  padding: 0;
  margin: 0;
  line-height: 24px;
}
.tile .tile-content h1:hover,
.tile .tile-content h2:hover,
.tile .tile-content h3:hover,
.tile .tile-content h4:hover,
.tile .tile-content h5:hover,
.tile .tile-content h6:hover,
.tile .tile-content p:hover {
  color: #ffffff;
}
.tile .tile-content p {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile .tile-content p:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .tile-content p:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .tile-content p:hover {
  color: #ffffff;
}
.tile.icon  > .tile-content {
  padding: 0;
}
.tile.icon  > .tile-content  > img {
  position: absolute;
  width: 60%;
  height: 40%;
  top: 20%;
  left: 20%;
  border: none;
 
}
.tile.icon  > .tile-content  > i {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  font-size: 64px;
}
.tile.image  > .tile-content,
.tile.image-slider  > .tile-content {
  padding: 0;
}
.tile.image  > .tile-content  > img,
.tile.image-slider  > .tile-content  > img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}
.tile.image-set  > .tile-content {
  margin: 0;
  padding: 0;
  width: 25% !important;
  height: 50%;
  float: left;
  border: 1px #1e1e1e solid;
}
.tile.image-set  > .tile-content  > img {
  min-width: 100%;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.tile.image-set .tile-content:first-child {
  width: 50% !important;
  float: left;
  height: 100%;
}
.tile.double {
  width: 260px;
  height: 176px;
  
}
.tile.triple {
  width: 95%;
}
.tile.quadro {
  width: 100%;
}
.tile.double-vertical {
  height: 310px;
}
.tile.triple-vertical {
  height: 470px;
}
.tile.quadro-vertical {
  height: 630px;
}
.tile .brand,
.tile .tile-status {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  /*border: 1px solid green;*/
  *zoom: 1;
  
}
.tile .brand:before,
.tile .tile-status:before,
.tile .brand:after,
.tile .tile-status:after {
  display: table;
  content: "";
}
.tile .brand:after,
.tile .tile-status:after {
  clear: both;
}
.tile .brand  > .badge,
.tile .tile-status  > .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  right: 5px;
  margin-bottom: 0;
  color: #ffffff;
  width: 34px;
  height: 28px;
  text-align: center;
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  font-smooth: always;
  padding-top: 3px;
}
.tile .brand  > .badge.activity,
.tile .tile-status  > .badge.activity {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGMSURBVDhPvZMtTwNBEIbv2mtScaICcQJRgSgJCQIEhqSiAlEHAlFRwU/ov0AgUEgUsrIkiJIgMOAQJFSQQAIJJBWIu95Hj2eGvXIpB3W8yWTn452Z3dld25pDmqZuFEWdcrm8jr6JK7Bt+wb9Ft85+vsXswBxHHdIfmFNi4TYG7InXAp6ss52kCTJIc6e6KzSVbrdYzrYDaSFXZU4uEQ8x3FW1ZpMJge5Tn3IdQ3kID5iw4zHTqIsUEP3TWCA7WhgDjRZg/eUFRCR3Fl3KYJjyfALIUU46jHcsSlQl8FdmQJnhrcQJFbJ6QZB0LDDMNyS4XBFo1Kp9Gw4/wi247GLHmvNuBaC47Y5gtzIQB1mBmMGdDSdTpfV+QdM8vfcsqkap6ClgQIQa+a4bXViPGRO5ILjuBqYAwk7yIfhXcNz9CljDFkkST6P4JGjnHA7d+gBxAY3tIve1Khljbi1beKvakHQp0uhfTrMjvOL9H3fX9FE8OM7yxAhdem4QWHZkSufSoTYaaVSkY9kYFmfXgyTciI3uacAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.alert,
.tile .tile-status  > .badge.alert {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFeSURBVDhPpZMtT8RAEIbb7YoTJ04gkQgQuBNIEpB4LD8AwQ9AkCCQhGAvQSAuKHCIE0gEP+DEISAhQYK4pE0/eWa65a7lSvh4k8nsvDv77sxs67UhSZLNNE0LZ3uO/gLj/J+hAkVRWI1+geqMCuR5fkKZoyiKViX+DuQu094wy7KhEmEYrkAk0qt4Nk5R77GszQCuE8fxIXxY8ZJjgiBY8n3/UcTwlsQDNifGmF29AcBtITyGOyan47gXXFfW2g/q+yi+VeptJhVgR1KRHp4HZI+bzknQlhYcvpQZuHRF8xmnCDyLL8MZEI9o4YkW3h1VB+o73DJp3to08l7xsw9Lng5i1EiSSV/Pcbdwzfk8MLcNqjIyye1STnHD5joln7lYcGWtXaP8gYsFfeJyHvR9waExt3wKsV74L3Brn/geu3OUDqiL1T7nNoEK8mLi9RUoZYqlsv4pqtf459/oeR8seozS7mDHCwAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.available,
.tile .tile-status  > .badge.available {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKvSURBVHjahJA/bJR1HMY/31977x33r2LuClc1LYM9TSAUr5gqtkVJjAkSFxYHE3VgaWRw0cUwOagxMZLApoXFBIwuHVSoQYkVMBXUpqSkMW9jaS25plh7/3rv+3scTIwixs/8PHn+2Bk/SVtN2mqxacYOKw13KfNiXtlneihmDONXqs0VVs/VXP1UqJvnc8qBeZoWYWf9JHXVqWkj2EX55G76X86R4W40aDHNzMdzLBwJLLEWm6fTI+o0knvZ+dkgO/cDfGczTNpl5gjxePrpY0SPMKwKT1A5nCe7Y4ofDgQEv/Ghn2AqunZabUmR9Fb8gQoaUVIVFTSiokaV0qDu0T694Y+rGbWktnQ5+nHiuP+IjrFjR4cqevj9wBK8beO87t6jiyzbKJAiIEWSreQxjAm7QGyeAwzRzb39i/7WFbdV2bGs0nxvs7zjxtlOgRwZPP6v7R5PmhQPUOKEneFLd4UECfqs51WXU/opDL6wb/mdDfJkEfrXgUKk2UKbiM/5BoD76d7reujOANwgJH9H8p14PDnSzBGySZsSReecDIAIDxj/jxH/LcQtW7UJ0E8f69RwuP+0Ohwb1CnTS0CCW6zK3Wb9a4AnNcgWktRoYHdpYhgtWvypfRSARVv5yVXd2smGWuzTHo7qeRZZpk7zH00cRos2ITd5yT/HQY0gPKGW3u0YPvZ06HB77tO2hx5jN5HFTNk11lgHRIs2VW5Tp8kRf5g3eYUUSa5y/eKsfn7NTvlPaCjqelwDF3bx4ADAeXeJc1xijpCYmDJ9jKrCIe0H4IaF81/56VGDJTvtPwV1IFmhTO/4AOWDSQIAWmwiRIokADEx08xeXGD5hUjxQp0GnQCdOAKS1RnNP7tO7VDOMmO9bB8qUQRghVVCW7raUOPEvH45W7IidRoA/DEAmmk0pL+n6f4AAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.unavailable,
.tile .tile-status  > .badge.unavailable {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKASURBVHjalJK9axxXFMV/772ZzOysVqvRDgtaSSwpJYFwY3ATEpIm5KNLawgp3Ljz/5E2bu20CYQUBoMNNnaRMkUKqYiQtIgdCQ0TaVc7M29n3nspzC7GMYYcuMWFe7jnHI4YjUY453DOYYyh0+l8opT63vO8L8MwbAshqKqq0lo/c849rqrquXMOIcSbGY1GWGsxxny0urr6MI7jH5RSAFhrAZBSLvc8z3+dTqf3lFL/SCnxAIwxwdra2tP19fXPAC4vL8myjKIoAIiiiF6vR7/fJ0mS75RSH19dXX0hpbwWx8fHrKys/JwkyV1rLYeHh5yenuKc420lzjm2trbY3d3F8zzyPH8ynU6/ERcXF3fiOP7D930ODg44OjoiDMOl7AWstZRlyXA4ZH9/H2MM4/H4K+l53n3f98myjJOTE4Ig+A95kUMURZydnXF+fo5SiiiKHkjf9z9f+AaWst+HRfKL2yiKbssgCNrOOWaz2Xs/vwulFLPZjLquCcPwDcM5x//B2/dyPp9XC3/WWoQQHyQbY2i32/i+T1VVTtZ1/QogSZJlGz/02VpLkiQAlGX5l2ya5mHTNPT7fba3tynLctnAd8llWTIYDNjY2MBaS1EUP0qt9YvJZPI7wM7ODsPhEK01WmuapqFpGrTWVFXFYDBgb28PIQTX19ev67r+TYzHY7TW3W63+zKO41sAaZqSZRk3NzcAtNtter0em5ubAEwmk7/zPP9USjkWaZoyn89xziWdTudRt9v9etGFuq4B8H1/aSXP89dFUdx1zp065xBpmlLXNUIIjDG0Wq1vPc+7H4bhnVarhRCCsiwpiuJPY8xPRVH8EgQBxhistfw7ABpxTL93U9x/AAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .badge.away,
.tile .tile-status  > .badge.away {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAJ2SURBVHjajJI7iFVnFIW//d9zz52ZO2fG14gzJBgbp5JYKPh+NqKxsxWMRZoBCxu1sAuBKFaClj5KDUQhRXybCIqICjqNYjFDhtExN45e7/uc8y+L/yJGp3A1+2fDWv/ea23zlQvIp0gpRgfrWbZRNrhP0cAOopEyGGSvWmQz15zq59SeuC5LsAis0MJ85SLKG8jXY3pXnKb8/X6iBAB8KLhuzZtQf/gbrWc/WTGetSgnAg9qlCiv/pNk1RYAqz3A6jeg/SyoxMtReRNKNsLAhj24gWW0726H+B3+9Rmyd3fPp5KyXMpf/SqNL5KelEIdH5Ke9Ejj8+SnjyrLWkolZbX7f/jZk5h/e3WN7197j0I/NnMMN3MYoiXgBv6/g+rQmUJDR/Ajv4BP0eylnU5u/pgK/Vj9Ee6/411y8gm5a4b1Qfwt9uYUrnoTXBGLvzvoFCXbDLDaVcjfd38WX0JBRCnUroRW/M1qRzRSxgPt55+NPRc8FJJgbtaB4rBz+phRxtcj//hylr5s4YDScvDVT0KfCw7yGpRGIYohfS2H3v4NoL6tYL3BbWwOsoHawY3y1tDJpp46p8pp5U2UrEcLD0BnCtT4bBIXyJ0J/Pwf0eAu8ELtiROO5uQtazy9LMAvPoKGDoU00n/CSr4K2RTkFfyCMRj+OWg2Ht9RNv27+X/PId8cVN+62/SvWAngqtehdq17yjmURlHfZjRvdxi98fyFr/21GWfT5ivnkQehRfSOnqV35S4KpW4w7ZB/1NNNMYf6wzukk3ulbBI1iIJkBBZX1Bn/gby621wyRrx0DcXhQGzPYOnEY/nmKbVeXLTicNcn+DAArZ4503S5ZjkAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.busy,
.tile .tile-status  > .badge.busy {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKNSURBVHjajJI9a1RBGIWfGeLdmPXuKkR0Q0RTmFsFUxgQNcaPRonpbAW1sAlY2IhFfoCIVSDaaVImFhYWmkTxAwJBVgttNqTYQFAjAWPi7t3svXeOxeC3hQdeZpiZ887DmTFuchIlCUoSTLOJ6erqV7F4QYXCaTo68hgDHz82WFmZsbXauKrVWYUhBjCNBsZNTaF6HdVqAT09tzlw4BJhyD8Vx1Au36dSuWyC4LPJMlpwDur1HH19jzh48DiAefUK8+QJVCrgHHR3o2PHUH8/HD16jkKhi7m5UwTBF9zdu6RzcxOJpFRSduOG1N4u5XJ+3LlTam2Vtm+XGxlR2mgokZTOzz90o6PgpqcPpRsbP83GSKWSFEXS/v2+okjq7JRA7vp1pZLSZlPJ5OQZqx07hrVtG+b1a+zNm7B7N4ShR/8u56CtDfbswYyNYZ8+hS1bMPv2XbUKw5MGMNPTsLEBhQJIfwco+SZJAo8f+7XOzj5LR0cegIUFb/715j/lnKerVKDZhFLJWlnrN9OU/1aW/Zha8+FDA4Dublhfh+8N/yVr4etXiCIIAvj0SZa1tRcAOnECtm6FWg2M+dtsDGxu8uMsYJaX31q7unpbcYyOHEFXrsDyMtTrv5NY683VKu7iRTQ4CBKqVm/h7twhnZ9/kEhK41ju2jWpWJTa2qRdu3zl81I+r2x4WNnamv8H5fKLZHQU48bHURwXdfjwM3p6egHs7CzMzPi0swyiCA0MoKEhj76wsOiePx/AmPfGTUwgQFI7UXSP3t5BcjmPvrnp37+19Wf65fJLlpbOK02XqNdpAaClBYJgVe/enWV9fciE4TB79x6iVPLGlRVMtfpGcTymxcUpUyr5nIBvAwDWIWcndiwtQAAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.newMessage,
.tile .tile-status  > .badge.newMessage {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhP1ZE9DgIhFIQhobDYg1haWniMbSw9j0exsfMAeg9L7Sy2kPATnCFI2LgYtjJOMjx4vPkoED+X5OK934cQ+thpFOYvSqmdMMascVDOuQMcGn1GptNaL4W1dgBkMwOSw8jeBJszIKMwexFAN0A+wnQG0Lh4wv0EJIb5AO4fRX8MoDFAlZAyPJSztOSSfiYLAYeyxTcdURcIrqSUJ7iLA4UmAdQbgnqvhakqgEoQXQtTXwEtIuCa9n8pIV67VJf6AmhGmgAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.paused,
.tile .tile-status  > .badge.paused {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAArSURBVDhPY/j9+7fDnz9//mPBCQxQgE8NE1QN2WDUgFEDQGDUgIE3gIEBAArtNKc4HT7sAAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .badge.playing,
.tile .tile-status  > .badge.playing {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEXSURBVDhPY4CBnz9/pvz+/dsFyiUaMEFpBiYmJhkgtf3v37/t////Z4GIEgZwA0CAkZGRBai5AmjIYSCtABXGC1AMQAIWf/78OQ/EEVA+ToDLAJBrBIDUcqBrZgNdwwMRxQQ4DYABoOYUoCGngYFsABVCAQQNgAINYCAf//XrVwGUDwfEGgDyEgfQkH5guGwGukoEKky8AUhA5sePH6DwAQOSDAC6YgIzM7MpJyfnHagQcQYAnfwGiD2BmguBhvyBCoMBMQbsYWFh0WVlZd0B5aMAnAYAbfzz79+/SqBmV6CtL6DCGACXAQ+ABliysbF1QPk4AYYBQI0rgH7VBWo+AxXCC+AGADV+AVKJQL9GAp0MYhMBGBgA8v5j1f90TA8AAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.error,
.tile .tile-status  > .badge.error {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFiSURBVDhPjVM7TsNQELRjy8ISBQeIREtBEYnQUXCINFTkCCBxgNwAJI5AaejSpaCAEqRINBTcIQ1SbD9/mHmfZP3iSIw0ytt9O7O7thMGHpqmGVZVNQnD8AwcMde27RL8rOt6nqbpjy7sA4RTpdQKv20fcbcuy/IOZrGVbIHLpz7RHr52TJCYukuMeU+6WDBjdxej4UyLubMbm0KdBDyTzHWEyY01UEVRnA4Q8IEdaZVAFEW3yD/g+IzzFc6VuTFAHAPXO7vLKQi5q+suuOD+X15yx4ToEXON1QB3B6ZkC3Qd+q8Kaxzbo0TMCTLPefPAfPS8nTeOtnk1YEfMsf11pIm+y/P8BLusmaCZrevsLE1QO3F51FzopJyCQil2pAnFoLLxI7X6z8SxkVjgeMn4H/jGQz3Ht/BrY2MC85nrsI/sjNpDKzMTSODzHPELQ9EY1H9ndFqCHxC/JEnyrgs1guAPTvwreuY0IiIAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.attention,
.tile .tile-status  > .badge.attention {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEbSURBVDhPtZI9bsJAEIVZ7ANQ5gApEomChjoNBUUOkSJFivSUQE3JEThCCo4BkotcIVKKNEi2vP7hveVZrMFgKPJJo915szOzf51/Jc/zhbV2Jfc+kiR5QrLNsqzEMJJ8O0hcM1kWlWUZKtQOOo69ZGdpmn4ofB12QsI3k1BoRtP8F7Gell0GnT6rrpJ4HOfzUiU1ww7o9HepAGI2juNHyeegw7Ja3FRA9iW5jv9slSl0WqD2rEYjF7Hy68E7gCPNORpjpk44sg2CYAg969JTxVoywYIXmlyfAS77jRPDZ8PZN5j3KfiEYeh2yG07wQN5P4g/d9H9Hf5ZMkHM/QO5NbCzh6IoJgbVI/iNBdrALnY8An9X+w9rpLPbA/sADga+JgSiAAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .name,
.tile .tile-status  > .name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 5px;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  color: #ffffff;
}
.tile .brand  > .name:hover,
.tile .tile-status  > .name:hover {
  color: #ffffff;
}
.tile .brand  > .name  > [class*=icon-],
.tile .tile-status  > .name  > [class*=icon-] {
  font-size: 24px;
}
.tile .brand  > .icon,
.tile .tile-status  > .icon {
  margin: 5px 15px;
  width: 32px;
  height: 32px;
  border:none;
}
.tile .brand  > .icon  > [class*=icon-],
.tile .tile-status  > .icon  > [class*=icon-] {
  font-size: 32px;
}
.tile .brand  > .icon  > img,
.tile .tile-status  > .icon  > img {
  width: 100%;
  height: 100%;
}
.tile .brand  > img ~ .text,
.tile .tile-status  > img ~ .text {
  position: absolute;
  left: 60px;
  width: auto;
}
.tile .brand  > .text,
.tile .tile-status  > .text {
  position: relative;
  left: 8px;
  top: 5px;
  right: 50px;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 14px;
  width: 60%;
}
.tile .brand  > .text:hover,
.tile .tile-status  > .text:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .brand  > .text:active,
.tile .tile-status  > .text:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .brand  > .text:hover,
.tile .tile-status  > .text:hover {
  color: #ffffff;
}
.tile .opacity:hover {
 /* outline: 0px #3a3a3a solid;*/
  opacity: 0.8;
}
#linksContainer{
    border: 0px solid red;
    width: 100%;
    height: 45px;
    background-color: #fff;
}
#links{
    border: 0px solid red;
    margin: auto;
    width: 100%;
    height: 45px;
    text-align: center;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
    
}
.shortcuts {
  margin-bottom: 10px;
}
.shortcut {
  width: 115px;
  height: 38px;
  display: inline-block;
  margin: 3px 1px 5px 0;
  vertical-align: top;
  text-decoration: none;
  background: #fff;
  text-align: center;
  cursor: pointer;
  border: none;
  position: relative;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
  
}
.shortcut:hover {
  
  border-bottom: 2px #00a8ee solid;
  
}
.shortcut:active {
  background: #F3F3F3;
  top: 1px;
  left: 1px;
}
.shortcut  > .icon {
  margin-bottom: .25em;
  font-size: 32px;
  color: #888;
  float: left;
}
.shortcut  > .icon > img {
  border:none;
}
.shortcut  > .label {
  display: block;
  font-weight: 40;
  color: black;
  background: #fff;
  
}
.shortcut  > .badge {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #2d89ef;
  padding: 5px;
  margin: 0 !important;
  text-align: center;
  display: block;
  font-size: 9pt;
  color: #fff;
}
a.shortcut {
  padding: 30px 0;
  height: 10px;
}
a.shortcut .label {
  font-size: 9pt;
}
.icon-user:before {
  content: "\e03b";
}
.icon-user-2:before {
  content: "\e03c";
}
.icon-user-3:before {
  content: "\e03d";
}

/*+++++++++++++++++++++++++++++++++++++++++++COMPLEJOS++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++COMPLEJOS++++++++++++++++++++++++++++++++++++++++*/
.fase{
    height: 571px;
    width: 30%;
    border: 1px solid black;
    display: inline;
    
}
.center{
    clear: both;
    margin: auto;
}

.replies {
  margin-left: 0px;
  margin-right: 0px;
  list-style: none;
  padding-left: 0px;
  padding-right: 0px;
  width: 99%;
}
.replies .left{
    float: left;
}
.replies .right{
    float: right;
}
.replies  > div,
.replies  > li,
.replies  > span {
  position: relative;
  margin: 0px 0px 0px 0px;
  display: block;
  float: none !important;
  width: 90%;
  height: 150px;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 9pt;
  letter-spacing: 0.02em;
  font-smooth: always;
  height: auto;
  min-height: 70px;
  padding: 5px;
  
}
.replies  > div .avatar,
.replies  > li .avatar,
.replies  > span .avatar {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle !important;
  background: #6e6e6e;
  box-shadow-bottom: inset 0px 0px 3px #fff;
}
.replies  > div .avatar img,
.replies  > li .avatar img,
.replies  > span .avatar img {
  width: 100%;
  height: 100%;
  display: inline-block !important;
  vertical-align: middle !important;
}
.replies  > div .reply,
.replies  > li .reply,
.replies  > span .reply {
  margin-left: 0px;
  margin-top: 0px;
}
.replies  > div .reply .date,
.replies  > li .reply .date,
.replies  > span .reply .date {
  float: right;
  font-size: 55%;
  color: #ffffff;
}
.replies  > div .reply .author,
.replies  > li .reply .author,
.replies  > span .reply .author {
  color: #ffffff;
  font-size: 9pt;
  padding: 0px 0px 0px 0px;
  text-decoration: underline;
}
.replies  > div .reply .text,
.replies  > li .reply .text,
.replies  > span .reply .text {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 8pt;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 16px;
}
.replies  > div .reply .text:hover,
.replies  > li .reply .text:hover,
.replies  > span .reply .text:hover {
  color: rgba(0, 0, 0, 0.8);
}
.replies  > div .reply .text:active,
.replies  > li .reply .text:active,
.replies  > span .reply .text:active {
  color: rgba(0, 0, 0, 0.4);
}
.replies  > div .reply .text:hover,
.replies  > li .reply .text:hover,
.replies  > span .reply .text:hover {
  color: #ffffff;
}
.replies  > div .sticker,
.replies  > li .sticker,
.replies  > span .sticker {
  width: 0;
  height: 0;
  border-top: 10px solid #ffffff;
  position: absolute;
  display: block;
  
}
.replies  > div .sticker.sticker-color-blue,
.replies  > li .sticker.sticker-color-blue,
.replies  > span .sticker.sticker-color-blue {
  border-color: #2d89ef !important;
}
.replies  > div .sticker.sticker-color-blueLight,
.replies  > li .sticker.sticker-color-blueLight,
.replies  > span .sticker.sticker-color-blueLight {
  border-color: #eff4ff !important;
}
.replies  > div .sticker.sticker-color-blueDark,
.replies  > li .sticker.sticker-color-blueDark,
.replies  > span .sticker.sticker-color-blueDark {
  border-color: #2b5797 !important;
}
.replies  > div .sticker.sticker-color-green,
.replies  > li .sticker.sticker-color-green,
.replies  > span .sticker.sticker-color-green {
  border-color: #00a300 !important;
}
.replies  > div .sticker.sticker-color-greenLight,
.replies  > li .sticker.sticker-color-greenLight,
.replies  > span .sticker.sticker-color-greenLight {
  border-color: #99b433 !important;
}
.replies  > div .sticker.sticker-color-greenDark,
.replies  > li .sticker.sticker-color-greenDark,
.replies  > span .sticker.sticker-color-greenDark {
  border-color: #1e7145 !important;
}
.replies  > div .sticker.sticker-color-red,
.replies  > li .sticker.sticker-color-red,
.replies  > span .sticker.sticker-color-red {
  border-color: #b91d47 !important;
}
.replies  > div .sticker.sticker-color-yellow,
.replies  > li .sticker.sticker-color-yellow,
.replies  > span .sticker.sticker-color-yellow {
  border-color: #ffc40d !important;
}
.replies  > div .sticker.sticker-color-orange,
.replies  > li .sticker.sticker-color-orange,
.replies  > span .sticker.sticker-color-orange {
  border-color: #e3a21a !important;
}
.replies  > div .sticker.sticker-color-orangeDark,
.replies  > li .sticker.sticker-color-orangeDark,
.replies  > span .sticker.sticker-color-orangeDark {
  border-color: #da532c !important;
}
.replies  > div .sticker.sticker-color-pink,
.replies  > li .sticker.sticker-color-pink,
.replies  > span .sticker.sticker-color-pink {
  border-color: #9f00a7 !important;
}
.replies  > div .sticker.sticker-color-pinkDark,
.replies  > li .sticker.sticker-color-pinkDark,
.replies  > span .sticker.sticker-color-pinkDark {
  border-color: #7e3878 !important;
}
.replies  > div .sticker.sticker-color-purple,
.replies  > li .sticker.sticker-color-purple,
.replies  > span .sticker.sticker-color-purple {
  border-color: #603cba !important;
}
.replies  > div .sticker.sticker-color-darken,
.replies  > li .sticker.sticker-color-darken,
.replies  > span .sticker.sticker-color-darken {
  border-color: #1d1d1d !important;
}
.replies  > div .sticker.sticker-color-white,
.replies  > li .sticker.sticker-color-white,
.replies  > span .sticker.sticker-color-white {
  border-color: #ffffff !important;
}
.replies  > div .sticker.sticker-color-lighten,
.replies  > li .sticker.sticker-color-lighten,
.replies  > span .sticker.sticker-color-lighten {
  border-color: #d5e7ec !important;
}
.replies  > div .sticker.sticker-color-grayDark,
.replies  > li .sticker.sticker-color-grayDark,
.replies  > span .sticker.sticker-color-grayDark {
  border-color: #525252 !important;
}
.replies  > div .sticker.sticker-left,
.replies  > li .sticker.sticker-left,
.replies  > span .sticker.sticker-left {
  border-left: 20px solid transparent !important;
  left: -20px;
}
.replies  > div .sticker.sticker-right,
.replies  > li .sticker.sticker-right,
.replies  > span .sticker.sticker-right {
  border-right: 20px solid transparent !important;
  right: -20px;
}

.replies  > div .sticker.sticker-down-right,
.replies  > li .sticker.sticker-down-right,
.replies  > span .sticker.sticker-down-right {
  border-left: 20px solid transparent !important;
  right: 20px;
  top: 100%;
}

.replies  > div .sticker.sticker-down-left,
.replies  > li .sticker.sticker-down-left,
.replies  > span .sticker.sticker-down-left {
  border-right: 20px solid transparent !important;
  left: 20px;
  top: 100%;
}

.replies  > div .sticker.sticker-top-left,
.replies  > li .sticker.sticker-top-left,
.replies  > span .sticker.sticker-top-left {
  border-right:20px solid transparent !important;
  right: -20px;
  
  
}

.dropdown-menu {
  position: absolute;
  background-color: #fff;
  margin-left: 0px;
  list-style: none;
  top: 100%;
  z-index: 110;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  min-width: 100px;
  width: 130%;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  display: none;
}
.dropdown-menu.place-right {
  right: 0;
  left: auto;
}
.dropdown-menu a {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  font-smooth: always;
  color: #000000;
  display: block;
  width: 68%;
  padding: 3px 3px;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
  
  
  }
.dropdown-menu a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.dropdown-menu a:active {
  color: rgba(0, 0, 0, 0.4);
}
.dropdown-menu a:hover {
  background-color: #2d89ef !important;
  color: #ffffff !important;
  
}
.dropdown-menu li {
  display: list-item;
  line-height: 20px;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu.open {
  display: block !important;
}
.nav-bar {
  background-color: #0973c2;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  top: 0;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  z-index:1;
  margin: 0px 0px 0px 0px;
  *zoom: 1;
  
}
.nav-bar .nav-bar-inner {
  margin: 0px 0px 0px 0px;
  *zoom: 1;
  
}
.nav-bar .nav-bar-inner .element,
.nav-bar .nav-bar-inner a .element {
  position: relative;
  margin: 0px;
  line-height: 20px;
  height: 20px;
  float: right;
  display: inline-block;
  padding: 0;
  font-weight: normal;
  font-size: 20%;
  color: #fff;
}
.nav-bar .nav-bar-inner .element.brand,
.nav-bar .nav-bar-inner a .element.brand {
  font-size: 1.15em;
}
.nav-bar .nav-bar-inner .element img,
.nav-bar .nav-bar-inner a .element img {
  height: 100%;
}
.nav-bar .nav-bar-inner .element a,
.nav-bar .nav-bar-inner a .element a {
  line-height: 20px;
  height: 20px;
  font-size: 10pt;
}
.nav-bar .nav-bar-inner .element [class^="icon-"]:before,
.nav-bar .nav-bar-inner a .element [class^="icon-"]:before,
.nav-bar .nav-bar-inner .element [class*=" icon-"]:before,
.nav-bar .nav-bar-inner a .element [class*=" icon-"]:before {
  display: inline-block;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  margin: 0 5px;
}
.nav-bar .nav-bar-inner  > ul.menu {
  margin-left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  
}
.nav-bar .nav-bar-inner  > ul.menu  > li {
  display: block;
  float: left;
  margin-right: 0px;
  position: relative;
  padding: 5px;
  
}
.nav-bar .nav-bar-inner  > ul.menu  > li a {
  display: block;
  float: left;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  
}
.nav-bar .nav-bar-inner  > ul.menu  > li ul.dropdown-menu {
  border: 0;
  z-index: 1000;
}
.nav-bar .nav-bar-inner  > ul.menu  > li ul.dropdown-menu li a {
  display: block;
  float: none;
  color: #1e1e1e;
  padding: 3px 3px;
  z-index: 120;
  width: 90%;
  text-decoration: none;
}
.nav-bar .nav-bar-inner  > ul.menu.open {
  display: block !important;
  z-index: 1000;
}
.nav-bar .nav-bar-inner  > .divider,
.nav-bar .nav-bar-inner  > ul.menu > li.divider {
  position: relative;
  margin: 5px;
  line-height: 20px;
  height: 20px;
  float: left;
  display: inline-block;
  padding: 0;
  font-weight: normal;
  font-size: 10pt;
  color: #fff;
  width: 1px;
  border-right: 1px #e6e6e6 solid;
}
.nav-bar .nav-bar-inner  > .divider.brand,
.nav-bar .nav-bar-inner  > ul.menu > li.divider.brand {
  font-size: 1.15em;
}
.nav-bar .nav-bar-inner  > .divider img,
.nav-bar .nav-bar-inner  > ul.menu > li.divider img {
  height: 100%;
}
.nav-bar .nav-bar-inner  > .divider a,
.nav-bar .nav-bar-inner  > ul.menu > li.divider a {
  line-height: 20px;
  height: 20px;
  font-size: 10pt;
}
.nav-bar .nav-bar-inner  > .divider [class^="icon-"]:before,
.nav-bar .nav-bar-inner  > ul.menu > li.divider [class^="icon-"]:before,
.nav-bar .nav-bar-inner  > .divider [class*=" icon-"]:before,
.nav-bar .nav-bar-inner  > ul.menu > li.divider [class*=" icon-"]:before {
  display: inline-block;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  margin: 0 5px;
}
.nav-bar .nav-bar-inner [data-role=dropdown] {
  margin-right: 20px !important;
}
.nav-bar .nav-bar-inner [data-role=dropdown]  > a {
  cursor: pointer;
}
.nav-bar .nav-bar-inner [data-role=dropdown]  > a:before {
  position: absolute;
  content: "\203A";
  display: block;
  font-size: 1.4em;
  left: 100%;
  margin-left: 3px;
  top: 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nav-bar .nav-bar-inner .pull-menu {
  display: none;
  float: right;
  color: #fff;
  cursor: pointer;
  font: 1.8em sans-serif;
  margin-right: 0px;
  position: relative;
  height: 20px;
  width: 20px;
  line-height: 20px;
  z-index: 110;
}
.nav-bar .nav-bar-inner .pull-menu:before {
  content: "\2261";
  position: absolute;
  font-size: 20pt;
  top: 5px;
  left: 0;
}
.nav-bar .nav-bar-inner:before,
.nav-bar .nav-bar-inner:after {
  display: table;
  content: "";
}
.nav-bar .nav-bar-inner:after {
  clear: both;
}
.nav-bar.bg-color-blue .nav-bar-inner .menu li a:hover {
  background-color: #2d89ef !important;
}
.nav-bar.bg-color-blueLight .nav-bar-inner .menu li a:hover {
  background-color: #eff4ff !important;
}
.nav-bar.bg-color-blueDark .nav-bar-inner .menu li a:hover {
  background-color: #2b5797 !important;
}
.nav-bar.bg-color-green .nav-bar-inner .menu li a:hover {
  background-color: #00a300 !important;
}
.nav-bar.bg-color-greenLight .nav-bar-inner .menu li a:hover {
  background-color: #99b433 !important;
}
.nav-bar.bg-color-greenDark .nav-bar-inner .menu li a:hover {
  background-color: #1e7145 !important;
}
.nav-bar.bg-color-red .nav-bar-inner .menu li a:hover {
  background-color: #b91d47 !important;
}
.nav-bar.bg-color-yellow .nav-bar-inner .menu li a:hover {
  background-color: #ffc40d !important;
}
.nav-bar.bg-color-orange .nav-bar-inner .menu li a:hover {
  background-color: #e3a21a !important;
}
.nav-bar.bg-color-orangeDark .nav-bar-inner .menu li a:hover {
  background-color: #da532c !important;
}
.nav-bar.bg-color-pink .nav-bar-inner .menu li a:hover {
  background-color: #9f00a7 !important;
}
.nav-bar.bg-color-pinkDark .nav-bar-inner .menu li a:hover {
  background-color: #7e3878 !important;
}
.nav-bar.bg-color-purple .nav-bar-inner .menu li a:hover {
  background-color: #603cba !important;
}
.nav-bar.bg-color-darken .nav-bar-inner .menu li a:hover {
  background-color: #1d1d1d !important;
}
.nav-bar.bg-color-lighten .nav-bar-inner .menu li a:hover {
  background-color: #d5e7ec !important;
}
.nav-bar.bg-color-white .nav-bar-inner .menu li:hover {
  background-color: #e6e6e6 !important;
}
.nav-bar.bg-color-white .nav-bar-inner .menu li a:hover {
  background-color: #e6e6e6 !important;
}
.nav-bar.bg-color-white .nav-bar-inner .menu li a {
  color: #1d1d1d !important;
}
.nav-bar.bg-color-white .nav-bar-inner .element {
  color: #1d1d1d !important;
}
.nav-bar.bg-color-white .nav-bar-inner .pull-menu {
  color: #1d1d1d !important;
}
.nav-bar.bg-color-grayDark .nav-bar-inner .menu li a:hover {
  background-color: #525252 !important;
}
.nav-bar:before,
.nav-bar:after {
  display: table;
  content: "";
}
.nav-bar:after {
  clear: both;
}
.nav-bar.fixed-top,
.nav-bar.fixed-bottom {
  position: fixed;
  z-index: 100;
  left: 0;
}
.nav-bar.fixed-top {
  top: 0;
  bottom: auto;
}
.nav-bar.fixed-bottom {
  bottom: 0;
  top: auto;
}
.nav-bar .nav-bar-inner.container {
  width: 940px;
  margin: auto;
}
.side-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.side-nav ul .title {
  color: #4f4f4f;
  font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif;
  font-size: 12pt;
  margin: 0 0 5px 0;
  border-bottom: 1px #ccc solid;
}
.side-nav ul  > li > a {
  display: block;
  padding: 3px 10px 3px 0;
  position: relative;
  color: #014E85;
  padding-left: 3px;
  font-size: 10pt;
}
.side-nav ul.close  > li {
  display: none;
}
.side-nav ul.close  > li[class^=title] {
  display: list-item;
}