*{
    margin: 0;
    padding: 0;
    font-family: "fira_codelight";
}

div{
    display: block;
}

/* Encabezado */
body {
    background-color: black;
    color: #0f0;
}

#bg {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left,  #000000 0%, #000000 32%, #006b00 64%, #006b00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #000000 0%,#000000 32%,#006b00 64%,#006b00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #000000 0%,#000000 32%,#006b00 64%,#006b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#006b00',GradientType=1 ); /* IE6-9 */
}

#head {
    /*background-color: white;*/
    color: #00FF00;
    border-width: 0px;
    border-color: black;
    display: flex;
/*     border: 0; */
    /*! text-align: center; */
    /*! display: block; */
}

a {
	text-decoration: none;
}

#head h1 a:active, #head h1 a:focus, #head h1 a:visited, #head h1 a:link {
    background-color: white;
    text-decoration: none;
    color: black
}
#head h1 a:hover {
    text-decoration: none;
    color: green;
}
#logo {
    /*! float: left; */
    width: 20%;
    /* height: 120px; */
    background-color: black;
    /*display: inline-block;*/
}

#logo a {
    text-decoration: none;
}

#logo-img {
    /*! float: left; */
    width: 100%;
    /* height: 85px; */
    color: white;
    /* font-size: 80px; */
    /* font-family: "berlin_sans_fbregular"; */
    /*
    background: url("img/JM-1.png") no-repeat;
    background-size:75px;
    */
    text-align: center;
}

#logo-img {
    font-size: 40px;
    text-transform: uppercase;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 112px;
    font-weight: bold;
}

#logo-text {
    /*! float: left; */
    text-align: center;
    color: white;
    width: 100%;
    /* height: 55px; */
    font-size: 12px;
    /* font-family: "Arial"; */
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}


#logo-text {
    height: 30px;
}

#top-menu{
    width: 80%;
    /*display: inline-block;*/
    text-align: center;
    position: relative;
}

#top-menu ul {
	margin: 0;
}

.list-menu, .page_item{
    width: 100%;
    position: relative;
    list-style-type: none;
    /*! float: left; */
    font-size: 25px;
    padding: 5px 20px;
    box-sizing: border-box;
}
#lm1{
    color: white;
}
.list-menu a, .page_item a{
    text-decoration: none;
}
#list-menu1{
    text-align: left;
    background-color: black;
    color: white;
    background-image: url('/wp-content/themes/josuemurga/img/bg-1.jpg');
}
#list-menu2{
    text-align: center;
    background-color: skyblue;
    color: white;
}
#list-menu3{
    text-align: left;
    background-color: blue;
    color: white;
    /* position: relative; */
}
#list-menu3 ul {
	display: inline-block;
	text-align: left;
}
#list-menu3 span{
    text-align: right;
    background-color: blue;
    color: white;
    position: absolute;
    right: 20px;
}
 #list-menu3 li{
    /* float: left; */
    list-style-type: none;
    display: inline-block;
}
#list-menu3 img{
    width: 20px;
    padding: 0px;
    padding-right: 7px;
}

a :active, a:hover, a:focus {
    color: appworkspace;
    text-decoration: none;
}

article{
    color: #00FF00;
    position: relative;
    display: block;
    clear: both;
    padding: 20px 10px;
    font-size: 15px;
}
.list1{
    list-style: none;
}
.f-bh { font-family: 'Bobotoh', Arial, sans-serif; font-size: 3.5em;}
.f-qs { font-family: 'Quicksand', Arial, sans-serif; }
a:link {
    color:black;
}
a:visited {
    color:blue;
}
#fb {
    width: 20%;
    float: left;
    margin-left: 4px;
}
#vid {
    width: 50%;
    float: right;
    margin-right: 4px;
}
#wrapper {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    
    /*background: #000000;*/ /* Old browsers */
    /*background: -moz-linear-gradient(left,  #000000 0%, #006b00 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left,  #000000 0%,#006b00 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right,  #000000 0%,#006b00 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#006b00',GradientType=1 );*/ /* IE6-9 */
    
}
#ft{
    background-color: black;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 15px;
}
#ft{
    width: 100%;
    max-width: 1000px;
    text-align: center;
    margin: auto;
    background-color: black;
    /* font-family: "Arial"; */
}
/*Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/*Mobile Layout: 320px.*/

@media only screen and (max-width: 767px) {
    #logo {display: block; width: 100%}
    #top-menu {display: block; width: 100%}
    /*#list-menu3 img{padding-right: 19px;}*/
    #head {display: block;}
}

/*Wide Mobile Layout: 480px.*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #logo {display: block; width: 100%}
    #top-menu {display: block; width: 100%}
    /*#list-menu3 img{padding-right: 19px;}*/
    #head {display: block;}
}

.page {
	margin: 0;
}

footer.entry-footer .comments-link {
    display: block; 
}

header.entry-header a:link {
	color: #00FF00;
}

header.entry-header a:visited {
	color: #00FF00;
}

footer.entry-footer a:link {
	color: white;
}

footer.entry-footer a:visited {
	color: white;
}