/* maialen labandibar */

@font-face {
  font-family: 'Adoquin Regular';
  src: url('../fonts/Adoquin Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Adoquin Medium';
  src: url('../fonts/Adoquin_Medium.otf') format('opentype');
}


html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, section, summary{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*font-family: 'Roboto', sans-serif;*/
  font-family: 'Adoquin Regular', 'Roboto', sans-serif;
	vertical-align: baseline;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

body{ color: #1F191A; }



/*												ESTILOS PARA EL GESTOR
------------------------------------------------------------------------------------------------------*/

.destacado_azul{ background-color:#E7F7F9; padding:1em; outline:1px solid #CAFFFF; /*font-size:0.9em;*/ font-weight:bold; }


/*												 GENERALES
------------------------------------------------------------------------------------------------------*/
.oculta_pc, .solo_movil{ display: inline; }
.oculta_movil, .solo_pc{ display: none; }


.flotaiz{ float:left; margin:10px; }
.flotader{ float: right;}

img{ max-width:100%; }
.tipo-general{    font-family: 'Adoquin Regular'; /*font-family: 'Roboto', sans-serif;*/ }
.otratipo{   font-family: 'Adoquin Regular'; /*font-family: 'Adoquin Medium', sans-serif;  font-family: 'Dosis', sans-serif; */}
.negrita{ font-weight:bold; }

.borrar_ambos{ clear:both; }

/**************** COLUMNAS  *******************/
.col_50{ width:100%;}




/****    COLORES GENERALES   *******/
.azul{ color:#165f77; }
.rojo{ color:#E63137 /*#d90119;*/}
.negro{ color:#1F191A;}
.gris{  color: #AEACAC; }
.gris_osc{color: #6B7988;}
.blanco{ color:#FFF;}
.verde{ color: #168D40; }

.bg_rojo{ background-color: #E63137 /*#d90119*/;}
.bg_blanco{ background-color: #ffffff;}
.bg_negro{ background-color:#3b3636; filter:alpha(opacity=80); opacity:.8; /* AMAIA AL HABLA: Antes estaba a 90 y a 9 */}
.bg_azul{ background-color:#D5E2E9; }
.bg_azul_claro{ background-color: #E8F0F2; }
.bg_azul_osc{ background-color: #25373D; }
.bg_gris{ background-color: #EEEEEE;}
.bg_gris_osc{ background-color: #6B7988}
.bg--areaverde{ background:#00B5C5 /* #E4F9F2*/; }
.bg--areaazul{ background: #70D6DF; }
.bg--areaazulintenso{ background: #0907A8; }
.bg--areagris{ background-color: #B8AFB2; }

.bg_trans{ background-color: rgba(0, 0, 0, 0.5); }



/* afecta a todos los iconos fuente*/
.fa{ padding-right:5px;}

.bolo{ font-size:0.4em; margin-right:5px; vertical-align:middle; }
.borde_sup{ border-top: 2px solid #CCC; margin-top:15px; }
.borde_iz{ border-left: 1px solid #CCC; margin-top:15px; }

/* usar para centrar textos*/
.centrarlo{ text-align:center; }
#wrapper{ margin-left:auto; margin-right:auto; width:90%; }
#wrapper_curso{ margin-left:auto; margin-right:auto; width:98%;  }

.margen_top{ margin-top: 1.5em; }
.margen_bottom{ margin-top: 1.5em; }


.contenido ul{ margin-left: 3em; }
/* usar para centrar contenido en mobile*/
.centrar{
    display: flex; 
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bt{ 
  outline: 1px solid #000; 
  text-align: center; 
  padding: 0.7em; 
  font-weight: bold; 
  width: fit-content; 
  margin: 1.3em auto; 
  background-color: #ffffff; 
   }

.bt:hover{ background-color: #CACACA; }
.bt a{text-decoration: none;}


a{  color: #333333; text-decoration: underline; /*font-weight: bold; */ }

.more{ cursor:pointer; cursor:hand; text-decoration: underline; font-weight: bold; margin-bottom: 1em; }


/*                        HOME
-------------------------------------------------------------------------------------------------------*/

 .titular_home, .titular_nuevos{ 
  font-family: 'Adoquin Medium'; 
  clear:both; 
  text-align:center; 
  font-size:1.8em; 
  color: #E63137;   
  border-bottom: 1px solid; 
 /* letter-spacing: -1px; */
  font-weight: normal;
   }

 .titular_home{  padding: 0.2em 0.6em; justify-content: center; }


/************  buscador movil ***************/
.buscador_home_movil{ 
  display: flex; 
  justify-content: center; 
}

.buscador_home_movil form{ width: 100%; }

.buscador_home_movil .input input {
  
    width: 83% /*80%*/;
    border: 2px solid #E63137;
    padding: 1em;
    color: #E63137;
    font-size: 1em;
    font-family: Adoquin;
    margin: 0 3%;


}

.lupa_movil{

    background: none;
    border: medium none;
    color: #E63137;
    font-size: 1.9em;
    /* height: auto; */
    left: 80%;
    /* margin: 0; */
    padding: 8px;
    position: absolute;

    /* antes 
    left: -80px; 
    margin: 0; 
    padding: 0; 
    position: relative;*/
}

/******************************************************************************/
/* quitado de momento
 .zona_lista_areas_home{ display: none; }*/



.zona_lista_areas_home > div:first-of-type { display: flex; justify-content: center; 

}

ul.lista-areas-home{ 
  margin: 1.6em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    
}
 ul.lista-areas-home li{ 
 /* width: 28%; */
  width: 48%;
 
  border: 1px solid #E3E3E3; 
  list-style-type: none; 
  color: #505050; 
}

  ul.lista-areas-home li a:hover{ background-color: #E63137; color: #fff;}


 ul.lista-areas-home li a{ 
  display: flex;
  justify-content: flex-start;
  align-items: center; 
  text-decoration: none; 
  padding:0.8em; 
   }


 ul.lista-areas-home li a h2 { 
  font-size:1em; 
  }
 
 ul.lista-areas-home li i{     
  font-size: 1.8em;
    color: #E63137;
    margin-right: 0.2em;
    
     }


.destacado_area_home{
  background-color:#FCF2F1;
  
  }
  .destacado_area_home_nombre a{
color:#d90119 !important;
  
  }

.catch_ayudas_movil{

  }

 
 /* .icono_psicologia{ 
  background: url("https://www.cursosccc.com/images/icono_psicologia.png");
  background-size: 1em;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 0.5em;
   }

.icono_oposiciones{ 
  background: url("https://www.cursosccc.com/images/icono_oposiciones.png");
  background-size: 1em;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 0.5em;
   }
*/

/******************  zona minibanner home    *********************/
.zona_minibanner{ 
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1em;
   }


.mod_minibanner{ 
    flex: 0 1 100%;
    padding: 0;
    margin: 0;
    background-color: #F4F4F4;
    color: #E63137;
  
    border-bottom: 1px solid #ccc;
   
}

.mod_minibanner a{  
  display: flex;
  flex-direction: row;
  text-decoration: none;
   }

.foto_minibanner{ flex: 0 45%; }  




.txt_minibanner{ 
  display: flex;
  flex: 0 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
   }

.nombrecurso_minibanner{  
    display: flex;
    flex-direction: row;  
    justify-content: flex-start;
    padding: 0.2em 0.4em;    
    margin-bottom: 0.4em;
    color: #505050;
    font-size: 1.1em;
    font-weight: bold;
}

.nombrecurso_minibanner .fas{ 
  color: #E63137; 
  padding-left: 0.3em;
  justify-content: flex-end;
   }

.linea_minibanner{ 
 display: none;

   }

.fp_minibanner{ 
  font-size: 0.65em; 
  padding: 0 1em; 
  margin-bottom: 0.2em;
  text-align: center; 
}


.bg_minibanner_fp, .bg_minibanner_fplibre, .bg_minibanner_fpdirecto, .bg_minibanner_nuevo{
  font-family: 'Adoquin Medium';
  color: #fff;
  padding: 0.3em 0.5em;
  margin-right: 0.2em;
}

.bg_minibanner_fp{ 
  background-color: #FF1425;   
    }

.bg_minibanner_fplibre{ 
  background-color: #3BD63C; 
    }

.bg_minibanner_fpdirecto{ 
  background-color: #0BB7FD; 
    }

.bg_minibanner_nuevo{
   background-color: #000;
}



/******** fin *****/



#opinion_destacada{
  display: none;
  
}





/******************  zona opiniones ekomi home    *********************/


#opiniones_ekomi_home{ margin: 0; }



.opiniones_ekomi{
 display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 2em;
  padding-top: 2em;
  flex-wrap: wrap;
}

.mod_opiniones_ekomi{   
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  margin: 0.5em 1%;
  border: 1px solid #E3E3E3;
  padding: 1.2em;
  flex: 0 96%;
   
  }
    
.ico_opiniones_ekomi{ 
  flex: 0 55px; 
  height: 55px;
  margin: 0 0.8em 0 0; 
  background-color: #818180; 
  color: #fff; 
  font-size: 2.1em;
  border-radius: 85px;
  text-align: center;
  font-weight: bold;
  padding-top: 6px;


}

.txt_opiniones_ekomi{ 
  flex: 0 80%;


}
.txt_opiniones_ekomi p{ 
  margin: 0 0 0.4em 0;   
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 0.8em; 
   }

.nota_opiniones{
    border-left: 1px solid #E3E3E3;
    padding-left: 1em;
    margin-left: 1em;

}


/*                        PAGE clases presenciales y online mobile
------------------------------------------------------------------------------------------------------*/
#seccion_clases{}

.tit_clases {
    color: #002830;
    font-size: 2em;
    margin-bottom: 1em;
    padding: 0.1em 0.8em;
    border-bottom: 5px solid #CB0201;
}

#bg_banner_largo_seccion_clases{ 

background-image: url('https://www.cursosccc.com/images/bg_clases_presenciales_online_hero.jpg');

}

.intro_clases{ color: black; }

#bg_banner_largo_clases_presenciales{ 
  background: url("http://www.cursosccc.com/images/bg_clases_presenciales_hero.jpg") #f5f5f5;
  background-repeat: no-repeat;
  background-position-x: center;
  text-align:center;
  color: #ffffff;
  padding: 1em;
  height: 220px;
}

#bg_banner_largo_clases_online{ 
  background: url("http://www.cursosccc.com/images/bg_clases_online_hero.jpg") #f5f5f5;
  background-repeat: no-repeat;
  background-position-x: center;
  text-align:center;
  color: #ffffff;
  padding: 1em;
  height: 220px;
}


ul.lista_clases { 
list-style-position: inside;
 margin-left: 0;
}

.lista_clases li a{ 
    color: #165f77;
    text-decoration: underline;
}


.clases{ 
  display: flex; 
  flex-direction: row;
  background-color: grey;

}

.col1_clases, .col2_clases{ 
  flex: 0 50%; 
  margin: 1em;
  padding: 1em; 
  background-color: white; 

}

.col2_clases{
  display: flex;
  flex-wrap: wrap;

}


.col2_clases > div{ 
  /*flex: 0 50%; */
  margin-left: 5%;
  flex-wrap: wrap;
   }



.col2_clases > .item {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin: 0 -2px;
  padding: 1em;
  width: 50%;
}

/* mobile layout */
@media (max-width: 900px) {
 .col2_clases > .item { width: 100% }
}




/*                        PAGE AREA NUEVO MAI mobile
------------------------------------------------------------------------------------------------------*/

.hero{

  background-position:top right;
  background-repeat: no-repeat;
  background-size: contain;
 

  }


#bg_sanidad{ background-image: url('https://www.cursosccc.com/images/areas/bg_sanidad_mobile.jpg');}
#bg_oposiciones{ background-image: url('https://www.cursosccc.com/images/areas/bg_oposiciones_mobile.jpg');}
#bg_artes{ background-image: url('https://www.cursosccc.com/images/areas/bg_artes_mobile.jpg');}
#bg_belleza{ background-image: url('https://www.cursosccc.com/images/areas/bg_belleza_mobile.jpg');}
#bg_deportes{ background-image: url('https://www.cursosccc.com/images/areas/bg_deportes_mobile.jpg');}
#bg_educacion{ background-image: url('https://www.cursosccc.com/images/areas/bg_educacion_mobile.jpg');}
#bg_hosteleria{ background-image: url('https://www.cursosccc.com/images/areas/bg_hosteleria_mobile.jpg');}
#bg_idiomas{ background-image: url('https://www.cursosccc.com/images/areas/bg_idiomas_mobile.jpg');}
#bg_informatica{ background-image: url('https://www.cursosccc.com/images/areas/bg_informatica_mobile.jpg');}
#bg_instalaciones{ background-image: url('https://www.cursosccc.com/images/areas/bg_instalaciones_mobile.jpg');}
#bg_musica{ background-image: url('https://www.cursosccc.com/images/areas/bg_musica_mobile.jpg');}
#bg_psicologia{ background-image: url('https://www.cursosccc.com/images/areas/bg_psicologia_mobile.jpg');}
#bg_veterinaria{ background-image: url('https://www.cursosccc.com/images/areas/bg_veterinaria_mobile.jpg');}
#bg_administracion{ background-image: url('https://www.cursosccc.com/images/areas/bg_administracion_mobile.jpg');}


.center-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  flex: 0 95%;
  padding-top: 10em;
  }


 .hero h1{
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 0;
    text-align: center;
     color: black;
    line-height: 1;
    background:  #ffffff;
   } 

.hero h2{
    font-size: 1.3em;
    padding: 0.5em 1em;
    margin-bottom: 0.8em;
    background: #ffffff;
  }

.zona_bt_categorias{ 
  width: 100%; 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center;
  padding-bottom: 2em;
}


.bt_hero{

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 0 150px;
  height: 55px;
  color: white;
  background-color: #000; /*#1C2935;*/
  padding: 0.85em 1.3em;
  margin: 0.7em;
  font-size: 0.95em;
  border: 1px solid white;
  text-decoration: none;
  font-weight: bold;  
  border: 1px solid #fcf4fc;   
  text-transform: uppercase;

 /*border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;

  -webkit-box-shadow: -1px 1px 16px 6px rgba(219,216,219,0.86);
  -moz-box-shadow: -1px 1px 16px 6px rgba(219,216,219,0.86);
  box-shadow: -1px 1px 16px 6px rgba(219,216,219,0.86);*/


  }
  
  .bt_hero:hover{
    background-color: #E63137;
    color: white;
     }


/*.hashtag{ display: none; }*/



.bloquetextoarea{ 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
  
   }

/*
.bloquetextoarea, .zona_intro{ 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1em;
  margin-top: 2em;
   }
*/


.wrap_bloque3col, .wrap_bloque2col{ 
    display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;


   }

.bloque2col {
    flex: 0 42%;
    min-height: 150px;
    padding: 2em 0.5em ;
  }

  .bloque2col1 {
    flex: 0 33.8%;
    min-height: 150px;
    padding: 0 2em ;
  }

  .bloque2col2 {
    flex: 0 61.8%;
    min-height: 150px;
    padding: 0 2em ;
  }

.bloque3col {
    flex: 0 84%;
    padding: 0.5em 2em;
  }

.zona_intro--item1{  display: none; }
.zona_intro--item2{ padding-left: 1em; order: -1; font-size: 1em; }
.zona_intro--item3{ 
    width: 288px;
    height: 294px;   
    background: url('https://www.cursosccc.com/images/areas/bg_intro_sanidad_logos.png') no-repeat right; 
}


/* es muy parecido a .titulo_curso de la page de curso pero este para area */
.zona_intro__titulo{     
    color: #333333;
    /*letter-spacing: -2px;*/
    font-weight: 500;
    font-size: 1.8em;
    flex: 0 100%;
    text-align: center; 
    padding: 0.5em 0;
  }

.zona_intro__titulo_secun{ margin: 0; padding: 0; text-align: center; font-weight: bold; font-size: 1.1em; }

.bloquetextoarea--item1{ display: none; }


.convierte{ display: none; }

.bloquetextoarea__titulo{ 
  color: #ffffff; 
  font-size: 2.4em; 
  padding: 0.3em 0 0 0; 
  margin-bottom: 0.5em; 
  border-bottom: 4px solid #e63137; 
  text-align: center; 
  /*letter-spacing: -2px;*/
  font-weight: 500;

}

.bloquetextoarea__numero{ font-size: 1.6em; }

.bloquetextoarea__txtgr{ 
  font-size: 1.3em; 
  font-weight: bold; 
  padding: 0 1.3em; 
}

.bloquetextoarea__txtpk{ font-size: 1.6em;  }

/*.bloquetextoarea__txt{ flex: 0 100%; font-size: 2em; text-align: center; margin: 1.6em 0 0 0; font-weight: bold;  text-transform: uppercase;}
*/



/* lista cursos por categorias*/
.wrap_bloquelistarea{ 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start;
  padding: 0;
   }

.wrap_bloquelistarea_online{ 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
   }   

.wrap_leyendas{ 
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 1.5em;
}

.leyenda_iconofp{ font-size: 1em; padding: 0; font-weight: bold; }

.sombra{
  outline: 1px solid  rgba(243,243,243,0.94);
-webkit-box-shadow: 5px 5px 5px 0px rgba(243,243,243,0.94);
-moz-box-shadow: 5px 5px 5px 0px rgba(243,243,243,0.94);
box-shadow: 5px 5px 5px 0px rgba(243,243,243,0.94);
}


.bg_categoria{ background-repeat: no-repeat; background-position: top right; }

.bloquelistarea, .bloquelistarea_online{

  flex: 0 100%;
  padding: 0.5em;
  margin: 0.5em;
  padding: 0 0 0 1em;
  /*padding-left: 9em;*/
 
}

.bloquelistarea_online{
  background:#89C4F3;

}


.bloquelistarea ul{padding-top: 0.5em;}

.bloquelistarea__titulo{ 
  font-size: 1.8em;
  padding: 0.8em 3.5em 0.5em 0;
 /*background-color: black;
  padding: 0 0.3em 0 1.1em;
  color: white;
  text-transform: uppercase;*/
  font-weight: bold;

   }

.bloquelistarea__titulo_online{ 
  font-size: 1.4em; 
  text-transform: uppercase;
  margin: 0.8em;
  text-align: center;

   }

.bloquelistarea__listacursos{ 
  list-style-type: none; 
  font-size: 1.15em; 
  padding-bottom: 0.8em;
  
   }

.bloquelistarea__listacursos a, .bloquelistarea__listacursos_online a{ text-decoration: none; }
.bloquelistarea__listacursos a{ background-color: #fff; }

.bloquelistarea__listacursos_online{ list-style-type: none; font-size: 1.1em; padding-bottom: 0.5em;   }


.acreditaciones_area{ 
    display: flex; 
    flex-direction: row;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center; 
    -ms-flex-align: center; 
    align-items: center; 
    padding-bottom:2em;
  }


.acreditaciones_area img{
  outline: 1px solid #ccc; 
  margin: 1em;
  max-width: 35%;

}



/*												PAGE CURSO
------------------------------------------------------------------------------------------------------*/



#wrap_callme_pop, #barra_fixed_sup{ display: none; }


/** para el nombre curso  y resto de titulares, este sirve de pestaña en movil  ****/
.titulo_curso{ 
	color: #333333; 
 /* letter-spacing: -2px; */
	font-weight: bold; 
	font-size: 2.2em; 
	padding: 0 1em;
	
}

/** para titulares más pequeños ****/
.titular_curso{ 
  color: #333333; 
 /* letter-spacing: -1px; */
  font-weight: bold; 
  font-size: 2em; 
  padding-top: 0;

}



/* se usa debajo de titular y de titulo*/
.titulo_curso_secun{ 
	font-size: 1.1em; 
	color: #333333;
  padding: 0.4em;
  margin: 0;
 
}

/* no se puede usar margen-top en mobile xk afecta a las pestañas x eso para los contenidos desplegados esta:*/
/*este afecta a mobile  y pc*/
.pad_top{ padding-top: 1.5em;  }
.pad-bottom{ padding-bottom: 2em; }
.pad_bottom_movil{ padding-bottom: 2em; }
.pad_laterales_movil{ padding-right: 1.8em; padding-left: 1.8em; }
.mar_bottom_movil{ margin-bottom: 2em; }

/* AÑADIDO POR AMAIA */
/* PRECIO PARA EL CURSO DE  */
.precio_curso {
    background-color: #eeeeee;
    line-height: 1em;
    font-weight: 500;
    
    text-align: center;
	border-radius: 7px 7px 7px 7px;
   -moz-border-radius: 7px 7px 7px 7px;
   -webkit-border-radius: 7px 7px 7px 7px;
   padding: 0.5em;
   margin-left:0.5em;
}
.precio_curso_form{
    font-size: 1.2em !important;
    color: #d90119;
	}
/* FINNN AÑADIDO AMAIA */

/* estrellas de opiniones MOVIL 
#estrellas_opiniones_movil{ text-align: center; }
#estrellas_opiniones_movil p .fa-star, .fa-star, .fa-star-o, .fa-star-half-o{ padding: 0; margin: 0; font-size: 0.95em; color: #FCAF17; }
*/

/* estrellas de opiniones PC */
#estrellas_opiniones, .favoritos {
	display:none;   
}

/************  valoracion nota  ********************/

.txt_valoracion{ font-size: 1.2em; margin: 0; }
.nota_gr{ font-size: 2.85em; color: #333333; font-weight: bold;  }
.nota_pk{ font-size: 1.5em; color: #A9A9A9; font-weight: bold; }


/******* opiniones  afecta a area y curso ************/

.opiniones{ display: flex; flex-direction: column;  }

.txt_opinion{ color: #404040; text-align: left; margin: 0 1em; flex-grow: 1; flex-basis: 0px;}
.ico_comillas { font-size: 1.45em; color: #8C8C8C; }

.txt_opinion_nombre{ text-align: right; margin-right: 2em; color: #000; }



/******* opiniones EMPRESAS PRACTICAS  PC ************/

.empresas_practicas{ padding: 1em; color:#1F191A;  }
.empresas_practicas > .txt_opinion{ font-size: 0.95em; color: #303030; }
.empresas_practicas > .ico_comillas { font-size: 1.2em; color: #8C8C8C; }
.txt_opinion_nombre_empresa{ 
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
   /* letter-spacing: -1px;*/
}

.txt_opinion_nombre_empresa .ico_opis_empresas{ font-size: 1.4em; padding: 0 0.4em; }


/******* PARPADEO *******/
.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 8.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 8.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}




#bg_foto_curso, #bg_foto_curso_online{
	
    min-height: 230px; /* origen 180px en pc sera menos*/
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    width: 98%;
}

/** para cursos online zona precio superior e inferior**/
#zona_precio_sup, #zona_compra_online{ display: none; }


#bg_temario_curso{ display: none; }



#bg_clasesonline_curso{ 
 background:url('https://www.cursosccc.com/images/clases-online.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  }
 #bg_temario_actualizado_oposiciones{ 
 background:url('https://www.cursosccc.com/images/temario_actualizado_oposiciones.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  } 

 #bg_simulacion_examen{ 
 background:url('https://www.cursosccc.com/images/bg_simulador_examen.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  } 


  #bg_funciones_oposiciones{ 
	background:url('https://www.cursosccc.com/images/bg_funciones_oposiciones.png') no-repeat;
    height: 170px;
    display: block;
    margin: 2em 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 261px;
    min-height: 201px;
  }
  
   #bg_materiales{ 
	background:url('https://www.cursosccc.com/images/bg_materiales.png') no-repeat;
    height: 170px;
    display: block;
    margin: 2em 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 261px;
    min-height: 201px;
  }  
  #bg_profesores_extra{ 
	background:url('https://www.cursosccc.com/images/bg_profesores_extra.png') no-repeat;
    height: 170px;
    display: block;
    margin: 2em 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 261px;
    min-height: 201px;
  } 
  
   #bg_convocatorias_oposiciones{ 
 background:url('https://www.cursosccc.com/images/convocatorias_oposiciones.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  }

#bg_jornadas_curso{ 
 background:url('http://www.cursosccc.com/images/jornada_presencial.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  }

  
#bg_logos_colaboracion{ 
    
    background-color: #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;   
    min-height: 55px;
    margin: 1em;
   
}


#bg_fp{ 

    background:url('https://www.cursosccc.com/images/bg_fp.png') no-repeat;
    height: 208px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px; 
  }

#bg_fp_oficial{
	background:url('https://www.cursosccc.com/images/bg_fp_oficial.jpg') no-repeat;
    height: 208px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px; 
	}

	#bg_fp_requisitos{ 
	background:url('https://www.cursosccc.com/images/bg_fp_requisitos.png') no-repeat;
    height: 170px;
    display: block;
    margin: 2em 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 261px;
    min-height: 201px;
  }


  #bg_contratos_formacion_jornada{ 
    background:url('https://www.cursosccc.com/images/bg_contratos_formacion_jornada.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-top:0;
    margin-bottom: 1em;

  }

  #bg_contratos_vinculacion{    
    background:url('https://www.cursosccc.com/images/bg_contratos_vinculacion.jpg') no-repeat;
    height: 230px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 78%;
    margin-top:0;
    margin-bottom: 1em;

  }

  #bg_contratos_formacion_autonomos{ 
    background:url('https://www.cursosccc.com/images/bg_contratos_formacion_autonomos.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-top:0;
    margin-bottom: 1em;

  }

  #bg_formacion_incompany{
    background:url('https://www.cursosccc.com/images/bg_formacion_incompany.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-top:0;
    margin-bottom: 1em;
  }


   #bg_fp_evaluacion{ 
    background:url('https://www.cursosccc.com/images/bg_fp_evaluacion.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  }
  
#bg_fp_practicas{ 
    background:url('https://www.cursosccc.com/images/bg_fp_practicas.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  }
  
  #bg_fp_titulo{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_fp.png') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  }
  #bg_fp_becas{ 
    background:url('https://www.cursosccc.com/images/bg_fp_becas.png') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-bottom: 1em;
  }
  
	
#bg_practicas{ 
    background:url('https://www.cursosccc.com/images/bg_practicas.png') no-repeat;
    width: 261px;
    height: 136px;
    display: block;
    margin-bottom: 2em;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
     }

#bg_campus_RWD{ 
    background:url('https://www.cursosccc.com/images/bg_campus_RWD.png') no-repeat;
    width: 145px;
    height: 60px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
     }

/**********  este background afecta a TODOS los diplomas: ccc, humanae, cesde, dni, urj, ESO etc..   ****************/

.bg_diploma{ 
    
    height: 170px;
    display: block;
    margin: 2em 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 261px;
    min-height: 201px;
  }


  /* cada diploma lleva su img*/

  #diploma_ccc{
    background:url('https://www.cursosccc.com/images/bg_diploma.png') no-repeat;
  }

  #diploma_YQE{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_YQE.png') no-repeat;
  }

  #diploma_humanae{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_humanae.png') no-repeat;
  }

  #diploma_humanae2{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_humanae2.png') no-repeat;
  }


  #diploma_alfa{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_alfa.png') no-repeat;
  }

  #diploma_ESO{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_ESO.png') no-repeat;
  }
  #diploma_DNI{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_DNI.png') no-repeat;
  }
  #diploma_URJC{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_URJC.png') no-repeat;
  }
   #diploma_tatuaje{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_tatuaje.png') no-repeat;
  }
  #diploma_CESDE{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_cesde.png') no-repeat;
  }
  #diploma_DNI{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_DNI.png') no-repeat;
  }

  #diploma_higienicosanitario{ 
    background:url('https://www.cursosccc.com/images/bg_diploma_higienicosanitario.png') no-repeat;
  }
 

  

  #bg_certificado_online{
    background:url('https://www.cursosccc.com/images/bg_certificado_online.png') no-repeat;
    height: 170px;
    display: block;
    margin: 2em 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    max-width: 261px;
    min-height: 201px;
  }

.txt_intro, .txt_intro_online{
	font-size: 1.15em;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    align-items: center;
    margin-bottom: 1em;

	
}

/*
.zona_horizontal, .zona_vertical{ 
  
    padding: 1em;
    margin-bottom: 2em;
}
*/




/******* section flex ********/

.flex-container {

  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: column wrap;
  justify-content: space-evenly;
  

}

.item_caracteristicas_curso, .item_ventajas_curso{

    margin-left: 2em;
    color: #333333; 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   justify-content: flex-start;
   align-items: center;

}


.item_img_caracteristicas{

    height: 70px;
    width: 70px;
    margin-right: 0.8em;
}

.item_img_caracteristicas_gr{
   height: 130px;
    /* PC height: 178px;  width: 178px;*/
   width: 100px;
   margin-left: 1.5em;
   
}

.ico_fp{ background:url('https://www.cursosccc.com/images/catch_fp2.png') no-repeat center; background-size: 100%;}
.ico_practicas{ background:url('https://www.cursosccc.com/images/catch_practicas2.png') no-repeat center; background-size: 100%;}
.ico_horas{background:url('https://www.cursosccc.com/images/catch_horas.png') no-repeat center; background-size: 100%;}
.ico_fp_evaluacion{background:url('https://www.cursosccc.com/images/catch_evaluacion.png') no-repeat center; background-size: 100%;}
/* ICONOS CARACTERÍSTICAS PARA OPOSICIONES */
.ico_seguimiento_oposiciones{ background:url('https://www.cursosccc.com/images/catch_seguimiento_oposiciones.png') no-repeat center; background-size: 100%;}
.ico_entrenador_oposiciones{ background:url('https://www.cursosccc.com/images/catch_entrenador_oposiciones.png') no-repeat center; background-size: 100%;}
.ico_simulador_oposiciones{ background:url('https://www.cursosccc.com/images/catch_simulador_oposiciones.png') no-repeat center; background-size: 100%;}
.ico_test_oposiciones{ background:url('https://www.cursosccc.com/images/catch_test_oposiciones.png') no-repeat center; background-size: 100%;}

.foto_campus_oposiciones{ background:url('https://www.cursosccc.com/images/campus_oposiciones.png') no-repeat center; background-size: 100%;}
.foto_tutor_orientador_oposiciones{ background:url('https://www.cursosccc.com/images/tutor_orientador_oposiciones.png') no-repeat center; background-size: 100%;}
.foto_entrenador_oposiciones{ background:url('https://www.cursosccc.com/images/entrenador_oposiciones.png') no-repeat center; background-size: 100%;}
.foto_simulacion_oposiciones{ background:url('https://www.cursosccc.com/images/simulacion_oposiciones.png') no-repeat center; background-size: 100%;}
/* FINNN ICONOS CARACTERÍSTICAS PARA OPOSICIONES */
.foto_fundae_campus{ background:url('https://www.cursosccc.com/images/fundae_campus.png') no-repeat center; background-size: 100%;}
.foto_fundae_tutores_profesores{ background:url('https://www.cursosccc.com/images/fundae_tutores_profesores.png') no-repeat center; background-size: 100%;}
.foto_fundae_catalogo_cursos{ background:url('https://www.cursosccc.com/images/fundae_catalogo_cursos.png') no-repeat center; background-size: 100%;}
.foto_fundae_gestion_administrativa{ background:url('https://www.cursosccc.com/images/fundae_gestion_administrativa.png') no-repeat center; background-size: 100%;}


/* FOTOS FORMACIÓN BONIFICADA EMPRESAS */

/* FINNN FOTOS FORMACIÓN BONIFICADA EMPRESAS */

.ico_seguimiento{ background:url('https://www.cursosccc.com/images/seguimiento.png') no-repeat center; background-size: 100%;}
.ico_campus{ background:url('https://www.cursosccc.com/images/campus.png') no-repeat center; background-size: 100%;}
.ico_fp_examen{ background:url('https://www.cursosccc.com/images/fp_examen.png') no-repeat center; background-size: 100%;}

/*este hay que quitar cuando personalicemos la foto por cada curso o ponemos una general */
.ico_material{ background:url('https://www.cursosccc.com/images/material.png') no-repeat center; background-size: 100%;}
/*.ico_material_enfermeria{ background:url('https://www.cursosccc.com/images/cursos/material.png') no-repeat center; background-size: 100%;}
.ico_material_infantil{ background:url('https://www.cursosccc.com/images/cursos/material_infantil.jpg') no-repeat center; background-size: 100%;}*/


.foto_orientadora{ background:url('https://www.cursosccc.com/images/orientadora_laboral.png') no-repeat center; background-size: 100%;}
.foto_tutora{ background:url('https://www.cursosccc.com/images/tutora.png') no-repeat center; background-size: 100%;}
.foto_profes_general{ background:url('https://www.cursosccc.com/images/resp_docente.png') no-repeat center; background-size: 100%;}


/* seguir leyendo */
p a i.ico_down{  font-size: 2em; color: #333333; font-weight: bold;  }

/*************************************************************************
***********  TEMARIO ACTUALIZADO OPOSICIONES ************
************************************************************************ */
/* ESTO ES PARA LA LISTA DEL TEMARIO ACTUALIZADO QUE SALE DESDE EL GESTOR */
#zona_temario_actualizado ul{
	 list-style-image: url("https://www.cursosccc.com/images/lista_flecha.png");
	 margin-left: 2em;
	}

/*************************************************************************
***********  boton inferior fixed call to action form ************
************************************************************************ */
#bt_fixed_info{ 
  position: fixed;
  z-index: 100; 
  width: 100%; 
  margin-top: 1.5em; 
  bottom: 0;  
  background-color: #1F191A; 
  padding: 0.3em 1em 1em 1em;
  text-align: center;
  -webkit-box-shadow: 0px -5px 22px 0px rgba(191,189,189,0.73);
  -moz-box-shadow: 0px -5px 22px 0px rgba(191,189,189,0.73);
  box-shadow: 0px -5px 22px 0px rgba(191,189,189,0.73);
 }

#bt_fixed_info > .bt{
  text-decoration: none; 
  color: #ffffff; 
  font-weight: bold; 
  font-size: 1.5em; 
  outline: 1px solid #ffffff;
  padding: 0.5em; 
  background-color: #d90119;
}

.texto_promo { background-color: #1F191A !important; outline:none !important; padding:0 !important; color: #FFF; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 1.1em; }


/*************************************************************************
***********  para la zona de caracteristicas FP, horas etc..  ************
************************************************************************ */



.item_txt_caracteristicas{  
  width: auto;
 	padding-top: 0.6em;
 	font-weight: bold;
 	text-align: left;
}     

.tit_caracteristica_curso, .txt_caracteristica_curso{ margin: 0;  }

.tit_caracteristica_curso{ font-size: 1.4em; font-weight: bold;  }
.txt_caracteristica_curso{ font-size: 0.9em; font-weight: normal; }

.lista_caracteristicas_curso{
  margin-left: 2em;
}



.item_txt_ventajas{  
  width: 55%;
  padding-right: 1em;
  font-weight: bold;
  text-align: left;
}     



.tit_ventajas_curso{ font-size: 1.1em; font-weight: normal; padding-top: 0.8em; margin: 0; }




/***************************  zona roja vídeo  ***********************************/

#zona_roja_video_pie{
  display: flex;
  flex-direction: column;
  color: #E63137;
  background: url("https://www.cursosccc.com/images/pie/bg_zona_roja_video_pie_mobile.png") no-repeat;
  background-size: contain;
  padding: 1em;
  justify-content: center;
 
}


#mod_txt_zona_roja_video_pie{
 order: 2;

 /*display: flex;
  flex-direction: column;
  margin-right: 3em;
  margin-top: 2em;
  flex: 0 40%;*/
}

#mod_txt_zona_roja_video_pie h2{
  font-size: 1.8em;
  border-bottom: 1px solid #E63137;
  padding-bottom: 0.5em;
  margin-bottom: 0;
  text-align: center;
  font-weight: normal;
  font-family: 'Adoquin Medium';
  background: white; 
}

#mod_txt_zona_roja_video_pie p{ display: none; }

#mod_video_zona_roja_pie{ 
  margin-top: 12em;
 background: url("https://www.cursosccc.com/images/pie/bg_video_pie.png") no-repeat top center;
 padding-top: 1em;
 /*flex: 0 600px;*/
 height: 250px; 
 background-size: cover;
 justify-content: flex-end;
 order: 1;
 }

#mod_video_zona_roja_pie iframe{ 
  margin-left: 3%; /*7%*/
  width: 93%; /* 87%*/
}

#txt_video_zona_roja_pie{ 
  
display: none;
  /*margin-top: 0.5em; 
  color: #ccc; 
  display: flex; 
  justify-content: center;
  font-size: 1.4em; */
}



/******************* ZONA ICONOS PIE *****************************/

#iconos_pie{ 
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0.5em;
  color: #E63137;
  flex-wrap: wrap;

}
.mod_iconos_pie{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7.5em 1em 1em 1em;
  margin: 0.8em;
 border-bottom: 1px solid;
 flex: 0 36%;
}

.bg_calendario_pie{ background: url("http://www.cursosccc.com/images/pie/ico_calendario_pie.png") no-repeat top center; }
.bg_cursos_pie{ background: url("http://www.cursosccc.com/images/pie/ico_cursos_pie.png") no-repeat top center; }
.bg_profes_pie{ background: url("http://www.cursosccc.com/images/pie/ico_profes_pie.png") no-repeat top center; }
.bg_paises_pie{ background: url("http://www.cursosccc.com/images/pie/ico_paises_pie.png") no-repeat top center; }

.mod_iconos_pie h2{ font-size: 2.6em; font-weight: bold; margin: 0; }
.mod_iconos_pie p{ margin: 0; text-align: center;}


/*************************************  zona ventajas pie ****************************************************/
.ventajas{
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #505050;
  padding-bottom: 2em;
  padding-top: 2em;
  
}

.col_ventajas{ 
  display: flex;
  flex: 0 90%;
  flex-direction: column;
}

.mod_ventajas{     
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  margin: 0em 3%;
  border-bottom: 1px dotted #ccc;

     
  }
    
.ico_ventajas{ flex: 0 20%; margin: 0 1em; }
.txt_ventajas{ flex: 0 80%; padding-top: 1em; }
.txt_ventajas h4{  font-size: 1.5em; margin: 0 0 0.3em 0; }
.txt_ventajas p{ margin: 0; }


/*********   pestañas solo para movil   *********/
.pestanas_movil { background-color: #EEEEEE; padding: 0.7em; font-size: 1.5em; font-weight: bold; color: #333333; display: block; list-style-type: none; }
.pestanas_movil i.fa-angle-double-down{  font-size: 1.5em; color: #333333; font-weight: bold; padding-right: 0.5em;  }


.bg_formulario{

  background:url('http://www.ccc.com.es/images/bg_formulario_pc.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* afecta a form lead y callme no a pdf */
.form{ 
  padding: 1em; 
  margin: 2em; 
  background-color: #ffffff; 
  -webkit-box-shadow: 0px 0px 32px 6px rgba(148,148,148,0.52);
  -moz-box-shadow: 0px 0px 32px 6px rgba(148,148,148,0.52);
  box-shadow: 0px 0px 32px 6px rgba(148,148,148,0.52);
  /*width: 360px;*/ }


#form_descarga_pdf{ 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;

  }

.tellamamos{ 
  text-align: center; 
  font-weight: bold; 
  color: #333; 
  font-size: 1.1em; 
  margin: 0 0 1em 0; 
  padding: 0.5em; 
  background-color: #E3E3E3;
   }
#callme{}

/* afecta a todos los form lead, guia y callme*/
.label_formu{ display: none; }

.campo_form{
 padding: 0.4em;
 margin: 0.3em 0;
 font-size: 1em;
 /*border: 1px solid #878787;*/

border: solid 5px #c9c9c9;
  transition: border 0.3s;

}

.campo_form:focus,
.campo_form.focus {
  border: solid 5px #969696;
}

.bt_form_CTA{ 
  border: none; 
  display: inline-block;
  cursor:pointer;
  background-color: #d90119; 
  color: #ffffff; 
  font-size: 1.2em; 
  padding: 1em 1.5em;
  outline: 1px solid  #B80115; 
  font-weight: bold; 
  margin: 0.8em auto;
  text-decoration: none;
-webkit-box-shadow: 15px 15px 16px -11px rgba(153,153,153,1);
-moz-box-shadow: 15px 15px 16px -11px rgba(153,153,153,1);
box-shadow: 15px 15px 16px -11px rgba(153,153,153,1);


  }
.bt_form_CTA:hover{ background-color: #B80115; }


.lopd{ font-size: 0.85em; width: 300px; }
.aviso-legal{ font-size: 0.9em;  margin: 1em 0; text-align: left; }
.lopd_link{ text-decoration: underline; }


#bg_aviso_plazascubiertas{
width: 100%; 
  background: rgba(33,41,52,.65)!important;
    bottom: 0!important;
    display: flex!important;
    left: 0!important;
    position: fixed!important;
    right: 0!important;
    top: 0!important;
    /* transition: opacity .15s ease; */
    z-index: 2147483647!important;

}

#aviso_plazascubiertas{
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  margin-left: 10%;
       margin-right: 10%;
       width: 80%;
       top: 10%;    
       background-color: #22a7f0;
       color: #fff;
       padding: 2em;
       text-align: center;
       z-index: 9999999999;
       display: block;
       position: fixed;
       outline: 1px solid;
}




/****************** otros cursos a area y categorias *************************/
#otros_cursos{ display: flex; flex-direction: column; justify-content: center; margin-bottom: 1em; }

/**************** ACUERDOS CON OTROS CENTROS: HUMANAE ACTUALIZADO POR AMAIA (OSCAR Y YO PENSAMOS QUE NO AFECTA A NADA MÁS)  ************************/

.page_areas > #col1.area_humanae{ width:98%; padding: 1em 2.3em; outline: 1px solid #D1D2D4; }

.page_areas > #col1.area_humanae .col2_ccc{ width:32%; float:left;  }

.col2_ccc img, .col2_humanae img{ margin-bottom: 1.4em;}

.page_areas > #col1.area_humanae .col2_humanae{ width:32%; float: right;  }

.logos_acuerdos_areas{ margin-right:5% !important; outline: 1px solid #D1D2D4 !important; float:left; width:110px !important; }

.area_humanae{ 
  background: url(https://www.cursosccc.com/images/bg_area_humanae.jpg) no-repeat center #F9F7F3; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

.area_humanae > #titulo_categoria{ text-align: center; color: #1F191A; display: block; width: 100%; }


/**************** PROFESORES en areas ************************/

#profesores_area, #profesores_area_pocos{ 
  
  padding: 2em 10%; 
  margin-top: 0.5em; 
  margin-bottom: 1em;


 /*display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: gainsboro;  padding: 2em;*/
 
  background: url("https://www.cursosccc.com/images/bg_nubes.png") #E63137;
  color: #fff;

}

#profesores_area_pocos{ padding: 0 10%; }


#profesores_area > .titular_home{
  color: #fff;
}



/*************************************************************************************************
**********************				 PÁGINA CCC EMPRESAS  *************************************
------------------------------------------------------------------------------------------------------*/

#banner_largo{ /*width:96%;*/ margin-left:auto; margin-right:auto; margin-bottom:1em;
background: rgba(54,54,54,1);
background: -moz-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,54,54,1)), color-stop(100%, rgba(43,43,43,1)));
background: -webkit-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: -o-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: -ms-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: linear-gradient(to right, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#2b2b2b', GradientType=1 );

}


.botones_empresa{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 2em;
}

.intro_empresa{ padding: 1em; }

.logos_intro_empresa{
  display: flex;
    flex-direction: row;
    padding-top: 2em;
    justify-content: center;
}

.botones_empresa > .btn_fp{
  width: 300px;
}




/* img de fondo SLIDER */

#bg_banner_largo_ccc_empresa{
  /*width: 100%; height:600px !important; margin-bottom:1em; */
  background: url("http://www.cursosccc.com/images/bg_ccc_empresa.jpg") #f5f5f5;
  background-size:cover;
  background-repeat: no-repeat;
  background-position-x: center;
  text-align:center;
    color: #ffffff;

  
}


#bg_banner_largo_formacion_bonificada{
	
	background: url("http://www.cursosccc.com/images/bg_formacion_bonificada.jpg") #f5f5f5;
	/*background-size:cover;*/
	background-repeat: no-repeat;
	background-position-x: center;
	text-align:center;
    color: #ffffff;
    padding: 1em;
}

#bg_banner_largo_formacion_subvencionada{

	background: url("http://www.cursosccc.com/images/bg_formacion_subvencionada.jpg") #f5f5f5;
	background-size:cover;
	background-repeat: no-repeat;
	background-position-x: center;
	text-align:center;
    color: #ffffff;
      width: 100%; height:250px !important; 
	
}


#bg_banner_largo_contratos_formacion{
 
  background: url("http://www.cursosccc.com/images/bg_contratos_formacion.jpg") #f5f5f5;
  background-repeat: no-repeat;
  background-position-x: center;
  text-align:center;
  color: #ffffff;
  padding: 1em;
}

#bg_banner_largo_formacion_medida{
 
  background: url("http://www.cursosccc.com/images/bg_formacion_medida.jpg") #f5f5f5;
  background-repeat: no-repeat;
  background-position-x: center;
  text-align:center;
  color: #ffffff;
  padding: 1em;
}



