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


/*Estilos para resetear el formato */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 0; list-style:none; }
ul { padding-left:0; list-style:none; }
q:before, q:after { content:''; }

input,
textarea{
	text-indent:15px;
	font-size: .9em;
	color: #666;
	}

#modlgn_remember
{
  margin-top:5px;	
}
a, a:visited, a:link{color:#777777;
text-decoration:none;
}
em{
	font-style:normal}
/*------------------------*/


/*comunes a todas las secciones*/

body{
	 font-family: Arial, Helvetica, sans-serif;
     background-color:white !important;
    }

.despublicado
{
  display:none !important;

}

.contener_interno_secciones
{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding-top:1px;
	padding-bottom:25px;
}

h1.titulares_secciones
{
	font-size:2.5em;
	margin:20px 0px 20px 20px;
    border-bottom: 1px solid #304151;
    padding-bottom: 5px;
    width: 70%;
	font-variant: small-caps;
}

.limpiar
{
	float:none;
	clear:both;
	display:block;
	width:100%;
}

#flechaVolver {
    position: fixed;
    bottom: 6px;
    right: 17px;
    display: none;
    cursor: pointer;
    z-index: 100;
}



/*Estilos para el Header*/

header
{
	background: url(../images/seccionInicio/fondo_seccion_inicio.gif) repeat-x left top;
	margin:0
	
}

.logo{
	margin: 20px 0;
	margin-left:15px;
}

.primerContenedor
{
	padding-bottom:0px;
}


/*Estilos para la barra de navegación */

nav
{
	min-height:37px;
	background: url(../images/seccionInicio/fondo_nav.gif) repeat-x left top;
	
}

.toggle{display: none;}

ul.menu {
	
	max-width:1100px;
	display: flex ;
	margin: auto;
	}

ul.menu li
{

    font-weight: bold;
    font-variant: small-caps;
    font-size: 1.3em;
    line-height: 37px;
    
	text-align: center;
	flex: 2; 
}



ul.menu li a
{
	color:#1F7144;
	text-decoration:none;
	display: block;
	
}


/* Menú fijado */

.menu_fijado{
	width: 50px;
	height: 190px;
	background-color: #43434a82;
	position: fixed;
	left: -60px;
    top: 254px;
    border-radius: 10px; 
    z-index:1;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;

    transition: .8s;
}

.Mostrar{
	left:-10px;
}
 
.menu_fijado a {
	display: block;
	width: 15px;
	height: 15px;
	background: white;
	border-radius: 50%;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    transition: .8s;
}

.menu_fijado a:hover {
	border: 2px solid white;
	width: 16px;
	height: 16px;
	transform: translateY(2x);

}  
  
/*Estilos para el show case*/  
  
 #showCase
{
	
	background:
				/*url(../images/seccionInicio/SobraShowCase.png) repeat-x top left,*/
				url(../images/seccionInicio/bannerprincipal.jpg)  no-repeat center 5px  fixed;
    background-size: cover;
	background-color:#000;		   
	height: 415px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	padding-top:1px;
	border-bottom: 1px solid #3c3b3b;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
		
	 
}


#textoShowCase

{
	
	text-shadow: 0.1em 0.1em 0.05em #333
}

#showCase span
{
	    font-size: 2.7em;
		font-weight: bold;
}



#showCase h1
{
	font-size: 5.2em;
    font-weight: bold;
    max-width: 590px;
    margin: 0 auto;
    border-bottom: 4px solid;
    padding-bottom: 9px;
    padding-top: 0;
	text-shadow: 2px 2px 0.05em #333
}


#showCase h2
{
	font-size: 2.7em;
    font-weight: bold;
}

/* Estilos para razones*/

#seccion_elegirnos
{
	background:	url(../images/seccionInicio/franja-verde-excel.png) top left repeat-x,
	            url(../images/seccionInicio/SobraShowCase.png) repeat-x top left,
	            url(../images/seccionInicio/sombra_inferior_pe.png) bottom left repeat-x,
			    url(../images/seccionInicio/fondo_razones.png) repeat top left,
				url(../images/seccionInicio/franja-verde-excel.png) top left repeat-x;
	
}

#seccion_elegirnos h1
{
	color: #1F7144
}

.razones
{
	width:50%;
	float:left;
	box-sizing:border-box;
	list-style: none;
	font-weight:bold;
	color:#0f3822;
	margin-bottom:20px;
}

.razones li
{
	background: url(../images/seccionInicio/bullet.png) no-repeat left center;
    padding: 10px 0px 10px 25px;
	font-weight: bold;
	font-size: 17px;
}

/*Estilos de nuestros cursos*/
.cursos{
	padding-left: 22px;
}


#seccion_cursos{
	background:url(../images/seccionCursos/luz_fondo.png) no-repeat top left,
			   url(../images/seccionCursos/fondo_cursos.jpg) repeat left center;
  
	color: #777777;
	padding-bottom: 20px;
}

#seccion_cursos h1 {
 	color:#1F7144;
	border-bottom-color:#000;

}


#seccion_cursos h2 {
    cursor: pointer;
    border-bottom: .5px dashed;
    font-size: 1.6em;
    padding-bottom: 6px;
	padding-left:25px;
    margin-top: 25px;
	background:url(../images/seccionCursos/triangulo.png) 0 9px no-repeat;
	font-weight:bold;
}

