@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import url('https://fonts.googleapis.com/css?family=Francois+One'); /* nav */
@import url('https://fonts.googleapis.com/css?family=Roboto'); /* pie */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700'); /* fafar */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700'); /* todo */

@import 'modal.css';
@import 'cenefas.css';
@import 'cenefas-destacadas.css';
@import 'columnas.css';
@import 'tablas2.css';

*{
    margin: 0;
    padding: 0; 
    
}

::-webkit-scrollbar 			{ width:8px;}
::-webkit-scrollbar-track		{ background:transparent;}
::-webkit-scrollbar-track-piece	{ background:transparent;}
::-webkit-scrollbar-thumb 		{ background: #c9c9c9;}
::-webkit-scrollbar-thumb:hover { background: #555;}

.fancybox-iframe, .fancybox-content { border:1px solid #fff; border-radius:5px;}

.cajabusca 			{ display:block; clear:auto; width:100%; height:auto; margin:20 0 20 0; padding:0; border:0px solid #DDD; float:auto; background:#FFF; overflow:hidden;}
.buscadormovil		{ display:block; border:0px solid #DDD; margin:10px 0 10px 0; padding:0 0 10 0; background:#FFF; overflow:hidden}
input[type=text] 	{ width:83%; display:inline-block; float:left; color: #808080; text-align: left; font-size:110%; border:1px solid #DDD; margin:0 15px 15px 0; padding:10px; background-color: #FFFFFF; }
input[type=submit] 	{ border:none; border-radius:3px; background:#543790; font-size:110%; color: #FFF; cursor: pointer; padding:10px 18px;}

.cajamenuprincipal 		{ border-bottom:0px solid #DDD;}


ul.migadepan 					{ max-width:1200px; margin-right:auto; margin-left:auto; padding:25px 20px; list-style:none; background:#fff; color:inherit; border-bottom:1px solid #ddd; overflow:hidden;}
ul.migadepan a:hover			{ color:#666; text-decoration:underline; text-underline-position:under; border-bottom:none;}
ul.migadepan li 				{ display:inline; font-size:95%; color:inherit; text-decoration:none;}
ul.migadepan li+li:before 		{ font-size:80%; padding:4px 8px; color:inherit; content:"/\00a0";}
ul.migadepan li:last-child		{ color:#999;}
ul.migadepan li a 				{ color:inherit; text-decoration:none;}
ul.migadepan li a:hover 		{ color:#666; text-decoration:underline; text-underline-position:under;}





a				{ color:inherit; text-decoration:none; border-bottom:none;}
a:hover			{ cursor:pointer; border-bottom:none;}

.desactivado 	{ pointer-events:none; cursor:default;}
.flex			{ display:flex; align-items:center; justify-content:center;}

.invisible		{ display:none;}
.invisiblee		{ display:none;}
.fijo 			{ position:fixed;}
.actual			{ border:1px solid #fff; box-shadow: 0 0 0 2px #0075d5; }
.alaizquierda	{ display:inline-block; float:left; margin:0 10px 0 0;}
.alcentro		{ text-align:center;}
.cursiva		{ font-style:italic;}
.enrojo			{ color:#cc0000}
.negrita		{ font-weight:600;}

.socialcomparte	{ display:inline-block;}
.masaltura		{ min-height:400px;}

/* ESQUINAS */
.esquinad 			{ border-radius:0; width:40px; height:40px; border-bottom: solid 25px transparent; border-right: solid 25px rgba(255,255,255,0); border-left: solid 25px #fff; border-top: solid 25px #fff; position:absolute; top:0; right:0; font-size:14px; z-index: 100; transform: rotate(90deg)}
.asterisco1:before	{ content: "\f069"; font-family: FontAwesome; color:#FF0000; position: absolute; top:-10px; left: -10px;}


/* SIN CONTENIDO */
.parrafosincontenido	{ position:relative; height:160px; float:auto; margin:0 auto; overflow:hidden;}
.mensajesincontenido	{ font-weight:600; line-height: 1.3em; font-size:170%; color:#ccc;}
.sincontenido:before	{ content:"Parece que no hay nada por aquí. Perdona las molestias"}
.nodisponible:before	{ content:"Este contenido no está disponible en este momento. Perdona las molestias."}
.pronto:before			{ content:"Estamos trabajando para terminar esta parte. Sentimos las molestias"}



.ciencien				{ position:relative; z-index:1; width:100%; clear:both; margin:0 0 0 0; padding:60px 0; background:transparent; overflow:hidden}
.separadorcien			{ border-bottom:1px solid #ddd;}
.fondouno				{ background:#ffffff; border-bottom:1px solid #f8f9fa;}
.fondodos				{ background:#f8f9fa;}
.fondotre				{ background:#f3f3f3;}
.fondoatajos			{ color:#fff; background:#d3c0a1 url('../../../images/fondos/pie-grande.png') center center no-repeat; background-attachment: fixed;}
.fondoutilidades		{ color:#fff; background: url('../../../images/fondos/2400530tubos-gota.jpg') center center/cover no-repeat;}



h1, h2, h3, h4, h5, h6, h7 { font-family: 'Roboto', sans-serif; font-weight:400;}
h1 			{ font-size: 1.80rem; color: #444; line-height:1.2em; margin: 0 0 25px 0;}
h2 			{ font-size: 1.50rem; line-height: 1.9rem; margin: 0 0 1rem 0;}
h4 			{ font-size: 1rem; line-height: 1.5rem; margin: 0 0 .5rem 0;}

/* h1::after 	{ content: ""; display:block; border-top:3px solid #ddd; max-width:50px; margin-top:10px;} */

hr 				{ max-width:1230px; margin:20px auto; border:none; height:1px; color:#ddd; background:#ddd;}

lista			{ display:block; margin:0 5px 10px 0; text-decoration:none; overflow:hidden;}
lista:before	{ display:inline-block; float:left; content: "\f105"; font-family: FontAwesome; font-weight:600; margin:1px 10px 0 0; color:#543790}

.lista			{ display:block; line-height: 1.5em; margin:5px 5px 0 0; text-decoration:none; text-indent; overflow:hidden;}
.lista:before	{ display:inline-block; float:left; content: "\f105"; font-family: FontAwesome; margin:3px 10px 0 0; text-decoration:none; color:#ff0000}
lista2			{ position:relative; line-height: 1.5em; font-size:100%; text-decoration:none;}
lista2:before	{ content: "\f111"; font-family: FontAwesome; margin:0 10px 0 0; text-decoration:none; color:#666}

.lista2			{ position:relative; line-height: 1.5em; margin:5px 5px 0 5px; text-decoration:none;}
.lista2:before	{ float:left; content: "\f111"; font-family: FontAwesome; font-size:30%; margin:-1px 10px 2px 10px; text-decoration:none; color:#666}


img				{ width:100%; height:auto; text-indent:-10000px;}
img:-moz-broken	{ opacity: 0;}
.imagen			{ background:#f3f3f3;}
.imagen:before	{ position:absolute; content:"\f070"; font-family:FontAwesome; font-size:7vw; color:#ddd;}
.apaisada		{ height:100%; object-fit:cover; object-position:center center;}
.cuadrada		{ height:100%; object-fit:cover; object-position:center center;}
.redonda		{ height:100%; object-fit:cover; object-position:center center; border:1px solid #f3f3f3; border-radius:100%; overflow:hidden;}
.vertical		{ height:100%; object-fit:cover; object-position:center top;}






div 		{ transition:all 0.1s ease;}

/* Ajusta el texto a 16px para Mozilla*/
body 		{ font-size: 16px;}
body 		{ position:relative; background:#fff; color:#7a7a7a; font-family: 'Poppins', sans-serif; font-weight:300; font-weight:400;}


.-todo100		{ position:relative; background:#fff; margin-bottom:299px; overflow:hidden;}
#pie			{ position:relative; clear:both; background:#354a21 url("../../images/fondos/pie-grande.png") center center/cover no-repeat; color:#fff; overflow:hidden;}

.todocajeado	{ max-width:1200px; position:relative; float:none; margin:0 auto;}
.todocajeado2	{ max-width:800px; position:relative; float:none; margin:0 auto; overflow:;}

--#todo			{ max-width:1200px; position:relative; float:none; margin:auto; overflow:hidden;}

#todo			{ position:relative; max-width:1200px; margin:auto; overflow:hidden;}
#contenido		{ position:relative; width:65%; float:left; overflow:hidden;}
#lateral		{ position:relative; width:30%; float:right; padding:60px 0; overflow:hidden;}


/* SEPARADORES	 */
.lineadd		{ clear:both; border-bottom: 1px solid #ddd; margin-bottom:30px; padding-top:20px;}
.separador		{ clear:both;}
.s10			{ height:10px;}	
.s15			{ height:15px;}
.s20			{ height:20px;}


/*CAJAS-ALERTA*/
.cajaalerta 			{ position:relative; padding:15px 25px; color:#fff; overflow:hidden;}
.azul					{ background:#2196F3;}
.verde					{ background:#4caf50;}
.roja 					{ background: #f44336;}
.tituloalerta			{ margin:5px 0; font-size:120%; font-weight:600; color:#fff; line-height:1.5em; display:inline-block; float:left;}
.textoalerta			{ margin:5px 25px 5px 0; font-size:100%; color:#fff; line-height:1.6em; display:inline-block; float:left;}
.cierraalerta 			{ position:absolute; top:15px; right:15px; color:#fff;}
.cierraalerta:hover		{ color:#fff; border:none;}
.cierraalerta:before 	{ content:"\f057"; font-family: FontAwesome; font-size:140%;}


/*CAJAS-COMPROMISO*/
.cajacompromiso			{ position:relative; min-height:205px; padding:15px 25px; color:#fff; border-radius:5px; overflow:hidden;}
.interior2compromiso	{ position:relative; max-height:206px; border-radius:5px; overflow:hidden;}


.cajanormal			{ position:relative; display:auto; min-height:; margin:0 0px 0px 0; padding:35px; background:#FFF; border:1px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-radius:5px; overflow:hidden;}
.cajanormal:hover	{ box-shadow: 0px 0px 7px 2px #e1e1e1;}


/* AVISOCORTO */
#avisodecolor			{ background:#354b2f; padding:15px 15%; text-align:center; color:#fff; }
.avisodecolor			{ color:#fff; line-height:1.5em; text-decoration:none;}
.avisodecolor a			{ color:#fff; border-bottom:1px solid #fff; text-decoration:none;}
.avisodecolor a:hover	{ color:#ff9933; border-bottom:1px solid #ff9933; text-decoration:none;}
.avisodecolor:before	{ content:"\f130"; font-family:FontAwesome; display:inline-block; float:auto; margin-right:7px;}

/* TITULON	 */
#titulon				{ position:relative; margin:0 0 20px 0; padding-left:10px; border-left:2px solid #289dcc; font-weight:600; overflow:hidden;}
#titulon2				{ position:relative; margin:0 0 20px 0; padding-left:10px; border-left:2px solid #fff; font-weight:600; overflow:hidden;}
.titulon				{ font-size:150%; line-height:1.3em; color:inherit;}
.tituloninterior		{ font-size:130%; line-height:1.3em; color:#666;}



/* BOTONES	 */
.botonerac, .botonerai	{ position:relative; z-index:1; margin-top:20px; font-size:100%; }
.botonerai				{ border-top:1px dotted #DDD; padding:30px 0 0 0;}
.botonerai				{ clear:both; text-align:left; overflow:hidden}			
.botonerac				{ clear:both; text-align:center; overflow:hidden}
.botonerad				{ display:inline-block; float:right; text-align:right; padding:15px 0; overflow:hidden}
.botoneraficha			{ z-index:1; position:absolute; right:20px; bottom:0; text-align:right}

.previoboton	{ position:relative; display:inline-block; margin:0 0 5px 0; padding:10px 16px; text-align:center; text-decoration:none; line-height:1.5em;}
.leeloen:after	{ content:"Puedes verlo completo en:"; margin:0 5px 0 0;}
.boton			{ position:relative; display:inline-block; margin:0 5px 5px 0; padding:10px 18px; text-align:center; text-decoration:none; font-size:95%; line-height:1.5em;}
.boton			{ border-radius:5px; background:#028910; color:#fff;}
.boton:hover	{ border:none; color:#fff; background:#354a21; transition: 0.4s;}
.boton2			{ position:relative; display:inline-block; padding:10px 18px; text-align:center; text-decoration:none; font-size:95%; line-height:1.5em;}
.boton2			{ border:1px solid #ddd; border-radius:5px; background:#fff; color:#7a7a7a;}
.boton2:hover	{ border:1px solid #028910; color:#fff; background:#028910; transition: 0.4s;}



/* REDES	 */
.redondoredes		{ float:left; width:45px; height:45px; margin:0 5px 5px 0; border:1px solid #ddd; border-radius:100%; font-size:110%; color:#7a7a7a; overflow:hidden;}
.redondoredes		{ display:flex; align-items:center; justify-content:center; text-align:center;}
.redondoredes:hover	{ border:1px solid #666; color:#666; transition:0.4s;}
.rfacebook:before	{ content:"\f09a"; font-family:FontAwesome;}
.rtwitter:before	{ content:"\f099"; font-family:FontAwesome;}
.ryoutube:before	{ content:"\f167"; font-family:FontAwesome;}
.rflickr:before		{ content:"\f16e"; font-family:FontAwesome;}
.rwhatsapp:before	{ content:"\f232"; font-family:FontAwesome;}
.rinstagram:before	{ content:"\f16d"; font-family:FontAwesome;}



/* SECCIONES */
.logos-compuestos		{ position:relative; float:none; height:130px; margin-bottom:50px; background:#f3f3f3; overflow:hidden;}
.logos-compuestos .logo	{ position:relative; float:left; height:100%; margin:0; display:fle; align-items:center; justify-content:center; overflow:hidde}

.presentacionrga		{ position:relative; width:100%; max-height:440px; margin:0 30px 0 0; border-radius:5px; color:#fff; text-shadow: 0px 2px 3px #555; overflow:hidden}

.imagenpresentaciones	{ position:relative; height:300px; overflow:hidden;}


.avatardelapersona		{ position:relative; float:left; width:50px; max-height:50px; margin:0 20px 0 0; border-radius:100%; border:1px solid #ddd; overflow:hidden}
.avatardelservicio		{ position:relative; float:left; width:70px; max-height:70px; margin:0 20px 0 0; border-radius:100%; border:1px solid #ddd; overflow:hidden}

.piedefoto				{ position:relative; float:none; clear:both; width:auto; padding:15px; font-style:italic; overflow:hidden;}
	.titulopiedefoto	{ position:relative; font-size:90%; font-weight:600;}
	.textoopiedefoto	{ position:relative; font-size:85%;}

.cosasencima			{ position:absolute; bottom:0; padding:25px;}
.tituloencima			{ font-size:140%; font-weight:600; line-height:1.2em; }
.imageninterior			{ position:relative; max-height:300px; margin:0 0 30px 0; border-radius:5px; overflow:hidden}
.fotointerior			{ top:50%; transform: translateY(-20%);}
.textosecciones			{ position:relative; margin:0 0 30px 0; padding:5px 0; text-align:justify; overflow:hidden}
.comentado				{ padding:0 60px; overflow:hidden}

blockquote 			{ display:block; background:#374790; color:#fff; padding:35px; margin:1.5em 0; position:relative;}
blockquote:before 	{ content: "\f10d"; font-family: FontAwesome; font-size:120%; padding:15px 20px; color:#374790;  position:absolute; top:-30px; left:45%; background:#fff; text-align:center;}
blockquote:before 	{ border:1px solid #ddd; border-radius:100%; overflow:hidden;}
blockquote:after 	{ content: "\2013 \2003" attr(cite); display: block; text-align:right; font-size:0.875em; font-style:italic; color: #f3f3f3;}

.titulo				{ font-size:120%; margin:0 0 3px 0; padding:1px 0; line-height:1.5em; font-weight:600; overflow:hidden}
.titulo a			{ color:#666; text-decoration:none;}
.titulo:hover		{ color:#666; text-decoration:none; border:none;}
.texto				{ font-size:110%; padding:3px 0; line-height:1.5em; overflow:hidden}
.texto a			{ text-decoration:none; color:#028910;}
.texto a:hover		{ text-decoration:none; color:#543790; border-bottom:1px solid #543790;}
.separadorsecciones	{ clear:both; border-bottom: 1px solid #ddd; padding:0 0 0 0; margin: 0 0 30px 0;}

.contenedordelautor	{ position:relative; z-index:1; margin-top:20px; text-align:left; font-size:95%; border-top:1px dotted #DDD; padding:30px 0 0 0;}
.avatardelautor		{ position:relative; float:left; width:45px; max-height:45px; margin:0 20px 0 0; border-radius:100%; border:1px solid #ddd; overflow:hidden}
.empleodelautor		{ line-height:1.3em; overflow:hidden;}
.nombredelautor		{ line-height:1.3em; font-weight:600; overflow:hidden;}

/*ACORDEON*/
.acorderon 					{ max-width:840px; margin: 0 auto; margin-top:-1px; border-top: 1px solid #d9e5e8;}
.acorderon li 				{ position:relative; display:block; padding:0 0 5px 0; border-bottom: 1px solid #d9e5e8; position: relative; list-style:none; overflow:hidden;}
.acorderon li p				{ display:none; margin-bottom:10px; padding:0 30px; font-size:100%; overflow:hidden;}
.acorderon t 				{ width:100%; display: block; cursor: pointer; font-weight: 600; padding:15px 50px 15px 15px; font-size:115%; color:#7a7a7a; font-weight:600; text-indent:0; user-select: none;}
.acorderon t.resaltado		{ color:#333;}
.acorderon t:after 			{ width:15px; height:15px; border-left:1px solid #4a6e78; border-bottom:1px solid #543790; position:absolute; right:10px; content:""; top:17px; transform:rotate(-45deg); transition:all 0.2s ease-in-out;}
.acorderon st 				{ width:100%; display:block; margin-top:-15px; padding:0 50px 15px 15px; font-size:100%; color:#7a7a7a; text-indent:0; user-select: none;}
.acorderon p				{ overflow:hidden;}
t.resaltado:after 			{ transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.acorderon li a				{ display:inline; display:inline-block; float:auto;}
.acorderon li a:after 		{ display: block; content: ""; border-bottom:none; transform: scaleX(0); transition: transform 300ms ease-out; }
.acorderon li a:hover:after { transform: scaleX(1);}
.acorderon .titulo			{ font-size:105%; color:#7a7a7a; line-height:1.3em;}
.acorderon .texto			{ font-size:100%; color:#7a7a7a; line-height:1.4em;}
.acorderon .texto a			{ text-decoration:none; color:#7a7a7a; border-bottom:1px solid #7a7a7a;}
.acorderon .texto a:hover	{ text-decoration:none; color:#543790; border-bottom:1px solid #543790;}
.acorderon .texto:last-child{ padding-bottom:15px;}
.acorderon .separa			{ clear:both}
.acorderon .avatar			{ position:relative; display:inline-block; float:left; min-width:60px; width:60px; height:60px; margin:15px 15px 15px 0; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
/*FIN ACORDEON*/

/* VIDEOS */
.contenedor-video 		{ position: relative; padding-bottom: 56.25%; margin:0; height: 0; overflow: hidden;}
.contenedor-video iframe,
.contenedor-video object,
.contenedor-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.videodefondo			{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:-1; visibility:visible;}


/* MAPA */
#contenedormapa 	{ position:relative; padding-top:50%; width:100%; margin:0 auto;}
#mapa 				{ position:absolute; width:100%; height:100%; top:0;}


/* ICONOS Y SOCIAL*/
.code::before		{ content: "\f121"; font-family: FontAwesome; margin:0 5px 0 0}
.oficial::before	{ content: "\f0a3"; font-family: FontAwesome; margin:0 5px 0 0}
.enlace::before		{ content: "\f0ac"; font-family: FontAwesome; margin:0 5px 0 0}	
.externo::before	{ content: "\f14c"; font-family: FontAwesome; margin:0 5px 0 0}
.play::before		{ content: "\f04b"; font-family: FontAwesome; margin:0 5px 0 0}
.academico:before	{ content: "\f19d"; font-family: FontAwesome; margin:0 5px 0 0}

.facebook::before	{ content: "\f09a"; font-family: FontAwesome; margin:0 5px 0 0}
.twitter:before		{ content:"\f081"; font-family: FontAwesome; margin:0 5px 0 0}
.youtube::before	{ content: "\f16a"; font-family: FontAwesome; margin:0 5px 0 0}	
.flickr:before		{ content:"\f16e"; font-family: FontAwesome; margin:0 5px 0 0}



/*TOOLTIP*/
a.tooltip {
    position: relative;
    display: inline;
    cursor:pointer;
}
a.tooltip span {
    position: absolute;
    width:190px;
    color: #FFFFFF;
    background: #000000;
    line-height:1.3em;
    visibility: hidden;
    padding:12px 16px;
    border-radius: 3px;
    font-size:90%;
}
a.tooltip span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    width: 0; height: 0;
    border-left: 8px solid #000000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
a:hover.tooltip span {
    visibility: visible;
    opacity: 0.8;
    right: 100%;
    top: 50%;
    margin-top: -17px;
    margin-right: 15px;
    z-index: 999;
}

.scrollup {
  display: none;
  position: fixed;
  bottom: 110px;
  right: 30px;
  color: #336699;
  background:#fff;
  width:60px;
  height:60px;
  border-radius:100%;
  border:1px solid #e1e1e1;
  opacity: 1;
  z-index: 3;
  line-height: 55px;
  font-size:240%;
  text-align: center;
  text-decoration: none;
}

.scrollup:before	{ content: "\f062"; font-family: FontAwesome; font-weight:300; -webkit-text-stroke:2px #fff;}
.scrollup:hover 	{ opacity: 1; text-decoration:none; color:#121212; border-bottom:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media only screen and (min-width: 1900px) {
#cajeado,
.todocajeado{ width:74%;}

}
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sticky 		{ width:320px}
#cajeado		{ width:95%;}
.todocajeado	{ width:95%;}
.interior2compromiso	{ max-height:256px;}

.todo100		{ position:relative; margin-bottom:350px; overflow:hidden;}
#pie 			{ height:350px;}


}
/* for 980px or less */
@media screen and (max-width: 980px) {
.sticky 	{ width:70%;}
.logo-proyecto			{ float:none; margin:0 0 30px 0;}


}
/* for 700px or less */
@media screen and (max-width: 768px) {
#cajeado	{ width:95%;}
.todocajeado{ width:95%;}
#contenido	{ width:auto; min-height:auto; height:auto; float:none; clear:both;}
#lateral	{ width:auto; float:none; clear:both; margin-top:20; padding:40px 0}

.todo100	{ margin-bottom:0;}
#pie 		{ position:relative; height:auto; z-index:1}

.sticky 	{ position:relative; top:0; width:100%;}
.masaltura	{ min-height:auto; height:auto;}

.avisodecolor:before	{ display:none; font-size:135%; float:none; clear:both; margin-bottom:7px;}

.presentaciondecano		{ margin:0 0 10px 0; }
.imagenpresentaciones	{ float:none; width:auto; max-height:440px; margin:0 0 30px 0;}

.boton, .boton2			{ padding:7px 14px; font-size:85%;}

.interior2compromiso	{ max-height:231px;}
}
/* for 568px or less */
@media screen and (max-width: 568px) {
#contenido			{ padding:20px 0;}
.fondoatajos		{ background:##d3c0a1url('../../../images/fondos/pie-mini.png') center center no-repeat; background-attachment:scroll;}

/* BOTONES	 */
.botoneraficha		{ position:relative; right:0; left:0; float:none; text-align:center; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #ddd;}

/* MOVILIDAD */
.avatardelauni		{ float:none; margin:0 auto; margin-bottom:10px;}

}
/* for 480px or less */
@media screen and (max-width: 480px) {
.invisiblee				{ display:block}
.invisiblem				{ display:none}

h1 						{ font-size: 140%; margin: 0 0 15px 0; font-weight:600;}

/*ACORDEON*/
.acorderon st 			{ margin-top:-10px;}
.acorderon .avatar		{ display:none;}
/*FIN ACORDEON*/


/* SECCIONES */
.logos-compuestos		{ position:relative; float:none; height:95px; margin-bottom:30px; background:#f3f3f3; overflow:hidden;}
.logos-compuestos .logo	{ position:relative; float:left; height:100%; margin:0; display:fle; align-items:center; justify-content:center; overflow:hidde}


.imagenpresentaciones	{ margin:30px 0;}
.textosecciones			{ text-align:left;}
.titulo					{ font-size:115%; line-height:1.3em;}
.texto					{ font-size:105%;}
.comentado				{ padding:0;}


/* BOTONES	 */
.redondoredes			{ width:40px; height:40px;}



}