@import url(https://fonts.googleapis.com/css?family=Cuprum);
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 01-09-2014, 10:53:02 AM
    Author     : LDELABAR
    Site: www.wyzer.cl
*/

* {
    box-sizing: border-box;
}

body {
    background-color: white;
    background-image: url('/images/Wz-icon-cyan.png');
    font-family: Verdana, Tahoma, sans-serif;
    margin: 0px;
}

a {
    color: inherit;
    text-decoration: inherit;
}

a.normallink {
    color: blue;
    text-decoration: underline;
}

pre {
    margin: 0px;
    overflow: auto;
}

abbr {
  border-bottom: navy dotted 1px;    
}

h1, h2, h3 {
   font-family: 'Cuprum', sans-serif; 
}

dt {  font-size: 1.1em; font-weight: bold; color: navy; margin-top: 6px; margin-botom: 3px; }

#banner {
  background-image: url('/images/CablesFondo02.gif') ;
  background-position: 100% 50% ;
  background-repeat:  no-repeat;
  background-size: cover;
}

#menutitle {
    font-size: 20px;
    font-weight: bold;
}

#menu1 {
    display: inline-block;
/*    background-color: black; */
    color: #000;
    text-align: left;
    padding: 8px 0px;
/*    min-width: 120px;
    max-width: 180px;*/
    width: 310px;
    margin-right: 5px;
    margin-left: 3px;
    overflow: hidden;
    vertical-align: top;
    /*float: left;*/
}

#menu1:after {
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
}

#menu1 ul {	
    list-style: none;	
    overflow: hidden;
    list-style-position: inside;
    padding: 3px;
    width: auto;
    margin: 0px auto;
}

#menu1 a {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    color: inherit;
}

#menu1 li {
    list-style-position: inside;
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    border-bottom: #008 solid 1px;
}

#menu1 li:first-child {
    border-top: 1px solid #008;
}

#menu1 li:hover, #menu li.current {
    color: white;
    box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    border-color: #226 !important;
    background: #008; /* Old browsers */
    background: -moz-linear-gradient(top, #008 0%, #226 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008), color-stop(100%,#226)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #008 0%,#226 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #008 0%,#226 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #008 0%,#226 100%); /* IE10+ */
    background: linear-gradient(#008 0%,#226 100%); /* W3C */
}

.bold {
    font-weight: bold;
}

.mmtitle {
    font-weight: bold;
    font-size: 14px;
}

.menumini {
    display: block;
    color: #000;
    text-align: left;
    padding: 8px 0px;
    min-width: 120px;
    max-width: 200px;
    margin-right: 0px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: text-top;
}

.menumini:after {
    clear: both;
    content: ".";
    display: block;
    height: 1px;
    visibility: hidden;
}

.menumini ul {	
    list-style: none;	
    overflow: hidden;
    list-style-position: inside;
    padding: 3px;
    width: auto;
    margin: 0px auto;
}

.menumini a {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    color: inherit;
}

.menumini li {
    list-style-position: inside;
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    margin: 0px;
}

.menumini li:hover {
    color: #C00;
}

#piepagina {
    width: 100%;
    height: min-content;
    background-color: #ccc;
}

.listaesp {
  list-style-position: outside;
  margin: 3px 30px;
}

.listaesp li:hover {
    color: red;
}

.articulotitulo {
    font-weight: bold;
    font-style: italic;
    color: #008;
    margin-bottom: 2px;
}

h1.articulotitulo {
    font-size: 28px;
    counter-reset: titlevel1;
}

h2.articulotitulo, #data1 h2 {
    font-size: 24px;
    margin-bottom: 6px;
    counter-reset: titlevel2;
    font-weight: bold;
    font-style: italic;
    color: #008;
    margin-bottom: 2px;
}

h2.articulotitulo:before, #data1 h2:before {
    font-family: Verdana, Tahoma, sans-serif;
    content: counter(titlevel1);
    counter-increment: titlevel1;
    background-color: navy;
    color: white;
    border-radius: 50%;
    font-size: 16px;
    padding: 4px 8px;
    margin-right: 12px;
}

h3.articulotitulo, #data1 h3 {
    font-size: 18px;
    margin-bottom: 6px;
    margin-left: 24px;
    font-weight: bold;
    font-style: italic;
    color: #008;
    margin-bottom: 2px;
}

