@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap');



html,body{width:100%;height:100%;font-family: 'Montserrat', sans-serif;}
*{
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}


*:focus {
    outline: none;
}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}

#header{ width:100%; position:absolute; top:80px; left:0; z-index:999;}



#home{text-align:center;width:100%; height:400px;background: url(../imagenes/home.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#crowd{text-align:center;width:100%;background: url(../imagenes/crow.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#faqs{text-align:center;width:100%; background-color:#f5f5f5;} 

#servirte{text-align:center;width:100%;background: url(../imagenes/mision.jpg) no-repeat center center fixed ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}

#faqsdos{text-align:center;width:100%;background: url(../imagenes/g3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}

#aseso{text-align:center;width:100%;background: url(../imagenes/a3.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}

#abajo{text-align:center;width:100%; background-color:#f5f5f5;}  
#abajodos{text-align:center;width:100%; background-color:#6ba541;} 
#abajotres{text-align:center;width:100%; background-color:#ffffff;}  

#aba{text-align:center;width:100%; height:300px;background: url(../imagenes/abajo.png) repeat-x; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}


/* Underline From Left */
.botones {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; font-size:13px; color:#ffffff; line-height:250%; font-weight:700;
}
.botones:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #788341;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.botones:hover:before, .botones:focus:before, .botones:active:before {
  right: 0;
}