#seccion_cursos h2:nth-child(1) {
	margin-top: 0;
    
}


#seccion_cursos h2 .nombreCurso {
	color:#1F7144;
	font-weight:bold;
	
	}


	.tituloOffice{
		font-weight: bold;
	margin-bottom: 6px;
	}

#seccion_cursos .esquema
{
	display: block;
font-size: 1.3em;
padding-left: 2em;
color: #1F7144;
    margin-top: 10px;
	font-weight:bold;
}

#seccion_cursos .esquema + .esquema

{
	display: none;

}


.pagoAnticipado
{
	color:#000;
}

.pv
{
	font-weight: bold;
	font-size:1.1em !important;
	
}


.ps
{
	color:#F00;

}	

#seccion_cursos img.imagenCurso
{
display:block;
box-sizing:border-box;
width:22.72%;
float:left;
margin-top:20px;
}	

#seccion_cursos img.imagenCursoOffice
{
display:block;
box-sizing:border-box;

float:left;
margin-top:20px;
}	

#seccion_cursos img.imagenTaller
{
   display:block;
   float:left;
   margin-top:20px;
   margin-left: 20px;

}

#seccion_cursos  .contenido
{
	box-sizing: border-box;
	width: 77.28%;
	float: left;
	margin-top: 2.4em;;
	margin-left: 0px;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.3em;
}	

#seccion_cursos  .contenido h3
{
  font-size: 1.3em;
  padding:10px 0;

} 


#seccion_cursos .contenido.tallerContenido
{
  margin-top: .6em
}

#seccion_cursos .contenido.tallerContenido .extras
{
   margin-top: 10px;
    padding-top: 10px;

}

#seccion_cursos .contenido.tallerContenido .extras .vermas
{
  margin-right: 0;
}

#seccion_cursos .contenido.tallerContenido .textoTaller
{
  margin-top: 15px;
} 


#seccion_cursos .detalles
{
	width:50%;
	box-sizing:border-box;
	float:left;
	font-size:.9em;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:26px;
  line-height: 1.5em;
  list-style: disc;
}	

#seccion_cursos .listadoMacros
{
	width: 100% !important;
	
}

#seccion_cursos .detalles li
{
	text-align: left;
}

#seccion_cursos article {
	
	padding-top: 10px;

    padding-top: 15px;
   
}

#seccion_cursos .extras {
	
    clear: both;
    margin-top: 27px;
    padding-top: 10px;
    text-align: right;
	
	
	
}

#seccion_cursos .contenedorTemario
{
	width:96%;
	margin:0 auto;
}

#seccion_cursos .faq
	{
	 text-align:left !important;
	}

.contenedorTemario 
{
	
}

.contenedorTemario h3
{
	font-size:1.3em;
	padding-left:.2em;
	font-weight:bold;	
	
}


.temasUnidad ul
{
	padding-left: 1.2em;
	
	
}

.temasUnidad ul
{
	line-height:22px;
}

.temasUnidad > ul 
{
	margin-top:10px;
}

.temasUnidad > ul li:first-child
{
	font-weight:bold;
	
	color: #1f7144;
		
}

.temasUnidad  > ul ul li
{
	font-weight:normal !important;
	color:#000 !important;
	font-size: 10pt;
	
		
}


.temasUnidad  ul ul li:first-of-type
{
	padding-top:10px;
}


#seccion_cursos .tituloUnidad
{
	margin-bottom: 0.4em;
    padding-bottom: 0.4em;
	padding-top:0.4em;
	border-bottom:1px solid #333;
	cursor:pointer;
	background:url(../images/seccionCursos/vinetaunidadcerrada.png) no-repeat left 14px ;
}

#seccion_cursos .tituloUnidad:hover
{
	background-color:rgba(1, 117, 70, .4)

	
}


#seccion_cursos .tituloUnidad em
{
	font-weight: normal;
	color:#1F7144;
	font-size:1em;
}

#seccion_cursos .temasUnidad p
{
	padding-left:2em
}



#seccion_cursos span {
	font-size: .9em
 
}

.temario {
	margin-right: 20px;
  background:  url(../images/seccionCursos/descarga.png) no-repeat left center;
  padding:5px;
  padding-left: 28px

}

.temario  a{
	font-size: 1.2em;
	padding-bottom:2px;
	border-bottom:1px solid;
	font-weight:bold;

}

.abierto
{
	background:url(../images/seccionCursos/vinetaunidad.png) no-repeat left 6px !important;
	
}


.vermas{
  margin-right: 20px;
  background:  url(../images/seccionCursos/vermas.png) no-repeat left center;
  padding:5px;
  padding-left: 25px
}

.contenedor_tablas_movil{
	display: none;
}

.modalidad{
	font-weight: bold;
padding-left: 36px;
margin-top: 14px;
font-size: 1.1em;
}

.calendario {
    width: 85%;
    margin: 15px auto;
    border-bottom: 1px solid #333;
    padding:10px;
}

.calendario  th{
	font-variant:small-caps;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid #333;
    border-top: 1px solid #333;
	
	padding-bottom: 10px;
    padding-top: 10px; 
	
}

.calendario  td{
    
	padding:10px;
	text-align:center;
    
}