h3.articulotitulo:before, #data1 h3:before {
    font-family: Verdana, Tahoma, sans-serif;
    content: counter(titlevel1) "." counter(titlevel2);
    counter-increment: titlevel2;
    background-color: navy;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    padding: 6px 10px;
    margin-right: 10px;
}

table.navy {
    border-collapse: collapse;
    border: navy solid 2px;
}

table.navy th {
    background-color: navy;
    color: whitesmoke;
    font-weight: bold;
    font-size: 1.1em;
    border: whitesmoke solid 1px;
    padding: 6px 8px;
}

table.navy td {
    border: navy solid 1px;
    vertical-align: middle;
    padding: 4px 8px;
}

.articuloresumen {
    font-style: italic;
    font-size: 14px;
    color: #333;
}

footer {
    clear: both;
    max-width: 1200px;
    margin: 3px auto;
    padding: 2px 6px;
}

.center {
  margin: 0px auto;
  display: block;
  text-align: center;
}


#data1 {
/*    max-width: 1000px;*/
/*    min-width: 320px;*/
/*    margin: 0px 12px 0px 4px;*/
    padding: 6px;
    background-color: white;
}

#data1 p {
    text-align: justify;
}

#data1 p:first-letter {
    margin-left: 2em;
}

#zder {
    width: 320px;
    display: block;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-size: 14px;
    border: navy solid 1px;
}

.gsc-search-button
{
    background-color: #1a4195;
    border-radius: 5px;

}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #1a4195 !important;
    background-image: url("http://www.google.com/uds/css/v2/search_box_icon.png") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 16px !important;
    border-color: #1a4195 !important;
    filter: none;
}

.infobox {
  display: block;
  overflow: hidden;
  vertical-align: top;
}

.infotitle {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #00A;
    width: 70px;
    vertical-align: top;
}

.infotitlelarge {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #00A;
    width: 300px;
    margin: 4px auto;
    text-align: center;
    border-bottom: navy solid 2px;
}

.infoitem {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    max-width: 225px;
}

#infodiasrc {
    display: block;
    margin: 2px auto;
    width: 150px;
    box-sizing: border-box;
    color: navy;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
    padding: 6px;
}

#infodiasrc img {
    width: 100%;
}


#infodia:after {
    display: block;
    visibility: hidden;
    content: ".";
    height: 1px;
    clear: both;
}

#pctanio {
    height: 2em;
    width: 200px;
}

.terminal {
    display: block;
    background-color: black;
    margin: 3px auto;
    border-radius: 6px;
    padding: 3px;
    color: whitesmoke;
    font-family: monospace;
}

.comando, .comandoroot {
    color: limegreen;
    display: block;
    margin: 2px;
}

.comando:before {
    content: "% ";
}

.comandoroot:before {
    content: "# ";
}

.archivo {
    border: #008 solid 1px;
    background-color: #f5f2f0;
    clear: both;
}

.archivo::before {
    content: attr(title) " ";
    position: relative;
    top: -12px;
    left: 12px;
    background-color: #bbb;
    border: #008 solid 1px;
    padding: 4px;
    clear: both;
    margin-bottom: 0px;
    font-size: 16px;
}

ul.ventajas {
   list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAARUlEQVQYV5XPURIAEAgE0O3m3ZyaCYlRfNabtRGKj0qO0XIoSMPe0BAYtKAOZTCrOLQn+kVA59cD6ManXzvGCtYlv/oXdgoaEQkmdThOAAAAAElFTkSuQmCC');
}


ul.desventajas {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAO0lEQVQYV2NkIBIwEqmOAazwAAPDfxDtwADhwwCyOFwCXTE6H6sJMBORbcBwIy5nkG4iUW4kydeEwhMAB/EWCx+o3MMAAAAASUVORK5CYII=')
}

ul.ventajas li, ul.desventajas li {
    margin-bottom: 6px;
    text-align: justify;
    padding-right: 18px;
}

.txtbox {
  border: 3px solid navy;
  border-radius: 6px;
  padding: 10px;
  margin: 6px 24px;
  color: navy;
  font-style: italic;
}


cite {
  color: navy;    
}

cite::before {
    content: open-quote;
}

cite::after {
    content: close-quote;
}

::selection {
    color: white;
    background-color: red;
}

.caution {
    border-color: red;
}

.warning {
    border-color: yellow;
}

.note {
    border-color: navy;
}