.titulo_formacion_bonificada {
  color: #ffffff;
 /*letter-spacing: -2px;*/
  text-transform:uppercase;
  font-weight: 500;
  padding-top: 1.5em;
  font-size: 2.6em;
}

.titulo_formacion_bonificada_2 {
  color: #333333;
  /*letter-spacing: -2px;*/
  font-weight: 500;
  padding-top: 0.5em;
  text-align:center;
  font-size: 2em;	
}

.titulo_formacion_bonificada_3 {
  color: #333333;
 /*letter-spacing: -2px;*/
  font-weight: 500;
  padding-top: 0.5em;
  text-align:center;
  font-size: 1.6em;
}

.texto_destacado_formacion_bonificada {
    color: #ffffff;
	font-size:1.1em;
  margin: 0;
}

.txt_contenido{
	width:90%;
	margin-left:auto;
	margin-right:auto;}

/* botón borde blanco */
.barra_btn{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	width:95%;
	}
.btn_blanco{	
font-size: 0.90em;
font-weight: bold;
color: #ffffff;
padding: 1em;
margin: 1em;
text-transform: uppercase;
text-decoration: none;
border: 1px solid #ffffff;
display:block;
float:left;
width:90%;	
}
.btn_blanco:hover{
	background-color:#d90119;
	color:#ffffff;	
	border: 1px solid #d90119;
	
	}