.calendario  tr:nth-child(2n){
	background-color:rgba(255,255,255,.7)
    
	
    
}

h4
{
	  font-size: 1.3em;
    margin-top: 20px;
    padding-bottom: 6px;
    padding-left: 25px;
}


/*Estilos de nuestros cursos incluyen*/
#seccion_incluyen {
	background:url(../images/seccionCursosIncluyen/fondo.jpg) repeat top left;
	color:#FFF;
border-bottom:1px solid #383838;
border-top:1px solid #383838;

box-shadow: 0 4px 17px 5px rgba(0, 0, 0, 0.93) inset;
 }

#seccion_incluyen h1 {
 	color:#FFF;
	border-bottom-color:#FFF;	
}


#seccion_incluyen .inc
{
	box-sizing: border-box;
    height: 330px;
    padding: 14px;
    text-align: center;
    width: 25%;

}

#contenedor_iconos{
	display:flex;
	flex-wrap:wrap  ;
	justify-content: center;
	align-content: space-between;
	
}

.#contenedor_iconos .contenedorIconos{
	border:1px solid red;
}


.contenedor_imagen
{
	height:170px;
	width: 100%;
}
.libro
{
	background:url(../images/seccionCursosIncluyen/incluye_libro.png) no-repeat center center;
}
.camara
{
	background:url(../images/seccionCursosIncluyen/incluye_prestamo_equipo.png) no-repeat center center;
}



.cafe
{
	background:url(../images/seccionCursosIncluyen/incluye_cafe.png) no-repeat center center;
}

.constancia
{
	background:url(../images/seccionCursosIncluyen/incluye_constancia.png) no-repeat center center;
}

.cupon
{
	background:url(../images/seccionCursosIncluyen/incluye_cupon.png) no-repeat center center;
}

.modelo
{
	background:url(../images/seccionCursosIncluyen/incluye_sesion.png) no-repeat center center;
}
	



#seccion_incluyen h3
{
	background: url("../images/seccionCursosIncluyen/cheker.png") no-repeat scroll left center, rgba(0, 0, 0, 0) url("../images/seccionCursosIncluyen/subrayado.gif") repeat-x scroll left bottom;
    display: inline-block;
    font-size: 1.1em;
    font-variant: small-caps;
    font-weight: bold;
    margin: 0 auto 9px;
	padding-left: 25px;
	padding-top:5px;
	padding-bottom:5px;
	
}

/* Estilos para la sección de testimonios */
#seccion_testimonios 
{
	padding: 5px
}

#instrucciones_Testimonios{
    text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	/* text-decoration: underline; */
	
	width: 90%;
	margin: 15px auto;
	
}


#seccion_testimonios h1
{
	color:#304151;
}

#seccion_testimonios p#primerParrafo
{
	margin-left:37px;}

#seccion_testimonios  a
{color: #000;
text-decoration: underline;}

#GoogleReview:hover{
    background-color: #304151 !important;;
}


#GoogleReview {
	background-color: #007ebd !important;
	border-radius: 5px;
	display: block;
	margin: 15px auto;
	padding: 14px 25px;
	font-size: 18px;
	line-height: 1;
	width: 240px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* Estilos para la sección  empresas*/


#showCase2
{
	background:url(../images/seccionEmpresas/bannerprincipal.jpg)  no-repeat center top  fixed;
    background-size: cover;
	background-color:#000;		   
	
	color:#fff;
	font-weight:bold;
	padding-top:1px;
	border-bottom: 10px solid #1f7144;
	border-top:10px solid #1f7144;
	
	
	
	-webkit-box-shadow: inset 0px 6px 25px 7px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 25px 7px rgba(0,0,0,0.75);
box-shadow: inset 0px 6px 25px 7px rgba(0,0,0,0.75);

}
#textoShowCase2
{
	max-width:1100px;
	margin:30px auto;
	
	
}

#textoShowCase2 span
{
	display:block;
	font-size:2.8em;
	text-shadow: 0.01em 0.03em 0.04em #000;
	
}

#contenedor_txs span{
		
		text-align: center !important;
	}

#textoShowCase2 .tx1
{
	font-size:4em;
	
}

#textoShowCase2 .tx3 em
{
	border-bottom: 5px solid #FFF;
	font-weight:bold;
}

#textoShowCase2 .tx4
{
	font-size:7em;
	text-shadow: 0.01em 0.01em 0.05em #333;
}





/* Estilos para la sección de galeria */

#seccion_galeria
{
	background: url(../images/seccionGaleria/lampara.png) no-repeat center 0px,
	            url(../images/seccionGaleria/techo.jpg) repeat-x center top,
		        url(../images/seccionCursos/sombra_inferior.png) repeat-x bottom left, 
				url(../images/seccionGaleria/luz_muro.png) no-repeat center center,				
				url(../images/seccionCursos/sombra_inferior.png) repeat-x scroll left bottom,
				url(../images/seccionGaleria/dark_wood.jpg) repeat 27px 31px;
				
    border-top: 2px solid #757575;
  padding-bottom: 20px;
}

/*#seccion_galeria #porfolio-nav{ display: none; }*/




#seccion_galeria h1
{
	color:#FFF;
	border-color:#FFF
	
	
}

