@charset"UTF-8";
body {
   font-family: 'Roboto Condensed', sans-serif;
    background-color:beige;
    background-image:url(imagenes/fondomarina.png);
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    color: #000;
    background-size: 40%;
    margin:auto;
}
a:link {   
 text-decoration:none;   
}   
#pagina {
    
    width: 100%;
   margin-left: 10%;
    margin-top:2%;
        }


#pagina header ul{
    display: inline;
  
}
#pagina header ul li {
    list-style: none;
    text-decoration: none;
    display: inline-block;
    padding:1%;
 
}

#logos{
    width: 100%;
    height: 10%;
 
}

#dgpc{
  float:right;
    margin-right: 70%;
    
    
 
}
#jt25{
    
    float: left;
    margin-left: 10%;
}
#menu{
    clear: both;
    text-align: center;
    background-color:azure;
    width: 98%;
    margin-left: 1%;
   
   
 
}
.li{ 
  
      list-style: none;
    list-style-type: none;
}
.ul{
        display: inline;
      list-style: none;
    list-style-type: none;
    list-style-image: none;
    
 }


#menu nav ul {
    list-style-type: none;
  
    
    
    
}
#menu nav ul li a:hover{
   
    color:#EE82EE;
    list-style: none;
    list-style-type: none;
    }
#menu  ul li a {
    text-decoration: none;
    color: #000000;
    padding: 2%;
    list-style: none;
    text-decoration-line: none;
    display: inline-b;
    
}




#columnaizq {
    width: 20%;
  background-color: aliceblue;
    float: left;
    height: 50%;
    font-size: small;
    padding: 6px;
    text-align: center;
    margin-left: 5%;
    text-align: justify;
    margin-left: 12%;
    margin-top: 3%
    
}

#columnaizq p {
    margin-top: 25%;
    margin-left: 10%;
    font-size: 80%
    
} 

#columnader {
    width: 58%;

    float: right;
    height: 60%;
    list-style-image: none;
    list-style: none;
    
}


h4 {
    text-align:left;
    color: #000;
    font-size: 150%;
    background-color: beige;
    width: 15%;
    height: 5%;
    margin-left: 10%;
}


    
footer  {
    clear: both;
    text-align: center;
    background-color: #EE82EE;
    list-style: none;
    list-style-image: none;
    
    
}
    #footer ul{
     list-style-image: none;
        list-style: none;
        
        
    }


footer p{
    font-size: 80%;
  padding-top: 1%;
    
    
}