/* botón rojo */
.btn_rojo{
background-color:#d90119;	
font-size: 0.90em;
font-weight: bold;
color: #ffffff;
padding: 1em;
margin: 1em;
text-transform: uppercase;
text-decoration: none;
display:block;
float:left;
width:90%;	
}
.btn_rojo:hover{
	background-color:#B80115;
	color:#ffffff;	
	}


#bg_fundae, #bg_fundae_intro{ 
   background:url('https://www.cursosccc.com/images/bg_fundae.png') no-repeat;
   display: block;
   background-size: 100%;
}


#bg_fundae{ 
  margin: 0.8em 0;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    height: 120px /*170px*/;
    max-width: 220px /*261px*/ ;
    
  }

  #bg_fundae_intro, #bg_sepe_intro{ 
    width: 180px;
    height: 150px;
    margin: 0.5em;
    max-width: 200px;
    
  } 

  #bg_sepe, #bg_sepe_intro{ 
    background:url('https://www.cursosccc.com/images/bg_sepe.png') no-repeat;  
    display: block;
   background-size: 100%;
 }

  #bg_sepe{ 
	
    width: 98%;
    height: 165px;
    margin: 0.5em 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 220px;
    min-height: 165px;
  }	


 #bg_bonificacion{ 
	background:url('https://www.cursosccc.com/images/fundae_bonificacion.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
	margin-top:0;
    margin-bottom: 1em;
	
  }	
  #bg_formacion_subvencionada_trabajadores{ 
	background:url('https://www.cursosccc.com/images/formacion_subvencionada_trabajadores.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
	margin-top:0;
    margin-bottom: 1em;
	
  }	
  
	
