/* maialen labandibar */

/** columnas se usan en el listado, y no se donde mas...*/

.col_50{ width:49%; float:left; }

#contenidos ul li, #contenidos ol li{ list-style-position:inside; margin-left:25px; padding-bottom:10px; }

/* para pages como aviso legal etc...*/
#contenidos{ margin-top:15px; }
#contenidos a, #conocenos > #col2 a{ color:#165f77; text-decoration:underline; }


/*estas afectan a categorias, conocenos, salidas profesionales */
#col1{ width:27%; float:right; padding:0 1%;  /*border-right:1px solid #D1D2D4; */ margin:0 1%; }
#col2{ width:70%; float:left;  }

#col2 h1, #contenidos h1 { font-size: 1.6em; text-transform: uppercase; font-weight: 600; padding: 0.4em; margin-bottom: 1em;  }
#col2 h2, #contenidos h2{ color:#165f77; font-size:1.3em;} 
#conocenos > #col2 h3, #contenidos h3{ color:#4E5863; margin:15px 0; border-bottom: 1px solid #d90119;  font-size:1.45em; margin: 1em 0;} 
#conocenos > #col2 ul{ list-style-position:inside; padding-left:25px; }
#conocenos > #col2 ul li{ padding-bottom:0.4em; }



/***************************  seccion FP **************/

#bg_banner_largo_formacion_profesional{
  width: 100%; height:260px !important; 
  background: url("http://www.ccc.com.es/images/bg_page_formacion_profesional.jpg") #f5f5f5;
  background-size:cover;
  background-repeat: no-repeat;
  background-position-x: center;
  text-align:center;
  color: #ffffff;
  margin-bottom: 2em;
    
}

#conocenos > #col2 h2.tit_fp{ color:#002830; font-size:2em; margin-bottom: 1em; padding: 0.1em 0.8em; border-bottom: 5px solid #CB0201;}
#conocenos > #col2 h3.tit_fp{ border: none; }

.botones_fp{ display: flex; justify-content: center; }
.botones_fp a{flex: 0 23%; text-align: center;}


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

.btn_fp{  
font-size: 1em;
font-weight: bold;
background-color: #d90119;
color: #ffffff;
padding: 1em 1.5em;
outline: 1px solid #B80115;
font-weight: bold;
margin: 0.8em;
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);

}

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


/********************************** imagen sup conocenos *************************/

.bg_conocenos{ background: url("https://www.cursosccc.com/images/bg_conocenos_ccc.jpg"); margin-bottom: 2em; }

.bg_fp{ background: url("https://www.cursosccc.com/images/bg_fp.jpg"); margin-bottom: 2em; }


.bg_conocenos,
.bg_profesores,
.bg_fp{ background-color: #f5f5f5; background-repeat:  no-repeat; background-position: right; /*mai esta altura hay que arreglar RWD */ height: 150px;  padding: 4em 1em; margin-bottom: 2em; }


#conocenos > #col2 .bg_profesores h1, 
#conocenos > #col2 .bg_profesores h2,
#conocenos > #col2 .bg_conocenos h1, 
#conocenos > #col2 .bg_conocenos h2,
#conocenos > #col2 .bg_fp h1,
#conocenos > #col2 .bg_fp h2{ 
	background-color: #f5f5f5; }

#conocenos > #col2 .bg_profesores h1,
#conocenos > #col2 .bg_conocenos h1,
#conocenos > #col2 .bg_fp h1{
	display: inline-block;}
	
#conocenos > #col2 .bg_profesores h2,
#conocenos > #col2 .bg_conocenos h2,
#conocenos > #col2 .bg_fp h2{  
	width: 34%; }


/********************************** ficha  profesores *************************/

#conocenos > #col2 .bg_profesores{ background: url("https://www.cursosccc.com/images/bg_profesores_ccc.jpg") no-repeat #f5f5f5; background-position: right; }


