/* maialen labandibar */

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;
	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{ display: inline; }
.oculta_movil{ display: none; }
.borrar_ambos{ clear:both; }


/** ¿borramos?

input[type=text]:focus{
  outline: 0;
  border-color: #165F77;
}

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

*/


.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;
   }
.destacado_area_home{
	background-color:#FCF2F1;
	
	}
	.destacado_area_home_nombre a{
color:#d90119 !important;
	
	}


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


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

.borrar_ambos{ clear:both; }

/****    COLORES GENERALES   *******/
.azul{ color:#165f77; }
.rojo{ color:#d90119;}

.negro{ color:#1F191A;}
.gris{  color: #AEACAC; }
.blanco{ color:#FFF;}
.verde{ color: #168D40; }

.bg_rojo{ background-color: #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;}


.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_curso{ margin-left:auto; margin-right:auto; width:98%;  }
.centrado, #contenidos, #wrapper{}


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


/*  p{font-size: 1.1em;}*/





/*												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: 500; 
	font-size: 1.8em; 
	padding: 0 1em;
	
}

/** para titulares más pequeños ****/
.titular_curso{ 
  color: #333333; 
  letter-spacing: -2px; 
  font-weight: 500; 
  font-size: 1.6em; 
  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: 1em;  }
.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{ 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   ************/
.opiniones{ display: flex; flex-direction: column; margin-top: 1.5em;  }
.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: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

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

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

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

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  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%;
}



#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_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_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;
  }
  
	 /* } ESTABA SUELTA LA LLAVE Y EN ROJOOOOOO POR ESO LO HE OCULTADO . Firmado por Amaia el 22-06-2018*/
#bg_practicas{ 
 background:url('https://www.cursosccc.com/images/bg_practicas.png') no-repeat;
    width: 261px;
    height: 136px;
    display: block;
    margin: 0;
    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_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;
  }
 

  

  #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.1em;
    -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: center;
  

}

.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: 1.5em; 
  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 a{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;}


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


/************************************************************************************
***********  para la zona de aprende sin horarios ni desplazamientos  ************
********************************************************************************* */
.item_txt_ventajas{  
  width: 55%;
  /*padding-top: 4em;*/
  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; }


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




/*************************************************************************
***********  ZONA BANNER PROMOCION CAMPAÑAS ETC
************      MOVIL
************************************************************************ */

#promocion{   
 /* width: 100%;
 height: 91px;
  text-align:center !important;
 background:url('https://www.cursosccc.com/images/promo_marzo_CURSO_MOVIL.png') #DCDFE8 #ffffff no-repeat right; */
 
 width: 100%;
height: 141px;
  text-align:center !important;
 background:url('https://www.cursosccc.com/images/verano/catch_movil_verano.jpg') #D1CAC2 no-repeat center;
}

/*************************************************************************
***********  ZONA BANNER PROMOCION REMARKETING ETC
************      MOVIL
************************************************************************ */

#promocion_promo{   
 /* width: 100%;
 height: 91px;
  text-align:center !important;
 background:url('https://www.cursosccc.com/images/promo_marzo_CURSO_MOVIL.png') #DCDFE8 #ffffff no-repeat right; */
 
 width: 100%;
/* antes height: 85px;*/
height: 147px;
  text-align:center !important;
 background:url('https://www.cursosccc.com/images/verano/catch_movil_verano.jpg') no-repeat right; 
 /** antes de la subvencion de verano estaba 
  background:url('https://www.cursosccc.com/images/catch_form_matricula.jpg') no-repeat right; 
*/
}




/*************************************************************************
***********  DESCARGA PDF y FORMULARIO lead  ************
************************************************************************ */

/*
#bg_descarga_guia{
background-color: #EEEEEE;

}*/

.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.75em; width: 300px; }
.aviso-legal{ font-size: 0.7em; margin: 1em 0; text-align: left; }
.lopd_link{ text-decoration: underline; }






/****************** 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{ background-color: gainsboro; padding: 0.3em 10%; margin-top: 0.2em; margin-bottom: 1em;
}

#profesores_area_pocos{ padding: 0 10%; }

/*************************************************************************************************
**********************				 PÁGINA FORMACIÓN BONIFICADA PARA 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 );

}


/* img de fondo SLIDER */

#bg_banner_largo_formacion_bonificada{
	width: 100%; height:400px !important; /*margin-bottom:1em; */
	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;
	

	
}


