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

/* Tipografías */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;1,400&family=Oswald:wght@200;300;400;500&family=Poppins:wght@300;400;500;600&display=swap');

.bloque_ordena_entero{
	display: block;
}

.lineas_adorno{
	width: 100%;
	height: 1px;
	background-color: #4a3518;
	margin-top: 6%;
}

.lineas_adorno_movil{
	display: none;
}

.lineas_adorno2{
	width: 100%;
	height: 1px;
	background-color: #4a3518;
	margin-top: 1%;
}

.fotocabecera{
	width: 100%;
	display: block;
	margin-top: 4%;
	height: 100%;
	z-index: 800;
}

.textos_cabecera_bloque{
	width: 85%;
	margin-left: calc(50vw - 42.5%);
	margin-top: 0;
}

.etiquetas_proyectos{
	width: 25%;
	color: #A2A2A2;
	font-family: 'Poppins' , sans-serif;
	font-weight: 200;
	font-size: 16pt;
	float: right;
	margin-top: 2%;
}

.tituloyclaim{
	width: 60%;
	float: left;
	line-height: 1.2;
}

.nombre_proyecto{
	color: black;
	font-family: 'Poppins' , sans-serif;
	font-weight: 500;
	font-size: 30pt;
	margin-bottom: 1%;
}

.claim{
	color: black;
	font-family: 'Poppins' , sans-serif;
	font-weight: 200;
	font-size: 18pt;
	margin-top: 0;
}

.fondo_color{
	width: 100%;
	background-color: #72392F;
}

.fondo_color_02{
	background-color: #003e55;
}

.fondo_color_03{
	background-color: #f82c50;
}

.fondo_color_04{
	background-color: #ead3d9;
}

.fondo_color_05{
	background-color: #616954;
}

.proyectocontenido{
	width: 85%;
	margin-left: calc(50vw - 42.5%);
	margin-top: 3%;
}

.proyectocontenido_personal{
	width: 85%;
	margin-left: calc(50vw - 42.5%);
	margin-top: 3%;
}

.proyectocontenido_personal_movil{
	display: none;
}

.imagen_media_der{
	width: 49%;
	float: left;
	margin-bottom: 2%;
	margin-left: 2%;
}
.imagen_media_izq{
	width: 49%;
	float: left;
	margin-bottom: 2%;
}
.imagen1{
	width: 80%;
	margin-left: 20%;
	margin-bottom: 2%;
}
.imagen2{
	width: 30%;
	margin-left: 20%;
	margin-bottom: 0;
}
.imagen3{
	width: 60%;
	float: left;
	margin-left: 0;
	margin-bottom: 2%;
}
.imagen4_grande{
	width: 100%;
	margin-bottom: 3%;
}
.imagen4_grande_margin{
	width: 100%;
	margin-bottom: 3%;
	margin-top: 3%;
}
.imagen_grande_sinmargin{
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
}

.imagen_central_media{
	width: 70%;
	margin-left: calc(50vw - 43.5%);
}
.gif_izq{
	width: 65.1%;
	float: left;
	margin-bottom: 3%;
}
.gif_der{
	width: 34%;
	float: left;
	margin-bottom: 3%;
	margin-left: 0.9%;
}
.briefing{
	width: 35%;
	float: right;
	margin-left: 0;
	margin-bottom: 0;
	color: black;
	font-family: 'Poppins' , sans-serif;
	font-weight: 200;
	font-size: 18pt;
}

.briefing02{
	width: 35%;
	float: right;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 22%;
	color: black;
	font-family: 'Poppins' , sans-serif;
	font-weight: 200;
	font-size: 18pt;
}

.briefing03{
	width: 35%;
	float: left;
	margin-right: 0;
	margin-bottom: 0;
	color: black;
	font-family: 'Poppins' , sans-serif;
	font-weight: 200;
	font-size: 18pt;
}

.video{
	width: 85%;
	margin-left: calc(50vw - 42.5%);
	margin-top: 3%;
}

.bloquecreditoa{
	width: 30%;
	margin-left: calc(50vw - 15%);
	margin-top: 5%;
}

.creditos1{
	color: black;
	font-family: 'Bodoni Moda', serif;
	font-weight: 400;
	font-size: 20pt;
	text-align: center;
}

.creditos2{
	color: black;
	font-family: 'Poppins' , sans-serif;
	font-weight: 200;
	font-size: 16pt;
	text-align: center;
}