.nombre_ficha_profe{ font-size: 2.5em; background-color: #6C7A89; color: #fff; margin-bottom: 1em; clear: both; display: block; width: 100%; text-align: center; }
.nombre_ficha_profe > h1, .nombre_ficha_profe > h2{ color: #6C7A89;}
.foto_ficha_profe{ float: right; padding: 4em; }

.cursos_ficha_profe{ background-color: #F0F8FE; outline: 1px solid #B4BABE; padding: 2em; margin-bottom: 2em;}

/*#contenidos a{ color:#165f77;}*/

/*#submenu_contenidos{ outline: 1px solid #CCC; float:left; width:280px; text-align:left; margin-right:20px; }
#submenu_contenidos ul{ margin:0; padding:0; list-style-position:inside;}
#submenu_contenidos ul li{ margin:0; padding-bottom:5px; border:1px solid #CCC;}
#submenu_contenidos ul li a{ text-decoration:none; display:block;}
*/


/*******   esto afecta a todas las pages que tengan submenu lateral: conocenos, areas, categorias etc      ...*/

ul#lateral_categorias .tit_lateral_categorias, .tit_lateral_categorias{ padding:10px; font-weight:bold; border-bottom:3px solid #D1D2D4; border-top:3px solid #D1D2D4; font-style:normal; font-size:1.2em;}
ul#lateral_categorias{ margin-bottom:25px; margin-left:0; padding-left:0; font-size:1em; }

ul#lateral_categorias li{ padding: 8px 0; /*list-style-position:inside;*/ font-size:1em;  margin-bottom:0; text-align:left; letter-spacing:normal; margin-left:1em; border-bottom:1px dashed #CCCCCC; }
ul#lateral_categorias li a{ 
		color:#165f77; font-size:1em; font-weight: 600;  text-decoration:none; text-transform:uppercase; padding-left:0; margin-left:0; }

.numero_cursos{ font-size:0.625em; color:#3b3636; text-transform: none; font-weight: normal; }

/*ul#lateral_categorias li a:hover{ background-color:#A8C4CD;}*/
ul#lateral_categorias li a.select , ul#lateral_categorias li a.select .numero_cursos { 
	background-color:#165f77; color:#FFF; padding: 5px;
}

ul#lateral_categorias h1{ font-size:1.5em; text-transform: uppercase; line-height: normal; margin-bottom:2%; padding-bottom:15px; border-bottom: 2px solid #165f77;} 
ul#lateral_categorias p{ font-size:0.875em; line-height:normal;}



.col {
	display: block;
	float:left;
	margin: 1% 0 ;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower 


 /* GRID OF TWO   ============================================================================= */
.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}


/**************************** POSICION FIXED MENU ********************************************/


/*.wrapper{ height:2000px; width:100%; padding-top:20px; }

.fixed{ position:fixed; top:0; }*/




/*#wrap_linksdestacados{ 
 display: none;

	margin-top: 3.5em;
	display: flex;
	justify-content: center;
	background-color: #013243;
	padding: 0.8em;

	 }	

.linksdestacados_buscador{   }
.linksdestacados_buscador a{ 
	font-size: 0.85em; 
	font-weight: bold; 
	color: #ffffff; 
	
	padding: 0.85em;
	margin: 0 2em; 
	
	text-transform: uppercase; 
	text-decoration: underline;
}*/

/* fin */
.formu_callme input[type="radio"] { float:left;  margin-left:25px; } 
.formu_callme input[type="number"] {
	 -webkit-border-radius: 4px;	
	 -moz-border-radius: 4px; 
	 border-radius: 4px; 
	 margin-right:10px;
	  margin-left:25px; 
	  height:20px; 
	  clear:left;
	  } 

input#enviar_callme {
	font-family: 'Roboto', sans-serif;
	background-color:#CB0201; border:1px solid #980201; color:#FFF; font-size: 1em; height:30px; font-weight:bold; padding:6px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 1.1;
	cursor: pointer;
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;

}

input#enviar_callme:hover { opacity: 0.8; }

/*.formu_callme input#enviar { font-size:0.9em; padding:7px; }*/

/****   RESULTADOS BUSCADOR  ******/
.ui-autocomplete{ background-color:#FFF;}
.ui-autocomplete li{ font-size:0.8em; margin-left:20px; padding:5px;}
.ui-autocomplete li:hover{ background-color:#666; color:#FFF;}

/*para el buscador*/
#___gcse_0{ width:270px; float:right; margin:3px; padding:5px; }

.destacado_buscador{ background-color:#E7F7F9; padding:15px; outline:1px solid #CAFFFF; margin-bottom:2em; }
.destacado_buscador h2{font-size:1.3em; font-weight:bold; padding-top:1.6em;}
.destacado_buscador ul li{ list-style-position:inside; font-size:0.9em; padding:0.625em 2em; }
.destacado_buscador ul li:first-child { padding-top:2em; }
.destacado_buscador ul li:last-child { padding-bottom:2em; }
.destacado_buscador ul li a{ color:#000000;}






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



#bg_banner_largo_dto{
	width: 100%; 
	height:330px; 
	
	background: url("https://www.cursosccc.com/images/campanas_web/invierte/bg_home_buscador_invierte.jpg") #fff;
	
	background-repeat: no-repeat;
	background-position-x: center;
	
}

-*/
	

#banner_largo_inf{ 
	background-color: #bcc9d0; 
	width: 64%; 
	float: left;
	height: 146px;
	margin-right: 2%;
	margin-top: 0.5em;
	padding: 0.5em;
	text-align: left;
	
}

#banner_largo_inf p{ padding-top: 2.2em; font-size: 1em; font-weight: bold; padding-right: 2em; }

.catch_ayudas_pc{
		float: left;
		width: 34%; 

	  }

 
 /* callme becas destacado en el slider de la home */
 #callme_home_slider{ width:24%; float: left; /*margin-right:22%;*/ background-color: #E5E9EB; /* #46642B*/}
 
.contador_becas{ color:#012d61; font-size:1.8em; font-weight:bold; text-align:center; }


/* para quitar el espacio p de la page de curso */
#wrapper p.contador_becas, #wrapper p.callme_tit{ margin-bottom: 0;}

 .callme_tit,  .callme_text{ color:#012d61;  }
  .callme_tit{ font-size:1.1em;font-weight: bold; padding:0.5em; text-align:center; }
  .callme_text_azul{ font-size:0.8em; }
 

#carga-lopd	{ position:relative;z-index:200;display:none; background: #E5E9EB;}
#carga-lopd p{font-size:0.75em; padding:4px 10px;}
#carga-lopd div p i.fa{ float: right; font-size: 2.8em; }
#carga-lopd div p i.fa:hover{ background: #ffffff; }

.cerrar-lopd-callme { cursor:pointer; cursor:hand; font-size:1em; text-align:center;  padding: 5px; margin: 5px;}
p.cerrar-lopd-callme{ background-color: #000000; color: #ffffff;  padding: 10px; margin: 1em;}
p.cerrar-lopd-callme:hover{ background-color: #ffffff; outline: 1px solid #000000; color: #000000;}
 
 #banner_largo img{ max-width:1000px; width:100%; text-align:center; }

 

 /*.titular_nuevos{ padding-top: 3em; }*/
 
 /*.titular_home h1, */.titular_home h2, .titular_nuevos h2{ display:inline; text-align:center; font-weight:500; }
 /*.titular_home h1 a{ text-decoration: none; }*/
.titular_home_pk{ clear:both; text-align:center; font-size:1.3em; font-weight: normal; }

/****************  DESTACAMOS    ******************/


.linksdestacados_50{ float:left; width:49%;  margin:0.3em; outline: 1px solid #e2ebf0; padding: 0.8% 0.4%;}

/* para 4 col*/
.linksdestacados{ float:left; width:23%; margin:0.3em; outline: 1px solid #e2ebf0; padding: 0.4%; }
/* para 3 col*/
.linksdestacados2{ float:left; width:30%; margin:1%; outline: 1px solid #e2ebf0; /*width:308px;*/ padding: 0.5%;/**/ }


.col60{ width:58%; margin-right:2%; float:left; }

#zona_nuevos{ width:40%; float:left; text-align: left;  padding: 1.5em; border: 1px solid #DBDCDA; background: #F4F5F2; 	
/*margin-top:2em; background: url("https://www.cursosccc.com/images/bg_nuevos_cursos.jpg") #FFFEF3;
	background-position: top center;
	background-repeat: no-repeat;*/  }
#zona_nuevos p{ padding-bottom:0.5em; text-align:center; }
#zona_nuevos ul{ padding-top:2em;}
#zona_nuevos ul li{ list-style-type: none; padding: 0.5em 0 ;}
#zona_nuevos ul li img{ padding-right:5px; } 
#zona_nuevos ul li a{ text-decoration: none; font-size:0.95em; font-weight: bold; color: #1b1213; }

/*#zona_minibanner{ 
	
	clear:both; 
	padding: 1em 0; 
	
}*/

/* #zona_minibanner > .titular_home > p{ color: #828282; font-size:0.7em;}

#zona_minibanner > .col5{ padding: 0 0 0.5em 0; height:170px;  } */




.bt_home { padding:0.6em; font-weight:bold; }
.catch_home{ float:left; padding-right:2em; padding-top:2em; padding-bottom:2em; }

.home_destacado_inf{ font-size:0.9em; /*outline:1px solid #B0D4DC; */}
.home_destacado_inf p{ padding-top: 0.8em; } 


/*********** columnas *****************/
.col1{ width:96.68%; padding:1%; margin: 1% 1.66%; }
.col2{ width:46.68%; padding:1%; float: left; margin: 1% 1.66%;  }
.col2 img{ max-width:130px; /*width:24%;*/ } 

.col3{ width:31%; float: left; margin: 1%; /* antes width:30.01%; padding: 2%; float: left; margin: 1% 1.66%; */}

.col4{ width:23.5%; float: left; margin: 0.5em; height: 190px; background: #F5F5F5; /*outline: 1px solid #ccc; */}
.col5{ width:18%; padding: 1%; float: left; margin: 1%; background-color:#ffffff;   }

.col6{ width:14%; padding: 1%; float: left; margin: 1%; background-color:#ffffff;   }

.col7{ width:13%; padding: 2% 1% 5% 1%; float: left; margin: 0.5%; background-color:#ffffff;   }

/*para el listado de cursos online */
.minibanner_pk{ float:left; width:15%; margin:0.6%; }

/*.minibanner2{  float:left; width:24%; margin:0.3em;}*/
 .minibanner_pk img{ max-width:100%; /*max-width:308px;*/ }

.linksdestacados_50 a, .linksdestacados a, .linksdestacados2 a{ color:#3b3636; font-size: 0.95em; font-weight: bold; display:block; text-decoration:none;  }
/*.linksdestacados_50 a:hover, .linksdestacados a:hover, .linksdestacados2 a:hover{  }*/

.razones{ text-align:center; font-size: 0.85em; }
.razones img{ clear:both; }
.razones p, .razones p a{ padding-top: 0.7em; color:#1F191A; text-decoration: none;}


/*---------------------------------------------  CONOCENOS  ------------------------------------*/

/*Acreditaciones*/
.cuadro_acuerdos{
float:left; /*border-bottom:1px dashed #CDCDCD;  padding:10px; margin-right:2%;*/ margin:1%; padding: 1.5%; height:110px; width:30%; 
text-align:center; 
vertical-align:middle central; font-size:0.7em; outline: #CCC 1px solid;
}
.cuadro_acuerdos img{
max-height:60px; max-width:140px;
}

/*para la foto de logos*/
/*.acuerdos{  max-width:100px; max-height:60px;}
padding:10px; margin-bottom:5px;*/

/*
---------------------------------------------  JORNADAS PRACTICAS  ------------------------------------*/

/*Acreditaciones*/
.jornadas{ border-bottom: #CCC 1px solid; margin-bottom:25px; min-height: 150px; }
.jornadas img{ float:left; max-height:100px; max-width:140px; outline: #CCC 1px solid; padding:1%; margin:1% 3% 1.5% 0.5%;}
.jornadas ul{ list-style-position: inside;}


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


/****************  zona intro    ******************/
#intro_curso{ 
	width:65%; padding-top:5px; margin-bottom:5px; margin-right:1%; 
	float:left;  
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */  
	}
#titulo_curso{ font-size: 2.6em; font-weight: 600;  line-height: 1;  text-transform: uppercase; padding-top:0.5em; text-align:center;}
#texto_intro{ width:99%; }
#texto_intro p, #texto_intro ul li{ font-size: 1.125em; line-height: 1.3; padding-bottom: 10px; margin-left:35px;
 list-style:inside; padding-left:0; }
#texto_intro p a{ color:#165f77; }

.catch_ayudas_img{ float:left; z-index:15; max-width:100%; }
.catch_ayudas_img div{ padding-top: 2em;}

/* no sé muy bien para que esta OSCAR
  .contenedor_catch{ background-color:#FB4649; }*/

#foto-curso{ width:34%; padding-top:5px; float: left; padding-right:1em; /*text-align:right; */}
#foto-curso img{ max-height:150px; /*antes 210*/ }

#caja-video{ width:90%; /*antes 30%*/ max-width: 100%; float: right;  }
#video-curso{ 
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#video-curso iframe, #video-curso object, #video-curso embed{ position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
	}
#foto-curso-alternativa{ display: none;}
/*#zona_curso{ margin-top:25px; clear:both; }*/

#compartir,#compartir_movil{ float:right; padding:0.5em; background-color:#F8F7DA; font-size: 0.7em;margin:0.5em }
.bt_compartir{ float:left; margin-right:0.625em; }

#descarga_pdf, #descarga_pdf_movil{ width:94%; margin-left:auto; margin-right:auto; outline:1px solid #AFCFD9; background:#E5EFF3; margin:3%; padding:2%; clear:both;text-align:center }
#descarga_pdf h3{ text-align:center; text-transform:uppercase; font-size:1.45em; }
input#bt_descargar_pdf{background: url("https://www.cursosccc.com/images/bt_descarga_pdf.png") no-repeat; width:304px; height:98px; border:none;}




.bt_solicita_informacion{ 
	background-color: #5e7612; /*#CB0201; */
	border:1px solid #46580e; 
	margin:15px; 
	width:50%; 
	color:#FFF; 
	font-size: 1.1em; 
	font-weight:bold; /*padding:10px;*/
	margin-left:auto; margin-right:auto;
 	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	opacity: 1.1;
	cursor: pointer;
	 /*sombra */
-webkit-box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
-moz-box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);

	transition: opacity 1s;
	-o-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s; 
	

text-shadow: -1px -1px rgba(0,0,0,.4);  

	}
	
	
	
.bt_solicita_informacion a{ display:block; color:#FFF; font-size: 1.1em; font-weight:bold; padding:15px; text-decoration:none; text-align:center; }
.bt_solicita_informacion a:hover, .bt_callme:hover, .bt_solicita_informacion_verde { 
	background-color:#303030;
	text-decoration:underline;
	
	
}
/* columnas */
#col1_curso{ width:63%; float:left; margin-right:1%; padding: 15px 2% 15px 15px; border-right:1px solid #CCC; }

/*#col1_curso #contenido_curso{ display: none;}*/

#col2_curso { width:34%; float:left; margin-top:0; padding: 15px;   }


/**/
#col2_curso > #callme{  
	background-color:#fdecee; 
	border:1px solid #f8c8c8; 
	text-align:center; 
	float:left; 
	width:100%;
	height:220px; 
	margin-bottom:20px; 
	margin-top:10px;
	
}

#col1_curso ul li, #col1_curso ol li, .divcont ul li{ list-style-position:inside; margin-left:25px; }

.divcont-visible{  padding:1em; outline:1px solid #AFCFD9; display:table; height:99%; }
	

#col1_curso h1, .divcont h1,#capa-precio h2 /*#col1_curso .cursos_relacionados,*/{
	padding-bottom: 5px;
	margin-bottom:18px;
	border-bottom: 5px solid #CEDEE4;
	font-size: 1.3em;
	text-align: left;
	font-weight:normal;
	
}
/*#capa-precio {   
 background-color:#CEDEE4;
    border: 2px solid #B9D5E0; padding:5px; 
}*/
#vid-practicas{float:left;margin:1em;padding:1em;}
.vid-practicas{float:left;padding:1em;}
.parrafouno{margin-top:4em;}
#col1_curso .cursos_relacionados, .cursos_relacionados{
	background-color:#DAE6EB; font-size: 1.1em; padding-bottom: 5px;
	margin-bottom:18px;
	border-bottom: 5px solid #CEDEE4;
	text-align: left;
	font-weight:normal;
	}

/*.tab_content h2, .tab_content h3{
	color: #404040;
}*/
.tab_content img {	
	margin: 0 10px;
	padding: 5px;
}

/*
.active {
border-bottom: 5px solid #FFFFFF;
background-color:#FFFFFF; 
height: 55px;
 }
*/
ul.caracteristicas_curso{ margin:0; padding:0;}
ul.caracteristicas_curso li{  font-size:1.05em; 

margin-bottom:15px;
list-style-type: none;
/* max-height:40px; line-height: 115%; */ 
 clear:both;  }
ul.caracteristicas_curso li img{ display: inline-block; vertical-align:middle; max-height:38px; padding-right:5px;}

/*ul.caracteristicas_curso li{ font-weight: 600; font-size:1.3em; margin-bottom:15px;  padding-top:10px;  }*/

.texto_pk_present{ font-size: 0.7em; color: #505050; font-weight: normal; display: inline-block;}

/* PRACTICAS EN EMPRESAS*/
#empresas_colaboradoras, #otros_acuerdos{ clear:both; }
#empresas_colaboradoras h3, #otros_acuerdos h3{ font-weight: 600; color:#165f77; font-size:1em; margin-bottom:15px; }
#empresas_colaboradoras p, #otros_acuerdos p{  margin-top:15px; margin-bottom:15px; }
#empresas_colaboradoras p img, #otros_acuerdos p img{ /*clear:left;*/ float:left; }
.logos_empresas{ float:left; margin-right:10px; border: 1px solid #CCC; padding:5px; /* width:130px;*/ max-height:80px; max-width:130px;  }


/*#empresas_colaboradoras p img{ float:left; outline:1px solid #CCC;  margin-right:15px; padding:5px; }*/


#callme{ 
background-color:#fdecee; 
border:1px solid #f8c8c8; 
text-align:center; 
float:left; 
width:100%; 

  }
  
#callme p{ margin-top:15px;}

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

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



.quieres_info{ margin-top:15px; padding:0; color:#d90119; font-weight: bold; font-size:1.3em; border-bottom:1px solid #666; }
.ver_video a{ margin-top:15px; padding:0; color:#165f77; text-decoration:underline; font-weight: bold; font-size:1.1em; }
#col2_curso .fa-info-circle, .fa-shopping-cart, .fa-comments, .fa-code-fork, .fa-youtube-play { color:#3b3636; font-size:1.5em;  }

.ayudas{ color:#135064; padding:15px 10px; font-weight:bold; text-align:center; }
.linea_callme{ border-top:1px solid #9bc6d3; padding:15px; }

.ayudaspk{ font-size: 1.4em; font-weight:bold; text-align:center;}
.ayudasgr{ font-size: 2em; line-height:1;}

/*border:none; cursor:pointer; cursor:hand; font-weight:bold; color:#ffffff;font-size:9pt; background:none;*/

#llamaahora{ margin:0; padding:0;}

.introduce_nombre{ width:110px; padding: 10px 0 10px 35px; color: #4c4949; background: url("https://www.cursosccc.com/images/ico_nombre_callme.png") no-repeat left;  background-position:8px 5px; background-color:#FFF; border: 1px solid #999; margin-bottom:0.5em;  }

.introduce_tel{  width:110px; padding: 10px 0 10px 35px; color: #4c4949; background: url("https://www.cursosccc.com/images/ico_tel.png") no-repeat left; background-position:8px 5px; background-color:#FFF; border: 1px solid #999; margin-bottom:0.5em; }

.introduce_cp{   width:110px; padding: 10px 0 10px 35px; color: #4c4949; background: url("https://www.cursosccc.com/images/ico_cp.png") no-repeat left; background-position:8px 5px; background-color:#FFF; border: 1px solid #999;  }

.bt_callme{ 
margin-left:auto; margin-right:auto; color:#FFF; font-size: 1.2em; font-weight:bold; padding:12px; 
text-decoration:none; text-align:center; 
background-color: #5e7612; /*#CB0201; */
border: 1px solid #46580E;	
margin:12px; 
-webkit-box-shadow: 2px 2px 6px 1px rgba(161,163,162,1);
-moz-box-shadow: 2px 2px 6px 1px rgba(161,163,162,1);
box-shadow: 2px 2px 6px 1px rgba(161,163,162,1);

	  }


/*
.aviso-legal{ font-size:0.85em; padding-bottom:10px; color: #000000; text-align:center;clear:both; }
*/

#opiniones { /* background-color:#E5EFF3; border:1px solid #cee1e9;*/ padding:15px; margin-top:15px; }
#opiniones p{ /*margin-top:15px; color:#135064;font-weight: 600;*/ font-size:1em; font-style: italic; display: inherit; }
.fa-quote-left, .fa-quote-right{ font-style:italic; color: #999;}
.fa-quote-left{ float:left; }
.nombre_opi_curso{ outline:1px solid #999; width:160px; float:left; background:#FFF;}
#completo-testimonio p{ width:80%; font-weight: normal; float: right; margin-left:15px; margin-right:15px; padding:0;}

.enlace_opi{ text-align:right; color:#165f77; }

#margen_opiniones_completas{
 width:94%; margin:1%; margin-bottom:15px; }
.opiniones_completas{ border-bottom:1px solid #cee1e9; }
#completo-testimonio-full{ width:75%; float: right; font-size:0.875em; border-left:1px solid #cee1e9; padding:1em;}
.nombre_opi_curso_completas{ float:left; font-size:0.625em; color:#999; max-width:200px; margin-top:2%;}

.btn_opiniones{
	 margin:10px; padding:10px; text-align:center; width:auto;  
	 -webkit-border-radius: 4px;	
	 -moz-border-radius: 4px; 
	 border-radius: 4px; 
	opacity: 1.1;
	cursor: pointer;
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;}
.btn_opiniones a{ text-decoration:none; color:#FFF;  }
.btn_opiniones a:hover{ text-decoration: underline; } 


/**/
#matriculate_ya{ background-color: #FFE4CF /*#E5EFF3*/; outline:1px solid #FFBF8C;  /*background-color: #EBEAEA;*/ margin-top:15px; margin-bottom:15px; padding:15px;}
#matriculate_ya img{ float:left; margin-right:10px;}
#boton_compra, #boton_matricula{ 
	clear:both;	
	text-decoration:none; 
	/*background-color:#CB0201; 
	border:1px solid #980201; */
background-color: #5e7612; 
	border:1px solid #46580e; 
	color:#FFF; font-size: 1.1em; height:30px;
	margin-bottom:15px; 
	width:auto;
	font-weight:bold; 
	padding:1em; 
	 -webkit-border-radius: 4px;	
	 -moz-border-radius: 4px; 
	 border-radius: 4px; 
	opacity: 1.1;
	
	cursor: pointer;
	transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
 /*sombra */
-webkit-box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
-moz-box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
text-shadow: -1px -1px rgba(0,0,0,.4);  
}

.boton_compra2{ 
	clear:both;	
	text-decoration:none; 
	
background-color: #5e7612; 
	border:1px solid #46580e; 
	color:#FFF; font-size: 1.1em; height:30px;
	
	width:auto;
	height: 60px;
	font-weight:bold; 
	padding:1em; 
	 -webkit-border-radius: 4px;	
	 -moz-border-radius: 4px; 
	 border-radius: 4px; 
	opacity: 1.1;
	
	cursor: pointer;
	transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
 /*sombra */
-webkit-box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
-moz-box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
box-shadow: 4px 4px 9px 1px rgba(117,115,117,1);
text-shadow: -1px -1px rgba(0,0,0,.4);  
}

#boton_compra:hover { /*opacity: 0.8;*/ background-color:#303030; 
	text-decoration:underline;}

	
	/* ficha profesores curso en metodologia  */


.profesor_curso_metodologia{ clear:both; margin-bottom:2em; padding:1.5em; background-color:#F0EFF1; 
		outline:1px solid #AFCFD9;}
.profesor_curso_metodologia h3 {font-size:1.05em; border-bottom:1px dotted #165F77; margin-bottom:1em; }

.profesor_curso_metodologia > img{    margin: 0.5em 2em 2em 2em; width:100px; float:left; outline:4px solid #AFCFD9;}






#profesor_curso, .profesor_curso { width: 20%; float: left; height: 200px; text-align: center; margin:1em;  outline:1px solid #AFCFD9;}
	
	#profesor_curso p, .profesor_curso p{ margin:0; }




#conocenos > #col2 h3.nombre_area_profes{ 
	color: #607D8B;
    font-size: 2em;
    text-align: center; border-bottom: none; }
	
#profesor_curso:hover, .profesor_curso:hover{ background-color:#F0EFF1; } 





/*						FORMULARIO CURSO ver tb css-formu-corto2.css
-------------------------------------------------------------------------------------------------*/

#texto_intro_formu{ width:99%; }

.foto-form{ margin-bottom:2em; padding-bottom:1em; border-bottom:1px solid #9bc5cf;}

#texto_intro_formu p, #texto_intro_formu ul li{ font-size: 1em; line-height: 1.3; padding-bottom: 10px; margin-left:35px;
 list-style:inside; padding-left:0; }

#foto-curso-formu{  width:32%; padding-top:5px; float: left; text-align:left; margin-right:2%; }

/*#wrapper p  > .quieres_form{ margin-bottom: 0; }*/
.quieres_form{ margin:0; padding:0; color:#165F77; font-weight: bold; font-size:1.2em; /*border-bottom:1px solid #666;*/}

/* para que la page form este en 2 col*/
#zona_formu{ float:left; }
#col_form{ float:left; width:35%; margin-left:2%; }

#col_form > #foto-curso{ clear:both; width:66%; margin-bottom:2em; float:none;}


/* el resto de estilos esta en css-form-corto */


/*						FORMULARIO ENVIADO
-------------------------------------------------------------------------------------------------*/



#page_form_enviado{ margin:0.8em;}

#page_form_enviado > .col_50{ width:45%; margin-left:2em; padding:2em; float:left; }

#page_form_enviado > .bg_gris, #page_form_enviado > bg_azul_claro{  padding:1em; outline:1px solid #CAFFFF; font-weight:bold; text-align:center;}

#page_form_enviado h1 {  padding:0.8em; font-size:1.7em; }
#page_form_enviado h2{  padding-top:0.8em; font-size: 1.65em; }

#page_form_enviado p{ font-weight: normal; /*margin: 1em;*/ }


.col_50 .bg_azul_claro .bt_callme{ margin-top:0; margin-bottom:2em;}


#relacionados_form_enviado{ outline:1px solid #D5D5D5; padding:1em; margin:1em; width:94%; margin-left:auto; margin-right:auto; clear:both;display:table}


/* 												PAGE AREAS y algo categorías
------------------------------------------------------------------------------------------------------*/

.page_areas > #col1{width:38%; float:left; padding:0 2%; font-size: 1em; border-left: 1px solid #D1D2D4; border-right: none; }
.page_areas > #col2{ width:60%; float:left;  }


#intro_area {  padding-top:10px; height:165px;  z-index:2; margin-bottom:0.7em;  /*margin-top:10px;outline: 1px; padding-top:4%; margin-right:3%;height:210px;border-right: 2px solid #CCC;*/ }
#intro_area img { max-width: none; }

/*#intro_area{  width:100%; }*/
#intro_area h3{/* font-weight: normal;*/ }
 .dispones{ padding:3px; padding-left:10px; margin-top:8px; font-size:1em; color:#FFF; background-color: #d90119; filter:alpha(opacity=80); opacity:.8; width: 38%;}
/*ul.lista_areas_cursos*/ .ancho_tot{ width:100%; }
/*ul.lista_areas_cursos .ancho_50{ width:50%;  }*/

.col_50 > ul.lista_areas_cursos{ margin-top:15px; margin-bottom:15px;}
ul.lista_areas_cursos{ padding:0;   margin-top:6px; margin-bottom:6px; width:86%; margin-right: auto; margin-left:auto; clear:both; /*float:left;width:98%; margin-right:2%; margin-left:1%;*/  }

/*ul.listado_cursos { padding:0; float:left; }*/
ul.lista_areas_cursos h2 a{ background-color:#E7F7F9; text-decoration: none; color:#000; text-align: left; font-size:1em;
 /*text-transform:uppercase;*/ padding: 0.6em; border: 1px solid #8ABFD6; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  border-radius: 4px;}
ul.lista_areas_cursos h2 a:hover{ background-color:#C4D2D4; }
ul.lista_areas_cursos h2 .fa-angle-double-down, .fa-angle-double-up{ 
/*padding-right:15px; color:#165f77; font-size:1.6em;*/

    padding: 0.8em;
    color: #165f77;
    font-size: 1.2em;
    font-weight: bold;

}


/*ul.lista_areas_cursos h2{ clear:both; margin-top:2%; margin-bottom:2%; margin-right:2%;  }
ul.lista_areas_cursos h2 a{ color:#FFFFFF; font-size:1.4em; background-color:#3b3636; padding:10px; text-transform: uppercase; text-decoration: none; text-align:center; border: 1px solid #8ABFD6; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
ul.lista_areas_cursos h2 a:hover{ background-color:#D5E2E9; color:#165F77; }*/




/**************** ACUERDOS CON OTROS CENTROS: HUMANAE  *****************

.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_area{ margin-left: 30%; outline: 1px solid #D1D2D4; }

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


/* 												PAGE CATEGORIAS
------------------------------------------------------------------------------------------------------*/

/****************  zona intro  categorias  ***************
#intro_categoria{ width:68%; float:left; }***/
#titulo_categoria{ font-size: 2.1em; display:inline;  font-weight: normal; color:#FFF; width:80%; /*line-height: 1;*/  text-transform: uppercase; padding:0 8px; /*padding:5px 20px;*/}


#banner_categorias{ 
background-color:#fdecee; 
border:1px solid #f8c8c8; 
text-align:center; 
float:left; 
width:100%; height:210px; 
margin-bottom:10px; 
margin-top:10px;
}

/*#col2_categorias h1{ text-transform:uppercase; padding-bottom:15px; font-size:2em; }*/

#resumen-testimonio-categoria, #completo-testimonio-categoria{ font-size: 0.95em;
  font-style: italic; text-align:left; margin-top:1em; padding-bottom:1em; }

.nombre_opi{ text-align:right; clear:both; font-style:normal; /*font-size:0.75em;*/}
.nombre_opi a{ color:#165f77;}

#destacado_categorias .texto{ font-size:0.875em; padding-top:15px; }

#lista_categorias_cursos{ margin-top:15px; }

#lista_categorias_cursos ul li:first-child{ border-top:1px solid #CCC;}
#lista_categorias_cursos ul li{ border-bottom: 1px solid #CCC; padding:0; margin:0;  list-style-type:none;}
#lista_categorias_cursos ul li ul a{ color:#333; float:left; display:block; width:100%; text-decoration:none; }
#lista_categorias_cursos ul li ul a:hover{ background-color:#E0EAEF;}

#lista_categorias_cursos ul li ul li{ border:none; }
#lista_categorias_cursos ul li ul a li{ text-align:left;}

.fotillo_categorias{ float:left; margin: 15px 15px; list-style-type:none; max-width:142px;  }
.nombre_curso_categorias{ float:left; width:70%; padding-right:30%; margin-top:10px; padding-bottom:15px; font-size:1em; }
.icono_fp{ margin-left:2px; margin-right:2px; }
.ico_nuevo{ margin-left:2px; margin-right:2px; /* display: block; clear: both; padding-top: 5px;*/}
.modalidad_categorias{ text-decoration:none; font-size:0.875em; float: left; text-align:left; margin-right:15px; }
.ver_curso_categorias{ color:#165f77; text-decoration:underline; font-size:0.875em; float:left; margin-left: 15px; }
/********************************************/
.list li {
  /*background: url("http://bradfrost.github.com/this-is-responsive/patterns/images/icon_arrow_right.png") no-repeat 97% 50%;*/
  border-bottom: 1px solid #ccc;
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.inner {
  display: table-row;
  overflow: hidden;
  color:#333;
  text-decoration:none;
  }
.li-img {
  display: table-cell; /* table-row*/
  vertical-align: middle;
  width: 19%;/*pc antes 22%*/
  margin-right:2%;
  /*max-width:142px;*/
  padding-right: 1em;
 
}
.li-img img {
 display: block;
 /* width: 98%;*/
  height: auto;
  margin:0.5em;
  max-width:140px;
}
.li-text {
  display: table-cell;
  vertical-align: middle;
  width: 86%;
}
.li-head {
  margin: 0;
  font-size:1.1em;
}
.li-sub {
  margin: 0;
  font-size:0.875em;
}

/*@media all and (min-width: 45em) {
  .list li {
    float: left;
    width: 50%;
	
  }
}*/

@media all and (min-width: 75em) {
  .list li {
    /*width: 33.33333%;*/
	width: 100%;
  }
}
/***********************************************/
#leyenda_fp_categorias{ padding-top:15px; margin:0; font-size:0.75em; }
#otra_categoria_bottom { margin-top:15px; }
#otra_categoria_bottom p{ list-style-type:circle; list-style-position:inside; padding:5px 5px 5px 25px; }
#otra_categoria_bottom a, #otra_categoria_bottom ul li a{ color:#165f77; text-decoration:underline;  }
#otra_categoria_bottom ul li{margin-left:15px; list-style-position:inside; padding:0.35em;}

/*									LISTADOS DE CURSOS GENERALES
-------------------------------------------------------------------------------------------------------*/
#banner{ text-align:center; }
#zona_listado_cursos {}
#zona_listado_cursos h1{ margin-bottom:15px; }
#intro_listado{ /*width:90%;*/ margin-left:auto; margin-right:auto; /*background-color:#B7B4B4; color:#FFFFFF; */}
#intro_listado h1{font-size: 2.55em; font-weight: normal; text-transform: uppercase; text-align:center; padding:5px 10px;}
#texto_intro_listado{ font-size: 1em; }
#texto_intro_listado > span{ font-weight:bold; font-size:1.3em; }
/*ul.listado_cursos:first-child{ margin-top:0;}*/
ul.listado_cursos { padding:0; margin-top:10px; margin-bottom:1em; width:98%; margin-right:2%; margin-left:1%; float:left; }

ul.listado_cursos h2 a{ background-color:#E7F7F9; text-decoration: none; color:#000; text-align:center; font-size:1.1em; /*text-transform:uppercase;*/ padding:10px; border: 1px solid #8ABFD6; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 /*sombra */
-webkit-box-shadow: 6px 6px 3px -5px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    6px 6px 3px -5px rgba(50, 50, 50, 0.56);
box-shadow:         6px 6px 3px -5px rgba(50, 50, 50, 0.56);

}

ul.listado_cursos:last-child { margin-bottom:3em;}


ul.listado_cursos h2 a:hover{ background-color:#C4D2D4; }
ul.listado_cursos h2 .fa-angle-double-down, .fa-angle-double-up{ padding-right:15px; color:#165f77; font-size:1.6em;}
/*ul.listado_cursos h2 .fa-chevron-circle-down:hover{ color:#FFF; }*/
ul.listado_cursos h3{ padding-top:15px; margin-bottom:5px;}
ul.listado_cursos h3 a{ font-size:0.9em; text-decoration:underline; color:#333; margin-left:10px;}
ul.listado_cursos li:first-child{ margin-top:10px;}
ul.listado_cursos li{ /*list-style-position:inside;*/ list-style-image: url(../images/tic_flecha.png); margin-left:20px; margin-bottom:5px;  }
ul.listado_cursos li a{ display:block;  text-decoration:none; font-size:0.95em; color:#165f77;  }
ul.listado_cursos li a:hover{ background-color:#E0EAEF;}


.caracteristicas_generales{ clear:both; }
.caracteristicas_generales ul li{ 
	display:inline; 
	width:148px;
	padding:5px;
	padding-top:10px;
	border:1px solid #CCC; 
	margin: 30px 3px;
	float:left;
	list-style-type: none; 
	/*font-weight: bold; */
	font-size:0.8em;
	line-height: 110%;
 }
.caracteristicas_generales ul li img{ float: left; padding-top:-15px; }




/* 												PAGE CONTACTO
------------------------------------------------------------------------------------------------------*/

#col-uno3, #col-dos3{margin-right:2%; border-right:1px solid #CCC;}
#col-uno3, #col-dos3, #col-tres3{ width:32%; /*height:100%;*/ float:left; margin-top:1%; /* padding:15px; */}

#col-tres3 > #callme{  width:100%; }	
	
.ico_contacto{ color: #2A2828; font-size: 2.1em; padding-right: 0.5em; }

.formu_contacto label{ float:left; clear:left; width:25%; padding:5px; margin-left:6%; }

.formu_contacto input, .formu_contacto textarea{
	 float:left; 
	 clear:right; 
	 padding:5px; 
	 margin:4px;  
	 -webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
	border-radius: 4px; 
	border: 1px solid #B8BBC4;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s; }

.formu_contacto input:focus,
.formu_contacto textarea:focus{
	border-color: #D7DBE6;
}



/*  para que no salga en enlace tel en versiones que no sean movil: */
.telefono{ text-decoration: none; cursor:default;}


/* 												PAGE formulario
------------------------------------------------------------------------------------------------------*/
#page_formulario #col2_curso { padding-right:3em;}

#page_formulario img{ width:80%; padding:2em 0;}



/*================================== LANDING COMO BLACK FRIDAY Y NUEVOS CURSOS ========================================================================*/

#wrapper_landing{ margin-left:auto; margin-right:auto; width:98%; max-width:1500px; margin-bottom:2em;  
    background: url(https://www.cursosccc.com/images/landing/bg_black_friday.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:#FCFCFC;
} 
#wrapper_landing_nuevoscursos{ margin-left:auto; margin-right:auto; width:98%; max-width:1500px; margin-bottom:2em;  
    background: url(https://www.cursosccc.com/images/landing/bg_nuevos_cursos.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:#FCFCFC;
} 

.h1_landing{ font-size:3.1em; margin:0.4em 0; font-weight:bold; text-align:center; display: inline-block; color:#FFFFFF;  }
.h2_landing{ font-size:1.4em; margin:0.4em 0; font-weight:bold; text-align:center; display: inline-block; color:#FFFFFF; border-top:1px solid #AEACAC; border-bottom:1px solid #AEACAC;  padding:0.5em 0; }
.tit_amarillo{ font-size:1.8em; color: #F2A700; }
.col1_landing{ width:33%; float:left; border-right:1px solid #908D8D; }
.col2_landing{ width:56%; float: left; }
.margenes_landing{ padding:1%; margin: 1%; }
.text_destacado_landing{ font-size:1.7em; font-weight:bold; margin-bottom:1em;  }

.tit_form{ font-size:1.6em; }
.form_landing{ color: #FFFFFF; text-align:left;  }
.form_landing form { width:268px; margin-left:auto; margin-right:auto; font-size:0.95em;}
.form_landing form label{ width: 75px; display: inline-block; } 
.form_landing form input{  margin-bottom:0.625em; margin-left:0.5em; padding:0.3em; } 
.form_landing form > #lopdmasinfo{ background-color: #191919;}
.form_landing form input[type=submit]{ 
-webkit-appearance: none; 
appearance: none;
-moz-appearance: none; /* Firefox */

}

/*******  nuevos cursos ************/

#wrapper > .landing > #col1{width:20%; float:left; padding:0 0.5%; margin-right:2%; border-left: 1px solid #D1D2D4; border-right: none; }
#wrapper > .landing > #col2{ width:76%; float:left;  }

#wrapper > .landing #col1 > .titular_landing{ clear:both; text-align:center; font-size:1.5em; text-transform:uppercase; }

#wrapper > .landing #col1 > h2{   
	border-top: 1px solid #D1D2D4;
    border-bottom: 1px solid #D1D2D4;
    font-size: 1.1em;
    line-height: normal;
    margin-bottom: 1em;
    padding: 0.8em; }
    
#wrapper > .landing #col1 > p{ font-size: 0.9em; margin-bottom: 0.5em; padding: 0 0.8em; line-height: normal; }


/*solo aparece en movil*/
#conocenos_mov{ display: none; }


 iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/*									AGURRRRRRRRRRRRRRR!  
------------------------------------------------------------------------------------------------------*/
 
 
/*/****************************************************************************************************
******************************************************************************************************
******************************/  @media only screen and (min-width: 1920px)  {
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/

	 
	 #cabecera{ width:88%; margin-left:auto; margin-right:auto;  }
 

 }




/*/****************************************************************************************************
******************************************************************************************************
******************************/  @media only screen and (max-width: 1024px)  {
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/

/** page FP **/

#bg_banner_largo_formacion_profesional{
  width: 100%; height:206px !important; 
  background: url("http://www.ccc.com.es/images/bg_page_formacion_profesional_1024.jpg") #f5f5f5;
  background-repeat: no-repeat;
    
}

.titular_fp{ font-size: 2.6em; }

	/*#bg_banner_largo_dto{

	background: url("https://www.cursosccc.com/images/campanas_web/invierte/bg_home_buscador_invierte_1024.jpg") ;
	background-repeat: no-repeat;	
	background-size: contain;
}
	.linksdestacados_buscador a{ margin: 0; }*/
	
/*	#bg_banner_largo_dto2{
		
		height:130px;}
	
	 .buscador{ margin-right:10%;}
	
	#wrap_linksdestacados{ margin-top: 1.5em; width: 80%; margin-left:auto; margin-right:auto; text-align:center; }
	 
	 #telefono_sup .llamanos{ font-size:1em; }*/
	/* #telefono_sup .numero{font-size:1.3em; padding-left:5px;}*/
	
	/*
.buscador_slider { 
	text-align: center;
	padding-top: 7em;
}*/
	
	/* ul.lista-areas-home li{ width: 32%; float:left; margin: 0.5%; padding:0;}
	
	#callme_home_slider{ width:30%; }*/
	
	#zona_nuevos ul{ width: 88%; margin-left: auto; margin-right: auto; }
	
	 .cont_callme{font-size:12pt}
	 #intro_area .anystretch img{ position:relative; }
	 

	 .col4{ width:23%; height: 190px;  }


	

	/*.linksdestacados{ width:23%; margin:0.4em; padding: 0.3%; }
	.linksdestacados a{ color:#3b3636; text-transform:uppercase; font-size: 0.75em; font-weight: bold; display:block; text-decoration:none;  }
	.linksdestacados a:hover{ text-decoration: underline; }
*/
	#foto-curso img{ max-height:190px; }
	#titulo_categoria{ font-size: 2em; display:inline; font-weight: normal; color:#FFF; width:80%; padding:5px 20px;}

	#texto_intro p, #texto_intro ul li{ font-size: 1.1em; margin-left:15px; }
	
	.catch_ayudas_img{ float:left; z-index:15; max-width:129px; }
	.bt_solicita_informacion{ width:330px; margin-left:auto; margin-right:auto; }
	

	#banner_largo_inf p{ padding-top: 0;  }
		
	
}





/*/****************************************************************************************************
******************************************************************************************************
******************************/  @media only screen and (max-width: 840px){
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/

	
	/*--------------- index---------------*/
	#titulo_curso{ font-size: 1.6em; }
	#intro_curso{ width:100%; margin:0;  }
	#texto_intro_listado{ width:100%; }
	
	#callme_home_slider{ width:36%; margin-right: 8%; }
	#banner_largo_dto{ background-position: left; }
	
	/*#zona_minibanner > .col5{ width:30%;  }*/
	 .col4{ width: 35.25%; height: 186px;  }
	
	/*#bg_banner_largo_dto{ display: none; }*/

	#bg_banner_largo_dto2{
	width: 100%; 
	float: none;
	height:90px;
	margin-right: auto;
	margin-bottom: 2em;
	}


	.catch_ayudas_pc{
	 	float: none;
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
#wrap_linksdestacados{  display: none; }
	
	
	
	/*------------------- categorias----------------------*/
	.li-img { width:42%; }
	
	/*----------- CURSO ---------*/
	
	#matriculate_ya, 
	/*#catch_ayudas_img, */
	.cargar_opiniones
	/*.quieres_info, 
	#opiniones*/{ display: none; }
	
	#caja-video,  #video-curso, #foto-curso iframe{ display: none; /*width:60%; margin:auto; float: left; margin-bottom:15px; */ }
	/*esto es para la foto alternativa al video en movil no hay video y hay alter.*/
	#foto-curso-alternativa{ display:block; }
	#foto-curso, #foto-curso-alternativa{ 
	clear:both; margin-right:auto; width:100%;  margin-left:auto; 
	padding:2%; border-top:1px solid #999; border-bottom:1px solid #999; float: none; text-align:center;  }
	#foto-curso img{/* width:96%;*/ margin-left:auto; margin-right:auto; max-width:413px; }

	
	/*#video-curso{ 
	clear:both; margin-right:auto; width:96%; margin-left:auto; 
	padding:2%; border-top:1px solid #999; border-bottom:1px solid #999; float: none; text-align:center;  }
	
	#foto-curso iframe{ float: inherit; text-align:center;  height:auto;  }
	*/
	
	#col1_curso, #col2_curso{ width:98%; margin-right: auto; margin-left:auto; float: none; border: none; padding:0;  }
	.quieres_info{ margin-top:0;}
	#col2_curso > #callme{ width:46%; margin-right:4%; margin-bottom:2%;}
	
	#col1_curso #contenido{ display: none;}
	#col1_curso #contenido_curso #zona_curso{ margin-top:0; }
	
	/* 		PAGE formulario
------------------------------------------------------------------------------------------------------*/
	#page_formulario #col1_curso, #page_formulario #col2_curso{ display:block; }
	#page_formulario img{ width:46%; float:left; padding-right:2em; padding-top:0; }	
	

	/******************** fin form********************/
	
	/*#col2_curso #callme, */
	.enlace_opi{ display: none; }
	#opiniones {
	padding: 0;
	margin-top: 0; margin-bottom:2%; width:48%; float:left; }
	#otra_categoria_bottom { margin-top:0; }
	#margen_opiniones_completas{ /*display: none;*/ margin:0; }
	/* eliminado para el nuevo diseño #wrapper p{ margin-bottom:0.7em;}*/
	#completo-testimonio-full{ width:100%; float: none; font-size:0.95em; border-left: none; padding:0; }
	.nombre_opi_curso_completas{ float: none; clear:both; font-size:0.75em; color:#999; max-width: none; margin-top:0; }
	
	/*--------------- caracteristicas del curso---------*/
	.col {
		margin: 1% 0 1% 0%;
	}
	
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		/*width: 50%;*/ width:100%;  margin:0; padding:0; 
	}
	ul.caracteristicas_curso{ margin:0; padding:0; }
	ul.caracteristicas_curso li{ width:96%; margin-bottom:5px; padding:0; margin-left:0; /*font-size:0.8em;*/ line-height: normal; float:left; }
	ul.caracteristicas_curso li img{ float:left; max-width:60%; margin-left:0; }
	
	
	/*================================== LANDING COMO BLACK FRIDAY========================================================================*/

#menu_movil_landing > #menu_superior{ display: none;}

.h1_landing{ /*font-size:2.3em;*/ margin: 0; font-weight:bold; text-align:center; display: inline-block; color:#FFFFFF;  }
.h2_landing{ font-size:1.1em; margin:0; font-weight:bold; text-align:center; display: inline-block; color:#FFFFFF; border-top:1px solid #AEACAC; border-bottom:1px solid #AEACAC;  padding:0.5em 0; }
.tit_amarillo{ font-size:2.1em; color: #F2A700; }
.col1_landing{ width:39%; float:left; border-right:1px solid #908D8D; }
.col2_landing{ width:50%; float: left; }
.margenes_landing{ padding:1%; margin: 1%; }
.text_destacado_landing{ font-size:1.3em; font-weight:bold; margin-bottom:1em;  }

.tit_form{ font-size:1.3em; }
.form_landing{ color: #FFFFFF; text-align:left;  }
.form_landing form { width:268px; margin-left:auto; margin-right:auto; font-size:0.95em; }
.form_landing form label{ width: 75px; display: inline-block; } 
.form_landing form input{  margin-bottom:0.625em; margin-left:0.5em; padding:0.3em; } 

	
	

	}
	
/****************************************************************************************************
******************************************************************************************************
******************************************************************************************************
====================*/  @media only screen and (max-width: 770px) { /*--------------------------
****************************************************************************************************
******************************************************************************************************
*******************************************************************************************************/





	.oculta, 
	#menu_superior ul li.callme .dejanos,
	.linksdestacados2, 
	#barra_ayudas, 
	#___gcse_0,
	#barra_ayudas, 
	#catch_promo_pie,
	/*#enlaces_webs_pie, */
	.formu_callme, 
	#wrap_callme_pop { display: none; }
	
	
	/*body{ font-size: 90%;} */
		
	.catch_ayudas_img{ max-width:100px; }
	
	/*---------------------- fP  -------------------------------*/
	

	/** page FP **/

#bg_banner_largo_formacion_profesional{
  width: 100%; height:206px !important; 
  background: url("http://www.ccc.com.es/images/bg_page_formacion_profesional_768.jpg") #f5f5f5;
  background-repeat: no-repeat;
    
}

	.botones_fp a {
    flex: 0 33%;
}



	/*------------------------   HOME  --------------
	
	#contenido_banner_largo{
	 margin-left:6%;	
	margin-right:3%;  
}
	
	.home_destacado_inf #col1, .home_destacado_inf #col2 { width:96%; clear:both;}
	.home_destacado_inf #col2{ margin-bottom:2.5em;}
	.home_destacado_inf #col2 h3 {font-size: 1.2em; }
	.home_destacado_inf #col2{ padding:10%;}
	.home_destacado_inf #col2 img { width:38%; padding-top:0; padding-left:8%; clear:both; float:none; display:block; margin:auto;}
	---*/
	/*#zona_minibanner > .col5{ height: auto; min-height: 155px; }*/
	
	
	/* afecta a la home zona inf*/
	.col3{ width:94%; float: none; margin-left:auto; margin-right:auto; margin-bottom:2em;}


	

	
	/*--------------------------  CONOCENOS LISTADO PROFESORES   ------------------------------------------*/
	
	#profesor_curso, .profesor_curso { width: 25%; height: 180px; }
	#profesor_curso p a img, .profesor_curso p a img { width: 75%; }
	
	
	
	/*--------------------------  AREA   ------------------------------------------*/
	
	#intro_area { border-right: none; margin-top:0; padding-top:0; height:auto; }
	#intro_area .anystretch{ display:none;}
	#intro_area .col1{  }
	.page_areas > #col1 { width: 100%; float: none; padding: 0 2%;}
	.page_areas > #col2{ width:100%; float: none;  }

	
	#titulo_categoria{ font-size: 1.4em; display: block; font-weight: normal; color:#FFF; width:100%; text-transform: uppercase; padding:8px; text-align:center; line-height:normal;}
	.dispones{ display:none; }
	ul.lista_areas_cursos{ /*background-color: #9BD2ED;*/  margin-left: auto; margin-right: auto; /*padding:0;margin:0; margin-top:6px; margin-bottom:6px;  float:left;*/ width:96%; }
	ul.lista_areas_cursos a { text-decoration:none; } /*para safari*/
	ul.lista_areas_cursos li{ margin-right:5%; margin-bottom:15px; padding:5px; width:42%; height:170px; display:inline; float:left;  list-style-type:none; border: 1px solid #CCC;  }
	.col_50 > ul.lista_areas_cursos{ margin-top:15px; margin-bottom:5px;}
	
	
	
	
	
/**************** ACUERDOS CON OTROS CENTROS: HUMANAE  ************************/

/*.page_areas > #col1.area_humanae .col2_ccc{ width:100%; float: none;  }
.page_areas > #col1.area_humanae .col2_humanae{ width:100%; float: none;  }
.col2_ccc img, .col2_humanae img{ margin-bottom: 1.4em; }


.area_humanae{  background-color:#F9F7F3; background-image:  none; }

.area_humanae > #titulo_categoria{ text-align: center; width: 100%; color: black; display: block; }*/
.logos_acuerdos_area{ margin-left: 0; float: left; margin-right: 1em; }
	

	
	
	#banner_largo_inf{ width: 96%; height: auto; margin: 2%;}
	

}


 
/*/****************************************************************************************************
****************************============MOVIL PORTRAIT========*****************************
******************************/  @media only screen and (max-width: 640px) { 
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/
	

	

	/* .centrado, #contenidos, #wrapper{ margin-left:auto; margin-right:auto; width:90%; }
	
	
.linksdestacados_buscador a{ font-size: 1em;}*/
	
	
	
	#banner_largo_inf img{ float: none; margin: 0; display: inherit; margin-left: auto; margin-right: auto;}
	#banner_largo_inf p{ clear: both; padding: 1em;}
	
	
/*--- HOME: nuevos cursos*/

#zona_nuevos{ width:100%; float: none; text-align: left; margin-top:2em; padding: 1.5em; }
#zona_nuevos p{ padding-bottom:0.5em; text-align:center; }
#zona_nuevos ul{ padding:1em 0 1em 1em; }
#zona_nuevos ul li{ list-style-type: none; padding: 0.5em 0 ; }
#zona_nuevos ul li img{ float:left; padding-top:5px; padding-right:5px; } 
#zona_nuevos ul li a{ text-decoration: none; font-size:0.9em; }


	#banner_pk, .catch_ayudas_movil{
	 float: none; margin:0; display:block; width:94%; height:auto; margin-left:auto; margin-right:auto; 
	 /*padding-bottom:1.2em; border-bottom:1px solid #B5B3B3; */text-align:center; }
	.minibanner_pk{ float: left; margin-left:0.8em; display:block; width:46%; height:auto; padding-bottom:1.2em; text-align:center; }
	#banner_pk img, .minibanner_pk img{ text-align:center; margin:0; display:inline-block; }
	
/*
#zona_minibanner{ padding-top: 0; }
#zona_minibanner > .col5{ 
	padding: 0 0 0.5em 0; 
	
	min-height:175px;
	
	width:46%; 
	margin: 0.4% 2%; }

	
	/*.titular_home{ display: none; }
	.titular_home_movil{ text-align:center; font-size:1.5em; }
	.titular_home_movil p{ padding:0; margin-bottom: 0.8em; }
	.titular_home_pk{ font-size:1.3em; }

	
	ul.lista-areas-home{ display: none;}*/
	/*
	ul.lista-areas-home{ width:100%; font-size:0.9em; margin:0; float:none; }
	ul.lista-areas-home li h2 a{ background-color:#E7F7F9; text-decoration: none; color:#000; text-align: left; font-size:1.25em;  padding:10px; border: 1px solid #8ABFD6; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	ul.lista-areas-home li h2 a:hover{ background-color:#C4D2D4; }
	ul.lista-areas-home li:first-child{ margin-top:0;}
	*/ 


	#col2_curso > #callme{  
	background-color:#fdecee; 
	border:1px solid #f8c8c8; 
	text-align:center; 
	float:left; 
	width:100%;
	height: auto; 
	margin-bottom:10px; 
	margin-top:0;
	}
	
	.col_50{ width:100%;}

	 .col4{ width: 46%; height: 206px;  }


/**************  page FP  ****************


#bg_banner_largo_formacion_profesional{
   height:186px !important; 
}

.titular_fp{ font-size: 2.3em; }*****/


/*********************** SECCION PAGE FP **************************************/
#bg_banner_largo_formacion_profesional{
	height: 400px !important;
	background: url("http://www.ccc.com.es/images/bg_page_formacion_profesional_480.jpg") #f5f5f5;
	background-position: center;
	padding-top: 7em;
}
.titular_fp{ font-size: 3em; }
.botones_fp{ flex-direction: column; }
.botones_fp a{flex: 0;}


/*******  nuevos cursos ************/

#wrapper > .landing > #col1{ display: none;  }
#wrapper > .landing > #col2{ width:100%; float: none;  }

	
	/*-------------- zona conoce, categorias, etc.. ---------------------*/
	#conocenos #col1{width:100%; float: none; clear: both; margin-top: 1em; }
	#conocenos #col1 #lateral_categorias{    }
	
	#col2{ width:100%; float:left;  }
	#col1{ float: none; width: 100%; margin-top: 1em; }
	#contenidos h1{ font-size:2em; text-transform: uppercase; font-weight: normal; }
	#col2 h2, #contenidos h2{ color:#165f77; font-size:1em; }
	#conocenos > #col2 h3, #contenidos h3{ font-size:1.2em; } 
	#col1 > #callme{ display: none; }
	
	 .tit_lateral_categorias{ padding:3px;  }
	
	#lista_categorias_cursos .list .img-list li a > .icono_fp{ display: none;} 
	
	
	.cuadro_acuerdos {font-size:0.55em; }
	.cuadro_acuerdos img{ max-height:60px; max-width:100px; }
	
	ul#lateral_categorias{ display: none;}
	
	/* ficha  profesores 
#conocenos > #col2 .bg_profesores{ background: url("https://www.cursosccc.com/images/bg_profesores_ccc.jpg") #f5f5f5 no-repeat; background-position: right; padding: 4em 1em; }*/

.nombre_ficha_profe{ font-size: 2em; }
	
#conocenos > #col2 .bg_profesores h2,
#conocenos > #col2 .bg_conocenos h2{  
	width: 34%; }
	
.foto_ficha_profe{ float: right; padding: 4em; }

.cursos_ficha_profe{ background-color: #F0F8FE; outline: 1px solid #B4BABE; padding: 2em; margin-bottom: 2em;}
	
	
	/*--------------------------------- LISTADO CURSOS ---------------------/*/
	
	
	#intro_listado h1{font-size: 2em; font-weight: bold; }
	
	ul.listado_cursos:last-child { margin-bottom:1em;}
	
	#texto_intro_listado{ display: none; }
	
	.caracteristicas_generales{ clear:both; margin-top:30px; display:block; }
	.caracteristicas_generales ul li{ 
		/*width:154px;*/
		font-size:0.875em;
		width:42%; /* height:100px;*/
		display: inline;
		padding: 5px;
		padding-top:15px;
		margin: 3%;	
	}
	
	/**--------------***************************/
	#opiniones {
	padding: 0;
	margin-top: 15px; margin-bottom:2%; width:100%; float: none; }
	
	/*--------------- contacto ------------------*/
	#col-uno3, #col-dos3, #col-tres3{ width:100%; float:left; }
	.telefono{ text-decoration: underline; color:#d90119; }
	
	
	/*-------------------- LANDING -------------------------*/
	.col1_landing{ width:100%; float: none; border-right: none; }
	.col2_landing{ width:100%; float: none; }
	
	#wrapper_landing > .catch_ayudas_movil{ float: none; margin:0; display:block; width:94%; height:auto; margin-left:auto; margin-right:auto; padding-bottom:0.6em; border-bottom: none; text-align:center; }
	

	/**----------------------  FORM ENVIADO -----------------------------*/
	#page_form_enviado > .col_50{ width:100%; margin-left:0; padding: 1em 0; float: none; }
	
	#page_form_enviado > ul.lista_areas_cursos li{ width:96%;  }
	
	
	
	
	/*--------------- pie ----------------------*/
	
	
	/*solo aparece en movil*/
	#conocenos_mov{ display: inherit; }
	#capa_cookie{
	position: fixed;
	bottom: 0;
	right:0;
	left:0;
	width:100%;
	clear:both;
	background-color: #3b3636;
	border-top:0;
	color: #ffffff;
	padding: 8px;
	font-size: 0.7em;
	z-index: 10000;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
	#capa_cookie a{ color: #ffffff; }
	#capa_cookie .fa-times-circle{ font-size:2.85em; float: left; cursor:pointer; cursor: hand; }
	
}


/*/****************************************************************************************************
******************************************************************************************************
******************************/  @media only screen and (max-width: 480px)  {
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/


	/*.solo_movil{ display:inherit; }
	#menu_superior{ width:92%; }*/
	/*#telefono_sup .numero_whatsapp{ font-size:1.2em;   }*/
	#wrap_formulario_movil{ display:block;}
	
	
	/*#zona_minibanner > .col5{ height: auto; min-height: 165px; }*/

	.col4{ width: 72%; height: 182px; margin-left: auto; margin-right: auto; float: none; outline: none; }
	.col4 img{ width: 330px; }

	.enl_col5 { margin: 0; font-size: 1.25em; }
	/*.txt_minibanner{ display: none; }*/
	.catch_home{ width:40%; }

		/* ficha  profesores */
	.foto_ficha_profe{ float: none; padding: 0.35em; margin-left: auto; margin-right: auto; width: 30%; }
	

	input#bt_descargar_pdf{ background: url("https://www.cursosccc.com/images/bt_descarga_pdf_mov.png") no-repeat; width:220px; height:71px; border:none;}
	
	
	
	/*--------------------------  CONOCENOS LISTADO PROFESORES   ------------------------------------------*/
	
	#profesor_curso, .profesor_curso { width: 40%; height: 180px; }
	
	
	
	
	/*********************  ACREDITACIONES  *******************
	
	#logos_acreditaciones_pie ul li a img{  max-height: 42px; }
	#logos_acreditaciones_pie ul li.anced,  #logos_acreditaciones_pie ul li.arbitraje, #logos_acreditaciones_pie ul li.adigital{ display: none;}
	*****/
	/********************* LANDING  ***************************/
	.h1_landing{ font-size:2.1em; }
	.tit_amarillo{ font-size:1.7em; color: #F2A700; }
	.margenes_landing{ padding-left:5%; padding-right:5%; margin: 1%; }
	.text_destacado_landing{ font-size:1.2em; font-weight:bold; margin-bottom:1em;  }
	
	
	

 }
	
 
		
	
/*/****************************************************************************************************
******************************************************************************************************
******************************/  @media only screen and (max-width: 320px) {
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/




/*
#redes_sociales ul{ width:80%; margin-left:auto; margin-right:auto;}*/


/* ficha  profesores */
	.nombre_ficha_profe{ font-size: 1.6em; }

	.campos_pdf{ float:none;padding:5px; }
}