• {

     box-sizing: border-box;
   }
  

body {

   background: #f5f5f5;
   font-weight: lighter;

}

a {

   text-decoration: none;
   font-weight: lighter;
   color: #0083ae;

}

h1 {

   font-size: 160%;
   font-weight:900;
   border:none;

}

h2 {

   font-size: 140%;
   border:none;

}

h3 {

   font-size: 120%;
   font-weight:normal;
   border:none;
   color:#0083ae;

}

h4 {

   font-size: 100%;
   color: black;
   font-weight: bold;
   border:none;

}

p {

   line-height: 1.625rem;

}

pre {

    background-color: #fbfbfd; 
    border: 1px dashed #7e7ecb; 
    color: black; 
    font-size: 100%; 
    line-height: 1.625rem; 
    padding: 1em; 

}

.video {

    margin-left:auto;
    margin-right:auto;

}

1. wiki-page {

      /*background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);*/
      padding: 0px;
   

   }

2. wiki-main {

          display:flex;
   

   }

3. wiki-header {

      background: #0083ae url(../images/wiki-bg.png) no-repeat right top;
      background-size: 22%;
   

   }

4. wiki-navigation {

      width:20%;
      position: inherit;
      top: 5px;
      left: 5px;
      font-size: 14px;
      padding: 5px 5px 5px 0;
      vertical-align: top;
      display: table-cell;
   

   }

5. wiki-content {

      position: inherit;
      margin-left: 0px;
      font-size: 15px;
      vertical-align: top;
      font-weight: lighter;
      width: 80%;
      background:#f5f5f5;
   

   }

.portlet {

   background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
   background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
   background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
   background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
   background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);

   border: 1px solid #D8D8E7;
   font-size: 100%;
   margin: 16px 0 8px;
   overflow: hidden;
   padding: 0 8px 8px;
       

}

/* Logo */

1. logo {

      border: 0;
      margin: 8px 0 0 0;
      float: left;
   

   }

a.logo img {

   height: 100px;

}

/* user menu */

1. user-menu {

      float: right; 
      margin-right: 2em; 
      padding: 0; 
      text-align: center;
   

   }

2. user-menu li {

      display: inline; 
      list-style-type: none; 
      list-style-image: none; 
      padding: 0 0.8em; 
      font-size: 90%;
   

   }

/* Search box */

1. nav-search {

      text-align: center;
   

   }

2. nav-search form {

      padding: 0;
      margin: 0;
      display: flex;
   

   }

3. nav-search br {

      padding-top: 4px;
   

   }

4. nav-search input {

      margin-top: 8px;
      background-color: white;
      border: 1px solid #D8D8E7;
   

   }

5. nav-search input[type="text"] {

      width: 50%;
      height: 25px;
   

   }

div#nav-search.portlet {

   background: transparent;
   border: none;
   padding: 50px 0px 50px 10%;

}

/*******Default*******************/

1. nav-menu {

      margin-top: 2px;
      padding: 0px;
      display:block;
      border-radius:5px;
      border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
      border: none;
      /*color: #e5e5e5;*/
      /*
      background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      */
      background: #f5f5f5;
   

   }

2. nav-menu a:hover {

      background: #CCCC;
      display:block;
      border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
      /*color: #EAC730;*/
   

   }

3. nav-menu a {

      text-decoration: none;
      color: black;
      font-weight: 500;
   

}

1. nav-menu a.edit {

      /*color: #aa1111;*/
      border-color: #aa1111;
   

   }

2. nav-menu hr {

      border: none;
      color: #D8D8E7;
      height: 1px;
      margin: 0px;
   

   }

3. nav-menu ul {

      list-style-type: none;
      list-style-image: none;
      overflow: hidden;
      padding: 0px;
      margin-left: 10px;
      display:block;
      line-height: 25px;
   

   }

4. nav-menu li {

      margin:0px;
   

   }

5. nav-menu li a {

      display:block;
   

   }

/*********sicflex-menu********/

1. sicflex-menu {

      padding:0px;
      margin:0px;
   

   }

2. sicflex-menu p {

      color: #000;
      font-size:110%;
   

   }

.style-select sicflex-menu {

   background-color:black;

}

1. sicflex-menu ul li ul {

      margin: 0;
   

   }

2. sicflex-menu li a {

      display: block;
      margin: 0px;
      text-decoration: none;
      list-style-type: none;
      overflow: hidden;
      padding: 0px;
   

   }

