body{margin:0; 
	 background:#fff;}


body,input,textarea,select{
		font-family: 'Raleway', sans-serif;
		font-weight: 200i;
		font-size: 11pt;
		line-height: 1.75em;}

h1,h2,h3,h4,h5,h6{  
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 500;}

/*#productos h5 {text-transform: inherit;}*/

h1 a, h2 a, h4 a, h5 a, h6 a{
			display:block;
			color: inherit;
			text-decoration: none;}


#inicio-grabado { position:relative; font-weight:normal ;color: black;}
/*.cto-r{display:none;background:#dbdcde; width:100%;}
.cto-r a{display:none;float:left; text-decoration:none;font-weight:normal;margin-top:10px;padding-left:4%;}
.cto-r img{display:none;width:33px; float:left; margin:0; padding:0;}*/

.cto{display:inline-flex; height:auto; padding-left: 2%;}
.cto a:hover{opacity: 0.5;}
.cto img{display: inline-block; width:46px; padding-left:5px;}
.cto img a:hover {opacity: 0.5;}


.cto-foot{display:block;
    width:350px;
    height:auto;
    margin-right:4%;
    margin-top: 2%;
    margin-bottom:1%;}
.cto-foot a{ float:left; text-decoration:none;font-weight:normal;margin-top:6px;}
.cto-foot img{display: inline-block; width:33px; float:left; margin:0; padding:0;}

/*strong, b{font-weight: bold;color: #000000;}*/

.perfiles li#profesor-titular{float:left;width:100% !important; line-height:1.5em;padding: 2em; min-height:70px;}  
.perfiles li{float:left;width:44%; line-height:1.5em;padding: 2em; min-height:70px;}       
.descrip{ text-decoration: none !important;text-align: left; color:#575757 !important; width:90%;padding-top: 10px !important;}
.descrip a{text-decoration: none !important;}
.perfiles img {display:inline; float:left; margin-right: 5%;}
ul.perfiles {padding:0;}
ul.perfiles  img{display:inline;float:left; padding-right: 1em}
#profesor-titular { border-bottom: 2px solid black;-moz-border-bottom: 2px solid black; -webkit-border-bottom: 2px solid black;
border-left: 2px solid black;-moz-border-left: 2px solid black; -webkit-border-left: 2px solid black;}
#equipo { border-bottom: 2px solid black;-moz-border-bottom: 2px solid black; -webkit-border-bottom: 2px solid black;
border-left: 2px solid black;-moz-border-left: 2px solid black; -webkit-border-left: 2px solid black;}
.titulo_boton {margin:0; font-weight:bold;text-align: left;}
#contenido{clear:both; overflow:auto;}
a#boton{display: block;margin:0; font-weight:bold;text-align: left; text-decoration:none;}
div#capa{display: none;text-align: left;margin-bottom:10px;}
.text-investigacion{color: white; font-size: 17px; display: inline-block; width: 85%; text-align: justify; padding-left: 8%;}


.textura {margin-top: 3%;width:100%; margin:0 auto;}
/*img .textura {width:100% !important;}*/

#colegios img{padding-left: 3%;padding-top: 4%;}

.especialistas {display:block; width:95%; height:130px;background-color:black;
    color:white;font-size:26px !important;line-height:130px;font-weight:normal;margin:0 auto;
    margin-top: 4%;}

.consulte article{ display:inline-block; width:30%; color:black; border:2px solid black;text-align:center; float:left;}
.consulte article p{text-align:center;}
article p {text-align:left;}

p, ul, ol, dl, table{margin:0;}


header{width:100%;
	   background:white;
	   margin: 0;
	   position: relative;
       margin-bottom: 12px;}

h1 {background: url(../img/logo-300px.png) no-repeat;
    width:301px;
    text-indent:-9999px;
    margin-top: 3%;}

h1 a{display:block; height:134px;}

