:root {
  --max-width:1100px;
}

	.content{

		/*background-color: white;*/
		width: 100%;
		/*padding: 50px;*/
		/*max-width: 1400px;*/
		position: absolute;
		left: 50%;
		/*top:50%;*/
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
	}


	#animacionContent{

		display: inline-table;
		text-align: center;
		width: 50%;
		/*background-color: orange;*/
		float: left;
		top: 0px;
		right: 30px;
		position: relative;
		z-index: 200;
		overflow: hidden;

	}

	.barraIzq{

		position: relative;
		/*background-color: gray;*/
		top: -20px;
		display: inline-table;
		width: 50%;
		text-align: left;
		padding: 0px;
		left: 7%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#contenidoCentro{

		display: flex; 
		align-items: center;
		max-width: 1300px;
		left: 50%;
		/*top:50%;*/
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		position: relative;
		z-index: 300;
	

	}



	.contenidoCentrado2{

    	margin: 50px 50px 50px 50px;
	
	}

	#menuHeader{

		display: inline-table;
		float: right;
		font-family: 'Open San', sans-serif;


	}

	.itemMenu{

		margin-left: 40px;
		color: black;
		font-size: 1em;


	}


	#contenido_servicios{

		max-width:1050px;
		position: relative;
/*		height: 400px;*/
		background-color: #E8EBEB;
		border-radius: 30px;
		top: -40px;
		z-index: 1;
		width: 81%;
		padding: 30px;
		background-image: radial-gradient(circle at 69% 86%, rgba(165, 165, 165,0.06) 0%, rgba(165, 165, 165,0.06) 25%,rgba(193, 193, 193,0.06) 25%, rgba(193, 193, 193,0.06) 50%,rgba(221, 221, 221,0.06) 50%, rgba(221, 221, 221,0.06) 75%,rgba(249, 249, 249,0.06) 75%, rgba(249, 249, 249,0.06) 100%),radial-gradient(circle at 49% 76%, rgba(129, 129, 129,0.06) 0%, rgba(129, 129, 129,0.06) 25%,rgba(164, 164, 164,0.06) 25%, rgba(164, 164, 164,0.06) 50%,rgba(200, 200, 200,0.06) 50%, rgba(200, 200, 200,0.06) 75%,rgba(235, 235, 235,0.06) 75%, rgba(235, 235, 235,0.06) 100%),radial-gradient(circle at 22% 64%, rgba(173, 173, 173,0.06) 0%, rgba(173, 173, 173,0.06) 25%,rgba(119, 119, 119,0.06) 25%, rgba(119, 119, 119,0.06) 50%,rgba(64, 64, 64,0.06) 50%, rgba(64, 64, 64,0.06) 75%,rgba(10, 10, 10,0.06) 75%, rgba(10, 10, 10,0.06) 100%),linear-gradient(307deg, rgb(255,255,255),rgb(255,255,255));


	}


	#contenido_porque_confiar{

		width: 100%;
		height: 450px;
		position: relative;
		top: -70px;
		background-image: url(../images_cont/bkg_porque_confiar.jpg);
		background-repeat: no-repeat;
		background-position: center right;
		background-attachment:fixed;
		background-size: auto 100%;
		background-color: black;


	}

	#textos_porque_confiar{

		max-width:1050px;
		width: 81%;
		position: relative;
	}

	#contenido_plataforma{

		max-width:1050px;
		position: relative;
/*		background-image: url(../images_cont/bkg_plataforma.jpg);*/
/*		background-size: 100% auto;*/
/*		background-color: #BCA364;*/
		border-radius: 30px;
		top: -100px;
		z-index: 1;
		width: 81%;
		padding: 30px;
		background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36, 36, 36,0.04) 0%, rgba(36, 36, 36,0.04) 50%,rgba(46, 46, 46,0.04) 50%, rgba(46, 46, 46,0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40, 40, 40,0.04) 0%, rgba(40, 40, 40,0.04) 50%,rgba(200, 200, 200,0.04) 50%, rgba(200, 200, 200,0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99, 99, 99,0.04) 0%, rgba(99, 99, 99,0.04) 50%,rgba(45, 45, 45,0.04) 50%, rgba(45, 45, 45,0.04) 100%),radial-gradient(circle at 75% 99%, rgba(243, 243, 243,0.04) 0%, rgba(243, 243, 243,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),linear-gradient(179deg, rgb(218,189,116),rgb(218,189,116));


	}

	#contenido_presencia{

		max-width:1050px;
		position: relative;
		top: -50px;
		width: 81%;

	}

	.columna_presencia{

		width: 45%;
		display: inline-block;
	    vertical-align: middle;
	    position: relative;
	    height: 120px;
	    background-size: auto 100% ;
	    background-repeat: no-repeat;
	    background-position: center center;


	}

	#mapa_presencia{

		width: 100%;
		height: 220px;
		background: url(../images_cont/mapa_presencia.png) no-repeat center center;
		background-size: auto 100%;
	}

	#imagen_plataforma{

		background: url(../images_cont/devices_plataforma.png) no-repeat center center;
		background-size: auto 100%;
		width: 300px;
		height: 300px;
		position: relative;
		top: 30px;


	}

	#columna_contenido{

		width: 45%;
		display: inline-block;
		position: relative;
		white-space: normal;
	    vertical-align: middle;
	    text-align: center;
	}
	
	#items_plataforma{

		font-size: 1.2em;
		font-family: 'Open San', sans-serif;
		text-align: left;
		color: white;
		background-color: rgba(0,0,0,0.1);
		padding: 10px;
		border-radius: 20px;

	}

	ul li{
		margin-bottom: 15px;
		
	
	}

	li::marker {

		color: #665738;


		}


	#contenidos_base{

		position: relative;

		width: 100%;
		box-sizing: border-box;
		display: inline-table;
		/*top: 30px;*/

	}

	#contenido_cont_02, #contenido_cont_03{

		background-color: #5F7585;
		position: relative;
		display: inline-table;
		width: 50%;
		height: 100%;
		box-sizing: border-box;
		vertical-align: top;


	}

	#contenido_cont_02{

		/*float: left;*/


	}

	#contenido_cont_03{

		background-color: white;

		/*float: right;*/

	}

