#nav {    margin: 0 auto;}
ul#nav {  padding: 0;}
#nav li {  list-style: none; }
#nav li a {	display: block; padding: 20px 20px 18px 20px; text-decoration: none; font-weight: bold;
	color: #6b7755; background: #e6e7e0; margin-top: 20px; }
#nav li a:hover, #nav li a.active {  background: #dfe2cf; }
#nav li section a {	font-weight: bold;	color: #666; background: #fff; border: 1px solid #aaa; width: 260px; padding: 20px; 
	margin: 40px 100px; font-size: 20px; }
#nav li h2{	font-size: 24px; font-weight: 300;}
#nav li h2 .subtit{	font-weight: 500; font-size: 18px; margin: 0 0 0 10px;}
#nav h3{ background: #fff; padding: 3px 0 3px 10px; font-size: 1.1em;}
#nav section {	overflow: hidden; background: #fff; width: 100%;  max-height: 0; opacity: 0.8;
	transition: 1.3s ease; -webkit-transition: 1.3s ease; }
#nav section p{	padding: 0 10% 0 10%;	}
.no-js #nav section {  display: block; }
#nav li { display: block; padding: 0px; }
#nav li a { width: 100%; }
.preguntas.f-beige h3{color: #6b7755;}

@media only screen 
and (max-width : 480px){
#nav li h2{	font-size: 18px; line-height: 30px;}
#nav li h2 .subtit{	font-weight: 500; font-size: 14px; margin: 0; display: block;}
#nav section.is-open {	padding: 35px 0; max-height: 100%;}
#nav section p{	margin: 0 0 25px 0px; padding: 0 20px;}
#nav h4{ margin: 30px 0 0 0; padding: 0 0 20px 0; border-left: none; font-size: 28px; }
#nav li a{color: #3e4046;}
.body-servicios .preguntas.f-beige h3 { font-size: 30px; line-height: 50px; margin-bottom: 50px;}
}
@media only screen 
and (min-width : 481px)
and (max-width : 700px) {
#nav li h2{	font-size: 18px;}
#nav li h2 .subtit{	font-weight: 500; font-size: 15px; line-height: 22px; margin: 0; display: block;}
#nav section.is-open {	padding: 40px 0; max-height: 100%;}
#nav section p{	margin: 0 0 30px 0;	padding: 0 50px;}
#nav h4{ margin: 40px 0 0 0; padding: 0 0 20px 0; border-left: none; }
.body-servicios .preguntas.f-beige h3 { font-size: 35px; line-height: 50px; margin-bottom: 60px;}

}
@media only screen 
and (min-width : 701px)
and (max-width : 999px) {
#nav li h2 .subtit{	font-weight: normal; display: block; font-size: 17px; margin: 0 0 0 10px;}
#nav section.is-open {	padding: 70px 0; max-height: 100%;}
#nav section p{	margin: 0 0 35px 0;	}
#nav h4{ margin: 40px 0 0 0; padding: 0 0 40px 0; border-left: none; font-size: 36px; }
}
@media only screen 
and (min-width : 1000px){
h2 .subtit{	font-weight: normal; font-size: 15px; margin: 0 0 0 10px;}
#nav section.is-open { padding: 60px 0; max-height: 100%;}
#nav section p{	margin: 0 0 20px 0;	}}

@media only screen 
and (min-width : 1000px)
and (max-width : 1299px) {
#nav h4{ margin: 40px 0 0 0; padding: 0 0 40px 0; border-left: none; font-size: 36px; }}
@media only screen 
and (min-width : 1300px){
	#nav section p{	padding: 20px 15% 0 15%;	}
}