h2 {display:block; text-align: center;font-weight:normal; color:#575757; margin-bottom: -5px;}
.fda {width: 250px;
    display: flex;
    margin-left: 395px;}

h3 {display:block;text-align:center;color:#5e5e5e;font-size:14px;font-weight:500;}

h5 {display:inline-block;text-align:center;color:#5e5e5e;font-size:16px;font-weight:400;margin:0; text-transform:lowercase;}
hr {display:inline-block;height:2px; border:0; background-color:white; text-align:center;padding-top:0px;}


ul, li {display:inline-block;margin-top:15px; padding:0; list-style:none; text-align:center;}
nav a {text-decoration:none; margin-right:35px; font-size:16px;color:#575757;}
.presionado{ display:block; background:black ; text-decoration:none;}
.activado{background:black !important;}
/*.presionado2{background:#31bcad;}*/


img {margin:10px 0px 10px 0px; border:none;}
#inicio img {margin:0 auto; padding:0; height:100%;}
.text {position: absolute;
    bottom: 28%;
    right: 4%;
    width: 37%;
    background: rgba(247,178,55,0.6);
    line-height: 91px;
    color: black;
    font-size: 58px;
    letter-spacing: 8px;}
.text-nos {color:black;font-size: 17px;}
.img-r {display:none;}
.otroidioma{position:absolute; bottom:19%; right:46%;color:black;font-size: 24px;color: #00b1ac;cursor: pointer;}
.img-text-cel {display:none;}

#nosotras {width:80%;text-align:center;padding-left:10%;margin-top: 3%;}
#nosotras p{padding-top:25px; color:black;}
#nosotras strong{color:black;}
#taller {width:80%;text-align:center;padding-left:10%;margin-top: 3%;}
#taller p{padding-top:25px; color:black;}
#taller strong{color:black;}
#propuesta, #asignatura, #trabajamos, #proyecto, #ensayos, #actorxs, #referencias {width:80%; text-align:justify; padding-left:10%; margin-top: 2%;}
#propuesta h2, #asignatura h2, #trabajamos h2, #proyecto h2, #ensayos h2, #actorxs h2, #referencias h2{color:black; text-align: left; font-weight: bold; text-transform: Initial;}
#referencias a{color:#fc0026;}
.ref{font-style: italic;}
strong a{text-decoration: none !important;}

#servicios {width:80%; text-align:center; padding: 2% 10%;}
#servicios p{padding-top:25px; padding-left: 3em;color:#fff; font-size:16px;}
.servicios li{float:left;width:40%; line-height:1.5em;padding: 1.9em 1em 1.6em; min-height:70px;margin-left:3%;margin-bottom:5%;} 
.servicios ul{width:100%;} 
.serv {width:90%;border-bottom: 2px solid black;-moz-border-bottom: 2px solid black; -webkit-border-bottom: 2px solid black;
border-left: 2px solid black;-moz-border-left: 2px solid black; -webkit-border-left: 2px solid black;}

#preguntas {background:black !important;width: 100%; min-height: 600px; padding-top: 4%; margin-top: 4%;}
#preguntas li a{text-decoration:none;}
#preguntas h2{color:white !important;}
#preguntas h3{color:white !important;}
.cuestionario {width:95%; margin:0 auto;}
.preguntas {line-height: 2.5em;padding: 3% 0% 2% 3%;}
.preguntas p{border-bottom: 1px solid black;}
.respuestas {width:80%; padding-left:3%;}
.respuestas h3{letter-spacing:0px !important;}
.tit{text-align:left;text-transform:none; color:black;font-weight:bold;font-size: 17px;}
.respuestas p{text-align:left;text-transform:none; padding-bottom: 8%;}
.logo {display:inline-block;}

.indice {display:inline-block;float:none;width: 20%; margin-left: 9%;padding: 0.5em 1em; border: 0.5px solid #b9be10;}
.indice p{text-align: left; padding-left: 8%;}
.indice h2{text-align: left; padding-left: 8%; color:black;}

.redes{display: inline-block;
    margin-top: 25px;
    margin-right: 35px;}

/*.redesfoot{position:absolute;
    margin-left: 8%;
    margin-top: 250px;}*/


.container {margin:0 auto; width:100%;}
section {padding-top:1.2em;}
#inicio {background: white; width:100%;margin:0 auto; padding:0; position:relative;}

.hr-pf {margin: 0px 0px 0px 44%; color:white !important;}
span{color: black;margin-right:1em;} 

/*BOTON FRANCES -ESPAÑOL*/
.boton{
    width:20%;
    float:right;
        margin-right: 15%;
    background: black;
    border: 2px solid black;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;}

.boton:hover{
    color: black !important;
    font-size:normal;
    background:none;
    border: 2px solid black;}


   .boton3{padding: 0.5em 0em;
     text-decoration: none;
     text-transform: uppercase;
     font-weight:normal;
     color: black;
     cursor: pointer;
     border-bottom: 2px solid black;
     -moz-border-bottom: 2px solid black; -webkit-border-bottom: 2px solid black;}
   .boton3:hover{
     border-bottom: 0.75px solid black;
     border-bottom: 2px solid black;
     -moz-border-bottom: 2px solid black; -webkit-border-bottom: 2px solid black;
     color: black !important;}
    
    .boton4 {
    width:90%;
    padding: 0.5em 1em;
    position: absolute;
    bottom: 15%;
    right: 4%;
    text-decoration: none;
    text-transform: uppercase;
    color:black;
    font-weight:bold;
    font-size: 28px;
    line-height: 28px;
    background: rgba(255,255,255,0.7);
    cursor: pointer;
    /* border: 2px solid #fff; */
    -moz-border: 2px solid #fff;
    -webkit-border: 2px solid #fff;}

    .boton4:hover{
          color: #000 !important;;
          border: 2px solid #000;
          -moz-border: 2px solid #00b1ac;
          -webkit-border: 2px solid #00b1ac;}

.boton5{padding-top: 0.5em; padding-bottom: 0.5em;
    float:right;
    text-decoration: none;
    text-transform: uppercase;
    background:black;
    color: #000;
    }


    .boton6{font-size: 18px;
    padding: 0.5em 1.3em 0.5em 1.3em;
    text-decoration: none;
    text-transform: uppercase;
    background:black;
    color: #fff;
    margin-top:3%;
    }

.up {background: url(../img/up.png) no-repeat; width:47px; height:57px; text-indent:-9999px; position:fixed;bottom:15px; right:15px;}
#nodo {background: url(../img/nodo.png) no-repeat; width:140px; height:129px; text-indent:-9999px; position:fixed;bottom:105px; left:45px;}
@keyframes salto {
  0%, 100% { transform: translateY(0); }
  40%       { transform: translateY(-8px); }
  60%       { transform: translateY(-4px); }
}
.btn-salto { animation: salto 1.9s ease 0s infinite; /* se ejecuta una vez */}
/* FIN Botones */


/*#quienes{background:url(../img/fondo-quienes.jpg) no-repeat;padding-left: 5%; padding-bottom: 4%;padding-top:5%;min-height:800px; }*/

#contacto {background: #dbdcde;}
footer .container {width:100%;background:#5d5d5d; color: #dbdcde;}
footer .container {text-align:right;}
/*footer li{line-height: 2.1em;  float:left; padding-bottom:30px;text-align:left;text-transform:uppercase;}*/
/*footer li p strong{color:#757575; font-size:20px;font-weight:normal;}*/
/*.asuncion {padding-left: 10px;}*/
.folio-foot {width: 210px; height: auto;}
.folio-foot a{width: 210px; height: auto;}
/*.balloon {width:50%;float:left;}*/

.pie {width:100%; height:40px;background:black; text-align:center; font-size:9px;line-height: 4em;letter-spacing: 1px; text-transform: uppercase; color:grey;}
.pie a {color:inherit; text-decoration:none; text-transform: bold}
.clear{clear:both;}

/*Exhibiciones y Publicaciones*/
.container {display: inline-flex;text-align:center; margin:0 auto; width:100%; justify-content: center; align-items: center;}
section {padding-top:1.2em;}
.prod {background:white;text-align:center;display: inline-block;}
.prod p{margin:7px;}
#productos {background:#fff;text-align:center;padding-top:5%;}
#productos h2{text-align:left !important;padding-left:8%;}
#productos .container{display: inline-block; text-align:center; margin:0 auto; width:100%;}
#productos .container ul li{display:inline-block; margin:15px 0px 15px 15px; width:380px; background:#fff; vertical-align:top; position:relative;line-height:1.3em;}
.alineado{text-align:justify;}
/*Exhibiciones y Publicaciones*/

/*Investigacion/proyectos*/
#listado {display: inline-flex; width:70%; padding: 0% 15%; align-items: center;}
.lista h2{color:black; text-align: left; font-weight: bold; text-transform: Initial; padding-bottom:8px;}
.lista .hr{border-bottom: 1px solid black; width:100%;}
.lista a{color:#fc0026; font-weight:600;}
.lista {align-items: center; padding: 2%;}

.red {color:#fc0026; font-weight:600;}
.lista {width: 100%;}

/*fin Investigacion/proyectos*/

/* Prop Acordeon */
.accordion {max-width:800px;}
.accordion .contentBx{text-align: left; position:relative; margin:0;}
.accordion .contentBx .label{font-weight: bold;text-decoration: none;position:relative; padding:6px 30px 6px 14px; cursor:pointer;}
.accordion .contentBx .label:before {content: '+'; position:absolute; top:50%; right:20px; transform: translateY(-50%); font-size: 1.5em;}   
.accordion .contentBx.active .label:before {content: '-';}
.accordion .contentBx .content {position:relative; height:0; overflow:hidden; transition: 0.5s; overflow-y:auto;}
.accordion .contentBx.active .content {height:250px; padding:0;}
.accordion .contentBx .content-min {position:relative; height:0; overflow:hidden; transition: 0.5s; overflow-y:auto;}
.accordion .contentBx.active .content-min {height:250px; padding:0;}
/* FIN Prop Acordeon */



/* M E D I A  Q U E R I E S */

img { max-width:100%; height:auto}

@media screen and (max-width:1866px){
.text {position:absolute; bottom:40%; right:6%; width:50%;color:black;font-size: 98px;letter-spacing: 8px;}
.otroidioma{position:absolute; bottom:19%; right:50%;color:black;font-size: 24px;color: #00b1ac;cursor: pointer;
    border-bottom:0.5px solid #00b1ac;-moz-border-bottom: 0.5px solid #00b1ac;-webkit-border-bottom: 0.5px solid #00b1ac;}
 
}

@media screen and (max-width:1685px){
.text {font-size: 93px;}
}

@media screen and (max-width:1608px){
.text {position:absolute; bottom:30%; right:6%;font-size: 68px;}
.otroidioma{position:absolute; bottom:3%; right:45%;font-size: 24px;}
}

@media screen and (max-width:1534px){
.hr-pf {margin: 0px 0px 0px 41%;}
}


@media screen and (max-width:1366px){
.consulte article{width:34%;}
.text {font-size: 69px;position:absolute; bottom:34%;}
.otroidioma{position:absolute; bottom:15%; right:45%;}
}

@media screen and (max-width:1330px){
.descrip{width:95%;}
}

@media screen and (max-width:1306px){
.container article{min-height:50px;}
}


@media screen and (max-width:1286px){
.text {font-size:51px;}
}

@media screen and (max-width:1205px){
.cto {margin-right: 7%;}
nav a {margin-right: 0;}
.text {position:absolute; bottom:38%;}
.otroidioma{position:absolute; bottom:21%;}
.fda { width: 250px;}
#taller {margin-top: 10%;}
}

@media screen and (max-width:1180px){
.text {position:absolute; bottom:41%;}
.otroidioma{position:absolute; bottom:21%;}
#listado {display: inline-flex; flex-direction: column;}
#primero{padding-top:28%;}
}

@media screen and (max-width:1110px){
.text {position:absolute; bottom:47%;}
.otroidioma{position:absolute; bottom:29%;}
}


@media screen and (max-width:1080px){
#servicios {width: 90%;padding: 5%;}
}

@media screen and (max-width:1024px){
#nosotras {width:90%;padding-left:6%;}
}

@media screen and (max-width:996px){
.indice {width:60%;padding-right: 7%;margin-left: 20%;}
.boton1 {margin-right: 20%;}
.perfiles ol{width:92%;}
.text {position:absolute; bottom:39%;font-size:39px;}
.boton4 {position:absolute; bottom:12%;}
.otroidioma{position:absolute; bottom:23%;}
.prod {width:80%}
}

@media screen and (max-width:930px){
.otroidioma{position:absolute; bottom:30%;}
.text {position:absolute; bottom:39%;font-size:28px; line-height:35px;}
.boton4 {display: block;left: 2%; font-size: 14px; width: 94%; margin: 0;bottom: 50px;}
}


@media screen and (max-width:843px){
.izq{width:80%;}
#contacto li {padding-left:40px;}
.redesfoot {padding-left:300px;}
.especialistas {font-size:23px;}
#servicios {margin-bottom: 8%;}
#servicios p {display: block; width: 90%;font-size:14px;}
.especialistas {font-size: 20px !important;}
.perfiles li {width: 86%;}
li #profesor-titular{display: block; width: 94%;padding-left: 18%;}
#profesor-titular {border-bottom: 2px solid black;-moz-border-bottom: 2px solid black; -webkit-border-bottom: 2px solid black;
border-left: 2px solid black;-moz-border-left: 2px solid black; -webkit-border-left: 2px solid black;}
/*h1 {background: url(../img/logo-ch.png) no-repeat;width: 170px;height: 96px;text-indent: -9999px;float: left;margin-left: 10%;margin-top: 4%;}*/
.cto {display:none;}
.img-text {display:none;}
.img-text-cel {display:block;}
.text {bottom:39%;font-size:33px;line-height:45px;}
.boton4 {bottom:20%;}
.img-r{display:block;}
.otroidioma {display:none;}
.prod {width:90%}
.fda {width: 33%;}
#preguntas {padding-top: 10%;}
}


@media screen and (max-width:783px){
h1 {display:block;}
.redes {float:none;margin-left: 10%;margin-top: 20px;margin-right: 10%;}
a.boton2 {width: 64%;}
.boton2 {position:absolute;bottom:5%; left:18%;} 
.servicios li {width: 70%; line-height: 1em;margin-left: 9%;margin-bottom: 3%;}
/*.cto-r .boton5 {display:none;}*/
.cto-foot {width:80%;margin-right: 10%;}
.cto-foot a{margin-top:0px;}
.preguntas {width: 90%;}
.respuestas {width: 90%;}
}



@media screen and (max-width:625px){
h1 {background: url(../img/grabado-620.png) no-repeat; width: 100%;}
.fda {display:none}
.especialistas {font-size: 14px !important;}
.text {font-size:20px;position: absolute; bottom:50%;}
}


@media screen and (max-width:607px){
/*article.equipos {width:90%; min-height:340px;}
.boton3{ margin-right: 20%; margin-left: 5%; margin-bottom: 5%;}*/
}

@media screen and (max-width:500px){
.hr-pf {margin: 0px 0px 0px 24%;}
.especialistas {
    font-size: 14px !important;
    display: block;
    width: 90%;
    line-height: 2em;
    padding-top: 6%;
    padding-bottom: 6%;
    height: auto;}
#servicios {margin-bottom: 17%;}
#nosotras {margin-top: 8%;}
}

@media screen and (max-width:455px){
.servicios li {width: 81%;margin-left: 3%;margin-right: 0px;}
/*.cto-r a {margin-left: 5%;}*/
.boton6 {font-size: 16px;}
.compromiso {display: none;}
.consulte article {display: none;}
.col {display: inline-block; width: 27%;}
#colegios img {padding-top: 39%;}
#nosotras {margin-bottom:11%;}
/*.text-nos p strong {display: block;width: 60%}*/
#formulario {margin-top: 8%;}
#preguntas {margin-top: 18%;}
.cuestionario {padding-bottom: 15%;}
footer .container {text-align:left;}
/*.cto-r {height: 84px;}*/

.perfiles img {margin-right: 46%;}
.perfiles li#profesor-titular {float: left; width: 78% !important;}
.perfiles li {width: 78%;}
.especialistas {width: 100%; margin: 0; font-size: 12px !important;}
h1 {background: url(../img/grabado-350.png) no-repeat; width: 100%; margin:0;}
#productos .container ul li {margin: 0px; width: 100%;}
.prod p {width: 90%; margin: 5%;}
.accordion .contentBx {font-size: 12px;}
.boton4 {position:absolute; left: 0px}
#productos h2 {padding-top: 12%;}
.container{margin-top: 16px;}
}