th{
  
  width: 30%;
    background-color: rgb(112, 101, 88);
    text-align: center;
}
td{
    background-color: rgb(161, 149, 134);

}
td p{
    margin: 10px;
}
.section p{
	color: #7a3c02;
	margin: 10px;
	text-align: center;
}
.section table p{
    color: white;
}

.contenido{
	
	display: flex;
	justify-content: left;
	align-content: center;
    margin-left: 5vw;
	margin-bottom: 50px;
}

.contenido > .contenido1{
	margin-top: 120px;
}
.contenido1{
	display:block;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}
.opciones1{
	display: flex;
	background-color: #005609;
	background-image: url(content/blue.png);
	border: solid rgb(39, 71, 97) 2px;
	width: 55vw;
	height: auto;
	margin-bottom: 15px;
}

.opciones1 a{
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 20px;
	width: 20px;
}


.seccion{
	margin-top: 0px;
	width: 55vw;

}

.bas1{
	
	position: none;
	margin-top: 130px;
	width: 20vw;
	padding-left: 20px;
}
.titulo{
    color: white;
    border-style: solid;
    border-color:#005609;
    background-image: url(content/title-background-greennnnn.gif);
    padding-left: 9px;
}

.section{
    justify-content: center;
    border-style: groove;
    border-color:#2c342d;
    padding: 8px;
    background-image: url(content/scroll.gif);
}
 table .p{
    color: white;
}
@media(max-width:1169px){
    .contenido1{
        display: flex;
        margin: 0 auto;

        margin-left: none;
        margin-right:none;
    }
    .opciones1{
        width: 90%;
        margin-bottom: 8px;
    }
    .contenido > .contenido1{

        margin-top: 30px;
    }

    .contenido{
        display:block;
        justify-content: center;
        align-content: center;
        margin-top:30px;
    }

	.header{
        position: fixed;
		background-color: #005609;
		background-image: url(logo/green01.png);
		width: 100%;
		height: 98px;
		border-bottom:3px solid #004e08;
	}

    .menuicono{
        width: 70px;
    }

    .seccion{
        width: 90%;
    }

    .contenido, .seccion{
        justify-content: center;
        align-content: center;
    }
    
    .contenido, .bas1{
        margin: 0 auto;
        justify-content: center;
        align-content: center;
        margin-left:none;
        margin-right: none;
    }

    .bas1{
        width: 300px;
    }
}
@media(max-width:490px){
    .bas1{
        width: 90%;
    }
}