@import url('https://fonts.googleapis.com/css?family=Domine');

.col-cargamas			{ width:100%; display:none;}

.col-persona			{ width:25%;}
--.col-publicaciones		{ width:33.33%; display:none;}
.col-publicaciones			{ width:33.33%; display:none; opacity:0; animation:aparece 1.2s forwards;}
.col-noticias			{ width:25%;}

.col-selector			{ width:770px; margin:auto; display:none;}
.col-parrafo			{ width:770px; margin:auto;}
.col-parrafo .parrafo	{ margin:auto; padding:0;}
  


@media screen and (max-width: 1024px) {
.col-persona			{ width:33.33%;}

}

@media screen and (max-width: 980px) {

}
@media screen and (max-width: 768px) {
.col-publicaciones		{ width:50%;}
.col-persona			{ width:50%;}




}
@media screen and (max-width: 600px) {


	
}
@media screen and (max-width: 568px) {
.col-noticias			{ width:100%;}


}
@media screen and (max-width: 480px) {
.col-publicaciones		{ width:100%;}

}


#selector					{ position:relative; margin:0; padding:30px 0; overflow:hidden;}
#selector .selector			{ display:inline-block; border-radius:35px; outline:none; margin-bottom:5px; padding:12px 24px; font-size:90%; background:#f1f1f1; cursor:pointer;}
#selector .selector:hover	{ background:#e1e1e1;}
#selector .selector.activo	{ background:#800000; color:#fff;}


