* { padding: 0; margin: 0; font-family: 'Raleway', sans-serif;}
body { font-size:90%;font-family: 'Raleway', sans-serif; color:#303231; }

.wrapper, section, address { max-width:1200px; margin:auto;}

.wrapper:after, header:after, hgroup:after, #menuprincipal:after, nav:after, section:after, footer:after, address:after, article:after, form:after, ul:after, article.unacolumna:after, article.doscolumnas:after, article.trescolumnas:after, article.cuatrocolumnas:after, article.unacolumna .redes:after, article.unacolumna .redes .cajasred:after, footer address ul:after, article.anchadetres:after, #submenukoiwe:after, #submenukoiwe div div:after, article.objetivolaboral:after, .piepagina:after { display:block; content:""; clear:both;}

a { color:#8fb23f;}
h2 { font-weight:300; margin:20px 0; font-size:180%;}
h3 { font-weight:100; margin:20px 0;}
canvas#canvas { z-index:0;padding: 0 10px;}
header {
	position: relative;
	background-color:#FFF;
	z-index:1000;
/*	background-color: #16447a;
	background-image: url(../images/fondo_header.jpg);
	background-repeat: no-repeat;
	background-position: center center;z-index: 910;
*/
}
header .wrapper { position: relative; z-index:9999; }
header .wrapper .logo { position:absolute; top: 0; overflow:hidden; z-index:9999;}
header .wrapper p { text-align:right; color:#47668f;font-size:0.9em; padding:6px;}
header .wrapper p a { display:inline-block; padding:4px; text-decoration:none;}
header .wrapper p a img { display:inline-block; margin:0 0 -10px 0; width: 28px;}


/* CSS menú */
    /* container */
nav { float:right;
    /* container */
}
    nav > a {  display: none; }
    nav li:first-child { border-left:1px solid#FFF; }
    nav li { position: relative; border-right:1px solid#FFF; }
    nav li:last-child {border:none; width: 49px;}
    nav ul li a { color:#000; text-decoration:none; display:block; padding:10px 20px 4px; font-size:1em; font-weight: 300; text-transform: uppercase; border-bottom: 4px solid transparent;}
    nav ul li a:hover { border-bottom: 4px solid #8fb23f;}
    nav ul li:last-child a:hover { border-bottom: 4px solid transparent;}
    nav ul li a#miservicios.seleccionado, #nav ul li a#micontenidos.seleccionado { border-bottom: 4px solid #8fb23f;}
 
    /* first level */
 
    nav > ul { list-style:none; }
    nav > ul > li { height: 100%; float: left; }
	#nav { display:none;} 
    /* second level */
 
    #nav li ul { display: none; position: absolute;  top: 100%; z-index:1000; list-style:none; background-color:#FFF; }
    #nav li:hover ul   {  display: block;  }
    #nav li ul li { width:260px;}
    #nav li ul li a { color:#666; display:block; width:auto;}

/* Barra de Navegación */

.submenukoiwe { background-color:#f2f2f2; width:100%; padding-top: 30px; margin:0; z-index: 900; position: absolute;  display:none; -webkit-animation: menuAnimation 1.8s 1 ease; -moz-animation: cssAnimation 1.8s 1 ease; -o-animation: cssAnimation 1.8s 1 ease; 
} 
 @-webkit-keyframes menuAnimation { 
	from { -webkit-transform:  translatey(-280px);  }
	to { -webkit-transform:  translatey(0); }
}
@-moz-keyframes menuAnimation {
	from { -moz-transform:   translateY(-280px);}
	to { -moz-transform: translateY(0);  }
}
@-o-keyframes menuAnimation {
	from { -o-transform:  translateY(-280px);  }
	to { -o-transform: translateY(0); }
}

.icontacto { text-decoration: none;}
.icontacto i { font-size: 20px;width: 30px; text-align: center; margin: 6px 4px;}

.submenukoiwe div h3 { color:#000; font-size:200%;font-weight: 300; width:16%; float:left; padding:2% 2% 2% 20%; margin:0;}
.submenukoiwe div h3 em { border: 2px solid #476790; padding:15px; color:#476790; font-size:60%; display:block; font-style:normal; position:relative; margin:10px 0 0 0;}
.submenukoiwe div h3 em .derechamedio { position:absolute; top:50%; right:5px; margin-top:-12px;}
.submenukoiwe div div { float:left; width:62%; padding: 2% 0 2% 0; margin:0; -webkit-column-count: 3; /* Chrome, Safari, Opera */    -moz-column-count: 3; /* Firefox */    column-count: 3; }
.submenukoiwe ul { list-style:none; border-left:1px solid #cecece; }
.submenukoiwe ul li { height:50px; }
.submenukoiwe ul li a { display:block; padding:3px 6px 0 20px; text-decoration:none; color:#616362; font-weight: 300;}
.submenukoiwe ul li a:hover { text-decoration:underline;}
.submenukoiwe ul li ul li { font-weight:normal;}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


		
/* SECTION */
section { padding:20px 10px;}
section.detalle { padding:0 10px 0;}
section.detalle h1 { color:#4f81bd; margin:20px 0;}
section.detalle h2 { color:#8fb23f;}

.detalle .anchocompleto { width:100%;}

.fondoazul {
	background-image: url(../images/fondo_azul.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.fondoazul2 {
	background-image: url(../images/caja_entrevista.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.fondogris { background-color:#f9faf9;}

.fondoazul section h2, .fondoazul2 section h2 { color:#FFF; font-weight:300; font-size: 180%;}
h2.destacado { font-weight:400; font-size: 1.5em; line-height:1.5; font-style:normal;}
h2.destacado strong { color:#47638f; font-style:normal; font-weight:500; }
h2.destacado em {color:#8fb23f; font-style:normal;}

.rutatemas {color:#666; list-style:none;padding: 20px;}
.rutatemas li { padding:10px; display:inline;  }
.rutatemas li a { border-right:1px solid #666; display:inline-block; color:#666; text-decoration:none; padding-right:20px;}


article { margin: 1% 1% 0 0;}
article.unacolumna { width:auto; border-top:1px solid #c9cccb; padding-top:20px; clear:both;} 
article.doscolumnas { width:49%; float:left;}
article.trescolumnas { width:26.3%; float:left; margin: 2% 7% 0 0;}
article.cuatrocolumnas { width:24%; float:left; margin: 0% 1% 0 0;}

.casosexito { max-height: 50px;    margin: -20px 0 -14px 30px;} 
.casosexito2 {max-height: 70px;    margin: -24px 0 -14px 30px;} 
.imagentrevista { float: right;}
article.video {width: 60.3%; float: left;    margin: 0 0 0 6%;}

article .redes { width:100%; color:#121212; margin:auto; clear:both;display: flex; flex-flow: wrap;} 
article .redes p {text-align:center;width: 100%;} 
article .redes p strong {color:#47638f; font-style:normal;}

article .redes .cajasred { width:19%; min-height:140px; background-color:#f1f2f1; color:#888a8a; margin:1% 1% 1% 0;} 
article .redes .cajasred img { float:left; margin:10px;} 
article .redes .cajasred h3 { color:#303231; padding:10px 4px 0 60px; margin: 0; box-sizing: border-box; min-height: 50px;} 
article .redes .cajasred p {padding:10px 10px 10px 60px; text-align: left; box-sizing: border-box; } 


article.doscolumnas div { float:left; background-color:#1f63b0; color:#FFF;}
article.doscolumnas div h3 { color:#FFF; padding:0 20px; font-weight: 400;}
article.doscolumnas img { width:50%; float:right;}
article.doscolumnas div p { color:#FFF; padding:0 20px 10px; float: left; width:41%; font-size: 90%; line-height: 1.3; font-weight: 100;}
article.doscolumnas div p a  { color:#FFF; text-decoration:underline;}
article.doscolumnas div p a i.material-icons { float:right; padding:0 10px;color:#8fb23f; }

article.doscolumnas.celeste { background-color:#e0f3fe; width:50%; position:relative; padding:50px 0;}
article.doscolumnas.celeste h3 { color:#f48120; margin:10px 60px ;}
article.doscolumnas.celeste p { color:#606362; margin:0 60px 10px 60px; line-height:1.2;}
article.doscolumnas.celeste p a { color:#932973; text-decoration:none;}
article.doscolumnas.celeste p a i.material-icons { color:#932973; float:left; margin:-4px 10px 0 0;}
article.doscolumnas.celeste i.material-icons.derechamedio{ position:absolute; top:50%; right:10px; color:#f48120; font-size:4em;}


article.objetivolaboral { margin: 1% auto; width:auto; padding:4% 0; background-color:#e0f3fe; background-image:url(../images/home_objetivo.png); background-position:center center; background-repeat:no-repeat;color:#606362; height: 350px; box-sizing:border-box;}
article.objetivolaboral .celeste { width:30%; position:relative; float:left; padding:0 0 0 5%;}
article.objetivolaboral .celeste h3 { color:#f48120; font-size: 180%; font-weight: 500;}
article.objetivolaboral .celeste p { color:#606362; line-height:1.2; padding: 20px 80px 20px 0; font-size: 110%;}
article.objetivolaboral .celeste p a { color:#932973; text-decoration:none; font-weight: 600; }
article.objetivolaboral .celeste p a i.material-icons { color:#932973; float:left; margin:-4px 10px 0 0;}
article.objetivolaboral .celeste i.material-icons.derechamedio{ position:absolute; top:50%; right:10px; color:#f48120; font-size:4em;}

article.objetivolaboral .objetivo { width:30%; margin: 0 4% 0 0; float:right;}
article.objetivolaboral .objetivo img { width:100%; float:none;}
article.objetivolaboral .objetivo p {  margin: 6% 0 0 0; line-height:1.2;font-weight: 600; font-size: 90%; color: #999;}
article.objetivolaboral .objetivo h4 { margin: 6% 0 0 0; font-weight:500; font-size:100%;}
article.objetivolaboral .objetivo p a { color:#f48120; text-decoration:none;font-size: 140%;}

article.objetivolaboral1 { margin: 1% auto; width:auto; padding:4% 0 0; box-sizing: border-box; }
article.objetivolaboral1 h4 { clear: both; margin: 80px 0 20px 0; font-size: 24px; color: #f48120; text-align: center;}
article.objetivolaboral1 .cajas { width:33.3%; position:relative; float:left; padding:0 2%; box-sizing:border-box;}
article.objetivolaboral1 .cajas h3 { color:#f48120; font-size: 20px; font-weight: 500; margin: 20px 0;}
article.objetivolaboral1 .cajas p { color:#606362; line-height:1.2; padding: 20px 80px 20px 0; font-size: 110%;}
article.objetivolaboral1 .cajas p a { color:#932973; text-decoration:none; font-weight: 600; }
article.objetivolaboral1 .cajas p a i.material-icons { color:#932973; float:left; margin:-4px 10px 0 0;}
article.objetivolaboral1 .cajas i.material-icons.derechamedio{ position:absolute; top:50%; right:10px; color:#f48120; font-size:4em;}
article.objetivolaboral1 .cajas img { width:100%; border-radius: 50%; box-shadow: 1px 1px 11px #CCC;}


article.trescolumnas h3 { color:#47638f; font-weight:400; font-size: 130%;}
article.trescolumnas h3 img { height:50px;margin-top: -20px; float: right;}
article.trescolumnas p { margin:30px 0;}
article.trescolumnas a { float:right; padding:0 10px; display:inline-block;}
article.trescolumnas a:hover {  padding:0 4px;}

article.trescolumnas.entrevistas { width:30.9%; float:left; margin: 2% 1%; border:2px solid #f1f2f1; color:#FFF; position:relative;}
article.trescolumnas.entrevistas h3 { font-weight:400; color:#8fb23f;margin:20px;}
article.trescolumnas.entrevistas img { float:right; width:32%;}
article.trescolumnas.entrevistas p { margin:10px 20px; float: left; width: 47%;}
article.trescolumnas.entrevistas a { position:absolute; bottom:4px; padding:0 20px; display:block; width:50%; color:#FFF; text-decoration:none;}
article.trescolumnas.entrevistas a i.material-icons { float:right; padding:0 10px; margin:-4px 0 0; }


article.cuatrocolumnas.textoover { position:relative; margin:0% 1.5% 1% 0;width: 23.5%;}
article.cuatrocolumnas.textoover p { position:absolute; bottom:10%; color:#FFF; width:80%; padding:0 5%; font-weight: 300;     font-size: 120%;}
article.cuatrocolumnas.textoover img { width:100%;}
article.cuatrocolumnas.textoover:hover img {opacity: 0.5;}
article.cuatrocolumnas.textoover .material-icons { position:absolute; bottom:10px; right:10px; color:#FFF;}
article.cuatrocolumnas.textoover:hover p { color:#000; }
article.cuatrocolumnas.textoover:hover .material-icons{ right:4px; color:#8fb23f;}


.trescolumnas form #letra { font-size:300%; width:80px; color:#303231; padding:10px; text-align: center;    float: left;}
.miglosario {color: #afafaf; font-size: 5em; margin: 2px 0 0 0;}  

#id_campo ul { list-style:none; margin-top: 20px; position:relative;} 
#id_campo ul li { margin: 0 0 15px 0; border-bottom:1px solid #FFF; width:160px; } 
#id_campo ul li:hover { color:#8fb23f; border-bottom:1px solid #8fb23f; } 
#id_campo ul li ul { display:none;} 
#id_campo ul li:hover ul { position:absolute; top:-20px; left:220px; display:block;  }
#id_campo ul li ul li { width:100%; color:#000;} 
	
#acompanan { clear:both; margin:30px auto; max-width:1200px; padding:10px 0 0 0;}
#acompanan h3 { margin:20px 0; font-weight:300; font-size:110%;}


section.detalle h1 { color:#4f81bd; margin:20px 0; font-weight: 300; font-size: 300%;}
section.detalle h2 { color:#4f81bd;}
section.detalle h3 {color:#47638f; font-weight:300;}
section.detalle h4 {color:#8fb23f;}
section.detalle p { margin: 10px 0; line-height: 1.5;}


section.detalle form p { width:90%; }
form p label { float:left; width:27%; padding-top: 4px; clear: left;}
form p input, form p textarea { padding:6px; width:65%;}
form p input[type=submit] { padding:6px; width:69%;}


.fondoazul section .anchadetres p, .fondoazul2 section .anchadetres p { color:#FFF;}

section .anchadetres.tiradaizquierda { float:none; margin: 2%;}

section.detalle article.unacolumna { border:none; width: 70%; float: left;}

.fondoazul2 section h2{ width: 20%; float: left;}

.detalle .unacolumna ol { margin:10px 0; padding:0; list-style:none;}
.detalle .unacolumna ol li { padding:6px 0 6px 32px; line-height:1.5;  text-align:justify; background-image:url(../images/flechita_bullet.png); background-repeat:no-repeat; background-position:10px 12px;}
.detalle .unacolumna ol li img {
    margin: -8px 8px 0 0;
    float: left;
}
.detalle .unacolumna ol li ol { padding:0; margin:10px;}

article.anchadetres { width:75%; margin: 2% 1% 0 24%;}
.detalle .anchadetres .material-icons { width:10%; float:left; font-size:300%; }
.detalle .anchadetres p { width:76%; float:left;  }
section.detalle .cajaentrevistas { background-color:#8EB113; padding:30px;}
section.detalle .cajaentrevistas img { width:16%; float:left; }
section.detalle .cajaentrevistas  h2, section.detalle .cajaentrevistas p { margin: 0 6% 0 19%; color:#FFF; }

.subnavegadorbottom { display:none;}
.subnavegador { width:25%; float:right; padding-top: 40px; }
.subnavegador h3, subnavegadorbottom h3 { color: #000; font-size: 200%; font-weight: 300;}
.subnavegador h3 em, subnavegadorbottom h3 em {border: 2px solid #476790;
    padding: 10px 15px;
    color: #476790;
    font-size: 60%;
    display: block;
    font-style: normal;
    position: relative;
	}
.subnavegador h3 em .derechamedio {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -12px;	
}
.subnavegador ul, .subnavegadorbottom ul { margin:0; padding:0; list-style:none;    background-color: #f2f2f2;}
.subnavegador ul li, .subnavegadorbottom ul li { font-weight:bold;}
.subnavegador ul li a, .subnavegadorbottom ul li a { display: block; text-decoration:none; color:#616362;
    padding: 7px 10px 7px 14px;
    border-bottom: 1px solid #f2f2f2;
    border-right: 4px solid #f2f2f2;
}
.subnavegador ul li a:hover, .subnavegador ul li a.seleccionado, .subnavegadorbottom ul li a:hover, .subnavegadorbottom ul li a.seleccionado { color:#8fb23f;
    background-color: #FFF;
    border-bottom: 1px solid #8fb23f;
    border-right: 4px solid #8fb23f;
}
.subnavegador ul li ul, .subnavegadorbottom ul li ul { background-color: #f9f9f9;}
.subnavegador ul li ul li, .subnavegadorbottom ul li ul li { font-weight:normal;}
.subnavegador ul li ul li a, .subnavegadorbottom ul li ul li a {
    border-bottom: 1px solid #f9f9f9;
    border-right: 4px solid #f9f9f9;
}
.subnavegador ul li ul li a strong, .subnavegadorbottom ul li ul li a strong { font-weight:500; }



#slider {
	list-style:none;
	padding:0px;display: flex;
}

.slider-container { 
	/*max-width:1180px; 
	height:85px;
    */
	overflow:hidden;  
    width: 100%;
}

.slider {
    display: flex;
    width: max-content !important;
    animation: slide 80s linear infinite; /* Cambia a 40s para hacerlo más lento */
}

.slider li {
    list-style: none;
    margin: 0 10px;
}

.slider img {
    width: 150px;
    height: auto;
}



@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Se detiene cuando ha pasado la mitad (el contenido duplicado) */
    }
}
.slider-container2 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px
}

.slider2 {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 200%; /* 100% por cada elemento */
}

.slider2 li {
    width: 100%; /* Cada elemento ocupa el ancho completo */
    list-style: none;
}


button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

#prevBtn {
    margin-left: -30px;
}

#nextBtn {
    margin-left: 0;
}


#slider img { 
	width:150px; 
	margin:0px; 
	display:inline-block  
}

#slider li {
	width:150px; 
}

#bannerslide { position:relative; overflow: hidden;}
#bannerslide .recuadro { position:absolute; bottom:-4px; right: 0; margin-right: -30px; max-width: 1200px; z-index:10;}
#bannerslide .recuadro img { max-width: 450px; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
	
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  height: 450px;
  background-position: top center;
  background-size:auto 100%;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
/*  width: 100%;*/
  border: 0;
  max-height:490px;
  text-align:center; margin:auto;
}
	
.rslides#slider4 img { width: auto; max-height:50px; margin:-16px 0 0 0; }
.contenedorcasos { position:relative;}
.contenedorcasos .callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
}

.contenedorcasos .callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.contenedorcasos .callbacks li {
  position: absolute;
  width: 100%;
  height: 300px;
  left: 0;
  top: 0;
 }

.contenedorcasos .callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.contenedorcasos .callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.contenedorcasos .callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top:300px;
	left: -50px;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	margin-top: -45px;
	background-color: transparent;
	background-image: url(../images/themes.gif);
	background-repeat: no-repeat;
	background-position: left top;
  }

.contenedorcasos .callbacks_nav:active {
  opacity: 1.0;
  }

.contenedorcasos .callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


.bx-wrapper, .bx-window { width:100%;}

/* FOOTER*/

footer { background-color:#303231; padding:20px; color:#FFF; position:relative;}

footer address { font-style:normal; font-size:0.8em; width:80%;} 
footer address ul { width:32%; float:left; list-style:none; margin:0 0 0 2%; padding:0; } 
footer address ul:first-child li:nth-child(3){ background-image:url(../images/home_footer_servicios.png); background-repeat:no-repeat; background-position:top 30px; padding-top:80px; } 
footer address ul:first-child li:nth-child(3) ul li { background-image:none; padding-top:0; } 
footer address ul li { display:block; width:auto; margin:10px 0 0;} 
footer address ul li ul { width:100%; float:left; list-style:none; margin:0; padding:0;} 
footer address ul li ul li {margin:0; padding:0;} 
footer address ul li a {display:block; padding:2px; color:#FFF; text-decoration:none;}
footer address ul li ul li a { color:#9d9f9e;display:block; text-decoration:none;} 
footer address ul.ultimo {margin:200px 0 0 0; padding:0;} 
footer address ul li.infoexpress { padding-top: 172px;} 

footer address .redes { position:absolute; top:20px; background-image:url(../images/home_footer_redes.png); background-repeat:no-repeat; background-position: top left; padding: 70px 0 0 20px; width: 150px; margin-left: -18px; } 
footer address .redes img { width:auto;} 

.piepagina { width:80%; margin:30px auto 40px;}
.piepagina a { float:left; margin:0; width:20%; font-size:.75em; color:#303231;}
.piepagina div { float:left; font-size:.75em; width:30%; border-left:1px solid #000; padding:0; position:relative;}
.piepagina div:last-child { color: #b2b5b4; border-left: 1px solid #b2b5b4; width:48%; }
.piepagina div p { margin-left:20px;}
.piepagina div p a { float:none; width:auto; font-size:1em; text-decoration: none; color: #b2b5b4; }
.piepagina div p a:hover { color: #303231; text-decoration:underline; }
.datafiscal { position: absolute; right: -90px; top: 0; margin: 0 0 20px;}

a.piepagina img {
    min-width: 140px;
}

footer address .redes img.facebook { background-image: url(../images/redes_sociales/fb2.jpg); width:55px; background-repeat:no-repeat; background-size: 100% 100%;}
footer address .redes img.twitter { background-image: url(../images/redes_sociales/tw2.jpg); width:55px; background-repeat:no-repeat; background-size: 100% 100%;}
footer address .redes img.linkedin { background-image: url(../images/redes_sociales/lk2.jpg); background-repeat:no-repeat; width:113px; height:40px; background-size: 100% 100%;}
footer address .redes img.facebook:hover { background-image: url(../images/redes_sociales/fb1.jpg);}
footer address .redes img.twitter:hover { background-image: url(../images/redes_sociales/tw1.jpg);}
footer address .redes img.linkedin:hover { background-image: url(../images/redes_sociales/lk1.jpg);}


/* colapsable */
.btn-info { text-decoration:none; color:#4f81bd; display:block;  border-bottom:1px solid #fff;}
.btn-info:hover { /* border-bottom:1px solid #666;*/ color: #8fb23f;}
.collapse{ display:none; padding:10px 0; font-size: 14px; line-height: 1.3; color:#727175;}
.collapse.in {display:block; padding:10px 0; font-size: 14px; line-height: 1.3; color:#727175;}
.columnas3 ul li div, .columnas3 ul li collapse, ul li collapse, ul li .collapse, ul li div .collapse, .collapsing, li div, #requ1, #requ2, #requ3, #requ4, #requ5, #requ6  { padding:10px 0; font-size: 14px; line-height: 1.3; color:#727175;}
tr.collapse.in{display:table-row; }
tbody.collapse.in{display:table-row-group}
.collapsing{  padding:10px 0;position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;}
.btn-info .material-icons {  float: right; }
.vermas { float:right;}

hr { margin:30px 0; border-color: #fff; }

.quienescuatro { float: left; box-sizing: border-box; width: 25%; padding: 20px; position: relative;}
.quienescuatro img { width: 100%;}
.quienescuatro img.linkedin { width: 40px; position: absolute; top: 20px; left: 20px;}
.quienescuatro p { padding: 0 10px;}


@media(max-width:1100px) {
	#bannerslide .recuadro { left:0; margin:0; }
	.contenedorcasos .callbacks {  width: 94%;    margin: auto;  }
	.contenedorcasos .callbacks_nav { left:0;}
	article.doscolumnas img { display:none;}
	article.doscolumnas div p { width:auto;}
	article.trescolumnas.entrevistas { width: 30.7%;}
	article.trescolumnas.entrevistas h3 { margin: 10px 0 0 20px; line-height: 1;}
	article.trescolumnas.entrevistas p { margin: 10px 0 0 20px; line-height: 1; }
	li article.trescolumnas h3 img { float:none;}
	li article.trescolumnas p { margin: 20px 0 0;}
	.rslides#slider4 img {margin: 0 0 6px 0; position: static;}
	.contenedorcasos .callbacks li { height: 340px; }
}

@media (max-width:900px) { 
	.rslides li { height:180px; background-position: top center; background-size:100% auto;}
	.piepagina a { width:44%;}
	.piepagina div { width:54%;}
	.piepagina div:last-child {width:90%; margin:30px 0 0 0; }
	.datafiscal { position: static; float:right; margin: 0 0 20px 20px;}
	article.objetivolaboral { width:auto;height: auto; padding: 2% 0;}
	article.trescolumnas.entrevistas img { width: 45%;}
	article.trescolumnas.entrevistas h3 { margin: 10px 0 0 10px;}
	article.trescolumnas.entrevistas p { margin: 10px 0 0 10px;}
	article.trescolumnas.entrevistas a { padding: 0 10px; }
	.contenedorcasos .callbacks li { height: 400px; }	
	 article.objetivolaboral1 .cajas { width:98%; height: auto; margin: auto; float: none; clear: both;}
}

@media (max-width:768px) {
	header .wrapper .logo img { max-width:160px;}
	header .wrapper p { padding:2px;}
	nav ul li a {padding: 10px 6px 4px;}
	.submenukoiwe div h3 { width: 20%; padding: 2% 2% 2% 14%;}
	.submenukoiwe ul li { height: 60px; }
	.rslides li { height:160px; background-position: top center; background-size:100% auto;}
	.rslides#slider4 img { margin:0;}

	section { padding: 20px;}
	article.cuatrocolumnas.textoover { width: 49%;  margin: 1% 0 0 1%; }
	article.trescolumnas h3 img { margin: 5px 0; float: none;}
	article.doscolumnas { width: 99%;}
	article.doscolumnas img { width: 25%; }
	article.trescolumnas.entrevistas { width: 97%;}
	article.trescolumnas.entrevistas h3 { margin: 10px 20px;}
	article.trescolumnas.entrevistas img { width: 10%;}
	article.trescolumnas.entrevistas p { width: 84%; margin:0px 20px 10px;}
	article.trescolumnas.entrevistas a { width: 84%; padding: 0 0 0 20px; }
	.detalle .anchadetres .material-icons { width: 14%;}
	.detalle .anchadetres p { width: 84%;}
	article .redes { width: auto;}
	article .redes .cajasred { min-height: 120px; }
	article.objetivolaboral { padding: 1% 0;}
	.contenedorcasos .callbacks_nav { top: 110px; left: 0;}
	.contenedorcasos .callbacks_nav.next { right: 40px;}
	footer address, .piepagina { width:auto;}
	.datafiscal { display:block; float: none; margin: 10px 0 0 0; }
	.contenedorcasos .callbacks li { height: 450px; }	
	.quienescuatro { width: 50%; }
	.cortarfloat { clear: both; }
	article.objetivolaboral1 .cajas p a i.material-icons { display: none;}
	article.objetivolaboral1 h4 { margin: 30px 0 50px 0; font-size: 20px;}
}

/* 640 px */
@media only screen and ( max-width: 40em )  
{
	#nav { display:block;} 
	#menuservicios, #menurecursos, #miservicios, #micontenidos, #micerrar, #desktop { display:none;}
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */

    #nav > ul
    {
        list-style:none;
		height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block; background-color:#FFF; margin-top: 20px;
        }
        #nav > ul > li
        {
            width: 100%;height: 100%;
            float: none; border-bottom:1px solid #CCC;
        }
 
    /* second level */
	#nav li ul li { width: auto;}
    #nav li ul
    {
        position: static;
    }
	#nav ul li a { color: #999; display:block; }
	
	#bannerslide { display:none;}
	section { padding: 20px; }
	header .wrapper .logo { position:static;}
	#nav a .material-icons { font-size:30px; z-index: 1000;}
	#nav { float:none;position: absolute; top: 18px; width: 100%;}
	.fondoazul section h2, .fondoazul2 section h2 { clear:both;}
	section.detalle { padding:2%;}
	article.cuatrocolumnas.textoover { width: 48.5%; }
	article.doscolumnas, article.trescolumnas, article.doscolumnas div p {  width: auto; margin: 1% auto; float: none;}
	section.detalle form p, form p label { width:auto;}
	form p input, form p textarea { width:88%;}
	article.doscolumnas img { width:30%; margin:0 0 10px 10px;}
	article.video { width: 100%;}
	article.trescolumnas.entrevistas { width:100%;}
	trescolumnas entrevistas { width:100%;}
	article.objetivolaboral { width:auto; height: auto; margin:0; box-sizing:border-box;}
	article.objetivolaboral .celeste { width: 96%; margin:auto; padding:10px; float:none; box-sizing:border-box; }
	article.objetivolaboral .objetivo { width: 96%; margin: auto; padding:10px; float:none; box-sizing:border-box;}
	article .redes, article .redes .cajasred { width: 100%; float:none; height:auto; min-height: auto; padding: 2px;}
	article .redes .cajasred h3 { min-height: inherit;}
	
	footer address ul { width:90%;}
	footer address ul.ultimo { margin:10px 0 0 10px;}
	footer address ul li ul { float:none;}
	footer address ul li.infoexpress { padding:0;}
	footer address .redes { position:static;}
	
	.piepagina { float: none; margin: 30px 0 10px 10px;}
	div.piepagina { width:99%; margin: 10px auto;}

	header .wrapper .logo img { max-width: 200px; display: block; margin: auto;}
	canvas#canvas { margin: 0 auto;  display: block; }
	header .wrapper p { text-align: center; margin: 16px 0 10px; }
	.contenedorcasos .callbacks li { height: 630px; }	
	li article.trescolumnas h3 { margin: 10px 0 0;}
	li article.trescolumnas p { margin: 10px 0 0;}
	
}

@media (max-width:700px) { 
	article.objetivolaboral .objetivo { width: 32%; }
	span.topheader { display: block; }
}

@media (max-width:600px) { 
	.submenukoiwe { padding: 10px;}
	.submenukoiwe div, .submenukoiwe div div { float: none; width: auto; padding: 5px;-webkit-column-count: 1;    -moz-column-count: 1;  column-count: 1;}
	h2 { margin: 10px 0;}
	.submenukoiwe ul { border: none;}
	.submenukoiwe ul li { height: 50px; }
	.submenukoiwe ul li a { padding: 14px 6px 10px 20px;}
	.rutatemas { padding: 5px 0;}
	.submenukoiwe div h3 { width: 100%; padding: 5px 0; margin:0;}
	.submenukoiwe div h3 em { display: inline;}
	section { padding: 10px 20px;}
	section.detalle h1 { font-size: 260%;}
	article.anchadetres { width: auto;   margin: 2% 1% 0;}
	article.doscolumnas div p { width: auto;}
	article.doscolumnas img { width: 20%;}
	article.video { width: 90%;}
	article.trescolumnas.entrevistas img { width: 20%;}
	article.trescolumnas.entrevistas p, article.trescolumnas.entrevistas a { width: 54%;}
	article.objetivolaboral { background-image:none;}
	article.objetivolaboral .objetivo { width: 96%; clear: both; float: none; margin: auto; }
	#id_campo ul { padding-bottom:30px;}
	#id_campo ul li { width: 120px; }
	#id_campo ul li:hover ul { left: 140px;}
	#id_campo ul li ul li { width: 220px;}
	article.unacolumna { padding:5px;}
	section.detalle article.unacolumna { width:98%; margin:auto;}
	section.detalle p { width:auto;}
	.detalle .unacolumna ol li {width: auto;}
	.imagentrevista { width: 80px;}
	.contenedorcasos .callbacks_nav { top: 80px;}
	.contenedorcasos .callbacks_nav.next { right: 0;}
	.fondoazul2 section h2 { width: auto; float: none;}
	.rutatemas li:first-child { display:none;}
	.rutatemas li { padding:0;}
	.rutatemas li a { padding:4px;}
	footer { font-size: 110%;}
	footer address ul li ul li a { padding: 6px 2px;}
	.subnavegador { display:none; } 
	.subnavegadorbottom {width:auto; float:none; clear:both; display:block; margin:20px auto;} 
	.casosexito2 {    display: block; margin: 0;}
	
}
@media (max-width:520px) { 
	.contenedorcasos .callbacks li { height:740px;}
}
@media (max-width:400px) { 
	article.trescolumnas.entrevistas a { position: static; float: left;}
	.contenedorcasos .callbacks li { height:840px;}
	.piepagina a { width: auto; margin: 0 0 10px 0;}
	.piepagina div { width: auto; }
	
}
@media only screen and (max-width: 320px) {
	article.cuatrocolumnas.textoover p { font-size: 93%;}
	article.trescolumnas.entrevistas img { display:none;}
	article.trescolumnas.entrevistas p, article.trescolumnas.entrevistas a { width: auto;}
	header .wrapper p a { padding: 1px; letter-spacing: -0.2px;}
	.quienescuatro { width: 80%; margin: auto; float: none;}
}