.triangulo{

	  width: 0; 
	  height: 0; 
	  border-left: 80px solid transparent;
	  border-right: 80px solid transparent;
	  border-bottom: 20px solid #5F7585;
	  position: relative;
	 left: 50px;
	  top: 20px;

}

.triangulo2{
    width: 0; 
     height: 0; 
     border-right: 30px solid  rgba(0,0,0,0.1);
     border-top: 80px solid transparent;
     border-bottom: 80px solid transparent; 
     position: relative;
     float: left;
	top: 50px;
	left: -40px;
/*	transform: translate(-20px, 0);
	-webkit-transform: translate(-20px, 0);*/

}

	#icon_menu{

		width: 18px;
		height: 17px;
		background: url("../images/icon_menu.png") no-repeat center center ;
		background-size: 100% auto;
		float: right;
		margin: 5px;
		display: none;

	}

	.espaciadoParrafo{

		width: 50px;
		height: 30px;
	}

	#como_lo_hacemos_img{

		width: 240px;
		height: 240px;
		background: url("../images/como_lo_hacemos.png") no-repeat center center ;
		background-size: 100% auto;
		display: inline-table;
		margin-right: 5%;
		margin-left: 5%;

	}

	#quienes_somos_img{

		width: 240px;
		height: 240px;
		background: url("../images/quienes_somos.png") no-repeat center center ;
		background-size: 100% auto;
		display: inline-table;
		margin-right: 5%;
		margin-left: 5%;

	}

	#como_lo_hacemos_txt{

		width:100%; 
		display: inline-block;
		position: relative;
		/*top: -25px;*/
	}

	.detalle_servicio{

		width: 40%;
		height: 150px;
		background-color: rgba(255,255,255,0.5);
		border-radius: 20px;
		padding: 10px;
	    position: relative;
	    margin-left: 30px;
	    display: inline-block;
	    margin-bottom: 20px;

	}

	.titulo_servicio{

		display: inline-block;
		width: 58%;
		left: -20px;
		position: relative;
		white-space: normal;
	    vertical-align: middle;
	    text-align: left;

	}

	.imagen_servicio{

		display: inline-block;
		white-space: normal;
	    vertical-align: middle;

	    left: -30px;
	    position: relative;
	    width: 150px;
	    height: 150px;
	    background-size: 100% auto;


	}




@media (max-width: 1100px) {

	#animacionContent{
			right: 10px;
		}

	.barraIzq{
			left: 20px;
		}

	#como_lo_hacemos_img{

		width: 180px;
		height: 180px;
		top: -20px;
		position: relative;

	}

	.detalle_servicio{
		width: 97%;
		margin-left: 0px;
		height: 120px;

	}

	.imagen_servicio{

		width: 120px;
		height: 120px;
	}

	.tituloDorado{

		font-size: 1.5em;
	}

	.titulo_servicio{

	width: 58%;

}

	#imagen_plataforma{

		height: 250px;
		width: 250px;
	}

	#contenido_porque_confiar{

		background-position: center right 8%;

	}

	.columna_presencia{

		width: 100%;
		margin-bottom: 20px;
		height: 100px;

	}

}

@media (max-width: 850px) {

	#menuHeader{

		display: none;
	}
	#icon_menu{

		display: block;
	}

	#contenidoCentro{

		display: grid;
		/*background-color: grey;*/
	}

	.barraIzq{

		display: inline-table;
		width: 80%;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		top: -5px;
		text-align: center;
	}

	#animacionContent{

		display: inline-table;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		top: -40px;
	}

	.triangulo, .triangulo2{

	  border-left: 60px solid transparent;
	  border-right: 60px solid transparent;
	  border-bottom: 20px solid #5F7585;
	  position: relative;
		left: 50px;
/*	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);*/
	  top: -10px;

}

.triangulo2{
	border-bottom: 20px solid rgba(0,0,0,0.1);
	top: -100px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);

}

.titulo_servicio{

	width: 55%;

} 

	.espaciadoParrafo{

		width: 50px;
		height: 25px;
	}

	#contenido_cont_02{

		margin-top: -30px;
		width: 100%;

	}

	#contenido_cont_03{

		/*margin-top: 0px;*/
		width: 100%;

	}



	#como_lo_hacemos_img{

		/*display: none;*/
		position: absolute;
		width: 100%;
		height: auto;
		bottom: 0px;
		opacity: 0.4;
		background-position: bottom left;

	}

	#como_lo_hacemos_txt{

		/*width: 90%;*/
	}

	#columna_contenido{

		width: 99%;
	}


}

@media (max-width: 650px) {

	#animacionContent{
		width: 100%;
		top: -20px;

	}




}