/* maialen labandibar 

html, body,  p, 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; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         
}
/* HTML5 display-role reset for older browsers 
article, aside, details, figcaption, figure, 
footer, hgroup, menu, section {
	display: block;  line-height:1.4;
}
*/

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

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



/*												ESTILOS GENERALES
------------------------------------------------------------------------------------------------------

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

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

/****    COLORES GENERALES   ******
.azul{ color:#165f77; }
.rojo{ color:#d90119;}
.negro{ color:#1F191A;}
.gris{  color: #AEACAC; }
.blanco{ color:#FFF;}

.bg_rojo{ background-color: #d90119;}
.bg_blanco{ background-color: #ffffff;}
.bg_negro{ background-color:#3b3636; filter:alpha(opacity=90); opacity:.9; }
.bg_azul{ background-color:#D5E2E9; }
.bg_azul_claro{ background-color: #E8F0F2;}
.bg_gris{ background-color: #EEEEEE;}
*/

.flotaiz{ float:left; margin:10px;}
.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; }

.solo_movil{ display: none; }
.solo_pc{ display: inherit; }

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

.col_50{ width:49%; float:left; }
/*.centrado{ padding-bottom:5px; }
.centrado, #contenidos, #wrapper{ margin-left:auto; margin-right:auto;  width:90%; }*/
 /** #wrapper{ width: 92%; margin: 0 auto; } */



/* eliminado para el nuevo diseño  #wrapper p{ margin-bottom:1em; }*/
#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%;}


.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;
color: #fff;
background-color: #CB0201;
padding: 0.8em;
margin: 1em;
text-decoration: none;

}
.btn_fp:hover{
  background-color:#E9D460;
  color:#000;  

  
  }


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

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

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


.buscador_slider { 
	text-align: center;
	padding-top: 9.5em;
    padding-bottom: 0.5em; /*padding-top:6.2em;*/
	
	
}

.buscador_slider .input input {
	width: 25%; 
	padding: 0.4em 0 0.4em 1em;
	color: #4c4949;
	border: 1px solid #000;
	background-color: #F8F8F8 /*#FFFEF3*/;
	font-size: 1.2em;
}


#wrap_linksdestacados{ 
	/*margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	width: 60% ; 
	text-align: center; */
	margin-top: 4.5em;
	display: flex;
	justify-content: center;
	background-color: #000;
	padding: 0.6em;
	 }

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


/*------------  RASTRO DE MIGAS ----------------------*/	
#rastro_migas { 
	background-image:url(../images/bg_migas.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:10px;
	color: #333;
	margin-left:2%;
	
}

#rastro_migas a { 
	color: #165f77; font-size:0.85em; 
	text-decoration:underline;
}
/*.circulo{ padding-left:5px; color:#d90119; }*/


/*------------  FIN RASTRO DE MIGAS --------------------*/




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

/*#banner_pk{ float:left; width:40%; }
#banner_pk img{ text-align: right;  display: block; max-width:100%;} 
*/

/* x ej black friday*/
#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 */


/***** enero 2018 ****/
#bg_banner_largo_dto{
	width: 100%; height:330px; /*margin-bottom:1em; */
	background: url("https://www.cursosccc.com/images/verano/bg_home_buscador_verano.jpg") #fff;
	/*background-size:cover;*/
	background-repeat: no-repeat;
	background-position-x: center;
	
}

/*
#bg_banner_largo_dto2{
	width: 64%; 
	float: left;
	height:170px;
	margin-right: 2%;
	outline: 1px solid #E6E6E6;
	background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); 
background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
}
	*/
	

#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: 3em; }

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

	  }


/*#contenido_banner_largo{
	
	margin-left:24%;	
	margin-right:4%;  
}*/

/*#bg_banner_largo_dto img{
	margin-top: 1.6em; 
}*/


