body {
    margin: 0px 0px;
}
ul li {
    
	border-color:#fff;
	border-width: 0.1em;
	width: 50%;
	/*width: calc(100% / 6);*/
	border-radius: 5px;
	border-style: solid; 
}

ul {
  list-style:none;
  margin: 0;
  padding:0;
}

ul a {
  display:block;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  /*font-size:15px;*/
  padding:5px;
  font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*text-transform:uppercase;
  letter-spacing:1px;*/
  text-align: center;
  font-style: italic;
}

ul li {
  position:relative;
  float:left;
  margin: 1% 0% 1% 25%;
  padding:0;
  background-color:#4f524c;
  opacity: 0.8;
}

ul li:hover {
  background:#c1c6cb;
}

ul ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  padding:0;
}

ul ul li {
  float:none;
  width:150px;
  background-color:#4f524c;
  opacity: 0.8;
}

ul ul a {
  line-height:120%;
  padding:10px 15px;
}

ul li:hover > ul {
  display:block;
}
#menu ul li {
    
	border-color:#fff;
	margin: 0% 2% !important;
	width: 12.2%;
	/*width: calc(100% / 6);*/
	border-radius: 5px;
	background:none !important;
	opacity: 1 !important;
	border-width: 0.1em;
	border-style: solid;
}

#menu ul {
  list-style:none;
  margin:0;
  padding:0;
  z-index:1;
}

#menu ul a {
  display:block;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  /*font-size:15px;*/
  padding:5px;
  font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*text-transform:uppercase;
  letter-spacing:1px;*/
  text-align: center;
  font-style: italic;
}


#menu ul li {
  position:relative;
  float:left;
  margin:0;
  padding:0;
}

#menu ul li:hover {
  background:#c1c6cb !important;
  color:#000;
}

#menu ul li a:hover {
  color:#000;
}

#menu ul ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  padding:0;
}

#menu ul ul li {
  float:none;
  width:150px;
  background-color:#4f524c !important;
  opacity: 0.8 !important;
  border:none !important;
}

#menu ul ul a {
  line-height:120%;
  padding:10px 15px;
}

#menu ul li:hover > ul {
  display:block;
}
body{
	color:#000 !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1vw !important;
	}
a{
	color:#000;
	text-decoration:none;
	}
a:hover{
	color:#000;
	}

@media only screen and (min-width: 0px) and (max-width: 320px) {
	#menu ul li {
    width: 10.5%;
	}
	
		div#contenido{
	margin-top:8% !important;
	}
	div#cuerpo{
		height:1460px !important;
		
	}
	input, select{
		width:60px !important;
		}
		li.textop a{
		font-size:2px !important;
		}
		#menu ul a {
    font-size: 2px !important;
}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
	#menu ul li {
    width: 11%;
	}
	
		div#contenido{
	margin-top:8% !important;
	}
	div#cuerpo{
		height:1000px !important;
		
	}
	#menu ul a {
    font-size: 4px !important;
}
li.textop a{
		font-size: 4px !important;
		}
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
	#menu ul li {
    width: 11.5%;
	}
	li.textop a{
		font-size:5px !important;
		}
		div#contenido{
	margin-top:8% !important;
	}
	div#cuerpo{
		height:850px !important;
		
	}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
	#menu ul li {
    width: 11.8%;
	}
	li.textop a{
		font-size:6px !important;
		}
		div#contenido{
	margin-top:7% !important;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#menu ul li {
    width: 12%;
	}
	li.textop a{
		font-size:8px !important;
		}
		div#contenido{
	margin-top:7% !important;
	}
	div#cuerpo{
		height:720px !important;
		
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	#menu ul li {
    width: 12.1%;
	}
	li.textop a{
		font-size:12px !important;
		}
div#cuerpo{
		height:720px !important;
		
	}
	div#contenido{
	margin-top:4% !important;
	}

		
}
span.texto{
	opacity:1 !important;
	z-index: 1 !important;
	}
	
div#contenido{
	margin-top:3%;
	}
	
div#cuerpo{
	background-image:url(../imagenes/Fondo.jpg); 
	background-repeat:repeat !important;
	background-size: 100%; 
	width: 100%; 
	margin:0 auto;
	height:720px;
	}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}