.items						{ float:auto; padding:2px 0; font-size:90%; color:inherit; line-height:1.5em; overflow:;}
.items a					{ color:#666; }
.item						{ display:inline-block; float:auto; margin:0 7px 3px 0; line-height:1.5em; }
.item a						{ color:#666; }
.item a:hover				{ }
.fechaentrada:before		{ display:inline-block; float:auto; content: "\f073"; font-family: FontAwesome; margin:0 5px 0 0}
.horaentrada:before 		{ display:inline-block; float:auto; content: "\f017"; font-family: FontAwesome; margin:0 5px 0 0}
.dondeentrada:before		{ display:inline-block; float:auto; content: "\f041"; font-family: FontAwesome; margin:0 5px 0 0}
.categentrada:before		{ display:inline-block; float:auto; content: "\f14a"; font-family: FontAwesome; margin:0 5px 0 0}
.correoentrada:before		{ display:inline-block; float:auto; content: "\f199"; font-family: FontAwesome; margin:0 5px 0 0}
.telefonoentrada:before		{ display:inline-block; float:auto; content: "\f098"; font-family: FontAwesome; margin:0 5px 0 0}
.enlaceentrada:before		{ display:inline-block; float:auto; content: "\f08e"; font-family: FontAwesome; margin:0 5px 0 0}
.financiaentrada:before		{ display:inline-block; float:auto; content: "\f153"; font-family: FontAwesome; margin:0 5px 0 0}
.userentrada:before			{ display:inline-block; float:auto; content: "\f007"; font-family: FontAwesome; margin:0 5px 0 0}
.separadordelaentrada		{ clear:both; border-bottom: 1px solid #ddd; padding:35 0 0 0; margin: 0 0px 35px 0;}

.itemssociales				{ float:auto; padding:2px 0; color:inherit; line-height:1.5em; overflow:hidden;}
.facebookentrada:before		{ content:"\f082"; font-family: FontAwesome; margin:0 5px 0 0}
.twitterentrada:before		{ content:"\f081"; font-family: FontAwesome; margin:0 5px 0 0}
.youtube:before				{ content:"\f166"; font-family: FontAwesome; margin:0 5px 0 0}
.flickr:before				{ content:"\f16e"; font-family: FontAwesome; margin:0 5px 0 0}

.sigue						{ display:inline-block; color:#800000; border-bottom:1px solid #800000;}
.sigue:before				{ content:"Más"; }
.sigue:after				{ content:"\f061"; font-family:FontAwesome; margin:0 0 0 5px; -webkit-text-stroke: 1px #ffffff;}


/*GALERIAS*/
.galeria					{ margin:0 -30px; display:flex; flex-wrap:wrap; justify-content:center;}
.galeria-contenido			{ width:100%; margin:0px auto; padding:0 10px;}
.galeria .imagen			{ position:relative; float:left; width:25%; height:300px; padding:20px; display:flex; align-items:center; justify-content:center; background:#fff;}
/*FIN GALERIAS*/


/* INTRO */
.intro 					{ position:relative; max-width:1230px; margin:auto; padding:60px 0; text-align:left; z-index:1; display:flex; flex-direction:row; align-items:stretch;}
.intro					{ border-bottom:1px solid #f3f3f3;}
.intro .imagen			{ position:relative; z-index:2; min-width:350px; width:350px; height:350px; margin:0 50px 0 0; display:flex; align-items:center; justify-content:center;}
.intro .imagen::before	{ content:""; transform:rotate(3deg); right:-15px; bottom:-15px; width:340px; height:340px; background:#ffb606; z-index:-1;}
.intro .imagen2			{ position:relative; z-index:2; width:450px; height:330px; margin:0 0 0 50px; order:2; display:flex; align-items:center; justify-content:center;}
.intro .persona			{ position:relative; z-index:2; min-width:300px; width:350px; height:400px; margin-right:60px; display:flex; align-items:center; justify-content:center;}
.intro .contenido		{ max-width:730px; width:730px; height:auto; padding:0 60px 0 0; color:inherit; flex:aut;}
.intro .titulo			{ margin:10px auto; font-size:230%; font-weight:600; line-height:1.2em; color:inherit;}
.intro .subtitulo		{ z-index:2; margin-top:20px; font-size:150%; font-weight:600;}
.intro .texto			{ margin:30px 0; font-size:105%; color:inherit; line-height:1.5em;}
.intro .texto:before	{ content:""; display:none; margin:0 auto; margin-top:20px; padding-top:20px; border-top:2px solid; border-color:inherit; max-width:50px; overflow:hidden;}
.intro .texto a			{ text-decoration:underline; text-align:right; text-underline-position:under;}
.intro .texto a:hover 	{ text-decoration:none;}
.intro .botonera		{ position:relative; margin:30px 0 0 0; padding:0; font-size:95%; overflow:hidden;}
.intro .boton,
.intro .boton2			{ padding:10px 15px;}
/* FIN INTRO */


/* INTRO HOJA */
.introhoja 					{ position:relative; max-width:1230px; margin-right:auto; margin-bottom:-1px; margin-left:auto; text-align:center; z-index:1; overflow:hidden;}
.introhoja .imagen			{ position:relative; z-index:2; min-width:165px; width:165px; height:165px; margin:15px auto 30px; box-shadow: 0px 0px 0px 5px #fff; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.introhoja .contenido		{ position:relative; max-width:850px; margin-left:auto; margin-right:auto; padding:60px 80px; color:inherit; background:transparent; overflow:hidden;}
.introhoja .items			{ position:relative; margin:20px auto; color:inherit; }
.introhoja .titulo			{ margin:20px auto; font-size:220%; font-weight:600; line-height:1.2em; color:inherit;}
.introhoja .subtitulo		{ z-index:2; margin-top:20px; font-size:120%; font-weight:500; text-transform:uppercase;}
.introhoja .texto			{ margin:20px 0; font-size:105%; color:inherit; line-height:1.5em;}
.introhoja .texto:before	{ content:""; display:block; margin:0 auto; margin-top:20px; padding-top:20px; border-top:2px solid; border-color:inherit; max-width:50px; overflow:hidden;}
.introhoja .texto a			{ text-decoration:underline; text-align:right; text-underline-position:under;}
.introhoja .texto a:hover 	{ text-decoration:none;}
.introhoja .botonera		{ position:relative; margin-top:30px; overflow:hidde;}
.introhoja .boton			{ padding:10px 20px; font-size:90%;}
.introhoja .boton2			{ padding:10px 20px; font-size:90%;}

.introhoja ul.migadepan 			{ position:relative; margin:auto; padding:10px 0; color:inherit; background:transparent; border:none; overflow:hidden;}
.introhoja ul.migadepan li			{ font-size:95%; color:inherit;}
.introhoja ul.migadepan li a 		{ text-decoration:none;}
.introhoja ul.migadepan li a:hover 	{ text-decoration:underline; text-underline-position:under;}
.introhoja ul.migadepan li:before	{ content:"\f104"; font-family:FontAwesome; margin-right:5px; -webkit-text-stroke:1px #fff; text-decoration:none;}
.introhoja ul.migadepan li:last-child	{ color:#444;}
/* FIN INTRO HOJA*/


/* INTRO SECCION */
.introseccion				{ position:relative; text-align:center; overflow:hidden;}
.introseccion .contenido	{ position:relative; max-width:850px; float:none; margin:0 auto; padding:0 0 50px 0; background:transparent; overflow:hidden;}
.introseccion .items		{ position:relative; margin-bottom.15px; font-weight:500; color:#008bcc; }
.introseccion .titulo		{ font-size:160%; font-weight:600;}
.introseccion .texto		{ font-size:120%; line-height:1.5em;}
.introseccion .texto:before	{ content:""; display:block; margin:0 auto; margin-top:20px; padding-top:15px; border-top:2px solid #008bcc; max-width:50px; overflow:hidden;}
.introseccion .botonera		{ display:; position:relative; margin-top:25px; overflow:hidden;}
.introseccion .boton		{ display:inline-block; padding:15px 30px; text-align:center; text-decoration:none; font-size:115%; text-transform:uppercase; line-height:1.5em;}
.introseccion .boton		{ border-radius:5px; background:#006699; color:#fff;}
.introseccion .boton:hover	{ border:none; color:#fff; background:#444; transition: 0.4s;}

.introseccion .boton2		{ display:inline-block; padding:10px 20px; text-align:center; text-decoration:none; font-size:100%; font-weight:500;  line-height:1.5em;}
.introseccion .boton2		{ border-radius:5px; background:#006699; color:#fff;}
.introseccion .boton2:hover	{ boerder:1px solid #444; color:#fff; background:#444; transition: 0.4s;}
/* FIN INTRO SECCION*/


/* JUMBOTRON */
.jumbotron					{ position:relative; margin-bottom:-1px; padding:60px; text-align:center; color:#7a7a7a; z-index:1; overflow:hidden;}
.jumbotron .contenido		{ position:relative; max-width:1200px; float:none; margin:0 auto; padding:65px; background:#fff; border-radius:10px; overflow:hidden;}
.jumbotron .titulo			{ font-size:200%; font-weight:500;}
.jumbotron .texto			{ font-size:140%;}
.jumbotron .botonera		{ display:; position:relative; margin-top:25px; overflow:hidden;}
.jumbotron .boton			{ display:inline-block; padding:15px 30px; text-align:center; text-decoration:none; font-size:115%; text-transform:uppercase; line-height:1.5em;}
.jumbotron .boton			{ border-radius:5px; background:#006699; color:#fff;}
.jumbotron .boton:hover		{ border:none; color:#fff; background:#444; transition: 0.4s;}

.jumbotron .boton2			{ display:inline-block; padding:10px 20px; text-align:center; text-decoration:none; font-size:100%; font-weight:500;  line-height:1.5em;}
.jumbotron .boton2			{ border-radius:5px; background:#006699; color:#fff;}
.jumbotron .boton2:hover	{ boerder:1px solid #444; color:#fff; background:#444; transition: 0.4s;}
/* FIN JUMBOTRON */


/*CAJA RELACIONADO*/
.relacionado				{ position:relative; height:100%; border-radius:15px; overflow:hidde;}
.relacionado .imagen		{ position:relative; z-index:2; min-width:125px; width:125px; height:125px; margin:30px auto 0; font-size:220%; box-shadow: 0px 0px 0px 5px #fff; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.relacionado .contenido		{ height:100%; padding:40px; display:flex; flex-direction:column;}
.relacionado .item			{ margin:0 0 10px 0; font-size:80%; font-weight:500; text-transform:uppercase;}
.relacionado .titulo		{ margin:0 0 25px 0; font-family:'Playfair Display', serif; font-size:190%; line-height:1.1em; font-weight:500;}
.relacionado .titulo2		{ margin:0 0 25px 0; font-size:160%; line-height:1.1em; font-weight:500;}
.relacionado .texto			{ font-size:90%; line-height:1.5em;}
.relacionado .texto	a		{ text-decoration:underline; text-underline-position:under;}
.relacionado .texto:hover	{ text-decoration:none;}
.relacionado .botonerai		{ align-self:flex-end;}
.relacionado .botonera		{ margin-top:20px; align-self:flex-end;}
.relacionado .boton			{ padding:10px 0; text-align:right; font-size:90%; color:inherit; border:none; background:transparent;}
.relacionado .boton a		{ text-decoration:underline; text-align:right; text-underline-position:under;}
.relacionado .boton a:hover { text-decoration:none;}
.relacionado .boton:after	{ content:">"; margin:0 5px;}
/*FIN CAJA RELACIONADO*/



/*ENTRADAS AVISOS*/
.aviso						{ position:relative; border:1px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-radius:5px; text-align:center; color:#7a7a7a; background:#fff; overflow:hidden;}
--.aviso:hover					{ background:#336699; color:#fff;}
--.aviso:hover				{ margin:-5px 0 0 0;}
--.aviso:hover::after			{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; }
.aviso .contenido			{ position:relative; width:100%; min-height:210px; padding:20px; text-align:center; overflow:hidden; z-index:1;}
.aviso .items				{ color:inherit;}
.aviso .items:after			{ content:""; display:block; border-top:3px solid #ddd; max-width:50px; margin:0 auto; margin-top:10px; margin-bottom:10px; } 
.aviso .titulo				{ font-size:100%; font-weight:600; line-height:1.3em; text-decoration:none;}
.aviso .titulo:hover		{ color:inherit;}
.aviso .titulo:after		{ content:"Más >"; display:block; border-bottom:1px solid #336699; font-weight:500; color:#336699; margin:0 auto; max-width:50px; margin-top:10px;} 
.aviso .texto				{ font-size:100%; line-height:1.3em; margin:5px 0 0 0;}

.avisodoctorado:hover		{ background:transparent url('../../../images/landing/investigacion.jpg') center center/cover no-repeat; color:#fff;}
.avisolaboratorios:hover	{ background:transparent url('../../../images/landing/laboratorio.jpg') center center/cover no-repeat; color:#fff;}
.avisotabaco:hover			{ background:transparent url('../../../images/entradas/tabaco.jpg') center center/cover no-repeat; color:#fff;}
.avisopracticas:hover		{ background:transparent url('../../../images/landing/estudios.jpg') center center/cover no-repeat; color:#fff;}
/*FIN ENTRADAS AVISOS*/


/*ENTRADAS CERO*/
.entradacero				{ position:relative; color:#FFF; border-radius:5px; display:flex; display:flex; align-items:center; justify-content:center; overflow:hidden}
.entradacero::after 		{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#1b093f; opacity:0.6;}
.entradacero img			{ transition:.3s ease-in-out;}
.entradacero:hover			{ box-shadow: 0px 0px 7px 2px #ccc; transition:.3s ease-in-out;}
.entradacero .imagen		{ position:relative; width:100%; height:200px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.entradacero .cuadrada		{ position:absolute; width:100%; height:auto;}
.entradacero .apaisada		{ position:absolute; width:auto; height:100%;}
entradacero contenido		{ padding:25px; padding-top:55px; position:absolute; width:100%; height:auto; bottom:0; background:linear-gradient(to top, #000, transparent);overflow:hidden;}
.entradacero .contenido		{ padding:25px; padding-top:55px; position:absolute; width:100%; height:auto; bottom:0; z-index:1; overflow:hidden;}
.entradacero .titulo		{ font-size:100%; text-decoration:none; text-transform:uppercase; line-height:1.2em;}
.entradacero .texto			{ font-size:90%; line-height:1.5em;}
.entradacero .titulo:hover	{ color:#f3f3f3}
/*FIN ENTRADAS CERO*/



/*ENTRADAS COMENTARIOS*/
.entradacomentario 				{ position:relative; color:#7a7a7a; border:1px solid #e1e1e1; background:#fff; overflow:hidden;}
.entradacomentario:after		{ position:absolute; bottom:-5px; right:-5px; content:"\f10e"; font-family: FontAwesome; font-size:420%; color:#f3f3f3; transform: rotate(-30deg);}
.entradacomentario:hover		{ }
.entradacomentario .contenido	{ position:relative; padding:30px; z-index:1; overflow:hidden;}
.entradacomentario .titulo		{ font-size:100%; font-weight:500; line-height:1.3em; text-decoration:none;}
.entradacomentario .texto		{ font-size:90%; line-height:1.5em; margin:15px 0 0 0;}
/*FIN ENTRADAS COMENTARIOS*/


/*ENTRADAS PUBLICACIONES*/
.entradapub		 				{ position:relative; height:100%; color:#7a7a7a; border:1px solid #e1e1e1; background:#fff; border-radius:15px; overflow:hidden;}
.entradapub:after				{ position:absolute; bottom:-15px; right:-15px; content:"\f0f6"; font-family: FontAwesome; font-size:420%; color:#f3f3f3; transform: rotate(-30deg);}
.entradapub:hover				{ }
.entradapub .contenido			{ position:relative; padding:30px; z-index:1; overflow:hidden;}
.entradapub .titulo				{ font-size:100%; font-weight:500; line-height:1.3em; text-decoration:none;}
.entradapub .texto				{ font-size:90%; line-height:1.5em; margin:15px 0 0 0;}
/*FIN ENTRADAS PUBLICACIONES*/


/*ENTRADAS PROYECTOS*/
.entradaproyecto					{ position:relative; margin-right:auto; margin-bottom:50px; margin-left:auto; height:380px; display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center; overflow:hidden;}
.entradaproyecto:nth-of-type(odd)	{ flex-direction:row;}
.entradaproyecto .imagen			{ position:relative; max-width:63%; min-width:63%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.entradaproyecto .contenido			{ position:relative; max-width:33%; min-width:33%; height:100%; margin:0 -3px; padding:50px; background:#f3f3f3; overflow:hidden;}
.entradaproyecto .contenido:after	{ position:absolute; bottom:-10px; right:-10px; content:"\f0c3"; font-family: FontAwesome; font-size:420%; color:#f3f3f3; transform: rotate(-30deg);}
.entradaproyecto .titulo			{ font-size:105%; font-weight:500; line-height:1.5em; margin-top:20px; text-decoration:none;}
.entradaproyecto .texto				{ font-size:100%; line-height:1.5em; margin:5px 0 0 0;}
/*FIN ENTRADAS PROYECTOS*/


/*ENTRADAS PRINCIPALES*/
.entradauno 				{ position:relative; color:#7a7a7a; border-bottom:1px solid #f3f3f3; overflow:hidden;}
.entradauno:hover			{ border-bottom:1px solid #ddd;}
.entradauno .imagen			{ position:relative; height:250px; border-radius:15px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.entradauno .contenido		{ position:relative; width:100%; padding:20px 0; overflow:hidden;}
.entradauno .titulo			{ font-size:100%; font-weight:500; line-height:1.3em; text-decoration:none;}
.entradauno .texto			{ font-size:90%; line-height:1.5em; margin:5px 0 0 0;}
/*FIN ENTRADAS PRINCIPALES*/


/*ENTRADAS SECUNDARIAS*/
.entradados						{ display:flex; flex-direction:row;}
.entradados						{ position:relative; background:#FFF; color:#7a7a7a; border:1px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-radius:5px; overflow:hidden;}
.entradados:hover				{ border-bottom:2px solid #ccc;}
.entradados .imagen				{ position:relative; float:left; min-width:135px; width:135px; height:135px; padding:5px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.entradados .avatar				{ position:relative; float:left; min-width:60px; width:60px; height:60px; margin:15px 0 15px 15px; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.entradados .contenido			{ width:auto; clear:right; padding:20px; flex:auto; overflow:hidden;}
.entradados .titulo				{ font-size:115%; font-weight:600; line-height:1.3em; text-decoration:none;}
.entradados .texto				{ margin-top:10px; font-size:105%; line-height:1.4em; text-align:left;}
.entradados .items				{ float:auto; padding:2px 0; font-size:90%; color:inherit; line-height:1.5em; overflow:;}
.entradados .botonera			{ position:relative; z-index:1; margin-top:20px; border-top:1px solid #DDD; padding:20px 0 0 0; color:#fff; overflow:hidden;}
.entradados .boton				{ display:inline-block; margin:0 0 5px 0; padding:6px 13px; text-align:center; text-decoration:none; font-size:80%; line-height:1.5em;}
.entradados .boton				{ border-radius:5px; border:1px solid #ddd; color:;}
.entradados .boton a:hover		{ border:none; border:1px solid #336699; color:#fff; background:#336699; transition: 0.3s;}
/*FIN ENTRADAS SECUNDARIAS*/


/*ENTRADAS PERSONAS*/
.entradapersona	 				{ position:relative; color:#7a7a7a; border-bottom:0px solid #e1e1e1; overflow:hidden;}
.entradapersona:hover			{ border-bottom:0px solid #ccc;}
.entradapersona .imagen			{ position:relative; width:auto; height:250px; background:#f3f3f3; border-radius:15px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.entradapersona .imagen:before	{ position:absolute; content:"\f007"; font-family:FontAwesome; font-size:8.5vw; color:#ddd; z-index:0; -webkit-text-stroke:5px #f3f3f3;}
.entradapersona .contenido		{ position:relative; width:100%; padding:20px 0; overflow:hidden;}
.entradapersona .titulo			{ font-size:100%; font-weight:500; line-height:1.5em; color:inherit;}
.entradapersona .cargo			{ font-size:115%; font-weight:500; line-height:1.5em; color:#008bcc;}
.entradapersona .texto			{ font-size:90%; line-height:1.4em; margin-top:5px; color:inherit;}
.entradapersona .botonera		{ text-align:center; margin:0 auto;}
.entradapersona .boton			{ display:inline-block; margin:0 0 5px 0; padding:12px 18px; text-align:center; text-decoration:none; font-size:90%; line-height:1.5em;}
.entradapersona .boton			{ border-radius:5px;}
.entradapersona .boton a:hover	{ border:none; border:1px solid #336699; color:#fff; background:#336699; transition: 0.3s;}
/*FIN ENTRADAS PERSONAS*/


/*ENTRADAS TRANSPARENTES*/
.entradatransparente	 		{ position:relative; color:inheit; border-radius:15px; overflow:hidden;}
.entradatransparente:hover		{ }
.entradatransparente .imagen	{ position:relative; height:250px; display:none; align-items:center; justify-content:center; overflow:hidden;}
.entradatransparente .contenido	{ position:relative; width:100%; padding:30px; overflow:hidden;}
.entradatransparente .contenido2{ position:relative; width:100%; padding:60px; overflow:hidden;}
.entradatransparente .titulo	{ font-size:110%; font-weight:500; line-height:1.4em; color:inherit;}
.entradatransparente .texto		{ font-size:100%; margin-top:10px; text-align:left; line-height:1.5em; color:inherit;}
.entradatransparente .texto	a	{ text-decoration:none; color:inherit;}
.entradatransparente .texto	a:hover	{ color:#444; text-decoration:underline; text-underline-position:under;}
.entradatransparente li 				{ display:inline; font-size:100%; color:inherit; text-decoration:none;}
.entradatransparente li+li:before 		{ font-size:90%; padding:4px 8px; color:inherit; content:"-";}
.entradatransparente li:last-child		{ }
.entradatransparente li a 				{ color:inherit; text-decoration:none;}
.entradatransparente li a:hover 		{ color:#444; text-decoration:underline; text-underline-position:under;}
/*FIN ENTRADAS TRANSPARENTES*/


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media only screen and (min-width: 1900px) {

}
/* (1024x768) iPad 1 & 2, Landscape */
@media screen and (max-width: 1024px) {
/* INTRO */
.intro						{ width:97%; font-size:90%;}
.intro .texto				{ }
/* FIN INTRO */


/* INTRO HOJA */
.introhoja .titulo				{ text-align:center;}
.introhoja .texto				{ font-size:110%;}
/* FIN INTRO HOJA*/


/* INTRO SECCION */
.introseccion .titulo		{ font-size:130%;}
.introseccion .texto		{ font-size:110%;}
/* FIN INTRO SECCION*/


/*CAJA RELACIONADO*/
.relacionado				{ }
.relacionado .contenido		{ padding:20px;}
.relacionado .item			{ font-weight:400;}
.relacionado .titulo		{ font-size:170%;}
.relacionado .texto			{ }
.relacionado .botonerai		{ align-self:flex-end;}
/*FIN CAJA RELACIONADO*/


/*ENTRADAS PROYECTOS*/
.entradaproyecto					{ }
.entradaproyecto:nth-of-type(odd)	{ flex-direction:row;}
.entradaproyecto .imagen			{ max-width:53%; min-width:53%; height:100%;}
.entradaproyecto .contenido			{ max-width:43%; min-width:43%;}
.entradaproyecto .contenido:after	{ }
.entradaproyecto .titulo			{ font-size:100%;}
.entradaproyecto .texto				{ font-size:95%;}
/*FIN ENTRADAS PROYECTOS*/


/*ENTRADAS PRINCIPALES*/
.entradauno					{ font-size:90%;}
.entradauno .imagen			{ height:200px;}
.entradauno .contenido		{ height:auto;}
/*FIN ENTRADAS PRINCIPALES*/


/*ENTRADAS SECUNDARIAS*/
.entradados					{ font-size:105%;}
/*FIN ENTRADAS SECUNDARIAS*/

}
/* for 980px or less */
@media screen and (max-width: 980px) {

}
/* for 700px or less */
@media screen and (max-width: 768px) {
/*GALERIAS*/
.galeria						{ }
.galeria .contenido				{ }
.galeria .imagen				{ height:160px;}
/*FIN GALERIAS*/


/* INTRO */
.intro							{ }
.intro .imagen					{ max-width:200px; width:200px;}
.intro .imagen2					{ min-width:250px; width:250px; height:200px; margin:0 40px 0 0; order:0;}
.intro .persona					{ max-width:150px; width:150px; height:400px;}
/* FIN INTRO */


/* INTRO HOJA */
.introhoja 						{ width:95%; font-size:90%;}
/* FIN INTRO HOJA*/

/*ENTRADAS PUBLICACIONES*/
.entradapub		 				{ font-size:90%;}
/*FIN ENTRADAS PUBLICACIONES*/


/*ENTRADAS CERO*/
.entradacero				{ font-size:90%; font-weight:400;}
.entradacero .imagen		{ height:150px;}
.entradacero .contenido		{ padding:15px;}
/*FIN ENTRADAS CERO*/


/*ENTRADAS PROYECTOS*/
.entradaproyecto					{ }
.entradaproyecto:nth-of-type(odd)	{ }
.entradaproyecto .imagen			{ max-width:51%; min-width:51%; height:100%;}
.entradaproyecto .contenido			{ max-width:50%; min-width:50%; padding:50px;}
.entradaproyecto .contenido:after	{ }
.entradaproyecto .titulo			{ }
.entradaproyecto .texto				{ }
/*FIN ENTRADAS PROYECTOS*/



/*ENTRADAS PRINCIPALES*/
.entradauno					{ font-size:85%; font-weight:500;}
.entradauno .imagen			{ height:150px;}
.entradauno .contenido		{ }
/*FIN ENTRADAS PRINCIPALES*/
}


/*ENTRADAS SECUNDARIAS*/
.entradados 				{ font-size:90%;}
/*FIN ENTRADAS SECUNDARIAS*/

/* for 500px or less */
@media screen and (max-width: 568px) {
/*GALERIAS*/
.galeria						{ }
.galeria .contenido				{ }
.galeria .imagen				{ width:33.33%; height:165px;}
.galeria .imagen2				{ width:33%; height:180px;}
.galeria .portada				{ width:33.33%;}
/*FIN GALERIAS*/


/* INTRO */
.intro 							{ display:flex; flex-direction:column;}
.intro .fondo					{ display:none;}
.intro .imagen					{ width:100%; height:270px; margin:auto 0 70px 0;}
.intro .imagen2					{ display:none;}
.intro .persona					{ width:100%; height:270px; margin:auto 0 70px 0;}
.intro .contenido				{ width:100%; height:auto; margin-top:-40px; padding-bottom:0}
.intro .botonera				{ margin:auto; padding:20px 0; text-align:center;}
/* FIN INTRO */


/* JUMBOTRON */
.jumbotron				{ padding:35px; font-size:90%;}
.jumbotron .contenido	{ display:block; padding:20px;}
.jumbotron .titulo		{ font-weight:500;}
.jumbotron .texto		{ }
.jumbotron .boton		{ padding:10px 25px; font-size:105%;}
/* FIN JUMBOTRON */


/*ENTRADAS PUBLICACIONES*/
.entradapub .contenido			{ padding:20px;}
/*FIN ENTRADAS PUBLICACIONES*/


/*ENTRADAS CERO*/
.entradacero .imagen		{ height:200px;}
/*FIN ENTRADAS CERO*/


/*CAJA RELACIONADO*/
.relacionado				{ }
.relacionado .contenido		{ }
.relacionado .item			{ }
.relacionado .titulo		{ }
.relacionado .texto			{ margin-bottom:20px;}
.relacionado .botonerai		{ }
/*FIN CAJA RELACIONADO*/


/*ENTRADAS PROYECTOS*/
.entradaproyecto					{ }
.entradaproyecto:nth-of-type(odd)	{ flex-direction:row;}
.entradaproyecto .imagen			{ max-width:35%; min-width:35%;}
.entradaproyecto .contenido			{ max-width:56%; min-width:56%; padding:40px;}
.entradaproyecto .contenido:after	{ }
.entradaproyecto .titulo			{ }
.entradaproyecto .texto				{ }
/*FIN ENTRADAS PROYECTOS*/



/*ENTRADAS PRINCIPALES*/
.entradauno 				{ margin-bottom:-20px; font-size:100%; border-bottom:1px solid #e1e1e1; background:#fff;}
.entradauno:last-of-type	{ }
.entradauno .imagen			{ float:left; width:65px; height:65px; margin:20px 0; border:1px solid #e1e1e1; border-radius:100%;}
.entradauno .imagen:after	{ display:none;}
.entradauno .contenido		{ clear:right; width:auto; min-height:auto; padding:20px; padding-bottom:40px;}
/*FIN ENTRADAS PRINCIPALES*/


/*ENTRADAS SECUNDARIAS*/
.entradados 				{ margin-bottom:-22px; border-radius:0; font-size:90%;}
.entradados .imagen			{ min-width:55px; width:55px; height:55px; margin:15px 0 15px 15px; border:1px solid e1e1e1; border-radius:100%;}
/*FIN ENTRADAS SECUNDARIAS*/


/*ENTRADAS PERSONAS*/
.col-persona				{ width:100%; border-bottom:1px solid #ddd;}
.col-persona:last-child		{ border-bottom:none}
.entradapersona	 			{ display:flex; flex-direction:row;}
.entradapersona .imagen		{ float:left; min-width:105px; width:105px; max-height:105px; height:105px; border:1px solid #e1e1e1; border-radius:100%;}
.entradapersona .contenido	{ fex:auto; min-height:auto; padding:0 0 0 20px;}
.entradapersona .titulo		{ line-height:1.5em;}
.entradapersona .cargo		{ line-height:1.5em;}
.entradapersona .texto		{ line-height:1.4em; margin-top:5px;}
/*FIN ENTRADAS PERSONAS*/

}
/* for 480px or less */
@media screen and (max-width: 480px) {
/*GALERIAS*/
.galeria						{ display:row; align-items:center;}
.galeria .contenido				{ text-align:center;}
.galeria .imagen				{ width:50%; height:140px;}
.galeria .imagen2				{ width:50%; height:150px;}
.galeria .portada				{ width:50%;}
/*FIN GALERIAS*/


/* INTRO */
.intro 							{ display:block;}
.intro .imagen					{ height:300px; margin-right:auto; margin-left:auto;}
.intro .persona					{ min-width:96%; width:96%; height:auto; margin-right:auto; margin-left:auto;}
.intro .contenido				{ width:100%; margin-top:-20px; padding:0;}
.intro .titulo					{ font-size:190%;}
.intro .botonera				{ }
/* FIN INTRO */


/* INTRO HOJA */
.introhoja .contenido		{ padding:30px 0 50px;}
.introhoja 					{ width:90%; font-size:90%;}
.introhoja .texto			{ text-align:center;}
.introhoja .boton			{ float:none;}
/* FIN INTRO HOJA*/

/* JUMBOTRON */
.jumbotron					{ padding:5px; font-size:70%;}
/* FIN JUMBOTRON */

.item						{ line-height:1.2em; }

/*ENTRADAS CERO*/
.entradacero .imagen		{ height:200px;}
/*FIN ENTRADAS CERO*/


/*ENTRADAS PROYECTOS*/
.entradaproyecto					{ height:auto; flex-direction:column;}
.entradaproyecto:nth-of-type(odd)	{ flex-direction:column;}
.entradaproyecto .imagen			{ max-width:100%; min-width:100%;}
.entradaproyecto .contenido			{ max-width:100%; min-width:100%; padding:30px 0 0 0; background:transparent;}
.entradaproyecto .contenido:after	{ display:none;}
.entradaproyecto .titulo			{ }
.entradaproyecto .texto				{ }
/*FIN ENTRADAS PROYECTOS*/




/*ENTRADAS PRINCIPALES*/
.entradauno 				{ font-size:85%;}
.entradauno .imagen			{ width:55px; height:55px; margin-right:0;}
.entradauno .contenido		{ }
/*FIN ENTRADAS PRINCIPALES*/


/*ENTRADAS SECUNDARIAS*/
.entradados 				{ font-size:90%;}
.entradados:hover			{ border-bottom:2px solid #ccc; background:#;}
.entradados .imagen			{ width:55px; height:55px; margin:15px 0 15px 15px; border:1px solid e1e1e1; border-radius:100%;}
/*FIN ENTRADAS SECUNDARIAS*/


/*ENTRADAS PERSONAS*/
.entradapersona .imagen		{ min-width:85px; width:85px; height:85px;}
.entradapersona .titulo		{ line-height:1.2em;}
.entradapersona .cargo		{ line-height:1.5em;}
.entradapersona .texto		{ line-height:1.4em;}
/*FIN ENTRADAS PERSONAS*/

}