.note:before {
    display: block;
    text-align: center;
    content: attr(title);
    font-weight: bold;
    font-style: italic;
    color: navy;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid navy;
}

.warning, .caution, .note {
    display: block;
    border-style: solid;
    border-width: 2px 2px 2px 12px;
    border-radius: 12px;
    font-style: italic;
    margin: 6px auto;
    padding: 18px;
    box-shadow: 10px 10px 5px #888888;
}

.showlink::after {
    content: attr(href) " ";
    color: initial;
    text-decoration: initial;
}

.imgarticulowrap {
    display: block;
    margin: 3px auto;
    text-align: center;
}

.newspaper {
    margin: 15px 6px;
    
   -webkit-column-width: 240px;
   -moz-column-width: 240px;
   column-width: 240px;

   -webkit-column-rule: 2px solid navy;
   -moz-column-rule: 2px solid navy;
   column-rule: 2px solid navy;
   
   -webkit-column-gap: 2em;
   -moz-column-gap: 2em;
   column-gap: 2em;
}

[data-descripcion]:after {
    display: block;
    color: navy;
    margin: 2px auto;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    content: attr(data-descripcion);
}

.conversa {
    color: #004;
    font-style: italic;
    margin: 3px 12px;
}

.conversa:before {
    display: inline;
    content: "- " attr(data-nombre) ": ";
    font-style: normal;
    font-weight: bold;
}

.txtverde {
    color: #040;
}

.txtazul {
    color: #004;
}

div.ultimosarticulos {
    width: 100%;
    padding: 2px;
}

h1.ultimosarticulos {
    color: navy;
    text-align: left;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: underline;
}

.la-item {
    margin: 4px 10px 16px 16px;
    padding-left: 36px;
    position: relative;
    /*display: inline-block;*/
}

.la-titulo {
    font-family: 'Cuprum', sans-serif; 
    font-size: 24px;
    font-weight: bold;
    color: navy;
    display: block;
    padding: 2px;
}

.la-resumen {
    color: black;
    font-size: 14px;
    font-style: italic;
}

.la-item:hover .la-titulo {
    color: orange;
}