#seccion_galeria .contener_interno_secciones
{
  padding-bottom: 0px;
}

.wagwep-container {display: none}

#seccion_galeria nav {background: none;
height: 2px;}




.wagwep-container ul#portfolio-filter {
    border-bottom:none !important; 
    float: none !important;
    margin: 0 auto !important;

    }

.og-grid li a {
    -webkit-box-shadow: -1px 6px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 9px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 9px 0 rgba(0, 0, 0, 0.75);
    
}

#seccion_galeria .buttons-list
{
  display:none;
}

.og-close::before, .og-close::after {
  z-index: 12;
  border:2px solid;
}
/* Estilos para la sección de Contacto*/

#ContenedorContacto{
	padding-bottom: 2px!important;
}

#datosContacto
{
	width: 100%;
    max-width: 1100px;
    margin: 20px auto;
    padding-top: 1px;
	
}



#mapa
{
	width:100%;
	
	height:320px;
	margin-bottom:10px
}

#datos
{
    width:95%;
	font-size: 12pt;
    font-weight: bold;
	margin: 0 auto;
    
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
   
}

#datos .datosContacto{
	height: 37px;
	display: flex;
	flex-basis: auto;
	align-content: center;
	justify-content: flex-start;
}


#seccion_contacto p
{
margin-left: 20px;
}
/*estilos para el formulario*/

/*----------------------------*/
#seccion_contacto
{
	background:url(../images/seccionContacto/white_leather.jpg) repeat top left;

	border-top:2px solid #CCC;
	
	
}


#datos span
{
	
	box-sizing: border-box;
	padding: 8px 15px 8px 30px;
	width: 100%;
	/* [disabled]float: left; */

	
}

#datos span.limpiar{width:100%;
float:none;}

#datos #direccion{
	background: url(../images/seccionContacto/icono_ubicacion.png) no-repeat center left;
}


#datos #paginaWeb{
	background: url(../images/seccionContacto/icono_web.png) no-repeat center left;
}

#datos #paginaWeb a{
	color:#000;
}


#datos #correo{
	background: url(../images/seccionContacto/icono_correo.png) no-repeat center left;
}


#datos #telefono{
	background: url(../images/seccionContacto/whatsap.png) no-repeat center left; 
	
	font-weight:bold;

}

#datos #telefono2{
	
	font-weight:bold;
	background: url(../images/seccionContacto/whatsap-05.png) no-repeat center left; 
	
}

/* Sección libro*/

#seccion_libro
{

	background:url(../images/seccionLibro/fondo.jpg) no-repeat bottom;
	background-size: cover;
	-webkit-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.55),
	        	inset 0px 4px 5px 0px rgba(0,0,0,0.55);;
}

#seccion_libro #instrucciones
{
    font-size: 1.3em;
    padding-left: 33px;
}

#libro{
	float:left;
	padding-top:100px;
	margin-top:58px;
}

.contenedor_formulario
{
	width:470px;
font-family: Arial,Helvetica,sans-serif;
float:left;
background-color:rgba(0,0,0,.3);
padding:15px;
margin-top: 15px;
margin-bottom: 25px;
border-radius:5px;

}

.llamadoAccion
{
    color: #454545;
    font-weight: bold;
    text-align: center;

}

.llamadoAccion
{
	font-size:27px
}

.llamadoAccion + .llamadoAccion
{
	font-size:27px;
	line-height:38px;
	
}


#telefono
{    padding-left: 35px;
	background: url(http://www.curso-fotografia-digital.com/images/iconotelefono.jpg) no-repeat center left;
}

#telefono2
{
	padding-left:35px;
	background: url(http://www.curso-fotografia-digital.com/images/iconowhatsapp.jpg) no-repeat center left;
}

.aviso{
	font-size:1.1em;
	text-align:center;
	font-weight: bold;

}

.Campo_obligatorio
{
	color:#F00;
	font-size:1.3em !important;
	display: inline !important;
		
}

.leyendas,
.campos
{
	
	display:block;
	margin-bottom: 9px;
    margin-top: 10px;
	color:#FFF
}

.campos
{
	width:95%;
	padding:1px;
	padding-left:15px;
	margin: 10px auto;
	
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	border-width:2px;
	height:26px;
	box-sizing:border-box;
	color:#666
}

.horarios
{
	float:left;
    box-sizing: border-box;
    color:#FFF;
    margin-left: 2%;
    width: 47%;
	border:1px solid #666;
	padding-bottom:9px;
}

.horarios legend
{
	 margin-left: 6px;
    padding: 3px
}


.horarios .horario
{
    display: inline-block;
    width: 80%;
	margin-top:12px;
	padding-left:15px;
	font-size:13px;
}

textarea
{
	display: block;
	width:95%;
	margin: 0 auto 11px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	resize:none;
	
}

#iconoWhats
{
	padding-left:21px;
	padding-top: 3px;
    padding-bottom: 3px;
	background: url(../images/seccionLibro/iconoWhatsapp.png) left center no-repeat;
}

#textoShowCase2 #iconoWhats{
	display: inline;
	font-size: .95em;
}

#leyenda_whatsapp
{
	color:#FFF;
}


.g-recaptcha > div
{
  margin: 10px auto;
	width: 295px !important;
}

.g-recaptcha iframe,
.rc-anchor-normal 
{
 width:295px !important;
}

#enviar,
#enviar_solicitud,
#enviar_solicitud_cotizacion
{
	
	background: #007ebd none repeat scroll 0 0;
	border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-align: center;
	border: 1px solid transparent;
    display: inline-block;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 20px;
    padding: 4px 6px;
    text-indent: 0;
    text-transform: none;
    vertical-align: middle;
    word-spacing: normal;
	font-size: 15px;
	width:100%;
	margin-top:5px;
}
/* Estilos para errores controlados por JavaScript*/

.error{
    
    clear: both;
    color: #000;
    display: block;
    margin-left: 0.9em;
    background: url(../images/seccionLibro/alerta.png) no-repeat center left;
    padding-left: 15px;
    text-align: left;
	font-size:1.1em;
	font-weight:bold;

}

.inputError
{
  background-color: red !important;
  color:black !important;
}

.inputfoco
{
	background:#CCC;
}

/*Sección Formulario Cotizaciones */

#contenedor_formlario_cotizaciones{
  
  widht:80%;
  max-width: 749px;
    margin: 30px auto;
  border: 1px solid white;
  background-color: rgb(0 0 0 / 50%);
  padding: 12px;
  box-sizing: border-box;
}