.titulo_formacion_bonificada {
    color: #ffffff;
    letter-spacing: -2px;
    font-weight: 500;
    padding-top: 1.5em;
    font-weight: 500;
    font-size: 1.8em;
	text-transform:uppercase;
}
.titulo_formacion_bonificada_2 {
    color: #333333;
    letter-spacing: -2px;
    font-weight: 500;
    padding-top: 0.5em;
    font-weight: 500;
    font-size: 1.7em;
	text-align:center;
}
.titulo_formacion_bonificada_3 {
    color: #333333;
    letter-spacing: -2px;
    font-weight: 500;
    padding-top: 0.5em;
    font-weight: 500;
    font-size: 1.6em;
	text-align:center;

}

.texto_destacado_formacion_bonificada {
    color: #ffffff;
	font-size:1.1em;
}
.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;
color: #FFFFFF;
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;
	
	}




#bg_fundae{ 
	background:url('https://www.cursosccc.com/images/bg_fundae.jpg') 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_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;
	
  }	
  
	
/* fin PÁGINA FORMACIÓN BONIFICADA PARA 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   *************************************
------------------------------------------------------------------------------------------------------*/

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

/**/



#contacto_pie{
    background-color: #25373D;
    color: white;
    text-align: center;
    font-weight: bold;
}


.item_contacto_pie{ list-style-type: none; outline: 1px solid #9EB2B6; 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: 2em; order: 1; margin: 0.1em  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.2em; }
.txt_contacto_pie_pk{ font-size: 0.9em; }


/*******************  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{ margin: 0 4%; font-size: 0.9em; text-align: center;}


#logos_acreditaciones_pie{order: -1;} 
#logos_acreditaciones_pie ul{ display: flex; justify-content: center;
 width: 94%; margin-left: auto; margin-right: auto; }
#logos_acreditaciones_pie ul li{ /*margin-right:30px;*/ list-style-type: none; }
/*#logos_acreditaciones_pie ul li a img{ max-height: 45px; }*/


#redesylegal_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;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }


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


#redes_sociales{ padding: 1em 0; margin: 0.5em; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;  }

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

#enlaces_legales_pie{ text-align: left; font-size: 0.7em; padding-bottom: 6em;  }

#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: #000000; text-decoration: none;}


#capa_cookie{
margin:0;
width:100%;
clear:both;
background-color: #E4ECF0;
color: #104556;
padding: 6px;
font-size: 0.7em;
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 

*/


/***************************************************************************************************
******************************************************************************************************
*******************************************  720px   *****************

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


}
***********/

/***************************************************************************************************
******************************************************************************************************
*******************************************  /* 767px *   ****************************/


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


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

/*************************************************************************
***********  ZONA BANNER PROMOCION CAMPAÑAS ETC ************
************************************************************************ */

#promocion{   
  width: 100%;
  height: 220px;
 
  background:url('http://www.ccc.com.es/images/promo_verano_1024.jpg') /* #DCDFE8 */ #ffffff no-repeat center center;
  
}
/*************************************************************************
***********  ZONA BANNER PROMOCION REMARKETING ETC ************
************************************************************************ */

#promocion_promo{   
  width: 100%;
  height: 180px;
 
  background:url('https://www.cursosccc.com/images/verano/promo_verano_full.jpg') /* #DCDFE8 */ #ffffff no-repeat center center;
  
  /* antes de subvencion de verano estaba esto
  background:url('http://www.cursosccc.com/images/promo_matricula_full.jpg')  #ffffff no-repeat center center;*/
  
}

#bg_foto_curso, #bg_foto_curso_online {min-height: 240px;}
/*************************************************************************************************
**********************				 PÁGINA FORMACIÓN BONIFICADA PARA 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 );

}


/* img de fondo SLIDER */