.seccion-App {
    background-image: url("/images/icons/kblackbox-3.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

.seccion-Centos {
    background-image: url("/images/icons/distributions-centos_linux.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;

}

.seccion-Database {
    background-image: url("/images/icons/server-database.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;

}

.seccion-HTML {
    background-image: url("/images/icons/text-html.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;

}

.seccion-HTTP {
    background-image: url("/images/icons/internet-connection_tools.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;

}

.seccion-Javascript {
    background-image: url("/images/icons/application-javascript.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

.seccion-Humor {
    background-image: url("/images/icons/face-laugh-2.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

.seccion-Networking {
    background-image: url("/images/icons/network-wireless_router.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

.seccion-Otros {
    background-image: url("/images/icons/internet-news-reader.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

.seccion-Perl {
    background-image: url("/images/icons/development-perl.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

.seccion-PHP {
    background-image: url("/images/icons/development-php.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

.seccion-Hardware {
    background-image: url("/images/icons/configure-2.png") ;
    background-position-x: 0px;
    background-repeat: no-repeat;
}

#listatags {
    display: block;
    margin: 10px auto;
    text-align: left;
}

#listatags>ul {
    list-style: none;	
    overflow: hidden;
    list-style-position: inside;
    width: auto;
}


#listatags>ul:before {
    color: navy;
    content: "Etiquetas: ";
    font-size: 18px;
}

#listatags li {
    display: inline-block;
    padding: 6px 12px;
    color: white;
    background-color: navy;
    border-radius: 12px;
    font-weight: bold;
}

.listatagstotal {
    margin: 10px auto 20px 10px;
    border: navy solid 2px;
    width: 95%;
    max-width: 360px;
}

.taglist-nombre {
    display: inline-block;
    width: 70%;
    max-width: 260px;
    text-align: left;
    font-weight: bold;
}

.taglist-cantidad {
    display: inline-block;
    width: 80px;
    text-align: right;
}

.taglist-item {
    padding: 4px 5px;
}

.taglist-item:hover {
    color: white;
    background-color: navy;
}

.taglist-titulo {
    font-weight: bold;
    font-size: 18px !important;
    border-bottom: navy solid 2px;
}

table.simpletable {
    border-collapse: collapse;
    margin: 6px auto;
}

table.simpletable th, table.simpletable td {
    padding: 6px 12px;
    border: navy solid 2px;
}

table.cyan-stripes {
    border-collapse: collapse;
    margin: 6px auto;
    border: navy solid 2px;
}

table.cyan-stripes thead {
    background-color: navy;
    color: white;
    border-bottom: navy solid 2px;
}


table.cyan-stripes th, table.cyan-stripes td {
    padding: 8px 16px;
    text-align: left;
}

table.cyan-stripes tbody tr:nth-child(2n) {
    background-color: #aff;
}

div.creditos {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 10px auto;
    width: 90%;
    text-align: center;
}

div.creditos span {
    color: navy;
}

.contactotitle {
   display: block;
   color: #008;
   font-size: 20px;
   text-align: center;
   margin: 10px auto;
}

.formcontacto {
    
}

.formcontacto label {
    display: inline-block;
    width: 150px;
    margin: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 14px;
}

.formcontacto .botones {
    text-align: center;
    padding: 10px;
    margin-left: 120px;
}

.tnrtitle {
    font-family: "Times New Roman", "Sans" ;
    font-size: 32px;
    font-weight: bold;
}

#tblcontacto {
    border-collapse: collapse;
}

#tblcontacto td {
    border: 0px solid black;
}

#tblcontacto a {
    color: #800;
} 

#ad_alpie {
    margin: 5px auto;
}

#firmawyzer {
    width: 80%;
    margin: 40px auto;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px 0px;
    background-color: #ccc;
    font-size: 10px;
    border-radius:  25px;
}

#poweredby {
    display: block;
    right: 0px;
    width: 70%;
    text-align: right;
    float: right;
    margin: 10px 10px 10px auto;
}

#poweredby img {
    height: 70px;
    vertical-align: middle;
    margin-left: 5px;
}

#poweredby::before {
    content: "Potenciado por:";
    display: block;
    text-align: left;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}


#finalstats {
    margin: 20px auto 0px auto;
    width: 80%;
    text-align: center;
    font-size: 10px;
    font-style: italic;
}

#altlogo {
    font-family: times, serif;
    position: absolute;
    top: 12px;
    left: 46px;
    font-size: 32px;
    font-weight: bold;
    font-style: italic;
    color: #004;
    margin: 0px 3px;
    display: none;
}

.btn { 
    position: relative; 
    margin-left: 2px;
    margin-top:2%; 
    border: 2px solid #008;
    border-radius: 2px; 
    height: 48px; 
    width:48px;  
}

.material-icons.navy {
        color: navy;
    }

#share-buttons .material-icons {
        font-size: 2em;
        color: navy;
    }

/*    .material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
*/



/*#menuicon {
    margin: 0px 4px;
    font-size: 48px;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 32px;
    height: 8px;
    background: #008;
    box-shadow: 0 12px 0 0 #008,0 24px 0 0 #008;
    border-radius: 4px;
}*/

/*#menuicon a:before {
content: " ";
position: absolute;

top: 2px;
left: 2px;
width: 24px;
height: .15em;
background: #008;
box-shadow: 0 .25em 0 0 #008,0 .5em 0 0 #008;
border-radius: 4px;
}*/


@media screen and (min-width:900px) {
    /*Para PC y algunos Tablets*/

    #content {
        width: 100%;
	max-width: 1700px;
        margin: 3px auto;
        /*background-color: white;*/
        box-sizing: border-box;
        display: table;
        padding: 10px 0px;
    }
    
    #menu1 {
        display: table-cell;
        /*width: 15%;*/
        /*background-color: #bff ;*/
    }
    
    #data1 {
            width: auto;
            padding-left: 1rem;
            padding-right: 3rem;
            margin-right: 5rem;
            box-sizing: border-box;
            /*float: left;*/
            display: table-cell;
    }

    #zder {
        float: right;
        padding: 3px 9px;
        margin-left: 10px;
    }
    
    #zder:after {
        clear: both;
        display: block;
        visibility: hidden;
        content: ".";
        height: 1px;
    }

    #sociales {
        display: block;
        position: absolute;
        top: 60px;
        right: 20px;
        width: 50%;
        text-align: right;
    }
    
    
    #share-buttons img {
        width: 35px;
        padding: 2px;
        border: 0;
        box-shadow: 0;
        display: none;
    }


    .caution, .warning, .note {
        width: 80%;
        max-width: 80%;
    }
    
    .terminal {
        border-radius: 12px;
        width: 80%;
        margin: 12px auto 12px auto;
        padding: 6px;
        overflow: auto;
    }
    
    .archivo {
        display: block;
        margin: 20px auto 2px auto;
        border-radius: 12px;
        padding: 0px 0px 10px 10px;
    }

    h1.ultimosarticulos {
        max-width: 75%;
    }

    .imgarticulo {
        max-width: 90%;
        display: inline-block;
        margin: 5px auto;
        object-fit: scale-down ;
    }

    #ad_alpie {
        width: 80%;
        min-width: 800px;
        margin: 3px auto;
    }
    
    #rellenomenu {
        display: none;
    }
    
    #data table {
        width: 90%;
    }
    
    .nodesktop, .celular {
        display: none;
    }
    
    .desktop {
        display: inline-block;
    }


}


