@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'; /* fuentes web */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700'); /* todo */


@import 'cookies.css';
@import 'mod-navi.css';

*{
margin: 0;
padding: 0;
transition:all 0.2s ease;
scrollbar-width: thin;
scrollbar-color:#c9c9c9;
}

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


.logos-compuestos			{ position:relative; float:none; height:130px; margin-bottom:30px; background:#f3f3f3;}
.logos-compuestos .logo		{ position:relative; float:left; width:auto; height:100%; margin:0 0 0 1px; display:flex; align-items:center; justify-content:center; overflow:hidden;}


 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}


/* CARGADOR */
.cargador		{ position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:1000;}
.cargador		{ display:flex; align-items:center; justify-content:center; overflow:hidden;}
.spinner 		{ border:3px solid transparent; border-radius:100%; border-top:3px solid #543790; border-right:3px solid #543790; border-bottom:3px solid #543790; width:60px; height:60px; animation:spin 1s linear infinite;}
@keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(359deg);}}
/* FIN CARGADOR */


.rota						{ transform:rotateY(45deg); animation:rotateAnimation 2s linear infinite;}
@keyframes rotateAnimation 	{ from {transform: rotateY(45deg);} to {transform: rotateY(225deg);}}

@keyframes aparece	 		{ 0% { opacity: 0; transform: translateY(50px); } 30% { opacity: 0;} 100% { opacity: 1; transform: translateY(0);}}

html 			{ scroll-behavior:smooth;}