/* fin PÁGINA CCC EMPRESAS */

/*************************************************************************************************
**********************				 ÁREA OPOSICIONES  *************************************
------------------------------------------------------------------------------------------------------*/

/** para titulares subárea oposiciones ****/
.titular_oposicion{ 
  color: #165f77; 
 /* letter-spacing: -1px; */
  font-weight: 500; 
  font-size: 1.4em; 
  padding-top: 0;
  padding-left:1em;
 
  /*text-transform:uppercase;*/
}
.titular_convocatorias{ 
  color: #333333; 
  /*letter-spacing: -2px; */
  font-weight: 500; 
  font-size: 1.5em; 
  padding-top: 0;
  /*text-transform:uppercase;*/

}

.titulo_area_oposicion {
    color: #333333;
   /* letter-spacing: -2px;*/
    font-weight: 500;
    padding-top: 0;
    font-weight: 500;
    font-size: 2.2em;
	margin-bottom:0.5em;

}
 
ul.lista-areas-oposiciones{   }
 ul.lista-areas-oposiciones li{ width: 100%; padding:0 !important; list-style-type: none; background-color:#fcf2f1; margin-bottom:0.5em; margin-top:0.5em;}
 ul.lista-areas-oposiciones li h2 a{ color: #333333; text-decoration:none; font-size:1em; /*font-weight: bold;*/ display:block; padding:3%;   }
  
 ul.lista-areas-oposiciones li h2 a:hover { background-color:#EDF9FB; }
 
 /*												PÁGINA PORTAL
------------------------------------------------------------------------------------------------------*/
.titulo_portal{
	width:100%;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#eeeeee;
	color:#1F191A;
	font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 600;
	padding:0.5em;
	}
.titulo_portal_zona{
	width:100%;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#fcf2f1;
	color:#1F191A;
	font-size: 1.3em !important;
    text-transform: uppercase;
    font-weight: 600;
	padding:0.5em;
	
	}	
ul#portal{ margin-bottom:25px; margin-left:1em; padding-left:0; font-size:1em; }

ul#portal li{ padding: 8px 0; /*list-style-position:inside;*/ font-size:1.1em;  margin-bottom:0; text-align:left; letter-spacing:normal; margin-left:1em; border-bottom:1px dashed #CCCCCC; }
ul#portal li a{ 
		color:#165f77; font-size:1.1em; font-weight: 600;  text-decoration:none; text-transform:uppercase; padding-left:0; margin-left:0; }
 /*************************************************************************************************
**********************				CONTACTO POR AMAIA   *************************************
------------------------------------------------------------------------------------------------------*/
.horario_contacto{
	font-size:0.8em; margin-left:1em; margin-right:1em; background-color:#fcf2f1; padding:0.5em;
	}

/*************************************************************************************************
**********************				 PIE  MOBILE   *************************************
------------------------------------------------------------------------------------------------------*/

/* subir */
.back-to-top {
			position: fixed;
			bottom: 100px;
			right: 0px;
			text-decoration: none;
			color: #ffffff;
			background-color: #333333;
			font-size: 1em; font-weight:bold;
			padding: 1em;
			display: none;
      z-index: 300;
		}

.back-to-top:hover { background-color: rgba(135, 135, 135, 0.50); }	
.back-to-top .fa-arrow-up{ font-size:1.5em;}		

/*


footer{  }*/

/*************************** EKOMI PIE   ***************************/
#opiniones_ekomi_pie{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  border-top: 1px solid #C1C1C1;
  /*background-color: #F2F7FE;*/
}

#sello_ekomi{ 
  display: flex;
  
}

#txt_ekomi{  
  padding-left: 2em;
   }