#contenedor_formlario_cotizaciones h2{

 font-size: 1.5em;
 color: white;
 text-align: center;
 border-bottom: 1px solid white;
 margin: auto;
 width: 75%;
 padding-bottom: 5px;
 margin-bottom: 5px;

}

#contenedor_formlario_cotizaciones p{
	color: #fff;
	margin-top: 15px;
	font-size: 108%;

}

.Modalidad {
  
box-sizing: border-box;
  color: #FFF;
  margin: 2% auto;
  width: 75%;
  border: 1px solid #fff;
  padding-bottom: 9px;

}

.Modalidad .modalidad-opciones{
	display: inline-block;
  width: 95%;
  margin-top: 12px;
  padding-left: 15px;
  font-size: 13px;
}



/*Sección Promoción*/


#seccion_promocion
{
	position:relative;	
	background: url(../images/promocion/fondo.jpg) no-repeat center -20px;
	box-shadow: inset 1px 1px 1px -1px #9f9f9f;
}
#sombra_promocion
{
    background: url(../images/promocion/Sobra.png) rgba(0, 0, 0, 0) repeat scroll left top;
    height: 14px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }

.cuponespromociones,
.cuponespromociones2

{
	float:left;
	width:41%;
	text-align:center;
	margin-top:15px
}

.cuponespromociones2
{float:right;}




.escrito,
.escrito2
{
	
	width:59%;
	text-align:center;
	font-size:3em;
	align-content: center;
	
}

.escrito2
{
	width:100%;
min-height: 775px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.escrito2 .superpro{
	font-size: 1.3em;
}

.escrito2 div.ContenedoresPromo
{
	flex-basis: 100%;
	padding-top: 15px;
}


.textos_promo{
	color: white;
	font-weight:bold;
}

.porcentaje{
font-size: 2.2em;
padding: 0;
color: #ffae00;
font-weight: bold;
text-shadow: 0.03em 0.03em 0.006em #333;
margin: 40px auto;
/*line-height: 300px*/
}



.escrito2 p
{
	
}


.escrito2 #texto_promo
{
	font-size: .4em;
    text-align: justify;
}

.contenedor_listado 
{
   
	display: inline-block;
	text-align: left;
}


.listado
{
	display:inline-block;
	list-style: disc;
	font-size: .9em;
	margin-left: 60px;
	
}

.listado li
{
	margin-top: 7px;
    padding-left: 10px;;
}


.escrito p del,
.escrito2 p del
{
	font-weight:bold;
	font-size:1.3em;
	
}

.superpromo
{
		font-size:1.5em;
		color:#F00;
		font-weight:bold;
		padding: 15px
		

}

.precioVenta
{
	font-size:.9em;
	color:#F00
}

.precioVenta span
{
	font-size:.9em;
}

.escritoPequeno
{
		font-size:.5em;
	margin-top: 21px;

}

.escritoPequeno2
{
		font-size:.3em;

}

#seccion_promocion .contener_interno_secciones
{
	padding-bottom:0;
	
}






#Contador_movil {display: none}

.contador{
	padding:10px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	
}
.contador2
{
	width: 70%;
    margin: 0 auto;

}
.eslogan
{
	font-size:2em;
}

.contador table
{
	margin:0 auto;
	width:500px;
}

.contador th
{
	width:25%;
	font-size: 0.4em;
	text-align:center;
	padding:5px;
	
}

.contador td
{
	text-align:center;
	padding:5px;
	
}


/* Sección clientes */

#seccion_clientes {
	
    }

#seccion_clientes #instrucciones {

    font-size: 1.3em;
    padding-left: 33px;
    
    }


#seccion_clientes .contener_interno_secciones {
    width: 100%;
    max-width: 1045px;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 35px;
}
    


#seccion_clientes h1 {
 		
}


#contenedor_iconos{
	
}


.contenedor_imagen
{
 height:190px;	
 
}

.cliente1
{
	background:url(../images/seccionClientes/imss.png) no-repeat center center;
}

