body {
    background-color: #000;
    font-family: serif;
    color: white;
    font-size: 12px;
}
a:hover {
    text-decoration: underline;
    color: white;
    background: blue;
}
a:active {
    
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}
a {
    color: gray;
}
.cyan1 {
	color: #16a7aa;
}
.cyan2 {
	color: #59fbfe;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
/*
.listabbs table {
  background: #012B39;
  border-radius: 0.25em;
  border-collapse: collapse;
  margin: 1em;
}
*/
.listabbs th {
  border-bottom: 1px solid #364043;
  color: #E2B842;
  font-size: 0.85em;
  font-weight: 600;
  padding: 0.5em 1em;
  text-align: left;
}

.direcciones th {
  border-bottom: 1px solid #364043;
  color: #E2B842;
  font-size: 0.85em;
  font-weight: 600;
  padding: 0.5em 1em;
  text-align: center;
}

.listabbs td {
  color: #fff;
  font-weight: 400;
  padding: 0.65em 1em;
}

.direcciones td {
  color: #fff;
  font-weight: 400;
  padding: 0.65em 1em;
  text-align: center;
}
.disabled td {
  color: #4F5F64;
}
.listabbs tbody tr {
  transition: background 0.25s ease;
}
.listabbs tbody tr:hover {
  background: #014055;
}

.nowrap {
    white-space: nowrap;
}

h1 {
    margin-top: 10px;
    padding-left: 15px;
}
ul{
    padding-left: 10px;
}
.centrado {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}   

.address {
    color: #22fd03;
}

.address a {
    color: #22fd03;

}

.address a:active {
}

.address a:link {
    text-decoration: none;
}

.address a:visited {
    text-decoration: none;
}
.address a:hover {
    background-color: yellow;
    color: black;
}

.term {
    color: #22fd03;
}

.term a {
    color: #22fd03;

}

.term a:active {
}

.term a:link {
    text-decoration: none;
}

.term a:visited {
    text-decoration: none;
}
.term a:hover {
    background-color: yellow;
    color: black;
}

#bbslist {
  font-size: 14px;
  background: #012B39;
  border-radius: 0.25em;
  border-collapse: collapse;
  margin: 1em;

}

#list-download {
  font-size: 14px;
  background: #012B39;
  border-radius: 0.25em;
  border-collapse: collapse;
  margin: 1em;

}

/* glow */
.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
box-shadow: 5px 5px #3C3D3D;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #111
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

#buscador-google {
    color: #000;
    width: 400px;
    margin: auto;
}

#buscador-google .gsc-control-cse {
    background-color: #000;
    border: 0px ;
}
.boton-link {
    border:3px solid blue;
    color:white;
    box-shadow: 2px 2px 5px #888888;
    border-radius: 10px;
    padding:5px 30px; 
}

#botonera {
    text-align: center;
}

#direcciones {
    text-align: center;
    align-items: center;
    margin: 1rem;
    padding: 1rem;

}

#welcome {
    font-size: 18px;
}


/* searh box*/

@import url(https://fonts.googleapis.com/css?family=Cabin:400);

.webdesigntuts-workshop {
    background: #151515;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
}

.webdesigntuts-workshop:before,
.webdesigntuts-workshop:after {
    content: '';
    display: block; 
    height: 1px;
    left: 50%;
    margin: 0 0 0 -400px;
    position: absolute;
    width: 800px;
}

.webdesigntuts-workshop:before {
    background: #444;
    background: linear-gradient(left, #151515, #444, #151515);
    top: 192px;
}

.webdesigntuts-workshop:after {
    background: #000;
    background: linear-gradient(left, #151515, #000, #151515);  
    top: 191px;
}

.webdesigntuts-workshop form {
    background: #111;
    background: linear-gradient(#1b1b1b, #111);
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #272727;
    display: inline-block;
    font-size: 0px;
    margin: 150px auto 0;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.webdesigntuts-workshop input {
    background: #222;   
    background: linear-gradient(#333, #222);    
    border: 1px solid #444;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 2px 0 #000;
    color: #888;
    display: block;
    float: left;
    font-family: 'Cabin', helvetica, arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    margin: 0;
    padding: 0 10px;
    text-shadow: 0 -1px 0 #000;
    width: 200px;
}

.ie .webdesigntuts-workshop input {
    line-height: 40px;
}

.webdesigntuts-workshop input::-webkit-input-placeholder {
   color: #888;
}

.webdesigntuts-workshop input:-moz-placeholder {
   color: #888;
}

.webdesigntuts-workshop input:focus {
    animation: glow-search 800ms ease-out infinite alternate;
    background: #222922;
    background: linear-gradient(#333933, #222922);
    border-color: #393;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
    color: #efe;
    outline: none;
}

.webdesigntuts-workshop input:focus::-webkit-input-placeholder { 
    color: #efe;
}

.webdesigntuts-workshop input:focus:-moz-placeholder {
    color: #efe;
}

.webdesigntuts-workshop button {
    background: #222;
    background: linear-gradient(#333, #222);
    box-sizing: border-box;
    border: 1px solid #444;
    border-left-color: #000;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 2px 0 #000;
    color: #fff;
    display: block;
    float: left;
    font-family: 'Cabin', helvetica, arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: 0 -1px 0 #000;
    width: 80px;
}   

.webdesigntuts-workshop button:hover,
.webdesigntuts-workshop button:focus {
    background: #292929;
    background: linear-gradient(#393939, #292929);
    color: #5f5;
    outline: none;
}

.webdesigntuts-workshop button:active {
    background: #292929;
    background: linear-gradient(#393939, #292929);
    box-shadow: 0 1px 0 #000, inset 1px 0 1px #222;
    top: 1px;
}

@keyframes glow-search {
    0% {
        border-color: #393;
        box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
    }   
    100% {
        border-color: #6f6;
        box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
    }
}
#logozudaka {
   padding-left: 20px;
   width: 720px;
   height: 550px;
}