/* 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; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, hgroup, menu, section {
	display: block;  line-height:1.5;
}

/*												ESTILOS PARA EL GESTOR
------------------------------------------------------------------------------------------------------*/
.destacado_azul{ background-color:#D5E2E9; padding:15px; outline:1px solid #165f77; font-size:0.9em; 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;}

/****    COLORES GENERALES   *******/
.azul{ color:#165f77; }
.verde{ color:#003000; }
.rojo{ color:#cc0000;/*color:#d90119;*/}
.negro{ color:#3b3636;}
.gris{  color: #AEACAC; }
.blanco{ color:#FFF;}
.gris_oscuro { color:#333333;}
.gris_oscuro a{ color:#333333; text-decoration:underline;}

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

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

.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:96%; }
 /** #wrapper{ width: 92%; margin: 0 auto; } */
#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:#cd6601; text-decoration:underline; }


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

#col2 h1, #contenidos h1{ font-size: 1.8em; text-transform: uppercase; font-weight: 600;  }
#col2 h2, #contenidos h2{ /*color:#165f77;*/color:#cd6601; font-size:1.3em;} 
#conocenos > #col2 h3, #contenidos h3{ color:#d90119; margin:15px 0; border-bottom: 1px solid #CCC;  font-size:1.4em;} 
#conocenos > #col2 ul{ list-style-position:inside; padding-left:25px; }
#conocenos > #col2 ul li{ padding-bottom:10px;}
/* IMAGEN FLOTAR Y MARGIN */
.imagen_margin{}
/* VERTICAL ALIGN PARA IMAGEN*/
.imagen_alineada{
vertical-align:middle;
}
/*#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: 10px 0 10px 0; list-style-position:inside; font-size:1em;  margin-bottom:0; text-align:left; letter-spacing:normal; margin-left:0; border-bottom:1px dashed #CCCCCC; }
ul#lateral_categorias li a{ 
		color:#013300; font-size:1.25em; 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:#013300; color:#FFF;
}

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


/*
  SECTIONS  ============================================================================= 

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

  GROUPING  ============================================================================= 


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) 
}
*/
/*  se usa en caracteristicas del curso GRID COLUMN SETUP   ==================================================================== */



.col {
		margin: 1% 0 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%;
}


/*													 TOP
-----------------------------------------------------------------------------------------------------*/

header{ width:98%;/* padding-left:2%; padding-right:2%;*/ clear:both; /*margin-top:0; border-top:4px solid #165f77;*/ padding-top:0; margin-left:auto; margin-right:auto; }

#logo{ max-width:400px; float:left; padding-bottom:15px; padding-top:20px; }
.fa-phone{ padding-right:5px;}

/* MENU SUPERIOR ACCESO CAMPUS, CONOCENOS.... */
#menu_superior{ float:right;  }
#menu_superior ul{ margin-top:0; }
#menu_superior ul li{ display:inline; /*background-color:#222C31;*/ font-weight: 700; padding:8px; margin-right:5px;  float:left; }
#menu_superior ul li a{ text-decoration:underline; color:#333333; font-size:0.95em;  padding-right:15px;}
/*#menu_superior ul li.callme{ background:none; padding:2px;}
#menu_superior ul li.callme a{ text-decoration:underline; color:#222C31;}*/
#telefono_sup{ width:290px; padding: 5px 0 5px 15px; float: right; margin-left:10px; line-height:1.2em;  /* margin-bottom:5px;background-color:#ECFAFD; /*#EDF3F5*/ }
#telefono_sup .llamanos{ font-size:1.3em; padding-left:20px; text-transform:uppercase; clear:right; display: block;}
#telefono_sup .numero{ font-size:1.85em; padding-top:5px; padding-left:40px; clear:right; font-weight: bolder; display: block; text-decoration: none;
cursor: default; }
#telefono_sup .dejanos{ font-size:0.8em; font-weight:bold; clear:left;  margin-bottom:5px; display: block; }

#telefono_sup .whatsapp{ background:url(http://www.cursosccc.com/images/logo-whatsapp.png) left no-repeat; background-size:33px; font-size:0.9em; padding-left:35px; margin-left:15px; text-transform:uppercase; clear:right; display: block;}
#telefono_sup .texto_whatsapp{ clear:right; }
#telefono_sup .numero_whatsapp{ font-size:1.5em; cursor: default; color:#3B3636; text-decoration: none; }

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


/*------------  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:15px;
	color: #333;
	margin-left:2%;
}

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


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



/*												HOME INDEX
------------------------------------------------------------------------------------------------------*/
#banner_pk{ float:left; width:33%; /*background-color:#D6E8F2; padding:2em;*/  /* max-height: 230px;color:#000000; background-color:#D2EAE0#CFD4D4;*/ }
#banner_pk img{ text-align: right;  display: block; max-width:100%;} 

 ul.lista-areas-home{ width:31%; float:left; margin: 1%; padding:0; }
 ul.lista-areas-home li{ padding:2%; border-bottom: 1px solid #e2ebf0; list-style-type: none;}
 ul.lista-areas-home li h2 a{ color: #333333; text-decoration:none; font-size:1.06em; font-weight: bold; display:block; padding: 1%;}
 
 
  ul.lista-areas-home li h2 a:hover { background-color:#e8e2d6;/*background-color:#EDF9FB;*/}
 .titular_home{ clear:both; text-align:center; font-size:1.6em; /*text-transform:uppercase; */ margin: 1%; font-weight:500; }
  .titular_home h1, .titular_home h2{ display:inline; text-align:center; /*font-size:1.1em; text-transform:uppercase; */ /*margin: 1%;*/ font-weight:500; }
  .titular_home h1 a{ text-decoration:underline; }
.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%; }

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

.linksdestacados_50 a, .linksdestacados a, .linksdestacados2 a{ color:#3b3636; text-transform:uppercase; font-size: 0.875em; font-weight: bold; display:block; text-decoration:none;  }
.linksdestacados_50 a:hover, .linksdestacados a:hover, .linksdestacados2 a:hover{ text-decoration: underline; }

/* ventajas */
.razones{ text-align:center; font-size: 0.9em; }
.razones img{ clear:both; }
.razones p, .razones p a{ color:#1F191A; text-decoration: none;}
/*

/********************* buscador ******************************************/
.buscador {
	/*border-left: 0;*/
	float: right;
	margin-top:1.7em;
	margin-right:30%;
}
.buscador .input {
	
}
.buscador .input input{
	width: 380px; /* antes 240 440*/
	padding: 12px 0 12px 35px;
	color: #4c4949;
	border: 1px solid #999;
	background-color: #F8F8F8 /*#FFFEF3*/;
}
.buscador .button {
	/*position: absolute;
	top: 0;
	right: 0;
	margin: 0;*/
}


.buscador_slider { text-align: 	center;
	
	/*float: left;
	padding-top:2em;
	margin-left:16%;*/
}

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


.linksdestacados_buscador{ float:left; /* width:49%;*/  margin:0.3em 1em; outline: 1px solid #e2ebf0; }
.linksdestacados_buscador a{ font-size: 0.85em; font-weight: bold; color: #1F191A;
}

/* fin */

/*
---------------------------------------------  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; padding-bottom:25px; }
.jornadas img{ float:left; max-height:100px; max-width:140px; outline: #CCC 1px solid; padding:1%; margin-bottom:25px; margin:1%;}
.jornadas ul{ list-style-position: inside;}



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


/****************  zona intro    ******************/
#intro_curso{ 
	width:65%; padding-top:5px; margin-bottom:5px; margin-right:1%; 
	float: right;  
	-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: 2em; font-weight: 600;  line-height: 1;  text-transform: uppercase; padding-bottom:5px; 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%; }

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

	
	}

#caja-video{ width:28%; /*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{ float:right; padding:0.5em; background-color:#F8F7DA; font-size: 0.7em; }

.bt_compartir{ float:left; margin-right:0.625em;}





/*#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:#CB0201; 
	border:1px solid #980201; 
	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;
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s; }
.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 { 
	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: 0 15px 15px 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 /*#col1_curso .cursos_relacionados,*/{
	padding-bottom: 5px;
	margin-bottom:18px;
	border-bottom: 5px solid #e8e2d6;
	/*border-bottom: 5px solid #CEDEE4;*/
	font-size: 1.3em;
	text-align: left;
	font-weight:normal;
	
}
#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:#e8e2d6; /*background-color:#DAE6EB;*/font-size: 1.1em; padding-bottom: 5px;
	margin-bottom:18px;
	/*border-bottom: 5px solid #CEDEE4;*/
	border-bottom: 5px solid #cccccc;
	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{ clear:both; }
#empresas_colaboradoras h3{ font-weight: 600; color:#165f77; font-size:1em; margin-bottom:15px; }
#empresas_colaboradoras p{  margin-top:15px; margin-bottom:15px; }
#empresas_colaboradoras p img{ /*clear:left;*/ float:left; }
.logos_empresas{ float:left; margin-right:10px; outline: 1px solid #CCC; padding:7px;/* 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%; 
/*margin-bottom:10px;  

margin-top:10px; padding-top:25px;  */
  }
  
/*#callme img{ text-align:center; }*/

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

/*.circulo { margin-top:-25px; margin-left:auto; margin-right:auto; border-radius: 50%; width: 50px; height: 50px; color:#FFF; 
 }*/

.quieres_info{ margin-top:15px; padding:0; color:#cc0000;/*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_tel{ padding: 10px 5px 10px 40px; color:4c4949; background: url("http://www.cursosccc.com/images/ico_tel.png") no-repeat left; background-position:8px 5px; background-color:#FFF; border: 1px solid #999;  }
.bt_callme{ margin-left:auto; margin-right:auto; width:60%; color:#FFF; font-size: 1.1em; font-weight:bold; padding:15px; 
text-decoration:none; text-align:center; background-color:#CB0201; border:1px solid #980201; margin:15px;  }

.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:0.95em; font-style: italic;  }
.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:#E5EFF3;  /*background-color: #EBEAEA;*/ margin-top:15px; margin-bottom:15px; padding:15px;}
#matriculate_ya img{ float:left; margin-right:10px;}
#boton_compra{ 
	clear:both;	
	text-decoration:none; 
	background-color:#CB0201; border:1px solid #980201; color:#FFF; font-size: 1.1em; height:30px;
	margin-bottom:15px; width:auto;
	font-weight:bold; padding:13px; 
	 -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;
}

#boton_compra:hover { /*opacity: 0.8;*/ background-color:#303030; 
	text-decoration:underline;}
	
	/*profesor curso en metodologia*/
	
	#profesor_curso, .profesor_curso {clear:both;margin-bottom:1em}
	#profesor_curso h3,.profesor_curso h3 {font-size:1em}
	#profesor_curso p,.profesor_curso p{font-size:0.8em}
	#profesor_curso img,.profesor_curso img {margin:1em;;width:100px;float:left;}

/*						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:#013300; font-weight: bold; font-size:1.2em; /*border-bottom:1px solid #666;*/}

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



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

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

/*#intro_area{  width:100%; }*/
#intro_area h3{/* font-weight: normal;*/ }
 .dispones{ padding:5px; padding-left:15px; margin-top:18px; font-size:1.2em; color:#FFF; background-color: #d90119; filter:alpha(opacity=90); opacity:.9; width: 50%;}
/*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:25px;}
ul.lista_areas_cursos{ padding:0; margin:0; float:left; width:98%; margin-top:6px; margin-bottom:6px; 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:center; font-size:1em;
 /*text-transform:uppercase;*/ padding:10px; 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;}


/*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; }*/
ul.lista_areas_cursos li{ margin:0.4%; margin-bottom:15px; padding:5px; width:130px; height:170px; 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 */ 

}


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


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

/****************  zona intro  categorias  ***************
#intro_categoria{ width:68%; float:left; }***/
#titulo_categoria{ font-size: 2.55em; display:inline;  font-weight: normal; color:#FFF; width:80%; /*line-height: 1;*/  text-transform: uppercase; 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.75em; text-align:left; margin-top:15px; }

.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:15px; margin-right: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;
  vertical-align: middle;
  width: 22%;
  margin-right:2%;
  max-width:142px;
  padding-right: 1em;
 
}
.li-img img {
  display: block;
  width: 100%;
  height: auto;
  margin:0.875em;
}
.li-text {
  display: table-cell;
  vertical-align: middle;
  width: 76%;
}
.li-head {
  margin: 0;
  font-size:1em;
}
.li-sub {
  margin: 0;
  font-size:0.875em;
}
/* PRÁCTICAS PIE */
.practicas_pie{
color: #ffffff;
font-weight: bold; 
font-size:15px; 
display:block; 
padding:4px; 
background:#3b3636; 
text-decoration:none;
}

/*@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:15x; }
#otra_categoria_bottom p{ list-style-type:circle; list-style-position:inside; padding:5px 5px 5px 25px; font-size:0.875em;}
#otra_categoria_bottom a, #otra_categoria_bottom ul li a{ color:#cc0000;/*color:#165f77;*/ text-decoration:underline;  }
#otra_categoria_bottom ul li{margin-left:15px; list-style-position:inside;}

/*									LISTADOS DE CURSOS GENERALES
-------------------------------------------------------------------------------------------------------*/
#banner{ text-align:center; }
#zona_listado_cursos {}
#zona_listado_cursos h1{ margin-bottom:15px; }

#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:10px; width:98%; margin-right:2%; margin-left:1%; float:left; }
ul.listado_cursos h2 a{ background-color:#e8e2d6; text-decoration: none; color:#333333; text-align:center; font-size:1em; /*text-transform:uppercase;*/ padding:10px; border: 1px solid #cccccc; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
ul.listado_cursos h2 a:hover{ background-color:#000000; color:#ffffff; }
ul.listado_cursos h2 .fa-angle-double-down, .fa-angle-double-up{ padding-right:15px; /*color:#165f77;*/color:#cc0000; font-size:1.5em;}
/*ul.listado_cursos h2 .fa-chevron-circle-down:hover{ color:#cc0000; }*/
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:#333333;  }
ul.listado_cursos li a:hover{ background-color:#e8e2d6; opacity:0.6;}


.caracteristicas_generales{ clear:both; }
.caracteristicas_generales ul li{ 
	display:inline; 
	width:154px;
	padding:5px;
	padding-top:10px;
	border:1px solid #CCC; 
	margin: 30px 8px;
	float:left;
	list-style-type: none; 
	/*font-weight: bold; */
	font-size:0.875em;
	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%; }	
	
	
.formu_contacto label{ float:left; clear:left; width:22%; padding:5px; margin-left:3%;}
.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;}




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

/* subir */
.back-to-top {
			position: fixed;
			bottom: 130px; /* EN ORIGEN 100 */
			right: 0px;
			text-decoration: none;
			color: #FFFFFF;
			background-color: rgba(205, 102, 1, 0.90); /*EN ORIGEN TODOS 235 Y 0.80*/
			font-size: 1em; font-weight:bold;
			padding: 1em;
			display: none;
		}

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

/**/
#pie{ clear:both; width:100%; border-top: 1px solid #CCC; padding-top:15px; }

#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 #d90119; color:#3b3636; text-align:left; padding-left:15px; padding-bottom:5px; }
.col_pie{ width:25%;  margin:0 3%;  float:left; }
.col_pie ul{ margin:10px;}
.col_pie ul li{ list-style-type: none; list-style-position:inside; text-align:left; padding-left:25px; }
.col_pie ul li a{ text-decoration:none; color: #3b3636; font-size:0.75em; }

#logos_acreditaciones_pie{ border-top: 1px solid #CCC; clear:both; padding:10px; text-align:center; }
#logos_acreditaciones_pie ul li{ display:inline; margin-right:10px; }
#logos_acreditaciones_pie ul li a img{ max-height: 80px; }

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

#zona_negra_pie{ background-color:#3b3636; clear:both; width:100%; /*height:65px;*/ padding:5px; padding-left:3%; padding-right:3%; }
#zona_negra_pie ul li, #zona_negra_pie p{ display:inline; color:#FFF; font-size:0.75em; }

#enlaces_legales_pie{ text-align:center;  }
#enlaces_legales_pie, #enlaces_legales_pie a{ color:#FFF;}

#redes_sociales{  
 clear:both; padding:10px; text-align:center; background-color: #D8F1F4 /*#E0E0E0*/;  border-top: 1px solid #CCC;  padding-top:8px; height:50px;  }
/*#redes_sociales a img{ float:left; margin-left:1em; }*/
#redes_sociales ul li{ display:inline; margin-right:20px; }

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

#capa_cookie{
position: fixed;
bottom: 10px;
right:10px;
width:30%;
clear:both;
background-color: #E4ECF0;
border-top:3px solid #98CBE0;
color: #104556;
padding: 8px;
font-size: 0.7em;
z-index: 10000;
/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;
}
#capa_cookie a{ color: #104556;}
#capa_cookie .fa-times-circle{ font-size:2.6em; float: right; cursor:pointer; cursor: hand;}


/**/
.cerrar-barra-promo{ cursor:pointer; cursor: hand; }

#barra_ayudas {
position: fixed;
bottom: 0; 
left: 0;
display: block;
width: 100%; 
height: 53px;
padding:5px;
background-color: #d90119;

border-top:3px solid #3B3636;
}

#catch_promo_pie{
	position: fixed;
	/*bottom: 0; */
	top:60%;
	right: 0;
	/*left: 0;*/
	display: inline-flex;
	clear: right;
	width: 163px; 
	background: url("../images/pie/bg_catch_pie.png") no-repeat;
	height: 130px;
	padding-top:20px;
	padding-right:0;
	z-index:10000 !important;
	}
#catch_promo_pie a img{ border:0; text-decoration:none; margin:0; padding:0; position: absolute; border-bottom:3px; }

#barra_ayudas_content{ margin:auto;}
.btn_barra_ayudas{ border: 1px solid #FFF; text-decoration: none; font-size:0.8em; text-align: right; margin-bottom:5px;}
.btn_barra_ayudas:hover{ background-color: #3B3636; color:#FFF;}


#barra_ayudas p, #barra_ayudas p a{ color:#FFF; font-weight: bold;  text-align:center; padding:3px;}

@-webkit-keyframes ayudas {
   from {
   opacity: 0.8;/*  Nivel de transparencia inicial */
   font-size: 1.2em;  /*Tamaño inicial de la font en la animación */
   }
   to {
   opacity: 1; /* Nivel de Transparencia final */
   font-size: 1.3em;  /*Tamaño final de la font en la animación */
   }
   }
@-moz-keyframes ayudas{
	 from {
   opacity: 0.8;  /*  Nivel de transparencia inicial */
   font-size: 1.2em;  /*Tamaño inicial de la font en la animación */
   }
   to {
   opacity: 1; /* Nivel de Transparencia final */
   font-size: 1.3em;  /*Tamaño final de la font en la animación */
   }
	}
@-o-keyframes ayudas{
	 from {
  opacity: 0.8;  /*  Nivel de transparencia inicial */
   font-size: 1.2em;  /*Tamaño inicial de la font en la animación */
   }
   to {
   opacity: 1; /* Nivel de Transparencia final */
   font-size: 1.3em;  /*Tamaño final de la font en la animación */
   }
   }
@keyframes ayudas{
	 from {
   opacity: 0.8; /*  Nivel de transparencia inicial */
   font-size: 1.2em;  /*Tamaño inicial de la font en la animación */
   }
   to {
   opacity: 1; /* Nivel de Transparencia final */
   font-size: 1.3em;  /*Tamaño final de la font en la animación */
   }
   }
  
   .anima_text{
	   text-decoration: none;
	
	-webkit-animation-name: ayudas; /* El nombre del efecto que estamos agregando */
	-webkit-animation-duration: 3s; /* Tiempo que durará la animación */
	-webkit-animation-iteration-count: infinite; /* Las veces que queremos reproducir la animación */
	-webkit-animation-timing-function:  ease-out;/*;ease-in-out;*/
	-webkit-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
  
	-moz-animation-name: ayudas  3s infinite ease-out alternate; 
	-ms-animation-name: ayudas 3s infinite ease-out alternate; 
    animation: ayudas 3s infinite ease-out alternate; 
   }
 
 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!  1024 840 640 480          768   
------------------------------------------------------------------------------------------------------*/
 
/*--------------------------*/ @media only screen and (max-width: 1024px)  { /*--------------------------*/
	 body{ font-size: 90%;} 
	 #logo{ max-width:260px; float:left; padding-bottom:15px; padding-top:15px;}
	 #telefono_sup{ width:240px; padding:0; }
	 #telefono_sup .llamanos{ font-size:1em; }
	 #telefono_sup .numero{font-size:1.3em; padding-left:5px;}
	
	 
	 #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%;  }
	 .buscador{ margin-right:10%;}

	.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:149px; }
	.bt_solicita_informacion{ width:330px; margin-left:auto; margin-right:auto; }
	.col_pie ul li{ list-style-type: none; list-style-position:inside; text-align:left; padding-left:5px;}
}

/*--------------------------*/  @media only screen and (max-width: 1023px)  {  /*--------------*/
	#catch_ayudas_img, .ver_video { display: none; }
 }


/*-----------------*/  @media only screen and (max-width: 840px) and (min-width: 598px) { /*---revisar con movil oscar si poner 540-----------------------*/

/*.oculta_tablet{ display: none;}
 #caja-video{ width:50%; margin:auto; float: none;   }*/
 }



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

	
	/*	input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
		border-color: #336699;
		
		background-color:#000000; 
		background-image: none; max-width: 54px;
		filter: none;
		}
		.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
		width: 13px;
		height: 13px;
		padding: 6px 7px;
		min-width: 13px;
		margin-top: 2px;
		}*/
 
/*--------------------------   @media only screen and (max-width: 800px){   /*--------------------------*/
	
	/**#logo{ padding-top:5px; text-align:center; }
	header, #buscador { width:100%; }
	
	 #logo{ width:100%; margin-left:auto; margin-right:auto; margin-top:0; padding-top:0; float: none; clear: both; padding-bottom:0;  }
	 
	header{ width:99%; clear:both; margin-left:auto; margin-right:auto; }*/
	#logo{ padding:0; }
	/* MENU SUPERIOR ACCESO CAMPUS, CONOCENOS.... */
	#menu_superior{ float:right; /*width:66%;*/ width:53%; text-align:right; /*max-width:520px;*/ margin-right:0; }
	#menu_superior ul li a { text-decoration:underline; color:#165f77; font-size:0.875em;  padding-right: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.callme{ background-color:#d90119; border:1px solid #A30113;clear:none; float:left; }	
	#menu_superior ul li.callme .fa .fa-phone .negro{ font-size:1.4em; }*/
		
	/*#telefono_sup .whatsapp{ background:url(http://www.cursosccc.com/images/logo-whatsapp.png) left no-repeat; background-size:23px; font-size:0.9em; padding-left:25px; margin-left:15px; clear:none;  outline:1px solid #ABAAAA;  float:left; }*/
	#telefono_sup{  width:100%; padding: 0; float: none; margin:0; /*height:55px;*/ }
	/*#telefono_sup li{ display: inline; width:50%;}*/
	#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{ display: none; }
	#telefono_sup .numero{ font-size:1.1em; padding:0; clear:none; font-weight: bolder; color: #000; display: inline; }
	#telefono_sup .whatsapp{ background:url(http://www.cursosccc.com/images/logo-whatsapp.png) left no-repeat; background-size:21px; clear:none;  float: right; margin-left:0; }
	#telefono_sup .numero_whatsapp{ font-size:1.3em; color:#000;  }
	#telefono_sup .texto_whatsapp{ display: none; }*/
	
	
	/*--------------- index---------------*/
	#titulo_curso{ font-size: 1.6em; }
	#intro_curso{ width:100%; margin:0;  }
	#texto_intro_listado{ width:100%; }
	
	/*----------- 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; }
	#foto-curso img{ 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; }
	/*#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; }
	#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; }
	

	/*************PIE***************/
	/*#columnas_pie{ display: none; }*/
	.col_pie{ display: none; }
	#pie{ padding-top:0; }
	#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 img{ /*max-width:12%;  antes era 40*/ max-height: 30px; }
	
	/**  ORIGINAL
	#logos_acreditaciones_pie{ border-top: 1px solid #CCC; clear:both; padding:10px; text-align:center; }
	#logos_acreditaciones_pie ul li{ display:inline; margin-right:10px; }
	#logos_acreditaciones_pie ul li a img{ }
	*/
	
	}
	
	
/*====================*/  @media only screen and (max-width: 768px) { /*--------------------------*/

/* MENU SUPERIOR ACCESO CAMPUS, CONOCENOS.... */
	#menu_superior ul li{ padding:5px; }

}
	 
	 
 
/*============MOVIL PORTRAIT========*/  @media only screen and (max-width: 640px) { /*-640-------------------------*/
	/*    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; }


	.oculta, 
	#rastro_migas,
	#menu_superior ul li.callme .dejanos,
	.linksdestacados2, 
	#barra_ayudas, 
	#___gcse_0, 
	/*#catch_promo_pie,*/ 
	#redes_sociales, 
	#enlaces_webs_pie, 
	.formu_callme, 
	#logos_acreditaciones_pie { display: none; }

	.solo_movil{ display: inline; }
	.solo_pc{ display: none; }
	
	#logo{ width:76%; display:block; margin-left:auto; margin-right:auto;  margin-top:0; 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.callme{ background-color:#d90119; border:1px solid #A30113; clear:none; float:left;}	
	#menu_superior ul li.callme .fa .fa-phone .negro{ font-size:1.4em; }
		
	/*#telefono_sup .whatsapp{ background:url(http://www.cursosccc.com/images/logo-whatsapp.png) left no-repeat; background-size:23px; font-size:0.9em; padding-left:25px; margin-left:15px; clear:none;  outline:1px solid #ABAAAA;  float:left; }*/
	#telefono_sup{  width:100%; padding: 0; float: none; margin:0; /*height:55px;*/}
	/*#telefono_sup li{ display: inline; width:50%;}*/
	#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{ /*display: none;*/ color:#FFFFFF; font-size:0.8em; padding-left:0; }
	#telefono_sup .numero{ font-size:1.1em; padding:0; clear:none; font-weight: bolder; color: #FFF; display: inline; }
	#telefono_sup .whatsapp{ background-position: 15px; background-size:24px; clear:none; background-color:#394C50; float: right; margin-left:15px;  }
	/*#telefono_sup .texto_whatsapp{ display: none; }*/
	#telefono_sup .texto_whatsapp{  color:#FFFFFF; font-size:0.9em; clear:both; margin-left:0; display:block; text-align:left; padding-left:25px; }
	#telefono_sup .numero_whatsapp{ font-size:0.8em; color:#FFFFFF; clear:both; }
	 
	
	.borde_sup{ border-top: 2px solid #CCC; margin-top:5px;}
	/******************
	    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{ height: 130px;}
	.buscador_slider{ padding-top: 1.5em; }
	
	.buscador_slider .input input { width: 54%; }
.linksdestacados_buscador a{ font-size: 1em;}

	#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; }
	
	#banner_pk img, .minibanner img{ text-align:center; margin:0; display:inline-block; }
	.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;}
	*/ 
	.borde_sup {
    border-top: 2px solid #ccc;
    margin-top: 15px;
}
	#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%;}
	
	/*-------------- zona conoce, categorias, etc.. ---------------------*/
	#col1{ display: none; /*width:100%; float:left; padding:0 2%; */}
	#col2{ width:100%; float:left;  }
	#contenidos h1{ font-size:2em; text-transform: uppercase; font-weight: normal; }
	#col2 h2, #contenidos h2{ /*color:#165f77;*/color:#cd6601; font-size:1em;} 
	#conocenos > #col2 h3, #contenidos h3{ font-size:1.2em;} 
	#col1 > #callme{ display: none; }
	
	 .tit_lateral_categorias{ padding:3px;  }
	
	.cuadro_acuerdos {font-size:0.55em; }
	.cuadro_acuerdos img{ max-height:60px; max-width:100px;}
	
	/*--------------------------  AREA   ------------------------------------------*/
	
	#intro_area { border-right: none; margin-top:0; padding-top:0; height:auto; }
	#intro_area .anystretch{ display:none;}
	#intro_area .col1{  }
	#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 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;}
	
	/*--------------------------------- LISTADO CURSOS ---------------------/*/
	
	#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; }
	
	
	/*--------------- pie ------------------------*/
	/*solo aparece en movil*/
	#conocenos_mov{ display: inherit; }
	#capa_cookie{
	position: fixed;
	bottom: 10px;
	right:10px;
	width:90%;
	clear:both;
	background-color: #3b3636;
	border-top:2px solid #98CBE0;
	color: #ffffff;
	padding: 8px;
	font-size: 0.7em;
	z-index: 10000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
	#capa_cookie a{ color: #ffffff; }
	#capa_cookie .fa-times-circle{ font-size:2.6em; float: right; cursor:pointer; cursor: hand; }
	
}

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

/* ESTILOS SLIDER */

@import url('http://fonts.googleapis.com/css?family=Alegreya+Sans:400,700');


/** Glidejs styles **/
.slider {
	position: relative;
	width: 100%;
	height:220px;
	overflow: hidden;
}
	
.slides {
  height: 100%;
  overflow: hidden;
  /**	
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;

   -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
	
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide figure {
  display: block;
  position: relative;
  text-align: center;
}
.slide figure figcaption {
  position: absolute;
  right: 20%;
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 14px;
  color: #464646;
  background: rgba(255,255,255,0.8); 
}
.slide figure figcaption a {
  color: #5a7fbc;
  text-decoration: none;
}
.slide figure figcaption a:hover { text-decoration: underline; }

.slide figure img {
  max-height: 480px;
}



.slider-arrows {}

.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -10px;
  padding: 3px;
  font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
  text-decoration: none;
  font-weight: 900;
  font-size: 1.8em;
 background-color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.6);
  color:#ffffff;
  border-radius: 0px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.slider-arrow:hover {
  background: #ddd;
  color: #aaa;
}
.slider-arrow--right { bottom: 50%; right: 0px; }
.slider-arrow--left { bottom: 50%; left: 0px; }


.slider-nav {
  position: absolute;
  bottom: 0px;
}

.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #333333;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.slider-nav__item:hover { background: #cc0000; }
.slider-nav__item--current, .slider-nav__item--current:hover { background: #999; }



/** responsive styles **/
@media screen and (max-width: 1050px) {
  #w { padding: 0 15px; }
  .slider-arrow { font-size: 1.8em; padding: 15px; }
} 

@media screen and (max-width: 650px) {
  h1 { font-size: 2.9em; }
}

@media screen and (max-width: 450px) {
  h1 { font-size: 2.1em; }
}
  /* FIN ESTILOS SLIDER */
  
  /*********** 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: 1%; float: left; margin: 0.5%; background-color:#ffffff;   }
/*FIN ESTILOS COLUMNAS*/
  .minibanner {
    float: left;
    margin: 1%;
    width: 30%;
}
.minibanner_col4 {
    float: left;
    margin: 1%;
    width: 22%;
}
.col60 {
    float: left;
    margin-right: 2%;
    width: 58%;
}
#zona_nuevos {
    background: #f4f5f2 none repeat scroll 0 0;
    border: 1px solid #dbdcda;
    float: left;
    padding: 1.5em;
    text-align: left;
    width: 40%;
}
#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 {
    color: #1b1213;
    font-size: 0.95em;
    font-weight: bold;
    text-decoration: none;
}
#zona_minibanner {
    border-bottom: 1px solid #c1c1c1;
    clear: both;
    padding: 1em 0;
    text-align: center;
}
#zona_minibanner > .titular_home > p {
    color: #828282;
    font-size: 0.7em;
}
.col5 {
	max-width:30%;
	
	}
#zona_minibanner > .col4 {
    height: 180px;
    padding: 0 0 0.5em;
}
.col4 img {
    clear: both;
}
.col4 a {
    text-decoration: none;
}
.enl_col4 {
    font-size: 1em;
	line-height:1.1em;
    font-weight: bold;
    margin: 0.35em;
    padding-bottom: 0.5em;
}
#zona_minibanner .col4 a:link {
    display: block;
}
.col4:hover {
    background-color: #EBE3D7;
}

/*/****************************************************************************************************
****************************============MOVIL PORTRAIT========*****************************
******************************/  @media only screen and (max-width: 640px) { 
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/
	#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 > .col4{ padding: 0 0 0.5em 0; height:130px; width:46%; margin: 2%; }

}