#txt_ekomi p, #garantia p{ margin: 0; }

#txt_ekomi > fa{ font-size: 2em; }

.puntuacion_ekomi{ font-weight: bold; font-size: 1.7em; }

/*****************************/
#contacto_pie, #redesylegal_pie{ background-color: #E63137;}

#contacto_pie{
    
    color: white;
   
    text-align: center;
    font-weight: bold;
    padding-top: 1.85em;
    padding-bottom: 1em;
}

#contacto_pie ul{  
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: space-evenly;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.item_contacto_pie{ list-style-type: none; margin: 0.5em; padding: 0.3em; text-align: left;  }

.item_contacto_pie a{ 
    display: flex; 
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    color: #ffffff;
    text-decoration: none;
}
/* icono */
.item_contacto_pie a i.fa{font-size: 2.55em; order: 1; margin: 0.2em  0.2em 0 0.2em; }
/* texto */
.item_contacto_pie a .txt_contacto_pie{ order: 2; padding: 0 0.5em; }
.item_contacto_pie a .txt_contacto_pie p{margin: 0;}

.txt_contacto_pie_gr{ font-size: 1.95em; }
.txt_contacto_pie_pk{ font-size: 1em; }

.logo_pie{ text-align: center; }

.telefono_pie{ background-color:  #384B4F;}
.whatsapp_pie{ background-color: #1FD268; }
.escribenos_pie{ background-color: #95a5a6;  }


/*******************  zona garantia de aprendizaje y logos de acreditaciones    **********************/
#garantiaylogos_pie{
    display: flex; 
    flex-wrap: wrap;

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction:  column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
   
 }

/*#garantia, #logos_acreditaciones_pie{ flex-grow: 1; flex-basis: 0px;}*/
#garantia{ flex: 0 40%; /*margin: 0 4%; font-size: 0.9em;*/ text-align: center;}


/*#logos_acreditaciones_pie{order: -1;} */
#logos_acreditaciones_pie ul{
  display: flex; 
  justify-content: center;
  }


#logos_acreditaciones_pie ul li{ 

  /**********  kontuz! esto le da el tamaño a los logos    *************/
  margin-right:1em; 
  list-style-type: none; 
}


/*#logos_acreditaciones_pie ul li a img{ max-height: 45px; }*/


#redesylegal_pie{ 
    
 /*display: none;

    /*display: flex; 
    flex-wrap: wrap;  
    flex-direction: column; ;  
    justify-content: center;
    align-content: center;
    align-items: stretch; 
*/
  }

#columnas_pie{ display: none; }


/*#redes_sociales{ float: left; width: 50%;padding-left: 1.5em; padding-top: 1em; }*/ 


#redes_sociales{ 
  padding: 1em; 
  /*border-top: 1px solid #fff;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
     }

#redes_sociales ul{ display: flex;  } 
#redes_sociales ul li{ list-style-type: none; margin-right:10px; }


#redes_sociales #blogs ul li a img{ height: auto; }
#redes_sociales #rrss ul li a img{ width: auto; }

#enlaces_legales_pie{ font-size: 1em; color: #fff;  }

#enlaces_legales_pie ul{ display: flex; flex-wrap: wrap; list-style-type: none; justify-content: center; padding-left: 10px; }
#enlaces_legales_pie ul li a{color: #ffffff; text-decoration: none; padding: 0 0.9em;}


#capa_cookie{
margin:0;
width:100%;
clear:both;
background-color: #E4ECF0;
color: #104556;
padding: 6px;
font-size: 0.95em;
text-align: center;


/* antes
position: fixed;
bottom: 0px;
width:94%;
clear:both;
background-color: #E4ECF0;
border-top:3px solid #98CBE0;
color: #104556;
padding: 8px;
font-size: 0.7em;
z-index: 20000;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px; */
}

#capa_cookie p{ margin: 0; }

#capa_cookie a{ color: #104556; }
#capa_cookie .fa-times-circle{ font-size:1.8em; cursor:pointer; cursor: hand; padding-left: 1em;}


/* antes #capa_cookie .fa-times-circle{ font-size:3.4em; float: right; cursor:pointer; cursor: hand;} */




/*									AGURRRRRRRRRRRRRRR!  
------------------------------------------------------------------------------------------------------*/
/* 
   ========================================================================== *

@media screen and (min-width: 40em) {}   /* 640px *
@media screen and (min-width: 45em) {}   /* 720px *
@media screen and (min-width: 55.5em) {} /* 888px 
@media screen and (min-width: 61.5em) {} /* 984px *
@media screen and (min-width: 75em) {}   /* 1200px *
@media screen and (min-width: 87em) {}   /* 1392px 
@media screen and (min-width: 105em) {}  /* 1680px 
@media screen and (min-width: 117em) {}  /* 1872px *
@media screen and (min-width: 130em) {}  /* 2080px 


============================== TENGO 5 CORTES:  640, 767, 984, 1200, 1872 ====================================


/***************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*******************************************  /* 640px *  CORTE 1 ****************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************/


@media screen and (min-width: 40em) {

.catch_ayudas_movil{
    background-color: #E63137;
    margin-bottom: 0.5em;
  }

.mod_minibanner{ min-height: 120px;}

.foto_minibanner{ flex: 0 30%; } 
.nombrecurso_minibanner{ font-size: 1.2em; }

.ico_ventajas{ flex: 0 12%; margin: 0;  }

/********  AREAS  ********/

.center-content{

  padding-top: 16em;
  }



/************* PIE  ***************/
#zona_roja_video_pie{
 background-size: cover;
}

#mod_video_zona_roja_pie{
    margin-top: 18em;   
    height: 440px;
    background-size: cover;    
}

#mod_video_zona_roja_pie iframe {
    margin-left: 6%;
    width: 88%;
   /* height: 90%;*/
   margin-top: 2em;
    }
  

}   

/***************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*******************************************  /* 767px *  CORTE 2 ****************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************/


@media screen and (min-width: 767px) {


.centrado, #contenidos, #wrapper{ margin-left:auto; margin-right:auto; width:90%; }

/** columnas se usan en el listado, y no se donde mas...*/
.col_50{ width:49%; float:left; }



#bg_foto_curso, #bg_foto_curso_online {min-height: 240px;}


/*************************************************************************************************
**********************				 PÁGINA clases online y clases presenciales  767 *************************************
------------------------------------------------------------------------------------------------------*/

#bg_banner_largo_seccion_clases{ 

background-image: url('https://www.cursosccc.com/images/bg_clases_presenciales_online_hero.jpg');

  /*background-repeat: no-repeat;
  background-position-x: center;
  text-align:center;
  color: #ffffff;
  padding: 1em;*/
  height: 460px;
}


.intro_clases{ color: white; }


/*************************************************************************************************
**********************				 PÁGINA CCC EMPRESAS  767 *************************************
------------------------------------------------------------------------------------------------------*/

#banner_largo{ /*width:96%;*/ margin-left:auto; margin-right:auto; margin-bottom:1em;
background: rgba(54,54,54,1);
background: -moz-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,54,54,1)), color-stop(100%, rgba(43,43,43,1)));
background: -webkit-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: -o-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: -ms-linear-gradient(left, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
background: linear-gradient(to right, rgba(54,54,54,1) 0%, rgba(43,43,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#2b2b2b', GradientType=1 );

}


.intro_empresa{ width: 40%; padding: 0; }



.botones_empresa > .btn_fp{
  width: 400px;
}


/* img de fondo SLIDER */




/* botón borde blanco */
.barra_btn{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	width:60%;
	}

.btn_blanco{	
font-size: 0.90em;
font-weight: bold;
color: #ffffff;
padding: 1em;
margin: 1em;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
border: 1px solid #ffffff;
display:block;
float:left;
width:40%;	
}

.btn_blanco:hover{
	background-color:#d90119;
	color:#ffffff;	
	border: 1px solid #d90119;
	
	}
	/* botón rojo */
	.btn_rojo{	
background-color:#d90119;	
font-size: 0.90em;
font-weight: bold;
color: #ffffff;
padding: 1em;
margin: 1em;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
display:block;
float:left;
width:40%;	
}


.btn_rojo:hover{
	background-color:#B80115;
	color:#ffffff;	
	
	}
	/* fin botón rojo*/


#bg_bonificacion{ 
    background:url('https://www.cursosccc.com/images/fundae_bonificacion.jpg') no-repeat;
    height: 170px;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    margin-top:2em;
    margin-bottom: 1em;
	
  }	
/* fin PÁGINA CCC EMPRESAS */


}