/*#banner_largo_dto{ 

	background: url("https://www.cursosccc.com/images/slider/camp_becas_navidad2.png");
	
	background-position: center;
	background-repeat: no-repeat;
	
 }
 
 /* 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; }

 ul.lista-areas-home{   }
 ul.lista-areas-home li{ width: 28%; /*width: 24%;*/ float:left; margin: 0.5% 2%; padding:0; border-bottom: 1px solid #EAF0F4; list-style-type: none;}
 ul.lista-areas-home li h2 a{ color: #165f77; text-decoration:none; font-size:1em; /*font-weight: bold;*/ display:block; padding:0.6%;   }
  
 ul.lista-areas-home li h2 a:hover { background-color:#EDF9FB; }
 ul.lista-areas-home li i{ font-size:1.7em; }


 ul.lista-areas-home2{ width:46,5%; float:left; margin: 1%; padding:0; }
 ul.lista-areas-home2 li{ padding:1%; /*border-bottom: 1px solid #e2ebf0;*/ list-style-type: none;}
 ul.lista-areas-home2 li h2 a{ color: #165f77; text-decoration:none; font-size:1.05em; font-weight: bold; display:block; padding:0; }
  
 ul.lista-areas-home2 li h2 a:hover { background-color:#EDF9FB; } 
 
 
 .titular_home, .titular_nuevos{ clear:both; text-align:center; font-size:1.5em; text-transform:uppercase;  }
 .titular_home{  padding: 0; }
 /*.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%;/**/ }
.minibanner{  float:left; width:30%; margin:1%; }

/* 4 col*/
.minibanner_col4{  float:left; width:22%; margin:1%; }



.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{ 
	text-align: center; 
	clear:both; 
	padding: 1em 0; 
	/*margin:2em auto; 
	border-top: 1px solid #C1C1C1; */
	border-bottom: 1px solid #C1C1C1;
}

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

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


.col5 img{ clear:both; }
.col5 a{ text-decoration: none; }
.enl_col5 { font-size:0.8em; margin:0.35em; padding-bottom: 0.5em; font-weight: bold;}

#zona_minibanner .col5 a:link{ display: block; /* padding-bottom: 30px; */}
.col5:hover{ background-color:#C4D2D4; }

.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; } 
/*.home_destacado_inf p a{ color:#000000;} */


/*
.home_destacado_inf #col1{width:36%; float:left; padding:1.5% 0.5%; border: none; }
.home_destacado_inf #col2{ width:57%; float:left; margin:1.66%;  }

.home_destacado_inf #col2 img{ margin: 0 1em; float:left; padding-top:1em; padding-right:2em; }
.home_destacado_inf #col2 h3 {font-size: 1.5em; margin-bottom:0.6em; margin-top:0.6em; text-align:left; font-weight: normal;}
.home_destacado_inf ul{ margin-left:1em;}
.home_destacado_inf ul li{ padding-bottom:0.75em;}
.home_destacado_inf ul li a{ text-decoration:none; color:#5D7412;}

*/
/*********** 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:22.5%; padding: 1%; float: left; margin: 1%; /*background-color:#ffffff;  */ }
.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 img, .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;}


/*#pestanas-curso{ width:80%; margin-left:auto; margin-right:auto; }
#pestanas-curso ul li{ list-style-type: none; display:inline; list-style-position:inside; text-align: center; padding:8px; background-color:#D8DCE7; }
#pestanas-curso ul li a{ text-decoration:none; color: #2A2828;}
*/


.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; 
	
/*	para test con relieve
-webkit-box-shadow: inset 2px 2px 2px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
-moz-box-shadow: inset 2px 2px 2px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
box-shadow: inset 2px 2px 2px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
*/
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;
	
	/* para test con relieve
	-webkit-box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
-moz-box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
*/
}
/* 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%; }
	
/*
.tab_container {
	border: 1px solid #E0E0E0;
	border-top: none;
	clear: both;
	float: left; 
	width: 98%;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	margin-bottom:25px;
	padding-bottom:15px;
}
.tab_container p{ margin-bottom:15px;}

.tab_content {
	padding: 15px 25px;
	font-size: 1.1em;
	text-align: left;
}
.tab_content ul li{ clear:left;}
/*.tab_content h1, .tab_content h2, .tab_content h3 */