.smooth{color:#083882;font-size:14px; font-weight:700;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; }
.smooth:hover{color:#ff4900;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}

.texto1{color:#083882;font-size:13px; font-weight:700; text-decoration:none;}
.texto2{color:#eb003b;font-size:25px; font-weight:700; text-decoration:none;}
.texto3{color:#6ba541;font-size:52px; font-weight:700; text-decoration:none;}
.texto4{color:#334049;font-size:50px; font-weight:700; text-decoration:none;}
.texto5{color:#334049;font-size:22px; font-weight:700; text-decoration:none;}
.texto6{color:#334049;font-size:22px; font-weight:700; text-decoration:none; text-transform:uppercase;}
.texto7{color:#FFFFFF;font-size:50px; font-weight:700; text-decoration:none;}
.texto8{color:#FFFFFF;font-size:78px; font-weight:700; text-decoration:none;}
.texto9{color:#6ba541;font-size:70px; font-weight:700; text-decoration:none;}
.texto10{color:#323f48;font-size:100px; font-weight:700; text-decoration:none;}
.texto11{color:#67a93d;font-size:25px; font-weight:700; text-decoration:none;}
.texto12{color:#3b4044;font-size:19px; font-weight:700; text-decoration:none;}
.texto13{color:#FFFFFF;font-size:15px; font-weight:700; text-decoration:none;}
.texto14{color:#303e48;font-size:50px; font-weight:700; text-decoration:none;}
.texto14a{color:#e7004c;font-size:50px; font-weight:700; text-decoration:none;}
.texto15{color:#e7004c;font-size:78px; font-weight:700; text-decoration:none;}
.texto16{color:#303e48;font-size:23px; font-weight:600; text-decoration:none;}
.texto17{color:#6aa541;font-size:23px; font-weight:600; text-decoration:none;}
.texto18{color:#6aa541;font-size:32px; font-weight:600; text-decoration:none;}
.texto19{color:#303e48;font-size:32px; font-weight:600; text-decoration:none;}
.texto20{color:#e7004c;font-size:40px; font-weight:700; text-decoration:none;}
.texto21{color:#6aa541;font-size:78px; font-weight:700; text-decoration:none;}
.texto22{color:#e7004c;font-size:23px; font-weight:600; text-decoration:none;}
.texto23{color:#6aa541;font-size:56px; font-weight:600; text-decoration:none;}
.texto24{color:#e7004c;font-size:56px; font-weight:700; text-decoration:none;}
.texto25{color:#303e48;font-size:18px; font-weight:400; text-decoration:none;}
.texto26{color:#303e48;font-size:26px; font-weight:700; text-decoration:none;}
.texto27{color:#303e48;font-size:14px; font-weight:700; text-decoration:none; line-height:130%;}


.texto28{color:#303e48;font-size:23px; font-weight:600; text-decoration:none;}
.texto29{color:#e7004c;font-size:23px; font-weight:900; text-decoration:none;}
.texto30{color:#7aaf56;font-size:23px; font-weight:900; text-decoration:none;}


#home1{ width:383px; height:400px; right:0; top:0; position:absolute;}
#home2{ width:1123px;  left:50%; margin-left:-561px; bottom:0; position:absolute;}

#arriba, #arriba1, #arriba2, #arriba3 {display:inline-block;vertical-align:top;}
#arriba{width:1120px;vertical-align:middle; text-align:left;}
#arriba1{width:320px;margin-right:-4px; text-align:left;}
#arriba2{width:800px;margin-right:-4px; text-align:right; }

#textos{ width:90%; max-width:1000px;}

#personas{width:100%; height:530px; top:0; left:0; position:relative;}
#personas1{ width:1419px; height:100%; left:50%; margin-left:-710px; top:0; position:absolute; z-index:10;}
#personas2{ width:100%; height:171px; left:0;bottom:0; position:absolute; background:url(../imagenes/nueva.jpg) repeat-x; z-index:0;}

#cro{width:864px; height:774px; top:0; left:50%; margin-left:-438px; position:relative;}
#cro1{ width:100%; height:100%; left:0; top:0; position:absolute; z-index:1;}
#cro2{ width:100%; height:100%; left:0;bottom:0; position:absolute;  z-index:10;}

#lobotone, #lobotone1, #lobotone2 {display:inline-block;vertical-align:top;}
#lobotone{width:630px;vertical-align:middle; text-align:left;}
#lobotone1{width:315px;margin-right:-4px; text-align:left;}
#lobotone2{width:315px;margin-right:-4px; text-align:right; }

#elcro{ display:none;}

#footi, #footi1, #footi2, #footi3, #footi4 {display:inline-block;vertical-align:top;}
#footi{width:1100px;vertical-align:middle; text-align:left;}
#footi1{width:90px;margin-right:-4px; text-align:left;}
#footi2{width:920px;margin-right:-4px; text-align:center; }
#footi3{width:90px;margin-right:-4px; text-align:right; }
#footi4{width:100%;margin-right:0px; text-align:center; }

#cliente{text-align:center;width:100%; height:400px;background: url(../imagenes/cliente.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#cliente1{ width:383px; height:400px; right:0; top:0; position:absolute;}
#cliente2{ width:1122px; height:119px; left:50%; margin-left:-561px; bottom:0; position:absolute;}

#otra{ width:100%; height:653px; left:0; top:0; position:relative;}
#otra0{  width:100%; height:100%; left:0; top:0; position:absolute; z-index:1;}
#otra1{ left:0; bottom:0; position:absolute;text-align:center;width:100%; height:300px;background: url(../imagenes/abajo.png) repeat-x; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover; z-index:12}

#losfondos, #losfondos1, #losfondos2, #losfondos3, #losfondos4, #losfondos5, #losfondos6 {display:inline-block;vertical-align:top;}
#losfondos{width:100%; height:100%;vertical-align:middle; text-align:center;}
#losfondos1{width:50%; height:100%;margin-right:-7px; text-align:center;background: url(../imagenes/c5.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}
#losfondos2{width:50%; height:100%;margin-right:-2px; text-align:center;background: url(../imagenes/c6.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover; }
#losfondos3{width:50%; height:100%;margin-right:-7px; text-align:center;background: url(../imagenes/p5.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}
#losfondos4{width:50%; height:100%;margin-right:-2px; text-align:center;background: url(../imagenes/p6.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover; }
#losfondos5{width:50%; height:100%;margin-right:-7px; text-align:center;background: url(../imagenes/pr4.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover;}
#losfondos6{width:50%; height:100%;margin-right:-2px; text-align:center;background: url(../imagenes/pr5.jpg) no-repeat center center  ; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover; }

#invisible{ width:100%; height:200px;}

#propietario{text-align:center;width:100%; height:400px;background: url(../imagenes/propietario.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#propietario1{ width:383px; height:400px; right:0; top:0; position:absolute;}
#propietario2{ width:1127px; height:84px; left:50%; margin-left:-561px; bottom:0; position:absolute;}

#guia{text-align:center;width:100%; height:400px;background: url(../imagenes/guia.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 
#guia1{ width:383px; height:400px; right:0; top:0; position:absolute;}
#guia2{ width:530px; height:183px; left:50%; margin-left:-265px; bottom:0; position:absolute;}

#proveedor{text-align:center;width:100%; height:400px;background: url(../imagenes/proveedor.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#proveedor1{ width:383px; height:400px; right:0; top:0; position:absolute;}
#proveedor2{ width:931px; height:84px; left:50%; margin-left:-465px; bottom:0; position:absolute;}

#asesores{text-align:center;width:100%; height:400px;background: url(../imagenes/proveedor.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#asesores1{ width:383px; height:400px; right:0; top:0; position:absolute;}
#asesores2{ width:1132px; height:147px; left:50%; margin-left:-566px; bottom:0; position:absolute;}


#somos{text-align:center;width:100%; height:400px;background: url(../imagenes/somos.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#somos1{ width:383px; height:400px; right:0; top:0; position:absolute;}
#somos2{ width:1168px; height:105px; left:50%; margin-left:-584px; bottom:0; position:absolute;}

#nosos, #nosos1, #nosos2 {display:inline-block;vertical-align:top;}
#nosos{width:950px;vertical-align:middle; text-align:left;}
#nosos1{width:315px;margin-right:-4px; text-align:left;}
#nosos2{width:635px;margin-right:-4px; text-align:justify; margin-top:66px; }

#galeria {
  width: 870px;
  height: 540px;
}


#galeria2 {
  width: 770px;
  height: 400px;
}

.elvideo{ width:1200px; height:675px;}

#elboto{background-color:#e7004c; font-size:23px; color:#ffffff; width:296px; font-weight:700; padding-top:20px; padding-bottom:20px; border-radius: 38px 38px 38px 38px; -moz-border-radius: 38px 38px 38px 38px; -webkit-border-radius: 38px 38px 38px 38px;}


#figura{ width:450px; height:440px; left:50%; margin-left:-225px;  position:relative;}
#figura1{ width:262px; height:357px; left:50%; margin-left:-131px; bottom:0;  position:absolute;}
#figura2{ width:131px; height:320px; left:0; top:33px;  position:absolute;}
#figura3{ width:239px; height:81px; left:50%; margin-left:-120px; top:0px;  position:absolute;}
#figura4{ width:131px; height:320px; right:0; top:33px;  position:absolute;}



#contacto{text-align:center;width:100%; height:400px;background: url(../imagenes/contacto.jpg) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;} 

#contacto2{ width:960px; height:118px; left:50%; margin-left:-480px; bottom:0; position:absolute;}


#con, #con1, #con0, #con00{display:inline-block;vertical-align:top;}
#con{width:1100px;vertical-align:middle; text-align:center;}
#con1{width:300px;margin-right:-4px; text-align:center;}
#con0{width:100px;margin-right:-4px; text-align:center; }
#con00{width:100px;margin-right:-4px; text-align:center; }

@media screen and (max-width:1460px){
#personas{width:100%; height:448px;}
#personas1{ width:1200px;margin-left:-600px;}	
}

@media screen and (max-width:1800px){
#home1,#cliente1,#propietario1,#guia1,#proveedor1,#asesores1,#somos1{ display:none;}
}

@media screen and (max-width:1220px){
#personas{width:100%; height:336px;}
#personas1{ width:900px;margin-left:-450px;}	

.elvideo{ width:900px; height:506px;}

}

@media screen and (max-width:1188px){
#somos2{ width:900px; height:81px; left:50%; margin-left:-450px; bottom:0; position:absolute;}
}

@media screen and (max-width:1145px){
#home2{ width:900px; height:117px; left:50%; margin-left:-450px; bottom:0; position:absolute;}
#cliente2{ width:900px; height:95px; left:50%; margin-left:-450px; bottom:0; position:absolute;}
#propietario2{ width:900px; height:67px; left:50%; margin-left:-450px; bottom:0; position:absolute;}
#asesores2{ width:900px; height:117px; left:50%; margin-left:-450px; bottom:0; position:absolute;}

}


@media screen and (max-width:1140px){
#arriba{width:1000px;vertical-align:middle; text-align:left;}
#arriba1{width:230px;margin-right:-4px; text-align:left;}
#arriba2{width:770px;margin-right:-4px; text-align:right; }

#footi{width:900px;vertical-align:middle; text-align:left;}
#footi1{width:90px;margin-right:-4px; text-align:left;}
#footi2{width:720px;margin-right:-4px; text-align:center; }
#footi3{width:90px;margin-right:-4px; text-align:right; }
#footi4{width:100%;margin-right:0px; text-align:center; }

#con{width:1000px;vertical-align:middle; text-align:center;}
#con1{width:300px;margin-right:-4px; text-align:center;}
#con0{width:50px;margin-right:-4px; text-align:center; }
#con00{width:50px;margin-right:-4px; text-align:center; }

}

@media screen and (max-width:1020px){
#con{width:700px;vertical-align:middle; text-align:center;}
#con1{width:300px;margin-right:-4px; text-align:center;}
#con0{width:100px;margin-right:-4px; text-align:center; }
#con00{ display:none;}	
}


@media screen and (max-width:970px){
#nosos{width:700px;vertical-align:middle; text-align:left;}
#nosos1{width:315px;margin-right:-4px; text-align:left;}
#nosos2{width:385px;margin-right:-4px; text-align:justify; margin-top:66px; }
}

@media screen and (max-width:950px){
#proveedor2{ width:600px; height:54px; left:50%; margin-left:-300px; bottom:0; position:absolute;}	
}

@media screen and (max-width:920px){
.elvideo{ width:600px; height:338px;}

#personas{width:100%; height:224px;}
#personas1{ width:600px;margin-left:-300px;}	

#home2{ width:600px; height:78px; left:50%; margin-left:-300px; bottom:0; position:absolute;}
#cliente2{ width:600px; height:64px; left:50%; margin-left:-300px; bottom:0; position:absolute;}
#propietario2{ width:600px; height:45px; left:50%; margin-left:-300px; bottom:0; position:absolute;}
#asesores2{ width:600px; height:78px; left:50%; margin-left:-300px; bottom:0; position:absolute;}
#somos2{ width:600px; height:54px; left:50%; margin-left:-300px; bottom:0; position:absolute;}

#home,#cliente,#propietario,#proveedor,#asesores,#somos{ height:400px;}


#footi{width:90%;vertical-align:middle; text-align:center;}
#footi1{width:100%;margin-right:-0px; text-align:center;}
#footi2{width:100%;margin-right:-0px; text-align:center; }
#footi3{width:100%;margin-right:-0px; text-align:center; }
#footi4{width:100%;margin-right:0px; text-align:center; }

}

@media screen and (max-width:884px){

#galeria {
  width: 650px;
  height: 400px;
}

#cro{ display:none;}
#elcro{ display:block;}	

#otra{ width:100%; height:800px; left:0; top:0; position:relative;}

#losfondos1{width:100%; height:280px;margin-right:0px; }
#losfondos2{width:100%; height:500px;margin-right:0px; }
#losfondos3{width:100%; height:280px;margin-right:0px; }
#losfondos4{width:100%; height:500px;margin-right:0px; }
#losfondos5{width:100%; height:280px;margin-right:0px; }
#losfondos6{width:100%; height:500px;margin-right:0px; }

#invisible{ width:100%; height:80px;}
.texto21{font-size:50px;}
}
@media screen and (max-width:770px){
	#galeria2 {
  width: 610px;
  height: 350px;
}
}

@media screen and (max-width:720px){
	#nosos{width:90%;vertical-align:middle; text-align:left;}
#nosos1{width:100%;margin-right:0px; text-align:center;}
#nosos2{width:100%;margin-right:0px; text-align:justify; margin-top:30px; }

#con{width:300px;vertical-align:middle; text-align:center;}
#con1{width:300px;margin-right:0px; text-align:center;}
#con0{display:none; }
}
	
@media screen and (max-width:650px){
#lobotone{width:315px;vertical-align:middle; text-align:left;}
#lobotone1{width:315px;margin-right:0px; text-align:center;}
#lobotone2{width:315px;margin-right:0px; text-align:center; }	

#galeria {
  width: 460px;
  height: 310px;
}

}


@media screen and (max-width:630px){
	#galeria2 {
  width: 450px;
  height: 300px;
}
}

@media screen and (max-width:620px){
.elvideo{ width:450px; height:253px;}

#personas{width:100%; height:168px;}
#personas1{ width:450px;margin-left:-225px;}

#home2{ width:450px; height:59px; left:50%; margin-left:-225px; bottom:0; position:absolute;}
#cliente2{ width:450px; height:48px; left:50%; margin-left:-225px; bottom:0; position:absolute;}
#propietario2{ width:450px; height:34px; left:50%; margin-left:-225px; bottom:0; position:absolute;}
#proveedor2{ width:450px; height:41px; left:50%; margin-left:-225px; bottom:0; position:absolute;}	
#asesores2{ width:450px; height:58px; left:50%; margin-left:-225px; bottom:0; position:absolute;}
#somos2{ width:450px; height:40px; left:50%; margin-left:-225px; bottom:0; position:absolute;}

#home{ height:400px;}

.texto3{font-size:45px;}

#guia2{ width:450px; height:155px; left:50%; margin-left:-225px; bottom:0; position:absolute;}

}

#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: 0px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #ffffff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:#6aa541;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 1;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 900;
  text-align: right;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFFfff;
  text-decoration: none;
  overflow: hidden;
  font-size: 42px;
  opacity:1; text-transform:uppercase; line-height:100%;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:1;-webkit-transition: .25s;
  transition: .25s;color:# 9F9F9F; text-decoration:underline;
}
.overlay ul li a:after {
  font-size: 55px;
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}

@media screen and (max-width:1020px){

#arriba{width:90%;vertical-align:middle; text-align:left;}
#arriba1{width:100%;margin-right:0px; text-align:left;}
#arriba2{ display:none;}
	
	#menumovil{ z-index:9999;position: absolute;top:10px;
  right: 30px;
  height: 27px;
  width: 35px; display:block;}
}


.ac-container{
	width: 90%;
	max-width:1000px;
	margin: 10px auto 30px auto;
	text-align: left; border:0;
}
.ac-container label{
	font-weight:700;
	padding: 4px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 40px;
	cursor: pointer;
	color: #323e48;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 40px;
	font-size: 23px;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #edeeed 0%, #ffffff 100%);


}
.ac-container label:hover{
	background: #ededed;
	color: #65a93a;
	text-shadow: 0px 0px 0px rgba(255,255,255, 0.6);
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #f5f5f5;
	color: #65a93a;
	text-shadow: 0px 0px 0px rgba(255,255,255, 0.6);
	
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 46px;
	height: 49px;
	right: 0px;
	top: 0px;
	background: transparent url(../images/mas2.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/mas.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background-color:#f5f5f5;
	margin-top: 0;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: normal;
	color: #777;
	line-height: 18px;
	font-size: 14px;
	padding: 10px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-small{
	height: 80px;
}

.ac-container input:checked ~ article.ac-small2{
	height: 100px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 100px; padding-left:40px;padding-right:40px; text-align:justify;
}
.ac-container input:checked ~ article.ac-large{
	height: 250px;
}

.texto12a{color:#3b4044;font-size:19px; font-weight:700; text-align:justify;} 

@media screen and (max-width: 1000px)
 {
.ac-container label{
	font-size: 19px;line-height: 20px;
}
.ac-container article p{
	font-size: 19px;
	line-height: 20px;
} 

.texto12a{color:#3b4044;font-size:18px;} 
.ac-container input:checked ~ article.ac-medium{ height: 150px; }
 }

@media screen and (max-width: 1000px)
 {
.ac-container input:checked ~ article.ac-medium{ height:190px; }	 
	 
 }