@charset "utf-8";
/* CSS Document */


#quote3{
 -webkit-transform: translate3d(0, 0, 0);
  font-size:42px;
  color:#fff;
  margin:50px auto;
  width:100%;
  text-align:center;
}


#quote3 div{
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
	
}

#quote4{
 -webkit-transform: translate3d(0, 0, 0);
  font-size:48px;
  color:#55AAFF;
  margin:50px auto;
  width:100%;
  text-align:center;
}

#quote4 h1{font-size:36px;}

#quote4 div{
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
}

#quote5{
   -webkit-transform: translate3d(0, 0, 0);
  font-size:48px;
  color:#D9EDF7;
  margin:50px auto;
  width:100%;
  text-align:center;
}

#quote5 div{
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
}

#quote1{
 -webkit-transform: translate3d(0, 0, 0);
  font-size:48px;
  color:#FC0;
  margin:50px auto;
  width:100%;
  text-align:center;
}

#quote1 div{
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
}

#quote{
  -webkit-transform: translate3d(0, 0, 0);
  font-size:24px;

  color:#dedede;
  margin:50px auto;
  width:100%;
  text-align:center;
}

#quote div{
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
}

#quote2{
   -webkit-transform: translate3d(0, 0, 0);
  font-size:24px;

  color:#003366;
  margin:50px auto;
  width:100%;
  text-align:center;
}

#quote2 div{
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
}

.split{
  -webkit-transform: translate3d(0, 0, 0);
  font-size:24px;
  line-height:36px;
  color:#dedede;
  margin:50px auto;
  width:100%;
  visibility:hidden;
}

.split div{
  border-radius:4px;
  background:#00A891;
  padding:0 4px;
  margin:4px 0;
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
  color:#fff;
  font-weight:bold; 
}

.split2{
	
   -webkit-transform: translate3d(0, 0, 0);
  font-size:24px;
  
  color:#f00;
  margin:50px auto;
  width:100%;
  visibility:hidden;
}

.split2 div{
	border-radius:4px;
  background:#E9E5DC;
  padding:0 4px;
  margin:4px 0;
  -webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
  color:#003366;
  font-weight:bold; 
}

/*******************************************************************************/
/*****************************Submenu*******************************************/
.cbp-hrmenu {
	width: 100%;
	border-bottom: 4px solid #47a3da;
}

/* general ul style */
.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 90%;
	max-width: 70em;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-hrmenu > ul > li {
	display: inline-block;
}

.cbp-hrmenu > ul > li > a {
	font-weight: 180;
	font-size:14px;
	padding: 1em 0.5em;
	color: #47a3da;
	display: inline-block;
}


.cbp-hrmenu > ul > li > a:hover {
	color: #fff !important;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #064288;
	background: #55AAFF;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: #55AAFF;
	width: 100%;
	left: 0;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 3em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 33%;
	float: left;
	padding: 0 2em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
}

.cbp-hrsub h3 {
	color: #fff;
	padding: 2em 0 0.6em;
	margin: 0;
	font-size: 130%;
	font-weight: 300;
}

.blanco{
	color:#fff;
	}

/* Examples for media queries */

@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu {
		font-size: 70%;
	}
	
	.cbp-hrmenu2 {
		font-size: 70%;
	}


}

@media screen and (max-width: 43em) { 

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}
	
	.cbp-hrmenu2 {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu2 > ul,
	.cbp-hrmenu2 .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu2 .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu2 > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.cbp-hrmenu2 > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu2 .cbp-hrsub { 
		position: relative;
	}


}

@media screen and (max-width: 36em) { 
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
	
	.cbp-hrmenu2 .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}

/*sub menu 2*/
	/*******************************************************************************/
/*****************************Submenu*******************************************/
.cbp-hrmenu2 {
	width: 100%;
	
	border-bottom: 4px solid #47a3da;
}