/***************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*******************************************  984px  CORTE 3 
                                            todo el cambio esta aqui   ****************************
******************************************************************************************************
******************************************************************************************************/

@media screen and (min-width: 61.5em) {

/****************** esto estaba en (min-width: 55.5em) ******************************************/



.oculta_pc, .solo_movil{ display: none; }

.oculta_movil,  .solo_pc{ /* si pongo flex se descuajeringa curso display: flex; */ display:inline;}




  .catch_ayudas_movil{ display: none; }




/*                        HOME PC
------------------------------------------------------------------------------------------------------*/

/************ BUSCADOR     *************************/
.buscador_home_movil{ display: none; }

.buscador_slider_pc { 
  padding-top: 10em;
  padding-left: 36%;
  
}

.buscador_slider_pc .input input {
  
  padding: 0.8em 0 0.8em 1em;
  border: 1px solid #ccc;
  font-size: 1.2em;
  width: 45%;
}





/******************  zona listado de areas  *****************/

.zona_lista_areas_home{ display: block; }

.zona_lista_areas_home > div:first-of-type { display: flex; justify-content: center; 

}

ul.lista-areas-home{ 
  margin: 1.6em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    
}
 ul.lista-areas-home li{ 
 /* width: 28%; */
  width: calc(100%/3);
 
  border: 1px solid #E3E3E3; 
  list-style-type: none; 
  color: #505050; 
}

/*
ul.lista-areas-home li:last-child {
background-color: black; font-size: 8em;
  border: 3px solid yellow;
}
*/

  ul.lista-areas-home li a:hover{ background-color: #E63137; color: #fff;}


 ul.lista-areas-home li a{ 
  display: flex;
  justify-content: flex-start;
  align-items: center; 
  text-decoration: none; 
  padding:0.8em; 
   }


 /* ul.lista-areas-home li a:hover {  color: #fff; } ul.lista-areas-home li a h2:hover {  } 
*/

 ul.lista-areas-home li a h2 { 
  font-size:1.2em; 
  /*display:block; 
  padding:0.6%;  
*/
  }
 
 ul.lista-areas-home li i{     
  font-size: 1.8em;
    color: #E63137;
    margin-right: 0.55em;
    border-right: 2px solid #ccc;
    width: 30px;
    padding: 8px;
    background-color: #fff;
    border: 2px solid;
    border-radius: 85px;
     }

/* ul.lista-areas-home li i:hover {  color: #fff;} 

 ul.lista-areas-home2{ width:46,5%; float:left; margin: 1%; padding:0; }
 ul.lista-areas-home2 li{ padding:1%;  list-style-type: none;}
 ul.lista-areas-home2 li h2 a{ color: #165f77; text-decoration:none; font-size:1.05em; font-weight: bold; display:block; padding:0; }
  
 ul.lista-areas-home2 li h2 a:hover { background-color:#EDF9FB; } 
 
 
*/





/******************  zona minibanner home    *********************/

.zona_minibanner{ 
  display: flex;
  flex-direction: row;
}

.mod_minibanner{ 

  flex: 0 1 22%;
  padding: 0;
  margin: 0.4em;
  background-color: #e1dddd /*#F4F4F4*/;
  color: #E63137;
  -webkit-border-bottom-right-radius: 35px;
  -moz-border-radius-bottomright: 35px;
  border-bottom-right-radius: 35px;
  height: auto;
}


.mod_minibanner a{  
  display: flex;
  flex-direction: column;
  text-decoration: none;
   }


.foto_minibanner img{ width: auto; }


.nombrecurso_minibanner{  
  display: flex;  
  justify-content: space-between;
    padding: 0.6em 0.4em;   
    margin-bottom: 0.4em;
    color: #505050;
    font-size: 1em;
}

.nombrecurso_minibanner .fas{ color: #E63137; }

.linea_minibanner{
  display: block; 
  border-top: 1px solid #E63137;
  width: 100%;
}

.fp_minibanner{ 
  font-size: 0.7em; 
  padding: 1.2em 0.6em;  
  margin-bottom: 0.4em; 
  text-align: left;

}

/************************  opiniones  ****************************/

#opinion_destacada{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2em;
  background: url("https://www.cursosccc.com/images/bg_nubes.png");
  background-color: #E63137;
  color: #fff;
}

#opinion_destacada span{
  display: flex;
  flex-direction: row;
  padding: 0 10%;
  justify-content: flex-start;
  align-items: center;
}

#txt_opi_destacada{ font-size: 1.7em; padding: 0 10%; margin: 0; }
#nombre_alumno_opi{ font-size: 0.9em; border-right: 1px solid; padding-right: 0.8em; margin-right: 0.8em; }
#estrellas_opi{ font-size: 1em; }







/******************  zona opiniones ekomi home    *********************/


#opiniones_ekomi_home{ margin: 3em; }



.opiniones_ekomi{
 display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 2em;
  padding-top: 2em;
  flex-wrap: wrap;
}

.mod_opiniones_ekomi{   
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  margin: 0.5em 1%;
  border: 1px solid #E3E3E3;
  padding: 1.2em;
  flex: 0 46%;
   
  }
    
.ico_opiniones_ekomi{ 
  flex: 0 55px; 
  height: 55px;
  margin: 0 0.8em 0 0; 
  background-color: #818180; 
  color: #fff; 
  font-size: 2.1em;
  border-radius: 85px;
  text-align: center;
  font-weight: bold;
  padding-top: 6px;


}

.txt_opiniones_ekomi{ 
  flex: 0 80%;


}
.txt_opiniones_ekomi p{ 
  margin: 0 0 0.4em 0;   
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 0.8em; 
   }

.nota_opiniones{
    border-left: 1px solid #E3E3E3;
    padding-left: 1em;
    margin-left: 1em;

}






/*                        PAGE AREA NUEVO MAI PC
------------------------------------------------------------------------------------------------------*/

.hero{
 
  background-position: right;
  background-size: cover;

  display: flex;
   background-color: #9E2328;
    min-height: 330px;
 /* jugar con el height dependiendo ancho de pantalla 
 height: 49vh;
  display: flex;
  justify-content: flex-start;*/
  }





.center-content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 65%;
  flex-wrap: wrap;
  /*background-color: black;*/
  
  padding-top: 0;
  padding-left: 2em;
  padding-right: 1em;
  margin: inherit;
  justify-content: center;
 
  }


#bg_sanidad{ background-image: url('https://www.cursosccc.com/images/areas/bg_sanidad.jpg');}
#bg_oposiciones{ background-image: url('https://www.cursosccc.com/images/areas/bg_oposiciones.jpg');}
#bg_artes{ background-image: url('https://www.cursosccc.com/images/areas/bg_artes.jpg');}
#bg_belleza{ background-image: url('https://www.cursosccc.com/images/areas/bg_belleza.jpg');}
#bg_deportes{ background-image: url('https://www.cursosccc.com/images/areas/bg_deportes.jpg');}
#bg_educacion{ background-image: url('https://www.cursosccc.com/images/areas/bg_educacion.jpg');}
#bg_hosteleria{ background-image: url('https://www.cursosccc.com/images/areas/bg_hosteleria.jpg');}
#bg_idiomas{ background-image: url('https://www.cursosccc.com/images/areas/bg_idiomas.jpg');}
#bg_informatica{ background-image: url('https://www.cursosccc.com/images/areas/bg_informatica.jpg');}
#bg_instalaciones{ background-image: url('https://www.cursosccc.com/images/areas/bg_instalaciones.jpg');}
#bg_musica{ background-image: url('https://www.cursosccc.com/images/areas/bg_musica.jpg');}
#bg_psicologia{ background-image: url('https://www.cursosccc.com/images/areas/bg_psicologia.jpg');}
#bg_veterinaria{ background-image: url('https://www.cursosccc.com/images/areas/bg_veterinaria.jpg');}
#bg_administracion{ background-image: url('https://www.cursosccc.com/images/areas/bg_administracion.jpg');}


 .hero h1{

   padding: 0.5em 0 0 0;
   font-size: 2.2em;
   color: white;
   text-align: left;
   background: none;
   }

.hero h2{
    font-size: 1.2em;
    padding: 0 9em 0 0;
    margin-bottom: 0.5em;
    background: none;

  }   


.bt_hero{

  flex: 0 190px;
  height: 45px;
  padding: 0.95em 0.3em;
  margin: 0.4em;
  font-size: 0.9em;

  box-shadow: none;
 

  }

.zona_bt_categorias{ width: 100%; /*margin-top: 1em;*/ padding-bottom: 1em; }


.wrap_leyendas{ 
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 0;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  outline: 1px solid #ccc;
}

.leyenda_iconofp{ font-size: 1.1em; padding: 0 1.6em;  }

.zona_intro{padding: 2em;}


.wrap_bloque2col, .wrap_bloque3col{ 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  
   }


.bloque3col {
    flex: 0 28%;
    min-height: 150px;
    padding: 2em 0.5em;
  }


.bloquetextoarea{ 
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  
   }


.convierte{ display: contents; }
.zona_intro--item1{  
  display:inline-block;
  width: 288px;
  height: 294px;
  background-image: url('https://www.cursosccc.com/images/areas/bg_intro_sanidad.png');
  background-repeat: no-repeat;
  order: 0;
  flex: 0 26%; 
}

.zona_intro--item2{ order: 1; flex: 0 64%; }
/*.zona_intro--item3{ order: 2; flex: 0 26%; }*/


.bloquetextoarea--item1{ 
  display: block;
  margin-left: 2em; 
  font-weight: bold; 
  line-height: 2.2em; 
}

.bloquetextoarea__titulo{ 
  font-size: 2.2em; 
  padding-right: 0.8em;  
  border-right: 4px solid #e63137; 
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
  text-align: right;

}


.bloquetextoarea__numero{ font-size: 3em; padding: 0; margin: 0; }

.bloquetextoarea__txtgr{ font-size: 1.35em; padding: 0 2em;  }

.bloquetextoarea__txtpk{ font-size: 1.4em;  }

 /*.bloquetextoarea__txt{ 
 font-size: 1.4em;
    text-align: center;
    margin: 1.6em;

   }*/



/** 2 col  ***/
.bloquelistarea{
flex: 0 47%;
margin-right: 2%;
margin-bottom: 0;
margin-top: 2em;
min-height: 175px;
/*padding: 0.5em 0.5em 0.5em 12em;*/


}




.bloquelistarea__listacursos{ 
  list-style-type: none; 
  font-size: 1em; 
  padding-bottom: 0.3em;
  padding-right: 10em; 

}


/* lista cursos por categorias*/
.wrap_bloquelistarea{ 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1em 2em;
   }


/* es muy parecido a .titulo_curso de la page de curso pero este para area */
.zona_intro__titulo{     
    color: #333333;
   /** letter-spacing: -2px;*/
    font-weight: 500;
    font-size: 2.85em;
    flex: 0 100%;
    text-align: center;
    padding: 0.8em 0 0 0;
  }


.bloquelistarea__titulo{ 
  font-size: 1.6em;
  padding: 0.4em 0 0 0; }



/** para cursos online whorkshops */


.wrap_bloquelistarea_online{ 
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
   } 

.bloquelistarea_online{
flex: 0 33%;
min-height: 150px; 
padding: 1em 2em;
margin-bottom: 2.5em;

}


.acreditaciones_area{ 
    display: flex; 
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center; 
    -ms-flex-align: center; 
    align-items: center; 
    padding-bottom:2em;
  }

