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




/* ///////////////////Generales///////////////////// */
body{
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		
	}
	
	p { text-align:justify;
		    color: #FFF;}
	
.header-fondo{
	width: 100%;
	height: auto;
	background-color: #0b93d1;
	}	
	
	
	
h1{
	color:#FFF;
	font-size:24px;
	font-weight: bold;
	margin: 50px 0 20px;
	}
	
	
.espaciado{
	margin-top:160px;
	}
	


h3{
	font-weight:bold;
	color:#333;
}

.texto2{
	
	color:#333;}
	
.conferencia{
	font-size:20px;}

.maestro{
	font-size:16px;
	letter-spacing: 3.3px;}
	
#seccion-tallerista {
    background-color: #333;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    color: rgb(51,51,51);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mario{
	width:55%;}
	
#seccion2{
	text-align:center;
	color:#333;
	padding: 60px;
	}

#aviso_privacidad{
	width:17px;}
	



/* ///////////////////Slide///////////////////// */

#slide { width:100%;
height:700px;
background-image:url(https://www.ebc.mx/lp/licenciaturas/segundo-de-abordo/responsivo/img/slide-conferencia-1.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#000;
padding-top:40px;}


#slide p { color:#FFF; text-align:left; font-size:30px; line-height: 27px;}

.form-control { background-color:rgba(0,0,0,0.5); height:40px; margin-bottom:-10px; border:none; color:#999; border:#FFF solid 2px;

}



#titulo-slide { width:100%;}


.checkbox { color:#009ADE;}




/* ///////////////////Contador///////////////////// */


#contador { width:100%; margin-top: 20px;}

#fecha-contador { text-align:center; border: solid #FFF 2px; padding-top:10px; padding-bottom:20px;    }

#fecha-contador #numero { font-size:46px; color:#fff; font-weight:900;}

#fecha-contador #texto { font-size:14px; letter-spacing:-1px; color:#fff; font-weight:900; margin-top:-10px; text-transform:uppercase;   }



/* ///////////////////Fecha///////////////////// */


#Fecha { background-color:#0A93D1; height:auto; color:#FFF; padding-top:40px; padding-bottom:40px; }


#cont-ferchas span { font-size:18px; font-weight:bold;  }

#cont-ferchas p { text-align:left; font-weight:lighter; font-size:14px;  }

#cont-ferchas #icon { font-size:36px; float:left; margin-right:10px; margin-bottom:70px;}


/* ///////////////////Footer///////////////////// */

footer { background-color:#333; height:100px; color:#FFF; text-align:center; padding-top:40px;}

#cont-footer { text-align:center; }

/* ///////////////////Gracias///////////////////// */



#img-gracias { width:330px; text-align:center;}

#gracias { margin-top:30px; color:#666; width:100%;}


@media screen and (max-width:1700px) {
	
	
#slide { 
background-position: 60%;
}

	
	
}

@media screen and (max-width:1200px) {
	
	
#fecha-contador #texto { font-size:12px; letter-spacing:-1px; color:#fff; font-weight:200; margin-top:-10px; text-transform:uppercase;   }
	
.espaciado{
	margin-top:109px;
	}
	
}




@media screen and (max-width:992px) {
	
	
	#txtTel { margin-top:15px;}
	
	
		#titulo-slide { width:60%;}
	
	
	#slide { background-position:center top;
	height:auto;
	background-size:1000px;
	padding-bottom:40px;
	
	
	}
	
	#cont-titulo{
		    margin-top: 150px;
		}
	.registros{
		
		    margin-top: 100px !important;}
	
	#slide p { width:450px;
	margin-bottom:50px;
		
		}
	
	
	.espaciado{
	margin-top:25px;
	}	

.mario{
	width:35%;}
	
	
	
	#cont-ferchas { width:50%; float:left;}
	
	
	#fecha-contador {  width:23%; float:left; margin-right:2%;  }
	
	
	#gracias { width:50%; float:left; height:300px; margin-top:100px;  }
	
	#texto-gracias { margin-top:40px; }
	
	#img-gracias { width:250px; text-align:center;}
	
	
}


@media screen and (max-width:768px) {
	
	
	
	
	#gracias { width:50%; float:left; height:300px; margin-top:0px;  }
		#titulo-slide { width:290px;}
	
	
#slide p { width:100%;
}
	
	
	
	#slide h2 { font-size:26px;
	
	
	
	}
	
	p .ponente{
		
		    font-size: 14px !important;}
			
	.espaciado{
	margin-top:5px;
	}	

.mario{
	width:41%;}
	
	
	
}

@media screen and (max-width:576px) {
	
	#fecha-contador {  width:48%; margin-right:2%; float:left; margin-top:10px;  }
	
	#gracias { width:100%; float:none; height:auto; text-align:center; }
	
	
	
	#texto-gracias { margin-top:40px; text-align:left;}
	
	#img-gracias { width:60%;}
	
	
	
	

	
	
	
}
	
	

	@media screen and (max-width:480px) {
		
		
		
		#slide  { padding-top:200px;
		background-position:70% top;
		text-shadow:2px 2px 2px #000000;
}
	
	#cont-titulo {
    margin-top: 3px;}
	
	
	.mario {
    width: 40%;}
	
	#Fecha { padding-top:50px; padding-bottom:10px; }
		#cont-ferchas { width:80%;  height:auto;}
		
		
		#cont-ferchas p { text-align:left; font-weight:lighter; font-size:14px; margin-bottom:40px;  }
		

.registros {
    margin-top: 82px !important;} 

	
	
}