/* general ul style */
.cbp-hrmenu2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu2 > ul,
.cbp-hrmenu2 .cbp-hrsub-inner {
	width: 90%;
	max-width: 70em;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-hrmenu2 > ul > li {
	display: inline-block;
}

.cbp-hrmenu2 > ul > li > a {
	font-weight: 180;
	font-size:15px;
	padding: 1em 0.7em;
	color: #000;
	display: inline-block;
	text-decoration:none;
}


.cbp-hrmenu2 > ul > li > a:hover {
	color: #fff;
}

.cbp-hrmenu2 > ul > li.cbp-hropen a,
.cbp-hrmenu2 > ul > li.cbp-hropen > a:hover {
	color: #064288;
	background: #55AAFF;
}

/* sub-menu */
.cbp-hrmenu2 .cbp-hrsub {
	display: none;
	position: absolute;
	background: #55AAFF;
	width: 100%;
	left: 0;
}



.cbp-hrmenu2 .cbp-hrsub-inner > div {
	width: 33%;
	float: left;
	padding: 0 2em 0;
}

.cbp-hrmenu2 .cbp-hrsub-inner:before,
.cbp-hrmenu2 .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu2 .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu2 .cbp-hrsub-inner > div a {
	line-height: 2em;
}



/*termina submenu 2*/

/*gris*/
.gris-1{
	list-style:none;
	text-decoration:none !important;
	text-align:center;
	color:#7F8084;
	font-size:20px;
	}
	
	.gris{
	list-style:none;
	text-decoration:none;
	background:#7F8084 !important;
	text-align:center;
	color:#fff !important;
	}
	
	.gris:hover{
		background:#333333;
		color:#fff;
		}

/*rojo*/
.rojo-1{
	list-style:none;
	text-decoration:none !important;
	color:#f04C42;
	text-align:center;
	font-size:20px;
	}
	
.rojo{
	list-style:none;
	background:#f04C42 !important;
	color:#fff !important;
	text-align:center;
	}
	
	.rojo:hover{
		background:#990000;
		color:#fff;
		}

/*verde*/

.verde-1{
	list-style:none;
	text-decoration:none !important;
	color:#00A891;
	text-align:center;
	font-size:20px;
	}

.verde{
	list-style:none;
	background:#00A891 !important;
	color:#fff !important;
	text-align:center;
	}
	
	.verde:hover{
		background:#336666;
		color:#fff;
		}

/*amarillo*/

.amarillo-1{
	list-style:none;
	text-decoration:none !important;
	color:#FFBA31;
	text-align:center;
	font-size:20px;
	}

.amarillo{
	list-style:none;
	background:#eea236 !important;
	color:#fff !important;
	text-align:center;
	}
	
	.amarillo:hover{
		background:#996600;
		color:#fff;
		}
		
		/*amarillo*/

.azul{
	list-style:none;
	background:#064287;
	color:#fff;
	text-align:center;
	}
	
	.azul:hover{
		background:#000066;
		color:#fff;
		}
		
			
		/*estilo calendario*/
						.calen{
							border:1px #CCC solid;
							border-radius:5px;
							min-width:60%;
							font-family: Helvetica,Arial;
							 font-size: 16px;    
							 margin:auto 0;     
							 width: 100%; 
							 max-width:100%;
							 text-align: center;    
							 border-collapse: collapse;

							}
							
							.calen th { 
							text-align:center;   
							font-size: 13px;    
							 font-weight: normal;     
							padding: 8px;     
							background: #b9c9fe;
    border-top: 4px solid #aabcfe;    
	border-bottom: 1px solid #fff; 
	color: #039; }
	
	.calen td {   
	 padding: 8px;     
	background: #e8edff;     
	border-bottom: 1px solid #fff;
    color: #000;   
	 border-top: 1px solid transparent; }
	
	.calen tr:hover td { background: #d0dafd; color: #339; }
	
	.curso{
		margin-bottom:20px;
		font-size:16px;
		}

.aptd{color:#13aa90}

.pm{color:#13457D}

.dcf{color:#13AA90}

.capa{color:#13457D}

.tdeo{color:#13AA90}

tr .color-azul{
	color: #363;
	}
	
	tr .color-azul-2{
		color:#06C;
		}
		
		/*termina calendario */
		
		/*estilo calendario*/
						.calen-1{
							border:1px #CCC solid;
							border-radius:5px;
							min-width:60%;
							
							font-size: 16px;    
							margin:auto 0;     
							width: 100%; 
							max-width:100%;
							text-align: center;    
							border-collapse: collapse;

							}
							
							.calen-1 th {     
							font-size: 16px;  
							
							font-weight: 100;     
							padding: 8px;     
							background: #30BDEC; 
							border-bottom: 1px solid #fff; 
							color: #fff; 
							text-align:center;}
	
	.calen-1 td { 
	
	 padding: 8px;     
	background: #fff;     
	border-bottom: 1px solid #fff;
    color: #000;   
	 border-top: 1px solid transparent; }
	
	.calen-1 tr:hover td { background: #B8CAFB; color: #fff; }
	
		
		
		
		/*fondo gris tumbnail*/
		.fondo-gris:hover{
			background:#ACA9A9;
			color:#fff; 
			}
			
			
		/*termina fondo gris tumnail*/
		
		/*fondo rojo tumbnail*/
		.fondo-rojo:hover{
			background:#F04C42;
			color:#fff;
			}
		/*termina fondo rojo tumnail*/
		
		/*fondo amarillo tumbnail*/
		.fondo-amarillo:hover{
			background:#FFBA31;
			color:#fff;
			}
		/*termina fondo amarillo tumnail*/
		
		/*fondo verde tumbnail*/
		.fondo-verde:hover{
			background:#46C4AE;
			
			}
		/*termina fondo verde tumnail*/
		
		/*estilo galeria de in-company*/
			div.jMyCarousel                 {   margin-top: 10px; height: 143px !important;}
			div.jMyCarousel .prev           {   background: url(../images/Contenidos/contenido-cursos/left.png) center center no-repeat; width:60px; height:61px; border:5px; }
			div.jMyCarousel .next           {   background: url(../images/Contenidos/contenido-cursos/right.png) center center no-repeat; width:60px; height:61px; border:5px; }
			div.jMyCarousel ul li           {   margin:0px; line-height:0px; padding:0px; }
			div.jMyCarousel ul li a         {   display:block; }
			div.jMyCarousel ul li img       {   display:block; border:0px; margin: 0px 5px 0px;}
			#contenido_galeria              {   margin-left: 50px; position: relative; height: 350px; }
			#contenido_galeria img          {   float: left; width: 300px;}
			#contenido_galeria p            {   width: 650px;  font-size:40px; color:#fff; text-align:center;}
		/*termina estilo in-company*/
		
		/*estilo titulos de cursos en contenidos de cursos.html*/
			.caption h4{
				color:#fff;
				}
				
				.caption h2{
				color:#fff;
				text-align:center;
				font-size:36px;
				font-weight:100;
				}
				
				.caption ul li{
					color:#DFDFDF;
					font-weight:200;
					}
		/*termina titulos de cursos*/
		
		/*Redes sociales*/
		.caja-redes {
		position: relative;
		max-width:50%;
		width:30%;
		overflow:hidden;
		float:right;
		}
									
		.caja-redes a {
		text-align: center;
		font-size: 20px;
		}
		
									.icon-button {
										background-color:none;
										border-radius: 2.5em;
										cursor: pointer;
										display: block;
										height: 4.5em;
										line-height: 2.5em;
										margin: 0 20px;
										position: relative;
										width: 2.5em;
										left:13px;
									}
									.icon-button span {
										border-radius: 0;
										display: block;
										height: 0;
										left: 13px;
										margin: 0;
										position: absolute;
										top: 15px;
										-webkit-transition: all 0.3s;
										-moz-transition: all 0.2s;
										-o-transition: all 0.2s;
										transition: all 0.2s;
										width: 0;
									}
									
									
									.icon-button:hover span {
										width: 5.0em;
										height: 5.0em;
										border-radius: 2.5em;
										margin: -55px -35px;
									}
									
									.road span{
										background-color:#F00;
										}
									.linkedin span {
										background-color: #4393BB;
									}
									.youtube span {
										background-color: #F00000;
									}
									.twitter span {
										background-color: #4099ff;
									}
									.facebook span {
										background-color: #3B5998;
									}
									.google-plus span {
										background-color: #db5a3c;
									}
									.calendario span{
										background-color: #4393BB;
										}
										.rss span{
											background-color: #000;
											}
									/* Iconos */
									.icon-button i {
										background: none;
										color: white;
										left: 0;
										line-height: 2.5em;
										position: relative;
										top: 0;
										-webkit-transition: all 0.3s;
										-moz-transition: all 0.2s;
										-o-transition: all 0.2s;
										transition: all 0.2s;
										width: 2.5em;
										z-index: 2;
									}
									
									.icon-buton .fa-road{
										color:#F00;
										}
									.icon-button .icon-linkedin {
										color: #4393BB;
									}
									.icon-button .icon-youtube{
										color: #F00;
									}
									.icon-button .icon-twitter {
										color: #4099ff;
									}
									.icon-button .icon-facebook {
										color: #3B5998;
									}
									.icon-button .icon-google-plus {
										color: #db5a3c;
									}
									
									.icon-button .fa-calendar{
										color:#4393BB;
										}
										
										.icon-button .icon-rss{
										color:#000;
										}
										
									.icon-button:hover .icon-linkedin, .icon-button1:hover .icon-youtube, .icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-google-plus,  .icon-button:hover .fa-calendar, .icon-button:hover .icon-rss, icon-button:hover .fa-road {
										color: white;
									}
									
									/*termina redes sociales*/
									
									.verificacion{ display: none; }
									
									/*estilo de contador en pagina index*/
									.counter { background-color: #ffffff; padding: 20px 0; border-radius: 5px;}
									.count-title { font-size: 50px; font-weight: bold;  margin-top: 10px; margin-bottom: 0; text-align: center; color:#fff;}
									.count-text { font-size: 23px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
									
									/*termina estilo contador*/
									
									.icon-box-1 .icon-box-content { 
									margin-left: 65px;
									font-size:15px;
									 }
									 
									 /*estilo calendario*/
									 
									 .pi-news-date {
  background: url(../images/img-calendario.png) no-repeat;
  color: #2e343c;
  float: left;
  font-size: 22px;
  font-weight: 400;
  height: 65px;
  line-height: 26px;
  margin: 0 23px 10px 0;
  padding: 3px 0 0;
  position: relative;
  text-align: center;
  width: 50px;
  text-shadow: 0 1px 0 #f5f8f8;
}
.pi-news-date span {
  bottom: 11px;
  font-size: 11px;
  font-weight: 600;
  color: #737a81;
  left: 0;
  line-height: 10px;
  position: absolute;
  text-transform: uppercase;
  width: 50px;
  letter-spacing: 1px;
}


.pi-margin-top-minus-5 {
  margin-top: -5px !important;
}

.pi-margin-bottom-5 {
  margin-bottom: 5px !important;
}

.pi-margin-bottom-10 {
  margin-bottom: 10px !important;
}

.pi-meta {
  display: block;
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
  font-size: 13px;
  
  line-height: 1.8em;
}
.pi-meta li {
  display: inline-block;
  margin: 0 5px 0 0;
  color:#A4A0A0 !important;
}
.pi-meta li i {
  margin-right: 5px;
}
.pi-meta li:last-child {
  margin-right: 0;
}

hr.pi-divider {
  height: 10px;
  position: relative;
}

.icon-box-1 .icon-box-content h4 { padding-top: 10px; }
	.icon-box-1{
	color: #0000FF;
}
	.icon-box-1 .icon-box-content p, ul, li{
	color: #666e70;
	text-aling: left;
	font-size:15px;
	font-weight:100;
}

/*estilo calendario*/

/*estilo de correo*/
.form-input {
	display: block;

	padding: 6px 10px;
	
	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-radius:         4px;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	background-color: #646464;
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	behavior: url(PIE.htc);
	width: 100%;
	background: #ededed;
	border: 5px solid #dbdbdb;
	color: #999;
	position: relative;
}

.error{
	
	display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
   border-radius: 4px;
	background: #ff9197;
	border: 2px solid red;
	color:#fff !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success1 {
	display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
   border-radius: 4px;
  color: #3c763d;
  background-color: #dff0d8;
  border: 2px solid;
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 5px 5px rgba(0, 0, 0, .075);

}

.form-btn {
	clear: both;
	float: right;
}

.filtros section{
	width:100%;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	display:inline-block;
}

#Container .mix{
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 33.333333%;
	display:none;
	float:left;
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.mix .tit{
	text-align: center; 
	font-weight:100; 
	display: none;
	width: 100;
	
}