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

body{
	background-image: url('../image/tierra3.jpg');
    background-size: 100vw 100vh;
    background-attachment: fixed;
    margin: 0;
}

h4{
    font-weight: bold;
}

.wrap{
	width: 800px;
	max-width: 90%;
	margin: 30px auto;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
}

fo{
    background-color: #3cb0fd;
}

.btn__form {
	display: flex;
	justify-content: space-around;
	margin-top: 1rem;
}

.input{
	background-color: #EFEFEF;
	padding: .5rem;
	margin: .5rem 0;
	border: none;
	border-bottom: solid #C8C8C8 .2rem;
	transition: all .5s;
}

.tbox{
	background-color: #EFEFEF;
	padding: .5rem;
	margin: .5rem 0;
	border: none;
	border-bottom: solid #68FF33 .2rem;
	transition: all .5s;
    width:300px;
}

.tg  {border-collapse:collapse;border-spacing:0;border-color:#9ABAD9;width:100%;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#9ABAD9;color:#444;background-color:#EBF5FF;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#9ABAD9;color:#fff;background-color:#409cff;}
.tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:middle}
.tg .tg-tki1{font-size:20px;border-color:inherit;text-align:center;vertical-align:middle}
.tg .tg-fmjv{background-color:#D2E4FC;font-size:16px;text-align:center;vertical-align:middle}
.tg .tg-uzvj{font-weight:bold;border-color:inherit;text-align:center;vertical-align:middle}
.tg .tg-7k3a{background-color:#D2E4FC;font-weight:bold;text-align:center;vertical-align:middle}
.tg .tg-aejj{background-color:#D2E4FC;font-weight:bold;border-color:inherit;text-align:center;vertical-align:middle}


.tbox:focus {
	border-bottom: solid #9DE0AD .2rem;
}

.butn {
  background: #80ad2b;
  background-image: -webkit-linear-gradient(top, #80ad2b, #377da8);
  background-image: -moz-linear-gradient(top, #80ad2b, #377da8);
  background-image: -ms-linear-gradient(top, #80ad2b, #377da8);
  background-image: -o-linear-gradient(top, #80ad2b, #377da8);
  background-image: linear-gradient(to bottom, #80ad2b, #377da8);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.butn:hover {
  background: #9DE0AD;
  background-image: -webkit-linear-gradient(top, #9DE0AD, #3498db);
  background-image: -moz-linear-gradient(top, #9DE0AD, #3498db);
  background-image: -ms-linear-gradient(top, #9DE0AD, #3498db);
  background-image: -o-linear-gradient(top, #9DE0AD, #3498db);
  background-image: linear-gradient(to bottom, #9DE0AD, #3498db);
  text-decoration: none;
}

.pic{
    width: 100%;
    display: flex;
    height: 120px;
}

ul.tabs{
	width: 100%;
	background: #3cb0fd;
	list-style: none;
	display: flex;
}

ul.tabs li{
	width: 18%;
}

ul.tabs li a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-align: center;

	display: block;
	padding: 20px 0px;
}

tr:nth-child(even) {background-color: #f2f2f2;}

.active{
	background: #D5F0EF;
}

ul.tabs li a .tab-text{
	margin-left: 8px;
    color: black;
}

#capa-imagen{
	width:100%;
}
#capa-imagen img{
	border:none;
	padding:0;
	margin:0;
	width:100%;
	height:auto;
}


.secciones{
	width: 100%;
	background: #fff;
}

.secciones article{
	padding: 30px;
}

.secciones article p{
	text-align: justify;
}

@media screen and (max-width: 700px){
	ul.tabs li{
		width: none;
		flex-basis: 0;
		flex-grow: 1;
	}
}

@media screen and (max-width: 450px){
	ul.tabs li a{
		padding: 15px 0px;
	}

	ul.tabs li a .tab-text{
		display: none;
	}

	.secciones article{
		padding: 20px;
	}
}