/* Proyectos con muchas fotos. Tradicional */
.imagen_vertical_central{
	width: 55%;
	margin-left: calc(50% - 27.5%);
	margin-bottom: 3%;
	margin-top: 0;
}
.imagen5_vertical{
	width: 47%;
	float: left;
	margin-left: 0;
	margin-bottom: 3%;
	margin-top: 0;
}
.imagen5_3_vertical{
	width: 47%;
	float: left;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 3%;
}
.imagen5_3_vertical_espacio{
	width: 47%;
	float: left;
	margin-left: 0;
	margin-bottom: 6%;
	margin-top: 3%;
}
.imagen5_2_vertical{
	width: 47%;
	float: right;
	margin-left: 2%;
	margin-bottom: 4%;
	margin-top: 0;
}
.imagen6_vertical{
	width: 47%;
	float: right;
	margin-left: 2%;
	margin-bottom: 0;
	margin-top: 3%;
}
.imagen6_vertical_espacio{
	width: 47%;
	float: right;
	margin-left: 2%;
	margin-bottom: 6%;
	margin-top: 3%;
}
.imagen6_3_vertical{
	width: 49%;
	float: right;
	margin-left: 2%;
	margin-bottom: 3%;
	margin-top: 3%;
}
.imagen6_2_vertical{
	width: 47%;
	float: right;
	margin-left: 2%;
	margin-bottom: 0;
	margin-top: 30%;
}
.imagen7_vertical{
	width: 32%;
	float: left;
	margin-left: 2%;
	margin-bottom: 5%;
	margin-top: 4%;
}
.imagen8_vertical{
	width: 32%;
	float: left;
	margin-left: 0;
	margin-bottom: 5%;
	margin-top: 1%;
}
.imagen8_2_vertical{
	width: 32%;
	float: left;
	margin-left: 2%;
	margin-bottom: 5%;
	margin-top: 1%;
}
.imagen8_vertical_2{
	width: 32%;
	float: left;
	margin-left: 0;
	margin-bottom: 5%;
	margin-top: 5%;
}
.imagen8_2_vertical_2{
	width: 32%;
	float: left;
	margin-left: 2%;
	margin-bottom: 5%;
	margin-top: 5%;
}
.imagen8_medio{
	width: 32%;
	float: left;
	margin-left: 31%;
	margin-bottom: 5%;
	margin-top: 1%;
}
.imagen9_vertical{
	width: 32%;
	float: right;
	margin-left: 1%;
	margin-bottom: 5%;
	margin-top: 1%;
}
.imagen9_vertical_2{
	width: 32%;
	float: right;
	margin-left: 1%;
	margin-bottom: 5%;
	margin-top: 5%;
}
.imagen10_vertical{
	width: 60%;
	float: right;
	margin-left: 2%;
	margin-bottom: 5%;
	margin-top: 4%;
}
.imagen10_peque{
	width: 24%;
	float: left;
	margin-bottom: 3%;
	margin-top: 2%;
}
.imagen11_peque{
	width: 24%;
	float: left;
	margin-left: 1.3%;
	margin-bottom: 3%;
	margin-top: 2%;
}
.imagen12_peque{
	width: 24%;
	float: left;
	margin-left: 1.3%;
	margin-bottom: 3%;
	margin-top: 2%;
}
.imagen13_peque{
	width: 24%;
	float: right;
	margin-left: 1.3%;
	margin-bottom: 3%;
	margin-top: 2%;
}
.grandeypeq_1{
	width: 50%;
	float: left;
	margin-left: 0;
}
.grandeypeq_2{
	width: 25%;
	float: right;
	margin-right: 20%;
	margin-top: 12%;
}
.grandeypeq_1_2{
	width: 60%;
	float: left;
	margin-left: 0;
}
.grandeypeq_2_2{
	width: 30%;
	float: right;
	margin-right: 6%;
	margin-top: 12%;
}
.next_girado{
	color: #C78586;
	font-family: 'Poppins' , sans-serif;
	font-weight: 300;
	font-size: 23pt;
	bottom: 27%;
	right: 0;
	position: fixed;
	rotate: -90deg;
	padding: 0px;
	z-index: 700;
}
.previous_girado{
	color: #C78586;
	font-family: 'Poppins' , sans-serif;
	font-weight: 300;
	font-size: 23pt;
	bottom: 27%;
	margin-left: 0;
	position: fixed;
	rotate: 90deg;
	z-index: 700;
}
#link_color{
	color: #C78586;
	text-decoration: none;
}
#link_color_next{
	color: #C78586;
	text-decoration: none;
}
#link_visit{
	color: #C78586;
	text-decoration: none;
}
#link_visit2{
	color: #C78586;
	text-decoration: none;
}
#link_visit3{
	color: #C78586;
	text-decoration: none;
}







@media only screen and ( max-width : 812px )
{/* For mobile phones: */
	.etiquetas_proyectos{
	width: 100%;
	float: none;
	font-size: 12pt;
}

	.tituloyclaim{
	width: 100%;
	float: none;
}
	
	.proyectocontenido{
	width: 95%;
	margin-left: calc(50vw - 47.5%);
}
	.video{
	width: 95%;
	margin-left: calc(50vw - 47.5%);
}
	.briefing{
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 10%;
}
	.briefing03{
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 10%;
}
	.imagen3{
		width: 100%;
		float: none;
	}
	.imagen8_vertical{
	width: 100%;
		float: none;
}
.imagen8_2_vertical{
	width: 100%;
		float: none;
	margin-left: 0;
}
	.imagen9_vertical{
	width: 100%;
		float: none;
		margin-left: 0;
}
	.grandeypeq_1{
	width: 100%;
		float: none;
		margin-left: 0;
}
.grandeypeq_2{
	width: 100%;
		float: none;
		margin-left: 0;
}
	.grandeypeq_1_2{
	width: 100%;
		float: none;
		margin-left: 0;
}
.grandeypeq_2_2{
	width: 100%;
		float: none;
		margin-left: 0;
}
	.next_girado{
	font-size: 18pt;
	bottom: 20%;
	right: 0;
	position: fixed;
	rotate: -90deg;
	padding: 0px;
	z-index: 700;
}
.previous_girado{
	font-size: 18pt;
	bottom: 20%;
	margin-left: 0;
	position: fixed;
	rotate: 90deg;
	z-index: 700;
}
.proyectocontenido_personal{
	display: none;
}

.proyectocontenido_personal_movil{
	display: block;
	width: 100%;
	margin-left: 0;
	margin-top: 3%;
}
	
	}