.cliente2
{
	background:url(../images/seccionClientes/unam.png) no-repeat center center;
}

.cliente3
{
	background:url(../images/seccionClientes/bm.png) no-repeat center center;
}

.cliente4
{
	background:url(../images/seccionClientes/tultitlan.png) no-repeat center center;
}

.cliente5
{
	background:url(../images/seccionClientes/gobmex.png) no-repeat center center;
}

.cliente6
{
	background:url(../images/seccionClientes/onu.png) no-repeat center center;
}

.cliente7
{
	background:url(../images/seccionClientes/larousse.png) no-repeat center center;
}

.cliente8
{
	background:url(../images/seccionClientes/fedex.png) no-repeat center center;
}

.cliente9
{
	background:url(../images/seccionClientes/geriatria.png) no-repeat center center;
}

.cliente10
{
	background:url(../images/seccionClientes/guardianacional.png) no-repeat center center;
}




#seccion_clientes .inc
{
	box-sizing: border-box;
    /*float: left;*/
    height: 220px;
    padding: 9px;
    text-align: center;
    width: 20%;
}

#seccion_clientes h3
{
	background: url("../images/seccionCursosIncluyen/cheker.png") no-repeat scroll left center, rgba(0, 0, 0, 0) url("../images/seccionCursosIncluyen/subrayado.gif") repeat-x scroll left bottom;
    display: inline-block;
    font-size: 1.1em;
    font-variant: small-caps;
    font-weight: bold;
    margin: 0 auto 9px;
	padding-left: 25px;
	padding-top:5px;
	padding-bottom:5px;
	
}


/* promocion videotutorial word */

#videotuturial{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
  align-items: center;
  margin: 35px 0 0;
  box-sizing: border-box;
width: 100%;
}

#videotuturial .textoDescripcion {
	font-size: 12pt;
  text-align: justify;
  margin-top: 15px;
  width: 90%;
	max-width: 650px;
  min-width: 355px;

}

#videotuturial img{

	width: 472px;
}

/*Estilos para seccion de invitación*/
#seccion_invitacion
{
	
	
}

#invitacion_clase
{
	
	
}

#TelWhatsapp{
    display:block;
        margin:auto
}

#textos_invitacion{
	padding-top:1px;
	position:relative
}

#invitacion_clase  .imagen,
#invitacion_clase div.textos_invitacion
{
	
	
}

#invitacion_clase  .imagen
{
	width:25%;
	
}

#invitacion_clase  .imagen img
{
	position:relative;
	bottom:-170px;
	
}


#invitacion_clase div.textos_invitacion
{
	
	width:100%
	
}


#invitacion_clase div.textos_invitacion span
{
	display:block;
	text-align:center;
	font-weight:bold;
	
}


.s1{font-size:5em;}


.s3{font-size:3.2em;}

.s4 {
	font-size: 10em;
	color: #1f7144;
	vertical-align: central;
	
}

.s5{
	font-size:1.5em;
	color:#000;
}

.s6 {
	font-size: 2.8em;
	font-weight: bold;
	color: #fff !important;
	display: block;
	text-align: left;
	margin-top: 20px;
	background: url(../images/promocion/fondobotones.gif) repeat-x 0 center;
	width: 338px;
	height: 60px;
	border-radius: 15px;
	padding: 0px 0px 0px 60px;
	line-height: 60px;
	margin: 20px auto 20px;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
}

#telefonoOficina{
	
	background:
		url(../images/promocion/icono-tel.png) 10px center no-repeat #195F3A;
		
	width: 278px;
}

#telefonoWhatsapp{
	background: 
		
		url(../images/promocion/icono-whats.png) 10px center no-repeat #195F3A;
		
		
	
}






/*Estilos para el footer*/
footer
{
background-color: #1f7144  ;
    clear: both;
    color: #fff;
    font-size: 0.9em;
    line-height: 27px;
    padding: 4px 10px;
    text-align: center;
}

footer a,

footer a:visited,

footer a:link
{
	color:#FFF;
  text-decoration:underline;
}


footer .contener_interno_secciones
{
	padding-bottom:0
	
}


/* ------------------------------------------------------------------------------------- */



/*Estilos responsive para Mobile*/

@media all and (max-width : 999px){
	#showCase2{margin-bottom: 0}
	
	#invitacion_clase div.textos_invitacion {
	width: 100%;
	}
	
	#invitacion_clase .imagen img {
	
	display: none;	
	}
	
	/*Estilos para invitación*/
	
    #invitacion_clase {
	margin-bottom: 13px;
	}
	
	#seccion_invitacion {
	background: none;
	}
	
	.s5, .s6{
    color:#000000;
	}
}

