@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@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';
@import 'cargamas.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;}

.cajamigadepan2			{ position:relative; margin-bottom:30px; padding:20px; background:#7a7a7a; color:#7a7a7a; z-index:1; }

cajamigadepan:before	{ content:""; display:block; border-top:2px solid #ddd; max-width:50px; margin:0 auto; margin-top:15px; margin-bottom:20px;}
.cajamigadepan			{ position:relative; display:block; color:#fff; z-index:10; }
.textomigadepan			{ position:relative; margin:0px 7px 0px 0px; padding:3px 0px; color:#fff; text-decoration:none; z-index:10}
.textomigadepan:before	{ display:inline-block; padding: 0 7 0 0; content: "\f105"; font-family: FontAwesome;}
.textomigadepan:hover	{ color:#f3f3f3; text-decoration:none; border-bottom:1px solid #f3f3f3;}
.home:before							{ content: ""; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px;}


a				{ text-decoration:none; color:#354a21;}
a:hover			{ text-decoration:none; color:#336699; border-bottom:1px solid #336699;}
b				{ font-weight:600;}

.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;}

.sigue			{ text-decoration:none; color:#354a21;}
.sigue a:hover	{ text-decoration:none; color:#336699; border-bottom:1px solid #336699;}
.sigue:before	{ display:inline-block; content: "Read more"; margin:0 5px 0 0; font-size:105%;}
.sigueuno:after	{ display:inline-block; content: "\f061"; font-family: FontAwesome; margin:0 0 0 0px; -webkit-text-stroke: 2px #ffffff;}
.siguedos:after	{ display:inline-block; content: "\f061"; font-family: FontAwesome; margin:0 0 0 5px; -webkit-text-stroke: 2px #f8f9fa;}
.siguetre:after	{ display:inline-block; content: "\f061"; font-family: FontAwesome; margin:0 0 0 5px; -webkit-text-stroke: 2px #f3f3f3;}

.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			{ margin:0 auto; max-width:1200px; border-style:solid; border-width: 0.5px; color:#ddd;}
.fondouno				{ background:#ffffff; border-bottom:0px 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;}


/* JUMBOTRON */
.jumbotron				{ position:relative; margin:0 auto; padding:50px; text-align:center; overflow:hidden;}
.jumbotron .titulo		{ font-size:220%; font-weight:500;}
.jumbotron .texto		{ font-size:140%;}
.jumbotron .botonera	{ position:relative; z-index:1; color:#fff; padding:20px 0 0 0;}
.jumbotron .boton		{ position:relative; display:inline-block; padding:10px 20px; text-align:center; text-decoration:none; font-size:105%; text-transform:uppercase; line-height:1.5em;}
.jumbotron .boton		{ border-radius:55px; background:#028910; color:#fff;}
.jumbotron .boton:hover	{ border:none; color:#fff; background:#354a21; transition: 0.4s;}
/* FIN JUMBOTRON */


/* PUBLICACIONES */
.pub					{ position:relative; float:none; padding:25px 0; border-top:1px dotted #e1e1e1; overflow:hidden;}
.pub:first-of-type		{ border-top:none;}

.cajalogoprojects		{ position:relative; float:left; margin:7px 20px 30px 0; overflow:hidden;}
.logoprojects			{ width:80px; height:80px; border:1px solid #e1e1e1; border-radius:100%; overflow:hidden;}
.logoprojects2			{ width:80px; height:80px; border:1px solid #e1e1e1; overflow:hidden;}
/* FIN PUBLIACIONES */


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				{ display:block; margin-top: 0.5em; margin:30px 0 30px 0; border-style:solid; border-width: 0.5px; color:#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				{ margin:0 auto; text-align:center; overflow:hidden}

div 		{ transition:all 0.4s 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:0; overflow:hidden;}
#pie			{ position:relative; clear:both; margin:0; padding:45px 0 0 0; background:#354a21 url("../../images/fondos/pie-grande.png") center center/cover no-repeat; color:#738693; font-family: 'Roboto', sans-serif; overflow:hidden;}


.todocajeado	{ position:relative; max-width:1200px; float:none; margin:0 auto;}
.todocajeado2	{ position:relative; max-width:860px; float:none; margin:0 auto;}
#todocajeado2	{ position:relative; width:100%; padding:70px; overflow:hidden;}
.contenido		{ position:relative; width:65%; float:left; clear:left; clear:left; overflow:hidden;}
.lateral		{ position:relative; width:30%; float:right; clear:right;}


/* 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%; color:#fff;}
.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%; color:#fff; line-height:1.5em;}
.boton			{ border-radius:5px; background:#028910; color:#fff;}
.boton a		{ color:#fff;}
.boton:hover	{ border:none; color:#fff; background:#354a21; transition: 0.4s;}
.boton:after	{ content:""; display:inline-block; float:auto; content: "\f0a9"; font-family: FontAwesome; margin:0 0 0 7px;}
.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 */
.seccion				{ position:relative; float:none; clear:both; overflow:hidden;}
.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}

.imagenpresentacionesc	{ position:relative; max-height:250px; margin:0 0 20px 0; border:1px solid #e1e1e1; border-radius:5px; color:#fff; overflow:hidden}
.imagenpresentaciones	{ position:relative; float:left; width:40%; max-height:280px; margin:0 60px 0 0; border-radius:5px; color:#fff; text-shadow: 0px 2px 3px #555; 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:80%;}

.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:115%; margin:0 0 3px 0; padding:1px 0; line-height:1.5em; font-weight:600;}
.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;}
.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*/
.acordeon					{ position:relative; max-width:860px; margin:0 auto; float:none; overflow:hidden;;}
.acordeon input				{ display: none;}
.acordeon__item				{ position:relative; display:block; border-top:1px solid #ddd; overflow:hidden; }
.acordeon__item:first-child	{ border-top:none;}
.acordeon__titulo			{ position:relative; display:block; padding:15px 25px 5px 0; font-size:130%; color:#7a7a7a; font-weight:600; cursor:pointer;}
.acordeon__titulo:after		{ position:absolute; top:15px; right:-15px; display:block; float:right; width:30px; content:"\f107"; font-family:FontAwesome; font-size:125%; }
.acordeon__titulo:hover		{ color:#543790;}
.acordeon__contenido		{ height:0; overflow:hidden; margin:5px 0; padding:0 15px; transition:all 0.5s;}
.acordeon input:checked
 ~ .acordeon__contenido		{ height:auto; margin:15px 0px;}
/*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: 30px;
  right: 30px;
  color: #354a21;
  background:#fff;
  width:60px;
  height:60px;
  border-radius:100%;
  border:1px solid #e1e1e1;
  opacity: 1;
  z-index: 999;
  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:5px #fff;}
.scrollup:hover 	{ opacity: 1; text-decoration:none; color:#121212;}



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

}
/* (1024x768) iPad 1 & 2, Landscape */
@media screen and (max-width: 1024px) {
.sticky 				{ width:320px}
.todocajeado			{ width:95%;}
.todo100				{ position:relative; margin-bottom:350px; overflow:hidden;}
#pie 					{ height:350px;}

/* JUMBOTRON */
.jumbotron .titulo		{ font-size:200%; font-weight:600; line-height:1.2em; margin-bottom:10px;}
.jumbotron .texto		{ font-size:120%;}
/* FIN JUMBOTRON */
}
/* for 980px or less */
@media screen and (max-width: 980px) {
.sticky 	{ width:70%;}

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

.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;}

.imagenpresentaciones	{ float:none; width:auto; max-height:440px; margin:0 0 30px 0;}
.boton, .boton2			{ padding:7px 14px; font-size:85%;}

/* JUMBOTRON */
.jumbotron .titulo		{ font-size:200%; font-weight:600; line-height:1.2em; margin-bottom:10px;}
.jumbotron .texto		{ font-size:120%;}
/* FIN JUMBOTRON */
}
/* 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;}


/* PUBLICACIONES */
.cajalogoprojects		{ float:none; margin:0 0 15px 0;}
.logoprojects			{ width:auto;}
/* FIN PUBLIACIONES */


/* 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}

.todocajeado	{ width:95%;}
#todocajeado2	{ padding:25px;}

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


/* JUMBOTRON */
.jumbotron				{ padding:50px 20px;}
.jumbotron .titulo		{ font-size:140%;}
.jumbotron .texto		{ font-size:100%;}
.jumbotron .boton		{ padding:10px 20px; font-size:90%;}
/* FIN JUMBOTRON */


/*ACORDEON*/
.acordeon__titulo		{ padding:15px 25px 5px 0; font-size:110%;}
/*FIN ACORDEON*/


/* PUBLICACIONES */
.cajalogoprojects		{ float:none; margin:0 0 15px 0;}
/* FIN PUBLIACIONES */

/* SECCIONES */
.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;}



}