@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?8w9ntz');
  src:  url('fonts/icomoon.eot?8w9ntz#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?8w9ntz') format('truetype'),
    url('fonts/icomoon.woff?8w9ntz') format('woff'),
    url('fonts/icomoon.svg?8w9ntz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu3:before {
  content: "\e9bf";
}

.contenedor {
  display: flex;
  justify-content: center;
    }
   
.copyright1 {
	font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  display: block;
	font-size: 12px;
	color: white;
  text-align:right;
  text-decoration: none;
  }

.copyright2 {
	font-family: Arial, Helvetica, sans-serif;
  padding: 1px;
  display: block;
	font-size: 12px;
  color: white;
  text-align:left;
  text-decoration: none;
  }

.copyright2:link {
	font-family: Arial, Helvetica, sans-serif;
  padding: 1px;
  display: block;
	font-size: 12px;
  color: white;
  text-align:left;
  text-decoration: none;
  }

.copyright2:visited {
	font-family: Arial, Helvetica, sans-serif;
  padding: 1px;
  display: block;
	font-size: 12px;
  color: white;
  text-align:left;
  text-decoration: none;
	}

.copyright2:active {
	font-family: Arial, Helvetica, sans-serif;
  padding: 1px;
  display: block;
	font-size: 12px;
  color: white;
  text-align:left;
  text-decoration: none;
}

.copyright2:hover {
	font-family: Arial, Helvetica, sans-serif;
  padding: 1px;
  display: block;
	font-size: 12px;
  color: white;
  text-align:left;
	text-decoration: underline;
	}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, Helvetica, sans-serif;
  
}

header {
width: 100%;
padding: 14px;
text-align: center;

} 

nav ul {
	list-style: none;
	background: #FF0000;
  text-align: center;
}
  
nav ul li {
  display: inline-block;
  padding: 10px;
  transition: all ease-in-out 250ms;
}
    
ul li a {
  color: white;
  text-decoration: none;
  font-size: 14px;
}
  nav ul li:hover {
    background: #f17d64;
}

.hide {
  font-size:20px;
  padding:7px;
  background-color: #FF0000;
  color: white;
  cursor: pointer;
  display: none;
}

@media only screen and (max-width: 768px) {
  ul li {
    width: 100%;
    padding: 8px;
    text-align: left;
  }
   .hide {
    display:block;
  }
  nav ul {
  display: none;
  }
 }

.compuesta_deporte img {
    width: 100%;
    height: auto;

}

.compuesta_deporte2 img {
    width: 100%;
    height: auto;

}

.compuesta_diamante img {
    width: 200;
    height: auto;

}

.tabla_baja {
  color: #FF0000;
  background: #FF0000;
}

.tabla_general {
	width:600px;
  text-align: left;
    }

.texto_general {
	font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  display: block;
  font-size: 16px;
	color: black;
  text-align:left;
  text-decoration: none;
  }

.texto_general2 {
	font-family: Arial, Helvetica, sans-serif;
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
	color: black;
  text-align:left;
  text-decoration: none;
  }

.texto_general_rojo {
	font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: 16px;
	color: red;
  text-align:left;
  text-decoration: none;
  }

.texto_destacado {
	font-family: Arial, Helvetica, sans-serif;
  padding: 20px;
  display: block;
	font-size: 24px;
	color: black;
  text-align:center;
  }

.texto_destacado2 {
	font-family: Arial, Helvetica, sans-serif;
  padding: 20px;
  display: block;
	font-size: 16px;
	color: black;
  text-align:center;
  }

.texto_lista {
	font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  display: block;
  font-size: 16px;
	color: black;
  text-align:left;
  text-decoration: none;
  }

.legal {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  color: #686868;
  
  }

 <!--- Codigo para la política de cookies-->
     
    <style type="text/css">
     
    /* CSS para la animación y localización de los DIV de cookies */
     
    @keyframes desaparecer
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @-webkit-keyframes desaparecer /* Safari and Chrome */
    {
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
    }
     
    @keyframes aparecer
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }
     
    @-webkit-keyframes aparecer /* Safari and Chrome */
    {
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
    }
    #cookiesms1:target {
        display: none;
    }
    .cookiesms{	
    	width:100%;
    	height:43px;
    	margin:0 auto;
    	padding-left:1%;
            padding-top:5px;
            font-size:15px;
    	clear:both;
            font-weight: strong;
    color: #333;
    bottom:-50px;
    position:fixed;
    left: 0px;
    background-color: #FFF;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
    }
     
    .cookiesms:hover{
    bottom:0px;
    }
    .cookies2{
    background-color: #FFF;
    display:inline;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:absolute; 
    left:1%; 
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    }
     
    /* Fin del CSS para cookies */
     
    </style>