@media all and (max-width : 982px) {
	
 .porcentaje {
		
	}
	
	
	/*Estilos para sección Cursos*/
	
	.calendario tr th:nth-child(5),
	.calendario tr td:nth-child(5)
	{
		display: none;
	
	}
	
	
	
	/*-----------*/
	
	
	/* Estilos para sección Incluyen */
	
	#seccion_incluyen .inc {
	width:45%;
	float:none;

 }
	
    
    #seccion_clientes .inc {
	width:45%;
	float:none;

 }
	
    
	
	/*------------------*/
	
	/* Estilos para la sección dudas */
	
	#libro{
		display:none;
	}
	
	
	.contenedor_formulario {
	
	float: none;
	width: 90%;
	margin: 15px auto;
 } 
	
	
	/*------------------*/
	
	
	
	#outlook {
	width: 90%;
	max-width: 605px;
 }
	
	/* estilos para la sección empresas*/ 
	
	#showCase2 {
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	/*margin-top: 15px;*/
	overflow: hidden;
 }

 #textoShowCase2 .tx1 {
	font-size: 2em;
 }

 #textoShowCase2 span {
	ont-size: 2em;
	
 }

 #textoShowCase2 .tx4 {
	font-size: 4em;
	margin-top: 15px;
 }

	
 }

@media screen and (max-width:850px){
	
	#seccion_cursos .detalles {
	
	font-size: .8em;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 14px;
	}
	
}

@media screen and (min-width:769px){
	ul.menu {
		display: flex !important;
		
	}


}

@media screen and (max-width: 768px){

		body{
			width:100%;
			font-size:.9em;
			
		}

		/* Estilos para el menu de  navegación */
		nav { margin: 0; }


		.toggle {
		  display: block;
		 
		  padding: 0 20px;
		  font-size: 20px;
		  line-height: 38px;
		  text-decoration: none;
		  border: none;
		  height:37px;
		}

		.toggle:hover { 
			background-color: #999; 
			color: white;
		}

		ul.menu {
			flex-direction:column;
			display: none;
			}

		ul.menu li {
			width: 100%;
			margin-left: 0;
			border-top: #e6e6e6 1px solid;
			border-bottom: #6F6E6E 1px solid;
			
				}
			
		ul.menu li:first-child {
				border-top: none;
			}
		ul.menu li a:hover
			{
				background: #006712 !important;
				color: white;
			}


		/*-----------------------------*/
			
		/*Estilos para el showcase */
		#showCase h1 {
		  
		    font-size: 2.9em;}
			

		#showCase span {
		    font-size: 1.8em;
		 }
		#showCase h2 {
		    font-size: 2.3em;
		    font-weight: bold;
		}

		h1.titulares_secciones {
			font-size:1.4em;
			margin: 0px 0px 10px 10px;
		}

		/*----------------------------------*/
			
		/*estilos para la sección razaones para elegirnos*/



		.razones {
			float:none;
		    width: 100%;
			padding: 0 5px;
			margin-bottom: 0px;
			
		}
		/* est9ilos para la sección "incluyen" */


		/*estilos para la sección cursos*/
		#seccion_cursos h2 {
		 font-size: 1.2em;

		}

			.calendario{
				font-size: 13px;
			}
			
			
			
		/*estilos para la sección "testimonios"*/



		/* estilos para sección "galería de alumnos" */
		#seccion_galeria h1 {
		    margin-top: 72px;
		}


		/*estilos para la sección "contacto" */

		#mapa
		{
			width:100%;
			background:url(../images/seccionContacto/mapa02.jpg) no-repeat center center; ;
		}


		#seccion_contacto p {
		    margin-left: 10  px;
		}


		#seccion_contacto fieldset
		{
		    float: none;
		    width: 100%;
			text-align:center;
		}

		#seccion_contacto textarea {
			width:100%;
			margin-top:0;
		}


		#datos span {
			width:100%;
			float:none;
			font-size: 0.9em;
		    margin-top: 11px;
			
		}
			
			
		/* Estilos para la sección de promoción*/ 
			#outlook{
			width: 90%;
			max-width: 605px;

		}
			
		/*estilos para sección promoción*/

		#seccion_promocion .textos
		{
		 	float: none;
		    width: 100%;
		}

			.porcentaje {
    		font-size: 1.5em;
  		}

			#Contador_escritorio{
				display: none
					
			}
			
			#Contador_movil {
			
			display: block;
			
			}
			
			#Contador_movil {
			
			display: block;
			
			}
			
			.contenedor_listado .Outlook_aprenderas {
			margin-left: 44px;
			font-size: .85em;
			}
			
			.escritoPequeno {
			font-size: .4em;
			margin-top: 10px;
			}
			
			.contador table {
		    margin: 0 auto;
		    width: 245px;
			}
			
			.contador th {
			width: 25%;
			font-size: 12px;
			text-align: center;
			padding: 0px;
			}
			
			.s6 {
			font-size: 2.8em;
				}
			
		}

@media all and (max-width : 700px) {
  
  .foto, .dialogo,.foto.derecha, .dialogo.derecha
   {
    float: none;
 }

 .foto {
    margin: 20px auto;
    width: 25%;
 }

 #seccion_testimonios p.dialogo {
    margin: 5px auto;
}
	/* Estilos para la sección de cursos */
	
	#seccion_cursos .contenido {
	padding-left: 13px;
	padding-right: 13px;
	}

    .Modalidad .modalidad-opciones {
	
	width: 85%;
    
    }

    #contenedor_formlario_cotizaciones {
	max: 80%;
	max-width: 749px;
	margin: 30px 10px;
	
}

}

@media all and (max-width : 603px) {

header .logo:nth-child(2){
	width: 15%;
	
	}
	
.cursos {
    padding: 10px;
}
#seccion_cursos .esquema {
  font-size: .9em;
  padding-left: 0;
}

	#seccion_cursos article{
		padding-top: 0;
	}