#bg_banner_largo_formacion_bonificada{
	width: 100%; height:350px !important; /*margin-bottom:1em; */
	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;

	
}




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

.texto_destacado_formacion_bonificada {
    color: #ffffff;
	font-size:1.2em;
}

/* 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;
	
	}
.titulo_formacion_bonificada_2 {
    color: #333333;
    letter-spacing: -2px;
    font-weight: 500;
    padding-top: 0em;
    font-weight: 500;
    font-size: 2em;
	text-align:center;
}	



}
#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 FORMACIÓN BONIFICADA PARA EMPRESAS */

/***************************************************************************************************
******************************************************************************************************
*******************************************  /* 888px *   ****************************/
@media screen and (min-width: 55.5em) {

.oculta_pc{ display: none; }
/* monstramos lo que hemos ocultado en mov si pongo inline-block casca temario
.oculta_movil{ display: inline-block; }*/
.oculta_movil{ display: inline; }





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

  /*************   CONTACTO    **********/

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

} 


/***************************************************************************************************
******************************************************************************************************
*******************************************  984px   ****************************/

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



#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: 1em; }
.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_temario_curso, #bg_profesores_oposiciones, #bg_clasesonline_curso, #bg_temario_actualizado_oposiciones, #bg_funciones_oposiciones,#bg_fp_requisitos, #bg_fundae, #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{ 
    width: 33.8%;
    background-position: top center;   
    height: auto;
    min-height:220px;

}

#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; }

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

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

#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{
  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.6em;  }
#zona_compra_online .lista_caracteristcas_curso_online li{ padding: 0.2em; list-style-type: 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: 500; 
  padding-top: 0;
  font-weight: 500; 
  font-size: 3em;
  
}
    


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


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

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

#estrellas_opiniones > .txt_enl_sup_opiniones{ font-size: 0.8em;}
.fa-star, .fa-star-o{ padding: 0; margin: 0; font-size: 0.95em; color: #FCAF17; }


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

/* 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; }
/*.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%; 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-around; 
  align-items: center;
  align-self: flex-start;
  flex: 0 24%; 
}

.item_txt_caracteristicas, .item_txt_ventajas{  
  width: 100%;
  padding-top: 0em;
  font-weight: bold;
  justify-content: space-around; align-items: center;
  text-align: center;
}  

.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.45em; }

.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 BANNER PROMOCION CAMPAÑAS ETC ************
************************************************************************ */

#promocion{   
  width: 100%;
  height: 220px;
 
  background:url('https://www.cursosccc.com/images/verano/promo_verano_full.jpg')  #ffffff no-repeat center center;
  
}


#promocion_online{   
     width: 100%;
    height: 180px;
    background: url(http://www.cursosccc.com/images/promo_marzo_cc3_full.jpg) center center no-repeat rgb(255, 255, 255);
  
}






/*********************** ZONA FORMULARIO 948 *****************************/

.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;}
.lopd{ font-size: 0.7em; width: 360px; text-align: left;}
.aviso-legal{ font-size: 0.7em; margin: 1em 0; text-align: left; }




/************************      PIE 948px   *************************************
------------------------------------------------------------------------------------------------------*/

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

#garantia{ text-align: left;  }
#logos_acreditaciones_pie{ order: 1; padding-top: 1.8em; } 

#enlaces_legales_pie{ padding-bottom: 0;  }

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

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


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



}


/***************************************************************************************************
******************************************************************************************************
*******************************************  1680px    ****************************
@media screen and (min-width: 105em) {}  /* 


/***************************************************************************************************
******************************************************************************************************
*******************************************  1872px   ****************************/ 
@media screen and (min-width: 117em) {

   /* fotos */
#bg_foto_curso, #bg_temario_curso, #bg_profesores_oposiciones, #bg_clasesonline_curso, #bg_temario_actualizado_oposiciones, #bg_funciones_oposiciones, #bg_fp_requisitos, #bg_fundae, #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; }


}