div#content
{
	margin: 80px 0 0 0;
	background-color: white;
	background: linear-gradient(to bottom, #aaa 0px, #fff 5px);
}

div#content_contents
{
	margin: 0px auto 0px auto;
	/*padding: 0 3% 0 3%;*/
	font-size: 13px;
	color: #222222;
}

/*------------------------------------------------------------------------------------------------ PORTADA */

div#portada_empresa
{
	display: table;
	width: 100%;
	height: 100vh;
	background-color: white;
	background-image: url(../img/portada_empresa_fondo.jpg);
	background-position: bottom center;
	background-repeat: repeat-x;
	background-size: cover;
	background-attachment: fixed;
}

div#portada_empresa_plataformas
{
	/*vertical-align: middle;*/
	display: table-cell;
	padding: 6% 15% 0 5%;
	text-align: left;
	width: 50%;
}

div#portada_empresa_plataformas p {	text-align: left;	}

div#portada_empresa_formacion
{
	/*vertical-align: middle;*/
	display: table-cell;
	padding: 6% 5% 0 15%;
	text-align: right;
	width: 50%;
}

div#portada_empresa_formacion p {	text-align: right;	}

div#portada_empresa h2
{
	color: #999999;
	font-size: 34px;
	font-weight: normal;
	line-height: 40px;
}

div#portada_empresa p
{
	margin: 6% 0 6% 0;
	color: #999999;
	font-size: 16px;
	line-height: 26px;
}

div#portada_formacion
{
	display: table;
	width: 100%;
	height: 600px;
	background-color: #00968d;
	background-position: right 10% center;
	background-repeat: no-repeat;
	background-image: url(../img/portada_formacion_fondo.png);
	background-size: 50% auto;
	overflow: hidden;
}

div#portada_formacion_texto
{
	vertical-align: middle;
	display: table-cell;
	padding: 0 60% 0 6%;
}

div#portada_formacion_texto h2
{
	color: white;
	font-size: 30px;
	line-height: 42px;
}

div#portada_formacion_texto p
{
	color: white;
	font-size: 18px;
	line-height: 30px;
}

div#portada_plataforma_applicajaen
{
	display: table;
	width: 100%;
	height: 600px;
	background-color: #b5380f;
	background-position: left 15% center;
	background-repeat: no-repeat;
	background-image: url(../img/portada_applicajaen_fondo.png);
	background-size: auto 60%;
	overflow: hidden;
}

div#portada_plataforma_applicajaen_texto
{
	vertical-align: middle;
	display: table-cell;
	padding: 0 10% 0 50%;
}

div#portada_plataforma_applicajaen_texto h2
{
	color: white;
	font-size: 36px;
	font-weight: normal;
	line-height: 42px;
}

div#portada_plataforma_applicajaen_texto p
{
	color: white;
	font-size: 18px;
	line-height: 30px;
}

div#portada_plataforma_appmazara
{
	display: table;
	width: 100%;
	height: 600px;
	background-color: #2A343C;
	background-position: right 20% center;
	background-repeat: no-repeat;
	background-image: url(../img/portada_appmazara_fondo.png);
	background-size: auto 50%;
	overflow: hidden;
}

div#portada_plataforma_appmazara_texto
{
	vertical-align: middle;
	display: table-cell;
	padding: 0 50% 0 10%;
}

div#portada_plataforma_appmazara_texto h2
{
	color: white;
	font-size: 36px;
	font-weight: normal;
	line-height: 42px;
}

div#portada_plataforma_appmazara_texto p
{
	color: white;
	font-size: 18px;
	line-height: 30px;
}

div#portada_plataforma_agendapintura
{
	display: table;
	width: 100%;
	height: 600px;
	background-color: purple;
	background-position: left 20% center;
	background-repeat: no-repeat;
	background-image: url(../img/portada_agendapintura_fondo.png);
	background-size: auto 50%;
	overflow: hidden;
}

div#portada_plataforma_agendapintura_texto
{
	vertical-align: middle;
	display: table-cell;
	padding: 0 10% 0 50%;
}

div#portada_plataforma_agendapintura_texto h2
{
	color: white;
	font-size: 36px;
	font-weight: normal;
	line-height: 42px;
}

div#portada_plataforma_agendapintura_texto p
{
	color: white;
	font-size: 18px;
	line-height: 30px;
}

a.portada_store
{
	margin: 0 20px 0 0;
}

div#portada_plataformas
{
	overflow: hidden;
	margin: 0px 0 0px 0;
	background-color: #dcdcdc;
}

div#portada_plataformas_titulo
{
	margin: 80px 0 50px 0;
	text-align: center;
	color: #222222;
	font-size: 36px;
	line-height: 30px;
	overflow: hidden;
}

div#portada_plataformas_in
{
	margin: 50px 0 80px 0;
	text-align: center;
	overflow: hidden;
}

div.plataforma
{
	display: inline-block;
	margin: 30px 6% 30px 6%;
	width: 15%;
	padding-bottom: 16%;
	box-sizing: border-box;
	border-radius: 0%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	transition: 0.3s;
}

div.plataforma:hover
{
	margin: 30px 5.5% 30px 5.5%;
	width: 16%;
	padding-bottom: 16%;
	border-radius: 3%;
	cursor: pointer;
}

div#plataforma_applicajaen		{	background-image: url(../img/portada_logo_applicajaen.png);		}
div#plataforma_appmazara		{	background-image: url(../img/portada_logo_appmazara.png);		}
div#plataforma_agendapintura	{	background-image: url(../img/portada_logo_agendapintura.png);	}

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

div.parallax
{
	margin: 0px 0 0px 0;
	/*height: 600px;*/
}

div.parallax_in
{
	/*position: absolute;
	left: 0;
	right: 0;*/
	height: 600px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #eeeeee;
	box-shadow: inset 0px 0px 6px 0 black;
}

div.parallax_portada		{	background-image: url("../img/parallax_portada.jpg");		}