*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	vertical-align: bottom;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

.wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: auto;
}

.header {
	width: 100%;
	background-color: #EE1651;
	padding: 20px 0;
}

.titulo {
	width: 100%;
	background-image: url(http://capacitacionweb.com.ar/empresas/eternit-placa-superboard/images/bannerplaca.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	height: 500px;
}

.titulo  .wrapper {
	height: 100%;
}

.titulo h1 {
	width: 100%;
	font-family: 'Fira Sans','Oswald', sans-serif;
	font-size: 60px;
	color: #ffffff;
	text-align: center;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.datos {
	background-color: #ffffff;
	width: 100%;
	padding: 60px 0;
	font-family: 'Fira Sans',Roboto', sans-serif;
	color: #000000;
	
}

.datos h2,
.orador h2,
.como-funciona h2 {
	font-size: 28px;
	margin: 0 0 25px;
	font-weight: 700;
}

.datos h3,
.orador h3 {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.datos h3 img,
.registrarse h3 img {
	margin: 0 20px 0 0;
}

.datos p,
.orador .texto p,
.como-funciona p {
	font-size: 18px;
	line-height: 21px;
	text-align: left;
	font-weight: 300;
	margin: 0;
}

.orador {
	background-color: #f8f8f9;
	width: 100%;
	padding: 60px 0;
	font-family: 'Fira Sans','Roboto', sans-serif;
	color: #000000;
}

.orador .foto {
	width: 25%;
}

.orador .foto img {
	width: 100%;
}

.orador .texto {
	width: 72%;
}

.como-funciona {
	background-color: #18191c;
	width: 100%;
	padding: 60px 0;
	font-family: 'Roboto', sans-serif;
	color: #F8F8F9;
}

.como-funciona a {
	color: #F8F8F9;
	font-weight: 700;
	text-decoration: none;
}

.registrarse {
	background-color: #EE1651;
	width: 100%;
	padding: 100px 0;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	text-decoration: none;
}

.registrarse a {
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	font-size: 30px;
	padding: 15px 60px;
	color: #000000;
	background-color: #ffffff;
	display: inline-block;
	text-decoration: none;
}

.registrarse h3 {
	margin: 30px 0 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
	color: #00000;
	text-decoration: none;
}
.registrarse h4 {
    margin: 30px 0 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
	color: #ffff;
	text-decoration: none;
}
    
    
    
    
    
.registrarse a:hover {
    font-family: 'Roboto', sans-serif;
	color: #00000;
	background-color: #cccccc;
	text-decoration:none;
}

body.ingreso {
	background-image: url(http://capacitacionweb.com.ar/empresas/eternit-placa-superboard/images/ingreso.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}

body.ingreso .header {
	background-color: rgba(238, 22, 81, 0);
}

body.ingreso .titulo {
    background-image: none;
    height: initial;
}

body.ingreso .titulo h1 {
	margin: 20px 0 0;
	position: relative;
	top: 0;
	left: 0;
	transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
}

body.ingreso .acceso {
	width: 100%;
	padding: 100px 0;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

body.ingreso .acceso a {
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    font-size: 30px;
    padding: 15px 60px;
    color: #ffff;
    background-color: #ee1651;
    display: inline-block;
    text-decoration: none;
	margin: 0 auto;
}



.left {
	float: left;
}

.right {
	float: right;
}

@media only screen and (max-width: 1400px) {
	
	.titulo {
		height: 400px;
	}
	
}

@media only screen and (max-width: 1210px) {
	
	.wrapper {
		width: 90%;
	}
	
}

@media only screen and (max-width: 766px) {
	
	.header .logo img {
		width: 190px;
		height: auto;
	}
	
	.titulo h1 {
		font-size: 32px;
	}
.titulo {
		height: 400px;
				background-position: 80% center;
		background-image: url(http://capacitacionweb.com.ar/empresas/eternit-placa-superboard/images/mobile.jpg);	
}

@media only screen and (max-width: 360px) {
	
	.titulo h1 {
		font-size: 28px;
	}
	
	.registrarse a,
	body.ingreso .acceso a {
		font-size: 24px;
		padding: 15px 30px;
	}
	
	body.ingreso .acceso {
		padding: 40px 0;
	}
	
}