#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.7em; 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:0.9em; 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; }*/


/* afecta al listado de area y de categoria de los cursos que NO  tienen el desplegable, ej: veterinaria*/ 
ul.lista_areas_cursos_sueltos{ padding-left: 3%; display: flex; justify-content: space-around; flex-wrap: wrap; }
ul.lista_areas_cursos_sueltos li{ 
	margin:0.4% 1.2%;
	margin-bottom:15px;
	padding: 0;
	width:200px; 
	height:220px; 
	display:inline; 
	float:left;  
	list-style-type:none; 
	border: 1px solid #CCC;  } 

ul.lista_areas_cursos_sueltos li:hover{
	-webkit-box-shadow: 3px 3px 10px #E3E3E3;
	-moz-box-shadow: 3px 3px 10px #E3E3E3;
	box-shadow: 3px 3px 10px #E3E3E3;
	outline: 1px solid #8ABFD6;
	background: #E7F2F7; 
	-o-transition:all .3s ease-in-out;  /* Opera */
	-moz-transition:all .3s ease-in-out;  /* Mozilla Firefox */
	-ms-transition:all .3s ease-in-out;   /* Internet Explorer */
	transition:all .3s ease-in-out;  /* W3C */ 

}

ul.lista_areas_cursos_sueltos li > .nombre_curso_areas{ 
	text-decoration:none; float:left; font-size:0.9em; padding:0.8em; color:#333; padding-top:1.1em; line-height: 1.3; }

ul.lista_areas_cursos_sueltos li > .fotillo_areas{ 
	list-style-type:none; float:left; text-align:center; width: 100%;  }


/* afecta al listado de area y de categoria de los cursos que tienen desplegable, Ej: salud*/
ul.lista_areas_cursos li{ 
	margin:0.4% 1.2%;
	margin-bottom:15px; 
	padding:5px; 
	width:130px;
	height:175px; 
	display:inline; 
	float:left;  
	list-style-type:none; 
	border: 1px solid #CCC;  
}

ul.lista_areas_cursos li a{ display:block; text-decoration:none; text-align:center;   -webkit-transition:all 1s ease-out;  /* Chrome y Safari */
  }
ul.lista_areas_cursos li:hover{
	-webkit-box-shadow: 3px 3px 10px #E3E3E3;
	-moz-box-shadow: 3px 3px 10px #E3E3E3;
	box-shadow: 3px 3px 10px #E3E3E3;
	outline: 1px solid #8ABFD6;
	background: #E7F2F7; 
	-o-transition:all .3s ease-in-out;  /* Opera */
	-moz-transition:all .3s ease-in-out;  /* Mozilla Firefox */
	-ms-transition:all .3s ease-in-out;   /* Internet Explorer */
	transition:all .3s ease-in-out;  /* W3C */ 

}

.titular_area{ clear:both; text-align:center; font-size:1.8em; text-transform:uppercase; padding: 0.3em 0 0 0; color: #2E2F30; font-weight: 600; line-height: 25px;}
.subtitulo_area{ clear:both; text-align:center;  font-size:1.65em; margin-bottom: 0.6em; font-weight: 600; color: #6C7A89; }


.nombre_curso_areas{ text-decoration:none; float:left; font-size:0.875em;  color:#333; padding-top:5px; line-height: 1;  }
.fotillo_areas{ list-style-type:none; /*clear: both;*/ float:left; text-align:center;  }


ul.lista_areas_cursos_sueltos li > .nombre_curso_areas{ padding:0.5em; line-height: 1.1; }

/**************** 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:5px; margin-right:5px; }
.ico_nuevo{ 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; }



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


#pie{ clear:both; width:100%; background-color: #F0F0F0/*#FAFBFC*/; border-top: 1px solid #CCC; margin-top:2em; }

#contacto_pie{
	background-color: #25373D;
    color: white;
    
    text-align: center;
    font-weight: bold;
}
#contacto_pie > .col4{ width:22.5%; float: left; margin: 0 0.5em; padding: 0.3em; text-align: left;  }
#contacto_pie > .col4 > .fa, #contacto_pie > .col4 > a > .fa{ float: left; font-size: 2em; padding-top: 0.4em; padding-right: 0.6em;}
#contacto_pie img{ padding-top: 0.8em; padding-left: 3em;}

#contacto_pie a{ color: white; text-decoration:  none;}

.txt_gr_contacto_pie{ font-size: 1.3em;}
.txt_pk_contacto_pie{ font-size: 0.8em;}

#garantia{ width: 49.2%; float: left; margin: 1% 0 0 1.6%;  font-size: 0.75em;
	padding: 1em; font-size: 0.9em; /*background-color: aliceblue; */ margin-bottom: 1em;
}

#garantia p{ padding-top: 1.1em;}

#garantia img{ padding: 0 0.8em;}

#columnas_pie{ margin-left:auto; margin-right:auto; text-align:center;  padding:7px 0 7px 2%; }
.tit_pie{ font-weight:bold; border-bottom:1px solid #cccccc /*#d90119*/; color:#3b3636; text-align:left; padding-left:15px;  }
.col_pie{ width:15%; /*25%;*/  margin:0 2%;  float:left; }
.col_pie ul{ margin:6px;}
.col_pie ul li{ list-style-type: none; list-style-position:inside; text-align:left; padding-left:15px; }
.col_pie ul li a{ text-decoration:none; color: #3b3636; font-size:0.75em; }

#logos_acreditaciones_pie{ text-align:center; padding:1em; 
	float: left; margin: 1% 0 1% 1.6%;  
    width: 46%;

}
#logos_acreditaciones_pie ul{ width: 80%; margin-left: auto; margin-right: auto; 
}
#logos_acreditaciones_pie ul li{ display:inline; margin-right:30px; }
#logos_acreditaciones_pie ul li a img{ max-height: 45px; }

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





#redes_sociales ul li{ display:inline; margin-right:10px; }

#enlaces_legales_pie{ float: right; width: 50%; text-align: right; font-size: 0.7em; padding-right: 1.5em; padding-top: 2.5em;  }
#enlaces_legales_pie ul li{display:inline; }
#enlaces_legales_pie ul li a{color: #000000; text-decoration: none;}

#enlaces_webs_pie{  width:100%; margin:5px;}
#enlaces_webs_pie ul li{ display:inline; color:#d90119;}
#enlaces_webs_pie ul li a{ color: #3b3636;  font-size:0.8em; }




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

	#logos_acreditaciones_pie ul li{ margin-right: 0;}
	/*
 #wrap_linksdestacados {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 40%;
    text-align: center;
    margin-top: 0.5em;
}*/



 }









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

 
	/* body{ font-size: 96%;} 
	 
	.centrado, #contenidos, #wrapper{  width:96%; }*/
	/*#logo{ max-width:300px; }
	
	.texto_claim{ font-size:0.85em; padding-top:10px; }*/
	 
	#bg_banner_largo_dto{

	background: url("https://www.cursosccc.com/images/verano/bg_home_buscador_verano_1024.jpg") ;
	background-repeat: no-repeat;
	
	
}
	.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;}
	
	
	
	
	 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; }
	 
	
	 .minibanner{ float:left; width:30%; /*max-width:308px;*/ margin:1.5%; }
	/*.minibanner{ float:left; max-width:280px; margin:1.5%;}*/
	.minibanner img{ /*max-width:280px;*/ margin:1.5%;  }

	.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;  }
		
	
	.col_pie ul{ margin: 8px; }
	.col_pie ul li{ list-style-type: none; list-style-position:inside; text-align:left; padding-left:5px; }
	#logos_acreditaciones_pie ul li{ margin-right:10px; }
	#redes_sociales{ width: 54%; }
	#redes_sociales ul li{ margin-right:2px; }
	#enlaces_legales_pie{ width: 46%; }
	
	#garantia img{ padding: 0;}
}





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

	 ul.lista-areas-home li{ width: 46%; margin: 1% 2%; }
	
}

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

	/*#logo{ padding:0; }
	 MENU SUPERIOR ACCESO CAMPUS, CONOCENOS.... 
	
	#menu_superior ul li{ float: none; text-align:left; }
	#menu_superior ul li a { font-size:0.875em;  }
	
	.buscador{ float:left;}
	
	#telefono_sup{  width:100%; padding: 0; float: none; margin:0;  }
	
	#telefono_sup > li {
		  display: inline; width:46%; min-width:140px; max-width:190px;  margin:0; 
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		 
		}*/
	
	
	/*--------------- cabecera tablet---------------
	.texto_claim{ display: none;}*/
	
	
	
	/*--------------- 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%;  }
	
	
	#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; } 

	
	

	/*************PIE***************/
	/*#columnas_pie{ display: none; }*/
	.col_pie{ display: none; }
	#pie{ padding-top:0; }
	
	#enlaces_legales_pie{ float: none; width: auto; text-align: center; padding: 0.8em;  }

	
	#redes_sociales{ 
		float: none;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-top: 0;
		text-align: center;
	}
	
	/*********************  ACREDITACIONES  ************************/
	#logos_acreditaciones_pie{ border-top: none; padding:5px; text-align:center; }
	#logos_acreditaciones_pie ul li{ display:inline; margin-right:2px; }
	#logos_acreditaciones_pie ul li a img{  max-height: 38px; }
	
	.txt_gr_contacto_pie {
    font-size: 1.1em;

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


	.oculta, 
	#rastro_migas,
	#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%;} 
	
	/*******  cabecera movil **********

.texto_claim{ float: none; display:block; font-size:1em; padding-left:0; padding-right:0; padding-bottom:1em; }

	#logo{ width:76%; display:block; margin-left:auto; margin-right:auto;  margin-top:10px; padding-top:0; float: none; clear: both; padding-bottom:0; margin-bottom:10px;  }
	 

	#menu_superior{ float:none; width:80%; min-width:300px; margin-left:auto; margin-right:auto; text-align:center; padding-left: auto; padding-right: auto; margin-bottom:10px;}
	
	#menu_superior ul li{ margin-right:0;}
	#menu_superior ul li.bt_llamanos{ background-color:#5e7612; border:1px solid #46580E; clear:none; float:left;}	
	#menu_superior ul li.bt_llamanos .fa .fa-phone .negro{ font-size:1.4em; }
		
	
	#telefono_sup{  width:100%; padding: 0; float: none; margin:0; }
	
	#telefono_sup > li {
		  display: inline; width:46%; min-width:140px; max-width:190px;  margin:0; 
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		 }
		 
	#telefono_sup .llamanos, 
	#telefono_sup .texto_whatsapp{ 
	text-transform:uppercase; color:#FFFFFF; font-size:0.9em; padding-left:0; display:block; clear:both; text-align:center; }
	
	#telefono_sup .numero, 	
	#telefono_sup .numero_whatsapp{ 
	font-size:1.2em; padding:0; color:#FFFFFF; display:block; clear:both; text-align:center; }
	
	#telefono_sup .whatsapp{ clear:none; background-color:#394C50; float: right; margin-left:15px; padding-left:0;  }

	.llamanos .fa-phone, .whatsapp .fa-whatsapp, .campus .fa-lock{ padding-right:5px; font-size:1.8em; }
	
*/
#bg_banner_largo_dto{

	
	background: url("https://www.cursosccc.com/images/bg_home_buscador_marzo.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: auto;
	height: 147px;
	background-color: white;
	
}


	/* buscador */
.buscador {
	/*border-left: 0;*/
	float: none;
	margin-top:0;
	margin-right: auto;
}
.buscador .input { text-align:center;
	
}

.buscador_slider .input input {
    width: 40%;
    }
.buscador .input input {
	width: 180px;
	margin-bottom:1em;
	
}
	
/************************/
	
	.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; }
	
	ul.lista_areas_cursos_sueltos li{ 
	margin:0.6%;
	margin-bottom:10px;
	width:125px; 
	height:160px; 
	  } 
	
	
	#banner_largo_inf{ width: 96%; height: auto; margin: 2%;}
	

	/************* pie ************/
	
	#garantia{ margin-bottom:0; }
	#garantia img { padding: 1em 0.8em;}
	#logos_acreditaciones_pie {
		padding: 5px;
		margin-top: 2.6em;
	}
		
		.txt_pk_contacto_pie{ display: none;}
	
}



	 
	 
 
/*/****************************************************************************************************
****************************============MOVIL PORTRAIT========*****************************
******************************/  @media only screen and (max-width: 640px) { 
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/
	
	.solo_movil{ display: inline; }
	.solo_pc{ display: none; }
	

	/* .centrado, #contenidos, #wrapper{ margin-left:auto; margin-right:auto; width:90%; }*/
	
	/******************
	    para el buscador 
	**************************/
	#___gcse_0{ width:180px; }
	.gsc-search-box-tools .gsc-search-box .gsc-input, table.gsc-search-box td.gsc-input{ padding-right:0; }
		/* este es para la lupa*/
	#___gcse_0	input.gsc-search-button-v2{ padding: 4px 10px; }
	

		
	.borde_sup{ border-top: 2px solid #CCC; margin-top:5px;}

	#bg_banner_largo_dto{ display: none; }
	.buscador_slider{ padding-top: 1.5em; }
	
	.buscador_slider .input input { width: 70%; }
.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, .minibanner{
	 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 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%;}


/**************  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 ------------------------*/
	
	
	#zona_negra_pie{   padding:5px; padding-left:0; padding-right:0;  }
	
	#contacto_pie img{ padding-left: 0.2em;}
	#garantia img { padding: 2.6em 0.8em;}
	.txt_gr_contacto_pie { font-size: 1em;}
	
	/*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; }
	.enl_col5 { margin: 0; }
	
	.catch_home{ width:40%; }

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





	
	/*#logos_acreditaciones_pie{ display: none; }*/
	
	
	/**/
	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;  }
	
	
	
#logos_acreditaciones_pie{ 
	float: none; 
    width: 100%; clear: both; margin-top: 0;
  
}
	
	
	#garantia {
    width: 100%;
    float: none;
    margin: 0;
    padding: 1em;
		outline: 1px solid #ccc;
    
    margin-bottom: 0em;
}
	
	#garantia img{ padding: 0;}
	
	.txt_pk_contacto_pie{ width: 100%; display: inline; }

	