@media screen and (max-width:899px) {
    /*Para celulares y tablet Portrait*/

    body {
        width: 100%;
        margin: 0px;
        font-size: 125%;
    }
    
    #content {
        width: 100%;
        margin: 0px 10px 0px 0px;
        position: relative;
        box-sizing: border-box;
        padding: 1rem;
    }
        
    #menu1 {
        display: none;
    }

    data1 {
        width: 100%;
        margin: 0px;
        box-sizing: border-box;
        overflow: auto;
    }
    
    #banner {
        height: 75px;
    }
    
    #sociales {
        display: block;
        position: absolute;
        top: 5px;
        right: 10px;
        margin-right: 10px;
        margin-left: auto;
        width: 180px;
        height: 100px;
        text-align: right;
    }

    #share-buttons {
        width: 240px;
        text-align: right;
    }
    
    #share-buttons img {
        width: 30px;
        padding: 1px;
        border: 0;
        box-shadow: 0;
        display: none;
    }

    
    #lines {
        display: block;
    }

    #lines::before { 
        border-bottom: 20px double #008;
        border-top: 8px solid #008;    
        content:"";
        height: 6px; 
        position: absolute; 
        left:2px;  
        top: 4px; 
        width:40px; 
    }
   
    #zder {
        float: none;
        padding: 3px 9px;
        margin: 3px auto;
    }

    #data table {
        width: 99%;
    }
    
    .caution, .warning {
        width: 100%;
        margin: 4px auto;
        max-width: 400px;
    }
    
    .archivo {
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
    }
    
    .terminal  {
        width: 95%;
        /*max-width: 400px;*/
        margin: 2px auto;
        overflow: auto;
    }

    .archivo::before {
        position: relative;
        margin: 0px;
        top: 0px;
        left: 0px;
        width: auto;
        display: block;
        border: 0px;
        border-bottom: 1px solid navy;
    }
    
    .imgarticulowrap {
        width: 95%;
        max-width: 350px;
    }

    .imgarticulo {
        width: 100%;
        display: inline-block;
        max-width: 350px;
        margin: 0px auto;
    }

    pre {
        width: 100%;
        /*max-width: 400px;*/
    }
    
    #piepagina {
        height: min-content !important;
    }
    
    .menumini {
        float: none;
        display: inline-block;
    }
    
    .menumini li {
        font-size: 18px;
        margin: 3px;
    }

    #ad_alpie {
        width: 98%;
    }
´	    
    .nocelular, .desktop {
        display: none !important;
    }
    
    .celular {
        display: inline-block;
    }
    
    #milogo img {
        display: block;
        position: absolute;
        top: 8px;
        left: 32px;
        height: 50px;
    }
}


.soloprint {
    display: none;
}

#contactcard_print {
    margin: 20px auto;
    box-sizing: border-box;
}

@media print {
    .noprint {
        display: none !important;
    }
    
    #content, #contactcard_print {
        width: 90%;
    }
    
    
    body {
        background-image: none;
        background-color: white;
    }

    #ad_alpie {
        width: 80%;
    }

    .soloprint {
        display: block;
    }
    
    .terminal {
        background-color: #aaa;
        color: black;
        font-family: monospace;
    }
    
    .comando, .comandoroot {
        color: black;
        font-style: italic;
    }
    
    .caution, .warning {
        box-shadow: none !important;
    }

    #zder {
        float: right;
        margin-left: 8px;
        padding: 6px;
    }

}