.acreditaciones_area img{
  outline: 1px solid #ccc; 
  margin-right:2em;
  margin-bottom: 0;

}






/**************************** fin page area *******************************/




/***  quitamos el bt CTA al form en PC ****/
#bt_fixed_info{ display: none; }



#menu-toogle, .menu-toogle{ display: none; }

#wrapper_curso{ width:100%; max-width: 1400px; }
/* este afecta al resto de pages cuando unifique todos estarán bajo el mismo wrapper pero de momento dejamos wrapper_curso y wrapper*/
#wrapper{ width: 90% }
.margen_top{ margin-top: 1.5em; }
.margen_bottom{ margin-bottom: 1.5em; }
.bt{ padding: 0.7em; width: fit-content; margin: 0.8em auto;  }

/****   pestañas solo para movil   ****/
.pestanas_movil{display:  none;}
/* no se puede usar margen-top en mobile xk afecta a las pestañas x eso para los contenidos desplegados esta:*/

.pad_bottom_movil{ padding-bottom: 0; }
.pad_laterales_movil{ padding-right: 0; padding-left: 0; }
.mar_bottom_movil{ margin-bottom: 0; }



/* fotos */
#bg_foto_curso,
#bg_foto_curso_online, 
#bg_temario_curso, 
#bg_profesores_oposiciones, 
#bg_clasesonline_curso, 
#bg_temario_actualizado_oposiciones, 
#bg_funciones_oposiciones,
#bg_fp_requisitos,
#bg_contratos_formacion_jornada,
#bg_contratos_vinculacion,
#bg_contratos_formacion_autonomos,
#bg_formacion_incompany,  
#bg_fundae,
#bg_sepe,
#bg_formacion_subvencionada_trabajadores,
#bg_bonificacion, 
#bg_materiales, 
#bg_profesores_extra, 
#bg_convocatorias_oposiciones,  
#bg_jornadas_curso, 
#bg_fp, 
#bg_fp_oficial, 
#bg_fp_evaluacion, 
#bg_fp_practicas, 
#bg_fp_titulo, 
#bg_fp_becas, 
.bg_diploma, 
#bg_certificado_online,
#bg_simulacion_examen{ 
    width: 33.8%;
    background-position: top center;   
    height: auto;
    min-height:220px;

}

#bg_fundae{ 
    margin: 2em 0;
    margin-left: auto;
    margin-right: auto;
}
#bg_logos_colaboracion{ 
    width: 33.8%;
    background-color: #ffffff;
    background-position: center;
    background-size: 160px;   
    height: auto;
    background-size: initial;
   

}

#bg_foto_curso_online{ 
  
    background-position: top center;   
    height: auto;
    min-height:220px;

 }



#bg_temario_curso{
    background:url('https://www.cursosccc.com/images/cursos/bg-temario-curso-auxiliar-enfermeria.jpg') no-repeat;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
}

#bg_profesores_oposiciones{
    background:url('https://www.cursosccc.com/images/oposiciones_profesores.jpg') no-repeat;
    display: block;
    margin: 0;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
}

.bg_diploma,  #bg_certificado_online{ margin-top: 2em; }

.txt_intro{
    flex: 0 61.80%;
    padding-right: 6%;
    padding-bottom: 1%;
}

.txt_intro_online{
    flex: 0 33%;
    padding-right: 3%;
}


#video_tour_bienvenida .flowplayer{ width: 83%; margin-bottom: 2em; }
.contenido > .flowplayer{ width: 83%; }

/** para cursos online zona precio superior**/

#zona_precio_sup{ width: 30%; padding: 1em; background-color: #ABE2FC; text-align: center; display: block;  }

#zona_precio_sup ul li{list-style-type: none;}

.precio_gr{ font-size: 2.1em; font-weight: bold;  }
.precio_med{ font-size: 1.3em; font-weight: bold; }
.precio_tachado{ text-decoration: line-through;  display: inline; }
.precio_dto{ background-color: #FFFF00; color: #000000; font-size: 0.85em; padding: 3px; display: inline; margin-right: 1em; }
.precio_tarjetas{ font-size: 1.5em; padding: 0; text-align: center; }


.precio_IVA{font-size: 0.6em;}


/****************   pago a plazos cursos online    ******************/

.pago_plazos_top{ border-top: 1px solid #A0A0A0; margin-top: 0.5em; padding-top: 0.3em; }
.pago_plazos_bottom{ border-bottom: 1px solid #A0A0A0; margin-bottom: 0.5em; padding-bottom: 0.3em; }
#select_cuotas{ display: inline !important; padding: 0.2em;}

/****************   zona inferior pago  cursos online    ******************/
#zona_compra_online{
  display: flex;
  width: 70%;
  padding: 1em; 
  margin: 2em; 
  background-color: #ffffff; 
  -webkit-box-shadow: 0px 0px 32px 6px rgba(148,148,148,0.52);
  -moz-box-shadow: 0px 0px 32px 6px rgba(148,148,148,0.52);
  box-shadow: 0px 0px 32px 6px rgba(148,148,148,0.52);
      justify-content: space-around;
}

#zona_compra_online div{ margin-top: 1em; }

#zona_compra_online .lista_caracteristcas_curso_online{ margin-top: 1.2em;  }
#zona_compra_online .lista_caracteristcas_curso_online li{ font-size: 1.15em; padding: 0.2em; list-style-type: none; }

/*#zona_form_online{ display: block; }*/




  /** para el nombre curso  y resto de titulares, este sirve de pestaña en movil  ****/
.titulo_curso{ 
  
  font-weight: bold; 
  padding-top: 0.2em;
  font-size: 3.1em;
  
}
    


/* se usa debajo de titular y de titulo*/
.titulo_curso_secun{ 
  font-size: 1.5em; 
  color: #333333;
  padding: 0 0 1em 0;
}


#estrellas_opiniones{ display: block; clear: both; width: 100%; text-align: right; color: #FCAF17;   }

#estrellas_opiniones div p{ text-align: right; margin: 0 10em 0 0;  }

#estrellas_opiniones > .txt_enl_sup_opiniones{ font-size: 0.8em;}



/* estrellas de opiniones PC 
#estrellas_opiniones, .favoritos {
  display: none;   
}*/

.favoritos > .txt_fav{ font-size: 0.8em;}
.favoritos > .fa-heart-o{ font-size: 1.5em; padding-left: 1em; padding-top: 0.5em; }

/*******  GUIA PDF  *********/

/*#bg_descarga_guia{ margin-top: 3em; padding-top: 2em; }*/

#bg_descarga_guia{
 
 /* background-color:  #eeeeee;*/
  background-repeat: no-repeat;
  background-position: bottom center;
  min-height: 300px;
}

#bg_descarga_guia .form{ padding: 2em;  width: 320px; }


#form_descarga_pdf{ 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0.3em;
  padding-bottom: 0.3em;

  }

  .aviso-legal{ font-size: 0.85em;  margin: 0.3em; text-align: left; }

  .lopd{ font-size: 0.85em; width: 300px; }

/* guia descargadad mensaje gracias*/
 #cont-mensaje{margin-left: 5em;}

.flex-container{

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
   -webkit-flex-flow: row wrap;
    /* la he quitado xk las que tienen 2 no queda bien con 3 si
    justify-content: space-around;*/
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 1em;

}

.margen-top{ margin-top: 1em;  }
.pad-top{ padding-top: 1em; }
.pad_iz{ padding-left: 2em; }
/*.zona_horizontal, .zona_vertical{ margin-top: 3em; padding-top: 2em;}*/


.zona_horizontal{ 
    display: flex; 
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

/** para centrar en mobile usar .centrar*/
.zona_vertical{ 
    display: flex; 
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    align-items: center;
  
}

.tit_ventajas_curso{ font-size: 1.2em; font-weight: normal; padding: 0; margin: 0; }


 /************ columnas de texto en pc ***********/
.contenido{ margin: 0 6% 2% 6%; font-size: 1.1em; flex-grow: 1; flex-basis: 0px;}


/*************************************************************************
***********  para la zona de caracteristicas FP, horas etc..  ************
************************************************************************ */

.item_caracteristicas_curso{ 
  margin: 1em 2em   /** antes 5em y luego 1em y 4em*/; 
  flex-direction: column; 
  justify-content: space-around; 
  align-items: center;
}

.lista_caracteristicas_curso{
  margin: 1em 5em;
  text-align: left;
}

.lista_caracteristicas_curso .item_txt_caracteristicas{  text-align: left; }

/*.lista_caracteristicas_curso p{
  padding-bottom: 0.5em;
}*/

.item_caracteristicas_curso_row{ 
  margin: 1em 5em; 
  flex-direction: row; 
  justify-content: space-around; 
  align-items: center; 
}

.item_ventajas_curso{ 
  margin: 0; 
  flex-direction: column; 
  justify-content: space-evenly; 
  align-items: center;
  align-self: flex-start;
  flex: 0 20%; 
}

.item_txt_caracteristicas, .item_txt_ventajas{  
  /*width: 80%;*/
  padding-top: 0;
  padding-right: 0;
  font-weight: bold;
  justify-content: center; 
  align-items: center;
  text-align: center;
}  

/*.item_txt_caracteristicas{ background-color: pink; }

.item_txt_ventajas{ background-color: yellow; }*/

.item_img_caracteristicas {
    height: 100px;
    width: 100px;
    margin-right: 0.8em;
}

.item_img_caracteristicas_gr{ order: -2; height: 230px; width: 180px; }


/******* opiniones  PC ************/
.opiniones{ display: flex; flex-direction: row; padding: 0 4em; }
.txt_opinion{ margin: 1em;}


/******* opiniones EMPRESAS PRACTICAS  PC ************/

.empresas_practicas{ padding: 1em; color:#1F191A; flex: 1 26%; }
.empresas_practicas > .txt_opinion{ font-size: 0.95em; color: #303030; }
.empresas_practicas > .ico_comillas { font-size: 1.2em; color: #8C8C8C; }
.txt_opinion_nombre_empresa{ font-size: 1.25em; }

.txt_opinion_nombre_empresa .ico_opis_empresas{ font-size: 1.4em; padding: 0 0.4em; }


#carga-opinion-empresas, #carga-opinion-alumnos{ display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 4em; }


/****************** otros cursos a area y categorias *************************/
#otros_cursos{ flex-direction: row; justify-content: center; }




/*********************** ZONA FORMULARIO 984 *****************************/

.col_formulario{ float: left; width: 40%; }

.form{ 
  padding: 2em; 
  margin: 2em; 
  width: 28.750em; }

.zona_formulario .form input[type='text'], .form input[type='email'], .form input[type='number'], .form select{ 
  margin-left: 25%;}



.tellamamos{ 
  font-size: 1.6em; 
  padding: 1em; 
   }

.telefonos_zonaformulario{  font-weight: bold; }
.telefonos_zonaformulario div{ margin-bottom: 3em; }

.telefonos_zonaformulario .ico_tel_zonaform{ font-size: 2.5em; float: left; padding-right: 0.4em; padding-top: 0.2em; }
.telefonos_zonaformulario p{ margin: 0; float: left; }

.num_tel_zonaform{ font-size: 1.5em; margin: 0; display: block; }
.num_tel_zonaform a{ text-decoration: none;}




/*************************************************************************************************
**********************         PÁGINA CCC EMPRESAS   984 *************************************
------------------------------------------------------------------------------------------------------*/

/*
#bg_banner_largo_formacion_bonificada{
  width: 100%; height:250px !important; 
  background: url("http://www.cursosccc.com/images/bg_formacion_bonificada.jpg") #f5f5f5;
  
}
*/
#bg_banner_largo_formacion_subvencionada{

  background: url("http://www.cursosccc.com/images/bg_formacion_subvencionada.jpg") #f5f5f5;
  background-size: cover;
  padding-top: 2.5em;
  }
  
/*
#bg_banner_largo_contratos_formacion{
  width: 100%; height:250px !important; 
  background: url("http://www.cursosccc.com/images/bg_contratos_formacion.jpg") #f5f5f5;
}

*/


.titulo_formacion_bonificada {
    
    padding-top: 0.5em;
    font-size: 3.2em;

}

.titulo_formacion_bonificada_2 {
    
    font-size: 2.8em;
    display: block;
    
} 

.titulo_formacion_bonificada_3 {
    
    font-size: 2em;
}



.texto_destacado_formacion_bonificada {
    color: #ffffff;
  font-size:1.2em;
  padding: 0 3em;
  margin: 0.5em;
}





/************************      PIE 984px   AQUI CAMBIA *************************************
------------------------------------------------------------------------------------------------------*/

/***************************  zona roja vídeo pie  ***********************************/

#zona_roja_video_pie{
  display: flex;
  flex-direction: row;
  color: #fff;
  background: url("https://www.cursosccc.com/images/pie/bg_zona_roja_video_pie.png") no-repeat;
  background-size: contain;
  padding: 2em;
  justify-content: center;
 
}

#mod_txt_zona_roja_video_pie{
  order: 1;
  display: flex;
  flex-direction: column;
  margin-right: 0;
  margin-top: 0;
  flex: 0 60%;
}

#mod_txt_zona_roja_video_pie h2{
  font-size: 1.8em;
  border-bottom: 1px solid #fff;
  padding-bottom: 0em;
  margin-bottom: 0em;
  text-align: left;
  background: none;
}