#contacto_pie > .col4{ width:40%; margin: 2% 7% 0 7%; margin-right: auto; margin-bottom: 1em; outline: 1px solid #9EB2B6; height: 50px; }
#contacto_pie > .logopie{ outline:  none; } 	
#contacto_pie > .col4 > .fa, #contacto_pie > .col4 > a > .fa{ font-size: 1.8em; padding-left: 5%; }
#contacto_pie img{ padding-top: 0.4em; padding-left: 8%; }
	
	#logos_acreditaciones_pie ul{ width: 98%;
	}
	
	#columnas_pie{ padding: 0;
	}

 }
	
 
/*/****************************************************************************************************
******************************************************************************************************
******************************/  @media only screen and (max-width: 360px) {
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/
	
	/* PIE */
	#contacto_pie{ padding: 2%; }
	
	#contacto_pie > .col4{ 
		width:60%; margin-right: auto; margin-left: auto; margin-bottom: 0.6em; float: none; }
	#contacto_pie > .logopie{ display: none; } 
	
	
	}

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



#telefono_sup .numero_whatsapp { font-size: 1.15em;}

#redes_sociales ul{ width:80%; margin-left:auto; margin-right:auto;}
/*#redes_sociales ul li.alumni{ margin-right:40px; }*/

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

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