/* TRADUCTOR */
ul.traductor					{ margin:auto; padding:2px 0; list-style:none; background:transparent; color:inherit; overflow:hidden;}
ul.traductor li 				{ display:inline; font-size:100%; color:inherit; text-decoration:none;}
ul.traductor li+li:before 		{ font-size:90%; padding:4px 8px; color:inherit; content:"|";}
ul.traductor li:last-child		{ }
ul.traductor li a 				{ color:inherit; text-decoration:none;}
ul.traductor li a:hover 		{ color:#ffb606; text-decoration:underline; text-underline-position:under;}

.traductor	.ingles:before			{ content:"EN";}
.traductor	.frances:before			{ content:"FR";}
.traductor	.italiano:before		{ content:"IT";}
.traductor	.arabe:before			{ content:"AR";}
.traductor	.espanol:before			{ content:"ES";}

a.gflag 					{ display:none; vertical-align:middle;font-size:16px;padding:1px 0;}
a.gflag img 				{ border:0;}
a.gflag:hover 				{ background-image:url(https://gtranslate.net/flags/16a.png);}
#goog-gt-tt 				{ display:none !important;}
.goog-te-banner-frame 		{ display:none !important;}
.goog-te-menu-value:hover 	{ text-decoration:none !important;}
body 						{ top:0 !important;}
#google_translate_element2 	{ display:none!important;}
.goog-tooltip 				{ display: none !important;}
.goog-tooltip:hover 		{ display: none !important;}
.goog-text-highlight 		{ background-color: transparent !important; border: none !important; box-shadow: none !important;}
/* FIN TRADUCTOR */


/* BUSCADOR INTERNO */
.cajabusca 			{ clear:auto; width:100%; height:auto; margin:0; padding:0; border:0px solid #DDD; float:auto; background:#FFF; overflow:hidden;}
.buscadormovil		{ position:relative; width:100%; margin:10px 0; padding:0 0 10px 0; 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;}
/* FIN BUSCADOR INTERNO */


/* REBOTE */
@keyframes bounce 	{ 0%, 20%, 50%, 80%, 100% { transform:translateY(0);} 40% { transform: translateY(-30px);} 60% { transform: translateY(-15px);}}
.bounce 			{ @include animation(bounce 2s infinite);}
/* FIN REBOTE */


/* PRELIMINARES */
body 			{ font-size:16px;}
body 			{ position:relative; height:auto; background:transparent; font-family: 'Poppins', sans-serif; color:#7a7a7a;}
html, body 		{ }


li				{ list-style:none;}
a				{ color:inherit; text-decoration:inherit; border-bottom:none;}
a:hover			{ cursor:pointer; border-bottom:none;}
b				{ font-weight:600;}

.boton			{ border-radius:35px;}
.boton:after	{ content:">"; margin-left:5px;}
.boton2			{ border-radius:35px;}
.boton2:after	{ content:">"; margin-left:5px;}
.boton3			{ border-radius:35px;}
.boton3:after	{ content:">"; margin-left:5px;}


img				{ width:100%; height:auto; text-indent:-10000px; padding:0; z-index:1;}
img:-moz-broken	{ opacity:0;}

.imagen			{ padding:0; background:#f3f3f3;}
.imagen:before	{ position:absolute;content:"\f070"; font-family:FontAwesome; font-size:7vw; color:#ddd; -webkit-text-stroke:3px #f3f3f3; z-index:1}
.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;}

.video:after	{ padding:20px 20px 20px 25px; background:rgba(17,17,17, 0.6); border-radius:100%;}
.video:after	{ position:absolute; content:"\f04b"; font-family:FontAwesome; line-height:1; color:transparent; -webkit-text-stroke:2px #fff; display:flex; align-items:center; justify-content:center; z-index:3; overflow:hidden;}

.pdf:after		{ position:absolute; padding:0; content:"\f1c1"; font-family:FontAwesome; line-height:1; color:#fff; display:flex; align-items:center; justify-content:center; z-index:2; overflow:hidden;}
.video:after	{ padding:20px; background:rgba(17,17,17, 0.6); border-radius:100%;}
.flex			{ display:flex; align-items:center; justify-content:center;}
.fijo 			{ position:fixed;}
.navfijo		{ margin-right:auto; margin-left:auto; margin-top:81px;}
.pegajoso  		{ position:-webkit-sticky; position:sticky; top:0;}
.bajointrohoja	{ margin-top:-70px;}
.bajoseparador	{ position;relative; clear:both; height:60px; color:transparent; background:transparent; overflow:hidden;}
.show 			{ display:block;}
.invisible		{ display:none;}
.invisiblee		{ display:none;}
.desactivado	{ z-index:-1;}
.actual			{ border:1px solid #fff; box-shadow: 0 0 0 2px #0075d5; }
.alaizquierda	{ display:inline-block; float:left; margin-right:10px;}
.alcentro		{ text-align:center;}
.justificado	{ text-align:justify}
.negrita		{ font-weight:bold;}
.cortado		{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.comentado1		{ padding:0 30px;}
.first			{ border-top:none;}
.bajando		{ z-index:2; position:relative; max-width:100px; margin:0 auto; padding:10px 5px; text-align:center; animation:bounce 2s infinite; overflow:hidden;}
.bajando:before	{ content:"\f107"; font-family:FontAwesome; font-size:6vw; color:#ddd; animation:bounce 2s infinite;}
.externo:after	{ content:"\f35d"; font-family:FontAwesome; margin-left:10px; font-size:80%;}
.avisosobrefoto { z-index:1; position:absolute; display:flex; align-items:center; justify-content:center;}
.separada		{ border-top:1px solid #dfdfdf;}


.divisorflex			{ display:flex; margin:20px 0; flex-direction:row; justify-content:center; align-items:center; color:#e1e1e1;}
.divisorflex::before	{ content:''; height:1px; background:#e1e1e1; flex:1; margin:0 .25em 0 0;}
.divisorflex::after		{ content:''; height:1px; background:#e1e1e1; flex:1; margin:0 0 0 .25em;}
.divisorflex .img		{ position:relative; width:60px; height:60px; padding:10px; background:transparent; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.divisorflex .img		{ filter:grayscale(0%);}
.divisorflex .boton		{ margin:auto 20px; font-size:80%; border-radius:35px;}
.divisorflex .boton2	{ margin:auto 20px; font-size:80%; border-radius:35px;}


h2, h3, h4, h5, h6, h7 { font-weight:400; text-align:left; padding:4px 0; overflow:hidden;}
h1 			{ font-family:'Playfair Display', serif; font-size:240%; font-weight:500; color:#666; line-height:1.1em; margin:0 0 20px 0; column-span:all;}
h2 			{ font-family:'Playfair Display', serif; font-size: 190%; line-height:1.1em; font-weight:500; margin:0 0 25px 0; column-span:all;}
h3 			{ font-size: 130%; line-height:1.3em; font-weight:300; margin:0 0 25px 0; column-span:all;}
h4 			{ font-size: 100%; line-height: 1.5rem; margin: 0 0 0 0;}
hr 			{ max-width:850px; margin:20px auto; border:none; height:1px; color:#ddd; background:#ddd;}
hr .estilo1	{ max-width:80px; margin:0 auto;}


/* SIN CONTENIDO */
.parrafosincontenido	{ margin:auto; padding:50px 0; max-width:560px; text-align:center; display:flex; align-items:center; justify-content:center;}
.mensajesincontenido	{ font-weight:600; line-height: 1.4em; font-size:190%; color:#ddd;}
.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"}
/* FIN SIN CONTENIDO */


/* ALERTA */
.w3-closebtn			{ position:absolute; right:0; top:0; padding:10px 20px; font-size:190%; cursor:pointer; z-index:1;}
.cajaalerta				{ position:relative; max-width:1200px; margin:auto; transition:all 0.4s ease; overflow:hidden;}
.cajaalerta	.contenido	{ position:relative; display:inline-block; float:left; width:auto; padding:30px 50px 30px 30px; overflow:hidden;}
.cajaalerta	.titulo		{ line-height:1.1em; text-align:left; color:#FFF; margin:0px 0px 0px 0px; font-size:160%; font-weight:600; overflow:hidden;}
.cajaalerta	.texto		{ line-height:1.5em; text-align:justify; color:#FFF; margin:15px 0px 0px 0px; font-size:100%; text-decoration:none; overflow:hidden;}
.cajaalerta	.texto a	{ text-decoration:none;}
.cajaalerta	.texto:hover{ text-decoration:none;}
		.margentop		{ margin-top:50px;}
		.margenbot		{ margin-bottom:50px;}
/* FIN ALERTA */


ul.migadepan 					{ position:relative; max-width:1230px; margin-bottom:-1px; margin-right:auto; margin-left:auto; padding:20px 5px; list-style:none; color:inherit; z-index:2; overflow:hidden;}
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;}

ul.botonerai 					{ position:relative; max-width:1230px; margin-right:auto; margin-bottom:-1px; margin-left:auto; padding:10px 0; list-style:none; color:inherit; z-index:2; overflow:hidden;}
ul.botonerai li 				{ margin-right:5px; float:left; font-size:95%; color:inherit; text-decoration:none;}


/* ESTRUCTURA */
#cabecera						{ }
#cabecera						{ position:relative; margin:auto; color:inherit;}
#cabecera .navuno				{ margin-right:auto; margin-left:auto; color:inherit; background:#fff;}
#cabecera .navdos 				{ height:81px; color:iherit; background:#fff;}

#cabecera2						{ position:relative; height:132px; margin-right:auto; margin-left:auto; color:#7a7a7a; background:#fff; border-bottom:0px solid #f3f3f3;}
#cabecera2::after				{ display:block; content:""; margin:81px auto; max-width:1230px; border-bottom:1px solid #f3f3f3;}
#cabecera2 .navdos 				{ height:81px; color:#7a7a7a; background:rgba(255, 255, 255, 1); border-bottom:1px solid #f3f3f3;}
#cabecera2 .navigation .logo	{ background:url('../../images/logos/us.webp') center center/55px no-repeat;}

.nonav 									{ height:100px; padding:5px 0;}
.nonav .navigation .logo				{ margin:0 5px 0 0; padding:0; width:90px; height:90px; background-size:cover; overflow:hidden}
.nonav .navigation .logo				{ background:url('../../images/logos/us.png') center center/75px no-repeat;}
.nonav .navigation .brand 				{ width:auto;}
.nonav .navigation .brand .marcafafar	{ font-size:210%; font-weight:700;}
.nonav .navigation .nav-mobile			{ display:none;}
.nonav .navigation 						{ position:relative; top:0; margin:0;}
.nonav .navigation .nav-list			{ display:none;}

#pie						{ display:non; position:relative; clear:both; padding:45px 0 0 0; font-family: 'Roboto', sans-serif; background:#f6f6f6 url("../../images/fondos/pie-mediano.png") right bottom no-repeat; overflow:hidde;}

#contenido					{ position:relative; width:63.4%; float:left; clear:left;}
#lateral					{ position:relative; width:32%; min-height:440px; float:right; clear:right; padding:0 0 0 0; overflow:hidden;}


.inclinado1 				{ position:relative; margin:-55px auto; height:120px; transform:rotate(-2deg); transform: skewY(-2deg); z-index:2; opacity:1; }
.inclinado2 				{ position:relative; margin:-55px auto; height:120px; transform:rotate(2deg); transform: skewY(2deg); z-index:2; opacity:1; }

.ciencien					{ z-index:1; position:relative; overflow:hidden;}
.-ciencien:nth-of-type(odd) 	{ background:#fff;}
.-ciencien:nth-of-type(even) { background:#f8f9fa;}
.ciencien .contenido		{ max-width:1230px; margin:auto; padding:60px 0;}

.anchopagina0				{ z-index:1; position:relative; max-width:1290px; margin-right:auto; margin-left:auto; border-top:1px solid #f8f9fa;}
.anchopagina0 .contenido	{ margin:auto; padding:60px 80px; }

.anchopagina				{ z-index:1; position:relative; max-width:1230px; margin-right:auto; margin-left:auto; border-top:1px solid #f8f9fa;}
.anchopagina .contenido		{ margin:auto; padding:60px 80px;}

.anchopagina2				{ z-index:1; position:relative; max-width:1100px; width:auto; margin-right:auto; margin-left:auto; border-top:1px solid #f8f9fa;}
.anchopagina2 .contenido	{ margin:auto; padding:60px 80px;}

.anchopagina3				{ z-index:1; position:relative; max-width:900px; width:auto; margin-right:auto; margin-left:auto; border-top:1px solid #f8f9fa;}
.anchopagina3 .contenido	{ margin:auto; padding:60px 80px;}



.separador			{ position:relative; max-width:1200px; margin-right:auto; margin-left:auto; height:1px; border-width:0; color:#ddd; background-color:#ddd;}
.fondotra			{ background:transparent; color:#fff;}
.fondofar			{ background:#543790; color:#fff;}
.fondocer			{ background:#1e1445; color:#fff;}

.fondouno					{ background:#fff;}
.fondouno ul.migadepan li a { color:#006699; text-decoration:none;}


.fondodos			{ background:#f8f9fa;}
.fondotre			{ background:#f3f3f3;}
.fondocua			{ background:#b2223a; color:#fff;}
.fondocin			{ background:#648a9f; color:#fff;}
.fondosei			{ background:#059f94; color:#fff;}
.fondosie			{ background:#bd1353; color:#fff;}
.fondooch			{ background:#336699; color:#fff;}
.fondoutilidades	{ color:#7a7a7a; background:url('../../images/fondos/paredblanca-mesa-silla-planta.jpg') center center/cover no-repeat;}


.bordearriba		{ border-top:1px solid #f3f3f3;}
.bordedercha		{ border-right:1px solid #f3f3f3;}
.bordeabajo			{ border-bottom:1px solid #f3f3f3;}
.bordeizqda			{ border-left:1px solid #f3f3f3;}

		
#titulon			{ position:relative; margin-right:auto; margin-left:auto; text-align:left;}
#titulon:after		{ content:""; display:block; max-width:60px; margin-top:20px; border-style:solid; border-width:0.9px; color:inherit;}
.pretitulon			{ font-size:90%; font-weight:500; line-height:1.5em; color:inherit; padding:5px 0; text-transform:uppercase; list-style:none;}
.titulon 			{ font-size:180%; font-weight:600; line-height:1em; padding:0px 0; color:inherit;}
.subtitulon			{ font-size:105%; font-weight:400; line-height:1.5em; color:inherit; margin:20px 0 0 0;}


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

.lista2				{ padding:0 0 0 10px; display:flex;}
.lista2:before		{ float:left; max-width:20px; content: "\f111"; font-family: FontAwesome; font-size:40%; margin:0 10px 0 0; text-decoration:none; color:#666}

.doscolumnas		{ position:relative; column-gap:45px; column-count:2; overflow:hidden;}
.trescolumnas		{ position:relative; column-gap:45px; column-count:3; overflow:hidden;}
.linea	{ column-rule:1px solid #e1e1e1;}

.parrafo				{ height:auto; text-align:justify; padding:20px 0; list-style-position:outside; }
.parrafo .imagen		{ margin-right:auto; margin-left:auto; max-width:770px; max-height:420px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.parrafo .titulo		{ font-size:120%; color:inherit; margin-bottom:5px; padding:4px 0; line-height:1.3em; font-weight:600;}
.parrafo .texto			{ font-size:105%; color:#7a7a7a; line-height:1.5em; text-decoration:none; margin-bottom:10px;}
.parrafo .texto a		{ color:#543790; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.parrafo .texto a:hover	{ color:#7a7a7a; text-decoration:underline; text-underline-position:under; border-bottom:none;}

.avatarintro			{ position:relative; float:none; min-width:145px; width:145px; height:145px; margin:0 auto; margin-top:-140px; margin-bottom:20px; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.avataron				{ position:relative; max-width:369px; max-height:369px; height:369px; display:flex; align-items:center; justify-content:center;}
.imagencita				{ position:relative; float:left; min-width:100px; width:100px; height:100px; margin:0 20px 0 0; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.imagencompleta			{ position:relative; margin-right:auto; margin-left:auto; padding:0; max-height:300px; display:flex; align-items:top; justify-content:center;  overflow:hidden;}
.imageninterior			{ position:relative; width:100%; max-height:360px; display:flex; align-items:center; justify-content:center;  overflow:hidden;}
.imagenprevia			{ position:relative; max-height:380px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.imagenbio				{ position:relative; padding:20px 0; display:flex; align-items:top; justify-content:center; overflow:hidden;}
.piedefoto				{ position:relative; width:90%; margin:-25px auto auto auto; padding:25px; text-align:center; color:#666; background:#f3f3f3; overflow:hidden;}
.piedefoto .titulo		{ margin:0; padding:0; font-size:100%; color:inherit; line-height:1.5em; font-weight:600;}
.piedefoto .texto		{ margin:0; padding:0; font-size:95%; color:#7a7a7a; line-height:1.5em; text-decoration:none;}

.sigueuno:after			{ content:">"; margin:0 0 0 5px; text-decoration:none}

.avatar					{ position:relative; float:left; margin:0 15px 15px 0; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.avataruno				{ width:160px; height:160px;}
.avatardos				{ width:60px; height:60px;}


/*ACORDEON*/
.acorderon 					{ max-width:840px; margin:0 auto; margin-bottom:30px; border-top: 1px solid #d9e5e8;}
.acorderon li 				{ position:relative; padding:0 0 5px 0; border-bottom: 1px solid #d9e5e8; list-style:none; overflow:hidden;}
.acorderon li p				{ display:none; margin-bottom:10px; padding:2px 30px; font-size:100%; overflow:hidden;}
.acorderon .avatar			{ position:relative; float:left; min-width:40px; width:40px; height:40px; margin:15px 15px 15px 0; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.acorderon .separa			{ clear:both}
.acorderon t 				{ width:100%; display:block; cursor:pointer; margin-bottom:0px; padding:15px 50px 15px 15px; font-size:120%; font-weight:500; color:inherit; text-align:left; text-indent:0; user-select:none;}
.acorderon t.resaltado		{ color:#333;}
.acorderon t:after 			{ width:15px; height:15px; border-left:1px solid #543790; border-bottom:1px solid #543790; position:absolute; right:10px; content:""; top:17px; transform:rotate(-45deg); transition:all 0.2s ease-in-out;}
t.resaltado:after 			{ transform: rotate(135deg); transition: all 0.2s ease-in-out; }
.acorderon li a				{ display:inline; display:inline-block; float:auto;}
.acorderon .texto			{ font-size:100%; margin-bottom:5px; color:inherit; line-height:1.5em;}
.acorderon .texto a			{ color:#543790; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto a:hover	{ color:#444; text-decoration:underline; text-underline-position:under; border-bottom:none;}
.acorderon .texto:last-child{ padding-bottom:15px;}
.acorderon .link:after		{ display:block; content:"\f061"; font-family:FontAwesome; margin:0 0 0 5px; color:inherit;}
/*FIN ACORDEON*/


/* BOTONES	 */
.botonerac, .botonerai	{ position:relative; z-index:1; overflow:hidden;}
.botonerai				{ clear:both; text-align:left; overflow:hidden}
.botonerac				{ clear:both; text-align:center; overflow:hidden}
.botoneraficha			{ z-index:1; position:absolute; right:20px; bottom:0; text-align:right}

.previoboton	{ position:relative; display:inline-block; float:auto; margin:0 0 5px 0; padding:10px 16px; text-align:center; text-decoration:none; line-height:1.5em;}
.previoboton2	{ position:relative; padding:20px 0; line-height:1.5em; border-top:1px solid #e1e1e1; font-size:110%; font-weight:500;}
.leeloen:after	{ content:"Fuentes:"; font-weight:500; padding-bottom:15px;}

.boton				{ position:relative; display:inline-block; margin:0 0 5px 0; padding:12px 24px; line-height:1.5em;}
.boton				{ background:#800000; color:#fff; border:1px solid #800000; transition: 0.3s;}
.boton:hover		{ background:#444; color:#fff; border:1px solid #444;}

.boton2				{ position:relative; display:inline-block; margin:0 0 5px 0; padding:12px 24px; line-height:1.5em;}
.boton2				{ background:#fff; color:#666;  border:1px solid #ddd; transition: 0.3s;}
.boton2:hover		{ background:#666; color:#fff; border:1px solid #666; }

.boton3				{ position:relative; display:inline-block; margin:0 0 5px 0; padding:12px 24px; line-height:1.5em;}
.boton3				{ background:transparent; color:#fff;  border:1px solid #fff; transition: 0.3s;}
.boton3:hover		{ background:#fff; color:#7a7a7a; border:1px solid #fff; }

.boton0				{ display:inline-block; line-height:1.5em; margin-bottom:5px; padding:5px 12px; font-size:95%; white-space:nowrap; color:inherit; border-radius:3px;}
.boton0:hover		{ text-decoration:none; background:#ddd}

.botoncitos			{ position:relative; margin-top:35px; color:inherit; font-size:95%; display:flex; justify-content:space-between; overflow:hidden;}
.botoncitos a:hover	{ text-decoration:none;}
.botoncito			{ padding:10px 0; text-align:right; color:inherit; border:none;}
.botoncito a		{ text-decoration:underline; text-underline-position:under;}
.botoncito:hover 	{ text-decoration:none; color:#444;}
.botoncito:after	{ content:">"; margin:0 0 0 5px; text-decoration:none;}

.botoncito2			{ padding:10px 15px; text-align:center; color:inherit; border:none; background:#336699; color:#fff;}
.botoncito2 a		{ text-decoration:none; text-align:right; text-underline-position:under;}
.botoncito2:hover 	{ background:#444;}
.botoncito2:after	{ content:">"; margin:0 0 0 5px;}


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


#contenedormapa 		{ position:relative; padding-top:50%; width:auto; min-height:473px; margin:0 auto;}
#mapa 					{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100% top:0;}

.mapa					{ position:relative; padding-bottom:55%; height:0; overflow:hidden;}
.mapa iframe 			{ position:absolute; top:0; left:0; width:100%; height:100%;}


.social					{ margin-right:auto; padding:8px 0; text-decoration:none; display:flex; flex-direction:row; overflow:hidden;}
.social					{ font-family:FontAwesome; text-decoration:none; font-size:170%; color:inherit;}
.social a				{ text-decoration:none;}


.icono					{ color:inherit; padding:0 10px;}
.icono a				{ text-decoration:none;}
.iconogrande			{ font-size:200%; color:inherit;}

	.code:before		{ content: "\f121";}
	.oficial:before		{ content: "\f0a3";}
	.enlace:before		{ content: "\f0ac";}	
	
	.facebook:before	{ content: "\f09a";}
	.twitter:before		{ content: "\f081";}
	.youtube:before		{ content: "\f166";}	
	.instagram:before	{ content: "\e055";}
	.linkedin:before	{ content: "\f08c";}
	
	.play:before		{ content: "\f04b";}
	
	.telefono:before	{ display:inline-block; float:auto; content: "\f098"; font-family: FontAwesome; margin:0 5px 0 0}
	.correo:before		{ display:inline-block; float:auto; content: "\f0e0"; font-family: FontAwesome; margin:0 5px 0 0}



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

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


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

/* ----------------------------------------------------------------------------------------------------- */

/* MONITORES GRANDES */
@media only screen and (min-width: 1900px) {


}
/* IPAD HORIZONTAL */
@media screen and (max-width: 1024px) {

.ciencien				{}
.ciencien .contenido	{ max-width:96%; margin:auto; padding:60px 0;}

.anchopagina0			{ max-width:100%;}
.anchopagina0 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina			{ max-width:100%;}
.anchopagina .contenido	{ margin:auto; padding:60px 20px;}

.anchopagina2			{ max-width:100%;}
.anchopagina2 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina3			{ max-width:100%;}
.anchopagina3 .contenido{ margin:auto; padding:60px 20px;}

.avataron				{ position:relative; max-width:369px; width:369px; max-height:369px; height:369px;}



}
/* IPAD VERTICAL */
@media screen and (max-width: 768px) {

.ciencien				{ padding:30px 0; border-top:1px solid #f8f9fa;}
.ciencien .contenido	{ max-width:94%; margin:auto;}

.anchopagina0			{ max-width:100%;}
.anchopagina0 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina			{ max-width:100%;}
.anchopagina .contenido	{ margin:auto; padding:60px 20px;}

.anchopagina2			{ max-width:100%;}
.anchopagina2 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina3			{ max-width:100%;}
.anchopagina3 .contenido{ margin:auto; padding:60px 20px;}

.avataron				{ max-width:320px; max-height:320px; height:320px;}


#contenedormapa 	{ padding-bottom:220px;}

}
/* IPHONE HORIZONTAL */
@media screen and (max-width: 568px) {
#cabecera2 .navigation .logo	{ background:url('../../images/logos/us.png') center center/55px no-repeat;}


.invisiblem				{ display:none;}
h1 						{ font-size:170%; margin:0 0 20px 0;}


.ciencien				{ overflow:hidden;}
.ciencien .contenido	{ max-width:auto; padding:20px 0; width:93%; margin:auto;}

.anchopagina0			{ max-width:100%; overflow:hidden;}
.anchopagina0 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina			{ max-width:auto; width:auto; overflow:hidden;}
.anchopagina .contenido	{ width:90%; margin:auto; padding:60px 0px;}

.anchopagina2			{ max-width:100%; overflow:hidden;}
.anchopagina2 .contenido{ margin:auto; padding:60px 20px;}

.anchopagina3			{ max-width:100%; overflow:hidden;}
.anchopagina3 .contenido{ margin:auto; padding:60px 10px;}


.-video:after			{ font-size:200%;}
.-pdf:after				{ font-size:200%;}


.titulon				{ line-height:1.2em; margin-bottom:5px;}

.doscolumnas 			{ column-count:1;}
.trescolumnas 			{ column-count:1;}

.previoboton			{ display:block; float:none; margin:0 0 15px 0;}


}
/* IPHONE VERTICAL */
@media screen and (max-width: 480px) {
.logos-compuestos		{ height:auto; overflow:hidden;}
.logos-compuestos .logo	{ height:70px;}


.bajointrohoja			{ margin-top:0;}

.invisiblemv			{ display:none;}

.ciencien				{ }
.ciencien .contenido	{ max-width:auto; width:auto; margin:auto; padding:40px 0;}

.avataron				{ position:relative; max-width:300px; width:300px; max-height:300px; height:300px;}

.titulon				{ font-size:130%;}

.titulo					{ font-size:105%; text-align:left;}
.texto					{ font-size:100%; text-align:left;}
.boton, .boton2			{ float:none; font-size:90%; padding:8px 12px;}
.piedefoto .titulo		{ text-align:center;}
.piedefoto .texto		{ text-align:center;}

/*ACORDEON*/
.acorderon t 			{ font-size:100%; font-weight:500; text-align:left;}
.acorderon .avatar		{ min-width:50px; width:50px; height:50px;}
/*FIN ACORDEON*/
}