.imagenCursoOffice{
	margin: 20px auto;
	float: none !important;
}




#seccion_cursos img.imagenCurso {
    float: none;
    margin: 20px auto;
    width: 60.72%;
}

#seccion_cursos img.imagenTaller {
   
    float: none;
    margin: 15px auto 0;
}


.tallerC
{
  
  border-bottom: 1px dashed;
  padding-bottom: 15px;

}

.tallerC.ultimoTaller
{
  
  border-bottom: none;
  
}


#seccion_cursos .contenido {

  width: 100%; 
  margin-top: 0px;
}

#seccion_cursos .detalles {
  width: 100%;
  float: none;
  padding-left:17px;
  margin-top: 0px;
  margin-bottom:0px;
  text-align:left;

}
	
#seccion_cursos .detalles li {
    padding-top: 5px;
}
	
#seccion_cursos .contenido .primerListado {
  margin-top: 10px;
}



#seccion_cursos .extras {
    text-align: center;
	margin-top: 0;
	margin-bottom: 12px;
	
	
	
}

.temario {
  margin-right: 0;

}

.oferta{
	font-size:4.4em;
	-webkit-text-stroke: 1px white;
}


#seccion_contacto #mapa,
#seccion_contacto #datos
{
	
}

	
	/*Estilos sección  Incluyen*/
	
#seccion_incluyen .inc {
	width:70%;
	
}
	
#seccion_clientes .inc {
	width:70%;
	
}
	
	
	/*------------------------*/
	
 /* Estilos para la sección dudas */
	

	#seccion_libro #instrucciones {
	padding-right: 33px;
	}
	
	.horarios {
	float: none;
	box-sizing: border-box;
	
	width: 95%;
	margin: auto;
	}
	
	.horarios .horario {
	margin-top: 25px;
		width: 90%;
	
	}
	
	#leyenda_whatsapp {
	
	display: inline-block;
	margin: 8px 0;
	}
	
 #horarios2
	{
		margin-top: 13px;
		
	}
	
/*-----------------------*/
	
	
	
	
/*estilos de la sección promo*/	
.escrito2 .promo_texto {
	
	font-size: 1em;
	padding: 0px 10px;
	margin-bottom: 13px;
}


	
#texto_promo p
	{
		padding: 0px 29px;
		font-size: 91%;
		margin-bottom: 12px;
	}	
	
.contenedor_listado .Outlook_aprenderas
	{
	 margin-left: 44px;
     font-size: .9em;
	}
	
.contenedor_listado .Outlook_aprenderas li
	{
	 padding-left: 2px;
	}
	
	
	
	
	
/*----------------*/

/*estilos para la sección cursos*/
	#contenedor_txs{
		background: rgba(0,0,0,0.2);
		padding: 10px 0;
		}



#textoShowCase2 .tx1 {
    font-size: 1.3em;
	margin-bottom: 7px;
}

#textoShowCase2 .tx2,
#textoShowCase2 .tx3
	{
    font-size: 1.3em;
		margin-bottom: 7px;
}
#textoShowCase2 .tx3
	{
		line-height: 32px;
	}
	
#textoShowCase2 .tx4 {
	
	font-size: 2em;
	}

#showCase2 {
    
}
	
	
	/*-------------------*/ 
	
	/* Estilos para la tabla de Calendario*/
	
	#seccion_calendario{
		padding-left: 9px
	}
	
	
	.dias_de_clase {
	margin-top: 15px;
	font-weight: bold;
	padding-left: 9px;
	}
	
	.tabla_escritorio,
	.modalidad
	{
		display: none;
	}
	
	.contenedor_tablas_movil{
	display: block;
	}
	
	.calendario{
		width: 95%;
		margin: 15px auto 35px;
	}
	
	.calendario th{
		width: 30%;
		
	}
	
	.calendario .dia_resaltado{
		font-weight: bold;
		font-size: 15px;
	}
	
	/*-------------------*/
	
	

/*Estilos para invitación*/

	.s1, .s3 {
    font-size: 3em;
}
	
	
	
	.s1, .s3 {
	font-size: 2em;
	}
	
	.s4 {
	font-size: 6.5em;
	
	}
	

	/*-----------------*/
	
.super{
		font-size:2.9em;

}

.porcentaje {
    font-size: 1em;
}

nav ul li {
  display: block;
  width: 100%;
}

.cd-author {
	width: 100%
}
.cd-author img,
.cd-author .cd-author-info 
 {
   float: none;
   display: block;
   margin: 0 auto;
 }

.cd-author .cd-author-info li {
    margin-bottom: 5px;
    margin-left: 0;
    text-align: center;
}

.cd-author img
   {width: 40%} 



   .cd-see-all {
    bottom: -9px;
   
    left: 50%;
    margin-left: -34px;
    margin-top: 15px;
   }

}

@media all and (max-width : 500px) {

	#videotuturial img {
    width: 360px;
  }
}

@media all and (max-width : 400px) {
  
	#showCase2{
		box-shadow: none;
		
	}
 .foto {
    margin: 20px auto;
    width: 50%;
 }

	#leyenda_whatsapp {
		font-size: 13px;
	
	}
	
	#whatsapp{
		transform: scale(1.08);
	}
 
}