3. sicflex-menu li li {

      padding:0;
      text-decoration: none;
      color: #e5e5e5;
      border-top: 1px solid #C8C9CA;
      line-height: 25px;
   

   }

/*******contents*****************/

1. contents {

      background: f5f5f5;
      padding: 14px;
      padding-top:5px;
      padding-bottom: 0px;
      border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
      line-height: 1.625rem;
      border: none;
   

      /* background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%); */
   

   }

2. contents-header {

      font-size: 0.75rem;
          text-align:right;
      margin-bottom: 0.1em;
          padding:0px;
   

   }

3. contentSub {

      color: #7d7d7d;
      margin: 0 0 1em 1em;
   

   }

4. siteNotice {

      position: relative;
      text-align: right;
      font-size: 90%;
      padding: 0 0.9em;
   

   }

5. content-article {

      padding: 0px 0 10px 0;
   

   }

/*******Menu Horizontal*********/

1. tab_menu li {

      /*border-bottom: 1px solid #eee; 
      border-radius:5px 5px 0px 0px;*/
      margin:0px;
      margin-right:0px;
      border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
      /*
      background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);*/
      background-color: #0083ae;
      border:none;
   

   }

2. tab_menu li:hover {

      background: #636466;
   

   }

ul.tab-menu li.active {

   margin-bottom: -1px !important; 
   border-bottom: 1px solid #fff; 
   font-weight: bold; 
   border: none;

}

ul.tab-menu li.active a:hover {

   border-bottom: none; 

}

ul#tab_menu {

   padding: 0; 
   margin: 0; 
   margin-left: 0px; 
   background-color: #0083ae;
   /*width: 100%;*/
   color: white;

}

ul#tab_menu li {

   padding: 0 0.5em; 
   margin: 4px; 
   margin-right: 0px; 
   font-size: 85%; 
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 8px;
   padding-bottom: 8px;

}

ul#tab_menu li.active {

   font-size: 90%; 
   background-color: #636466;

}

ul#tab_menu li a {

   color: white;

}

ul#tab_menu li a.edit {

   color: #aa1111;

}

/********TOC*********/

1. toc {

      width:18em;
   

   }

/* WIKI FOOTER */

1. wiki-footer {

      /*color:white;*/
      font-size: 0.9375rem;
      font-weight: lighter;
      margin: 0px;
      padding:0px;
   

   }

2. start-bottom {

      padding-left: 10px;
   

   }

3. start-bottom a {

      color:#0083ae;
   

   }

/* Style for Template */

1. Box {

       color:black;
       padding:4px 8px;
       margin:5px 5px 5px 5px;
       border: 1px solid #0083ae;
       background-color: #b2d9e6;
       font-size:100%;
       font-weight:normal;
       color: black;
   

   }

2. ruta {

      color:#0083ae;
      font-weight: lighter;
      padding:0px;
      margin:0px;
      font-size:0.85rem;
   

   }

3. boxIn {

      font-weight: lighter;
      padding:0px;
      margin:0px;
      background-color: #dcdcdc;
   

   }

4. showInfo {

      color:#595;
      padding:4px 8px;
      margin:10px 25px 25px 25px;
      border:1px solid #0083ae;
      background-color:#EBEDEF"
   

   }

5. showImage {

      width:100%;
      max-height:250px;
      overflow: hidden;
   

   }

/* End Style for Template */

1. video {

      text-align:center;
   

   }

2. header-printeable {

      background: #0083ae;
      color: white;
      text-align: center;
   

   }

3. ButtonBlue {

      color: white;
      padding:4px 8px;
      margin:5px 5px 5px 5px;
      background-color: #0000FF;
      width: fit-content;
      font-weight: 500;
      text-align: center;
   

   }

4. ButtonRed {

      color: white;
      padding:4px 8px;
      margin:5px 5px 5px 5px;
      background-color: #FF0000;
      width: fit-content;
      font-weight: 500;
      text-align: center;
   

   }

@media screen and (min-width: 601px) {

}

@media screen and (max-width: 600px) {

   #wiki-content {
       font-size: 80%;
       width: 100%;
   }
   #wiki-navigation {
       width:0%;
       font-size: 80%;
       visibility: hidden;
   }
   #wiki-header {
       background: #0083ae;
       background-size: 22%;
   }
   #nav-search input[type="text"] {
       width: 70%;
       height: 25px;
   }

}

Copyright Solución integrada Comercial Flexible, SRL