#mod_txt_zona_roja_video_pie p{ 
  display: block; 
  margin: 0.4em 0; 
  font-size: 1.15em;
}

#mod_video_zona_roja_pie{ 
  margin-top: 8em;
 background: url("https://www.cursosccc.com/images/pie/bg_video_pie.png") no-repeat top center;
 padding-top: 0;
 flex: 0 400px;
 height: 260px; 
 background-size: contain;
 justify-content: flex-end;
 }

#mod_video_zona_roja_pie iframe{ 
  margin-top: 0;
   }

/*
#mod_video_zona_roja_pie > .flowplayer-embed-container{ 
  margin-left: 3.5em;
  width: 274px;
   }*/




#txt_video_zona_roja_pie{ margin-top: 4em; color:#E63137; display: flex; justify-content: flex-end; }



/******************* ZONA ICONOS PIE *****************************/

#iconos_pie{ 
  display: flex;
  flex-direction: row; 
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0 3em 3em 3em;
  color:#E63137;

}
.mod_iconos_pie{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6.5em 1em 0 1em;
  margin: 0 1em;
 border-right: 1px solid;
 border-bottom: none;
 text-align: center;
}



.mod_iconos_pie h2{ font-size: 3.3em; font-weight: bold; margin: 0; }
.mod_iconos_pie p{ margin: 0; }

/*************************** EKOMI PIE   ***************************/
#opiniones_ekomi_pie{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: 1em;
}

#sello_ekomi{ 
  display: flex;
  flex: 0 20%; 
}

#txt_ekomi{  
  padding-left: 2em;
   }

#txt_ekomi p, #garantia p{ margin: 0; }

#txt_ekomi > fa{ font-size: 2em; }

.puntuacion_ekomi{ font-weight: bold; font-size: 1.7em; }

/*****************************/

.item_contacto_pie{ outline: none; padding: 0 1em;   }

/*************************************  zona ventajas pie *********************************************************/
.ventajas{
 
  flex-direction: row;
  justify-content: center;
  padding-bottom: 4em;
  padding-top: 2em;
}

.col_ventajas{ width: 47%; }

.mod_ventajas{     
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  margin: 0.5em 3%;
  border-bottom: none;
 
     
  }
    
.ico_ventajas{ flex: 0 20%; margin: 0;  }
.txt_ventajas{ flex: 0 80%; padding-top: 0; }
.txt_ventajas h4{  font-size: 1.45em; margin: 0 0 0.3em 0; }
.txt_ventajas p{ margin: 0; }






/*******************  zona garantia de aprendizaje y logos de acreditaciones    ********************
#garantiaylogos_pie{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction:  row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #fff;

   
 }**/

#garantia{ flex: 0 40%; /*margin: 0 4%; font-size: 0.9em;*/ text-align: left;}
#logos_acreditaciones_pie{ order: 1; } 


#redesylegal_pie{ 
    display: flex; 
    flex-wrap: wrap;
    flex-direction: column; ;
    justify-content: center;
    border-top: 1px solid #ffffff;

  }



#contacto_pie ul{  
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: space-evenly;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.telefono_pie, .whatsapp_pie, .escribenos_pie{ background-color: #E63137;}


/********************** zona de columnas con enlaces *******************************/


#columnas_pie{ display: flex; justify-content: space-evenly; margin:1em; }
.tit_pie{ font-weight:bold; color: #ffffff; text-align:left;  margin: 0.6em 0; font-size: 1.2em;  }
/*.col_pie{ width:15%;   margin:0 2%;  float:left; }*/
.col_pie ul{ margin:0; color: #ffffff;}
.col_pie ul li{ list-style-type: none; list-style-position:inside; text-align:left; padding-bottom: 0.2em; }
.col_pie ul li a{ text-decoration:none; color: #ffffff; font-size:1em; }
#enlaces_legales_pie{ padding-bottom: 1em; color: #fff;  }

/*
#capa_cookie{
bottom: 0px;
width:33%;
}*/

#capa_cookie .fa-times-circle:hover{ color:#1F191A; }



#redes_sociales{ 
  padding: 1em 5em; 
  border-top: 1px solid #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
     }


#redes_sociales #blogs ul li a img{ height: 31px; }
#redes_sociales #rrss ul li a img{ width: 31px; }



/* ==============   pop callme NUEVO ========================*/

/* div verde */
#wrap_callme_pop{
  width: 140px;
  top: /*22%*/ 10%;
  right:0;
  position: fixed;
  z-index:990;
  color:#FFFFFF;
  background-color:#5E7612;
  bottom: auto;
  left: auto;
  padding:8px;
  text-align:center;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px;  
  -webkit-box-shadow: 6px -5px 14px 0px rgba(115,111,115,0.56);
  -moz-box-shadow: 6px -5px 14px 0px rgba(115,111,115,0.56);
  box-shadow: 6px -5px 14px 0px rgba(115,111,115,0.56);
}

#wrap_callme_pop > .fa{ font-size:2em;  }

.callme_text, .callme_boton a{ color:#FFFFFF; text-decoration: none; }

.callme_tel{ font-weight:bold; clear:both; padding-bottom:8px; display:block; }

.callme_boton{
  color: #ffffff;
  background-color: #46580E;
  border-color: #1f7e41; 
  text-align:center;
  padding:6px 12px;
  outline:1px solid #34420A;
  border-radius:4px;
  -webkit-box-shadow: 6px -5px 14px 0px rgba(115,111,115,0.46);
  -moz-box-shadow: 6px -5px 14px 0px rgba(115,111,115,0.46);
  box-shadow: 6px -5px 14px 0px rgba(115,111,115,0.46);
 }
 
 
/* .modal{ display: none;}*/

.modalmask {
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
  right: 0;
    left:0;
  bottom: 0;
    background: rgba(0,0,0,0.6);
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
  
  
}
.modalmask:target {
    opacity:1;
    pointer-events: auto;
}

.modalbox{
    width: 340px;
  margin-left:45%;
  padding: 5px 20px 13px 20px;
    background: #fff;
  color:#1F1C1C;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
   z-index: 999999;
   position:absolute;
     
}

.movedown {
    margin: 0 auto;
}

.modalmask:target .movedown{       
    margin:5% auto;
}

.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 1px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  border-radius:3px;
  font-size:16px;
  
}

.close:hover { 
  background: #FAAC58; 
  color:#222;
}



}



/***************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*******************************************  /* 1280px *  CORTE 4 ****************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************/


@media screen and (min-width: 80em) {


/*******  AREAS     ***********/

.center-content{
  display: flex;
  flex: 0 55%;

  }

  .hero{ 

 /*background-size: auto;*/
 background-size: cover;
   min-height: 350px;
   background-position: top right;
 }

 .hero h1{
   padding: 0.3em 0 0 0;
   font-size: 2.4em;
   color: white;
   text-align: left;
   }




/***************************  zona roja vídeo pie  ***********************************/

#zona_roja_video_pie{
  display: flex;
  flex-direction: row;
  color: #fff;
  background: url("https://www.cursosccc.com/images/pie/bg_zona_roja_video_pie.png") no-repeat;
  background-size: contain;
  padding: 3em 4em;
  justify-content: center;
 
}

#mod_txt_zona_roja_video_pie{
  order: 1;
  display: flex;
  flex-direction: column;
  margin-right: 3em;
  margin-top: 2em;
  flex: 0 40%;
}

#mod_txt_zona_roja_video_pie h2{
  font-size: 2em;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.7em;
  margin-bottom: 0.7em;
  text-align: left;
}

#mod_txt_zona_roja_video_pie p{ 
  display: block; 
  margin: 0.4em 0; 
  font-size: 1.15em;
}

#mod_video_zona_roja_pie{ 
  margin-top: 12em;
 background: url("https://www.cursosccc.com/images/pie/bg_video_pie.png") no-repeat top center;
 padding-top: 2.3em;
 flex: 0 600px;
 height: 311px; 
 background-size: contain;
 justify-content: flex-end;
 }

#mod_video_zona_roja_pie iframe{ 
  margin-left: 7em;
  width: 377px;
  margin-top: 0;
   }

#txt_video_zona_roja_pie{ margin-top: 5em; color:#E63137; display: flex; justify-content: flex-end; }



}




/***************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*******************************************  1872px  corte 5 ****************************
******************************************************************************************************
******************************************************************************************************/

@media screen and (min-width: 117em) {


.centrado, #contenidos, #wrapper{ 
  margin-left:auto; 
  margin-right:auto; 
  width:70%; 
}

.buscador_slider_pc {
    padding-top: 11em;
    padding-left: 40%;
}

.buscador_slider_pc .input input{ width: 40%; }

 .hero{ 
background-size: cover;
 }



/************************************  home  *************************************/
.mod_minibanner{ 
    flex: 0 1 18%;
    padding: 0;
    margin: 1.1em;
    height: auto;
}


/********************************** areas   ***********************************************/
.hero{ background-position: top right; }


/******************* fotos ************************************************/
#bg_foto_curso, 
#bg_temario_curso, 
#bg_profesores_oposiciones, 
#bg_clasesonline_curso, 
#bg_temario_actualizado_oposiciones, 
#bg_funciones_oposiciones, 
#bg_fp_requisitos,
#bg_contratos_formacion_jornada,
#bg_contratos_formacion_autonomos,
#bg_formacion_incompany,
#bg_contratos_vinculacion,
#bg_formacion_subvencionada_trabajadores,
#bg_bonificacion, 
#bg_materiales, 
#bg_profesores_extra, 
#bg_jornadas_curso, 
#bg_fp, 
#bg_fp_oficial, 
#bg_fp_evaluacion, 
#bg_fp_practicas, 
#bg_fp_titulo, 
#bg_fp_becas, 
.bg_diploma, 
#bg_certificado_online,
#bg_convocatorias_oposiciones { 
   
    min-height:230px; 
  }


/***************************  zona roja vídeo  ***********************************/

#zona_roja_video_pie{
  display: flex;
  flex-direction: row;
  color: #fff;
  background: url("https://www.cursosccc.com/images/pie/bg_zona_roja_video_pie_1500.png") no-repeat ;
  background-size: cover;
  padding: 3em 4em;
  justify-content: center;
 
}



}



/***************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*******************************************  pant vero gigante2080 ****************************
******************************************************************************************************
******************************************************************************************************/

@media screen and (min-width: 130em) {

.centrado, #contenidos, #wrapper{ 
    margin-left:auto; 
    margin-right:auto; 
    width:60%; 
}

.center-content {
    flex: 0 43%;
    margin-left: 26em;
    }

#opinion_destacada {
    padding: 2em 28em;
    background-color: #E63137;
    background-position: center;
    background-repeat: no-repeat;

}

#opiniones_ekomi_home {
    margin: 3em 29em;
  }

#iconos_pie {
    padding: 3em 25em;
  }

}