@font-face {
	font-family: 'Gotham-Bold';
	src: url('/assets/css/fonts/Gotham/original_Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/Gotham/original_Gotham-Bold.woff') format('woff'), url('/assets/css/fonts/Gotham/original_Gotham-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-BoldItalic';
	src: url('/assets/css/fonts/Gotham/original_Gotham-BoldIta.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/Gotham/original_Gotham-BoldIta.woff') format('woff'), url('/assets/css/fonts/Gotham/original_Gotham-BoldIta.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Light';
	src: url('/assets/css/fonts/Gotham/original_Gotham-Light.eot?#iefix') format('embedded-opentype'), url('/assets/css/fonts/Gotham/original_Gotham-Light.woff') format('woff'), url('/assets/css/fonts/Gotham/original_Gotham-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background: rgba(235, 235, 235, 1);
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 30, 100, 1);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
	text-decoration: none;
	transition: .5s;
	outline: 0;
	color: #000000;
}

ul {
	list-style: none
}

hr {
	width: 100%;
	height: 1px;
	margin: 20px 0;
	border: 1px solid #4c4c4c;
}

p {
	font-size: 1rem;
	line-height: 1.4rem;
	margin: 0 0 1rem;
}

select,
input [type="input"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

span {}

html {
	font-size: 10px;
	height: 100%;
}

body {
	font-size: 1rem;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	height: 100%;
	width: 100%;
	background-color: #fff;
}

#responsive {
	display: none;
}

a,
input,
button,
span,
.cerrar,
.caja_mosaico:hover img,
#contenedor_mosaico .caja_mosaico:hover {
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 300ms;
	-moz-transition-timing-function: ease-out;
	-moz-transition-delay: 20ms;
	/* Chrome / Safari */
	-webkit-transition-property: all;
	-webkit-transition-duration: 300ms;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-delay: 20ms;
	/* Opera */
	-o-transition-property: all;
	-o-transition-duration: 300ms;
	-o-transition-timing-function: ease-out;
	-o-transition-delay: 20ms;
	/* Default */
	transition-property: all;
	transition-duration: 300ms;
	transition-timing-function: ease-out;
	transition-delay: 20ms;
}

#subir_pagina {
	position: fixed;
	top: 50%;
	right: 2%;
	display: none;
	height: 40px;
	width: 40px;
	z-index: 99999
}

.none {
	display: none;
}

.crema {
	color: #efefe0
}

.naranja {
	color: #f78812
}

.azul {
	color: #557cdf;
}

.rojo {
	color: #b4181d
}


/*//////////////CONTENEDOR CENTRAL////////////////////*/

#contenedor_central {
	width: 100%;
	height: 100%;
	margin: 0;
}


/*//////////////////CABECERA MOVIL///////////////////*/


/*movil*/

.bloque_cabecera_movil {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: #fff;
	padding: 2rem;
	width: 100%;
	height: 9rem;
}

.bloque_cabecera_movil .menu {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	width: 100%;
}

.bloque_cabecera_movil .menu .logo {}

.bloque_cabecera_movil .menu .logo a {
	padding: 0;
}

.bloque_cabecera_movil .menu .logo a img {
	width: 16.7rem;
	height: 4.7rem;
}

.bloque_cabecera_movil .menu .menu_hamburguesa {}

.bloque_cabecera_movil .menu .menu_hamburguesa a {
	padding: 0;
}

.bloque_cabecera_movil .menu .menu_hamburguesa a img {
	width: 2.6rem;
	height: 2.6rem
}


/*menu despleglado*/

.bloque_menu_desplegado {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	transition: all 0.5s linear;
}

.bloque_menu_desplegado {
	background-image: url(/assets/images/portada_movil.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bloque_menu_desplegado .menu_desplegado {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-direction: column;
	width: 80%;
	min-height: 30rem;
	border: 3px solid #00067e;
	padding: 2rem;
	color: #00067e;
	background-color: rgba(255, 220, 255, 0.7)
}

.bloque_menu_desplegado .cerrar_menu {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	background-color: #fff;
	padding: 2rem;
	width: 100%;
	height: 9rem;
}

.bloque_menu_desplegado .cerrar_menu .logo {}

.bloque_menu_desplegado .cerrar_menu .logo a {
	padding: 0;
}

.bloque_menu_desplegado .cerrar_menu .logo a img {
	width: 16.7rem;
	height: 4.7rem;
}

.bloque_menu_desplegado .cerrar_menu .aspa {}

.bloque_menu_desplegado .cerrar_menu .aspa a {
	padding: 0;
}

.bloque_menu_desplegado .cerrar_menu .aspa a img {
	width: 4rem;
	height: 4rem;
}

.bloque_menu_desplegado .menu_desplegado .cerrar_menu a {}

.bloque_menu_desplegado .menu_desplegado .cerrar_menu a img {
	width: 2.6rem;
	height: 2.6rem;
}

.bloque_menu_desplegado .menu_desplegado .menu {
	width: 80%;
	margin: 0;
}

.bloque_menu_desplegado .menu_desplegado .menu li {
	text-align: center;
	padding: 2rem 0;
}

.bloque_menu_desplegado .menu_desplegado .menu li a {
	font-size: 3rem;
	font-weight: bold;
	color: #00067e;
}

.bloque_menu_desplegado .menu_desplegado .menu li:nth-child(2) {
	border-bottom: 3px solid #00067e;
	border-top: 3px solid #00067e;
}

.bloque_menu_desplegado .menu_desplegado .menu_legal {
	width: 80%;
	margin: 0;
	display: flex;
	justify-content: center;
	display: none;
}

.bloque_menu_desplegado .menu_desplegado .menu_legal li {
	text-align: center;
	margin: 2rem 1rem;
}

.bloque_menu_desplegado .menu_desplegado .menu_legal li a {
	font-size: 1.4rem;
	color: #00067e;
}


/*//////////////CONTENEDOR ROUND ME////////////////////*/

#bloque_cabecera {
	height: 5.5rem;
	width: 100%;
	padding: 0 3rem;
	background: #fff;
	z-index: 9999;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

#bloque_cabecera ul {
	width: 100%;
	max-width: 144rem;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
}

#bloque_cabecera ul li {}

#bloque_cabecera ul li a {
	font-family: 'Gotham-Bold';
	font-size: 1.2rem;
	text-transform: uppercase;
	padding: 2rem 0 1.6rem 0;
	margin: 0 2rem 0 0;
}

#bloque_cabecera ul li a:hover {
	border-bottom: 4px solid #000;
}

#bloque_cabecera ul li a.activo {
	border-bottom: 4px solid #000;
}

#bloque_cabecera ul li:last-child a {
	margin: 0;
}

#bloque_cabecera ul li.logo {
	position: absolute;
	left: 0;
}

#bloque_cabecera ul li.logo a {
	padding: 0;
}

#bloque_cabecera ul li.logo a:hover {
	border: none;
}

#bloque_cabecera ul li.logo a img {
	height: 5.5rem;
}


#bloque_idiomas {
	position: absolute;
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	z-index: 1;
	background: #fff;
	padding: 0 0 1rem;
}

#bloque_idiomas ul {
	width: 100%;
	max-width: 144rem;
	margin: auto;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
}

#bloque_idiomas ul li {
	font-family: 'Gotham-BoldItalic';
	position: relative;
	top: 3px;
}

#bloque_idiomas ul li a {
	color: #000;
}

#bloque_idiomas ul li:first-child a {
	border-top: 4px solid #75ffe0;
	padding: 0 1rem 0 0;
}

#bloque_idiomas ul li:last-child a {
	border-top: 4px solid #ff1d62;
	padding: 0 1rem 0 0;
	margin: 0;
}


/*//////////////ROUND ME////////////////////*/

#roundme {
	background-image: url(/assets/images/portada_desktop.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(100% - 6rem);
	padding: 2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#roundme .titulo {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	max-width: 68rem;
	margin: 0 0 0 12%;
	padding: 0 0 8rem;
}

#roundme .titulo h1 {
	font-family: 'Gotham-Bold';
	font-size: 7rem;
	color: #fff;
	background: #ff1d62;
	padding: 0 1rem;
	text-transform: uppercase;
	margin: 0 0 1rem;
	line-height: 7rem;
}


/*//////////////QUE HACEMOS////////////////////*/

#quehacemos {
	width: 100%;
	height: calc(100% - 6rem);
	padding: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#quehacemos .contenedor_cajas {
	width: 100%;
	max-width: 1220px;
	margin: auto;
	padding: 0 0 8rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#quehacemos .cajauno {
	width: 100%;
	max-width: 19rem;
	margin: auto;
	color: #fff;
	position: relative;
	top: -7rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

#quehacemos .cajauno img {
	width: 10.2rem;
	height: 15.3rem;
}

#quehacemos .cajauno h3 {
	font-size: 2.4rem;
	text-transform: uppercase;
	margin: 1rem 0 0 0;
}

#quehacemos .cajauno p {
	font-size: 1.3rem;
	width: 100%;
	line-height: 1.5rem;
	font-family: 'Gotham-Light';
}

#quehacemos .cajados {
	width: 100%;
	max-width: 19rem;
	margin: auto;
	color: #fff;
	position: relative;
	top: 7rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

#quehacemos .cajados img {
	width: 13.1rem;
	height: 15.2rem;
}

#quehacemos .cajados h3 {
	font-size: 2.4rem;
	text-transform: uppercase;
	margin: 1rem 0 0 0;
}

#quehacemos .cajados p {
	font-size: 1.3rem;
	width: 100%;
	line-height: 1.5rem;
	font-family: 'Gotham-Light';
}

#quehacemos .cajatres {
	width: 100%;
	max-width: 19rem;
	margin: auto;
	color: #fff;
	position: relative;
	top: -7rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

#quehacemos .cajatres img {
	width: 13.2rem;
	height: 17.1rem;
}

#quehacemos .cajatres h3 {
	font-size: 2.4rem;
	text-transform: uppercase;
	margin: 1rem 0 0 0;
}

#quehacemos .cajatres p {
	font-size: 1.3rem;
	width: 100%;
	line-height: 1.5rem;
	font-family: 'Gotham-Light';
}

#quehacemos .cajacuatro {
	width: 100%;
	max-width: 19rem;
	margin: auto;
	color: #fff;
	position: relative;
	top: 7rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

#quehacemos .cajacuatro img {
	width: 11.2rem;
	height: 16.6rem;
}

#quehacemos .cajacuatro h3 {
	font-size: 2.4rem;
	text-transform: uppercase;
	margin: 1rem 0 0 0;
}

#quehacemos .cajacuatro p {
	font-size: 1.3rem;
	width: 100%;
	line-height: 1.5rem;
	font-family: 'Gotham-Light';
}


/*//////////////MOSAICO PROYECTOS////////////////////*/

#contenedor_mosaico {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 2rem 0 0;
}

#contenedor_mosaico .caja_mosaico {
	width: 47.4rem;
	height: 47.4rem;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}

#contenedor_mosaico .caja_mosaico {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#contenedor_mosaico .caja_mosaico .descripcion {
	width: 100%;
	height: 100%;
	background: rgba(196, 16, 79, 0.6);
	border: 0.5rem solid #c4114f;
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: flex-start;
	flex-direction: column;
	color: #fff;
	font-size: 2rem;
	margin: 0;
	padding: 2rem;
	position: absolute;
	cursor: pointer;
	display: none;
}

#contenedor_mosaico .caja_mosaico .descripcion img.guion {
	width: 4.4rem;
	opacity: 1;
}

#contenedor_mosaico .caja_mosaico .descripcion p {
	font-size: 2rem;
}

#contenedor_mosaico .caja_mosaico:hover {}

#contenedor_mosaico .caja_mosaico:hover img {
	opacity: 0.2;
}

#contenedor_mosaico .caja_mosaico:hover .descripcion {
	display: flex;
}

#contenedor_mosaico .caja_mosaico a {}

#contenedor_mosaico .caja_mosaico a img {
	width: 100%;
}


/*//////////////PROYECTO////////////////////*/

#contenedor_proyectos {
	width: 100%;
	height: calc(100% - 6rem);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#contenedor_proyectos .caja_proyecto {
	width: 100%;
	max-width: 1385px;
	margin: 0;
}

#contenedor_proyectos .caja_proyecto a {}

#contenedor_proyectos .caja_proyecto a img {
	width: 100%;
}


/*//////////////CONTACTA////////////////////*/

#contenedor_contacta {
	width: 100%;
	margin: auto;
	height: calc(100% - 6rem);
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
}


/*#contenedor_contacta .bg_contacto{background-image:url(../images/bg_contacto.jpg); background-position:center; background-size:contain; background-repeat:no-repeat; height:35rem; width:100%; margin:5rem 0 0;}*/

#contenedor_contacta .contacta_datos {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 90%;
	max-width: 144rem;
	border-top: 2px solid #c4114f;
	border-bottom: 2px solid #c4114f;
	padding: 3rem;
	margin: 2rem 0 0;
}

#contenedor_contacta .contacta_datos .datos {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
}

#contenedor_contacta .contacta_datos .datos div.ico {
	margin: 0 3rem 0 0;
}

#contenedor_contacta .contacta_datos .datos div.ico img {
	width: 2.5rem;
}

#contenedor_contacta .contacta_datos .datos:nth-child(2) div.ico img {
	width: 2rem;
}

#contenedor_contacta .contacta_datos .datos:nth-child(3) div.ico img {
	width: 3rem;
}

#contenedor_contacta .formulario {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 90%;
	max-width: 77rem;
	margin: 4rem 0 0;
	padding: 0 0 1rem;
}

#contenedor_contacta .formulario h1 {
	font-family: 'Gotham-Bold';
	font-size: 3rem;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 2rem;
}

#contenedor_contacta .formulario ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

#contenedor_contacta .formulario ul li {
	font-size: 1.4rem;
	font-family: 'Open Sans', sans-serif;
	color: #161616;
	width: 100%;
	margin: 1rem 0;
}

#contenedor_contacta .formulario ul li input {
	padding: 1rem 2rem;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #c4114f;
	width: 100%;
	font-size: 1.4rem;
}

#contenedor_contacta .formulario ul li input[type="checkbox"] {
	border: 2px solid #c4114f;
	padding: 0;
	margin: 0 1rem 0 0;
	width: 2rem;
	height: 2rem;
	font-size: 1.4rem;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	top: 0.5rem;
}

#contenedor_contacta .formulario ul li.acepto a {
	font-size: 1.2rem;
	font-family: 'Open Sans', sans-serif;
}

#contenedor_contacta .formulario ul li a {
	font-size: 1.4rem;
	font-family: 'Open Sans', sans-serif;
}

#contenedor_contacta .formulario ul li textarea {
	padding: 2rem;
	border: 2px solid #c4114f;
	width: 100%;
	height: 12rem;
	font-size: 1.4rem;
	font-family: 'Open Sans', sans-serif;
}

#contenedor_contacta .formulario ul li.btn {
	text-align: center;
}

#contenedor_contacta .formulario ul li.btn a {
	padding: 1rem 2rem;
	border: 2px solid #c4114f;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Gotham-Bold';
}

#contenedor_contacta .formulario ul li.btn a:hover {
	background: #c4114f;
	color: #fff;
}


/*#contenedor_contacta .mapa{background-image:url(../images/mapa_bogarti.jpg); background-position:center; background-size:contain; background-repeat:no-repeat; height:35rem; width:100%; margin:5rem 0 0;}*/

#contenedor_contacta .mapa {
	width: 100%;
	max-width: 122rem;
	margin: 5rem 0 0;
}

#contenedor_contacta .mapa img {
	width: 100%;
}


/*///////////////FOOTER////////////////*/

#footer {
	position: absolute;
	bottom: 0;
	padding: 4rem;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	display: flex;
	justify-content: space-around;
	align-content: center;
	align-items: baseline;
}

#footer .contenedor_footer {
	max-width: 144rem;
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: flex-end;
}

#footer .contenedor_footer p {
	font-size: 1.4rem;
	margin: 0;
	font-family: 'Gotham-Light';
	line-height: 2rem;
	text-align: right;
}

#footer .contenedor_footer p:first-child {
	margin: 0 0 1rem
}

#footer .contenedor_footer p a i {
	font-size: 2rem;
}

#footer .contenedor_footer h2 {
	font-size: 1.6rem;
}

#footer .contenedor_footer .derecha p a img {
	width: 2rem;
	margin: 0 0 0 0.5rem;
}


/*/////////////////POPUPS////////////////////*/

#popup {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	z-index: 99999;
}

#popup .contenedor {
	max-width: 600px;
	width: 100%;
	margin: 11rem auto 0;
	padding: 2rem;
	background: #fff;
	overflow: hidden;
}

#popup .contenedor img.bg {
	position: absolute;
	top: 1rem;
	height: 10rem;
	left: 35%;
}

#popup .contenedor img.bg2 {
	position: absolute;
	top: 1rem;
	height: 10rem;
	right: 35%;
}

#popup .contenedor h1 {
	font-size: 1.2em;
	color: #f78812;
	text-align: center;
	margin: 0 0 1rem;
}

#popup .contenedor h2 {
	font-size: 1em;
	color: #f78812;
	text-align: left;
	text-transform: initial;
}

#popup .contenedor p {
	color: #533127;
	font-size: 1em;
	margin: 1rem 0 0;
}

#popup .contenedor p.imagen {
	text-align: center;
	margin: 0 0 1rem;
}

#popup .contenedor p i {
	margin: 5px;
	cursor: pointer;
}

#popup .contenedor input {
	width: 100%;
	padding: 1rem;
	border: none;
	border-radius: 5px;
	font-size: 1rem;
	margin: 0.5rem 0;
	background: #f1f1f1;
}

#popup .contenedor select {
	width: 100%;
	padding: 1rem;
	border: none;
	border-radius: 5px;
	font-size: 1rem;
	margin: 0.5rem 0;
	background: #f1f1f1;
}

#popup .contenedor p.btn_verde {
	cursor: pointer;
	background: #75d419;
	text-transform: uppercase;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 1rem;
	width: 45%;
	text-align: center;
}

#popup .contenedor p.btn_azul {
	cursor: pointer;
	background: #0096e3;
	text-transform: uppercase;
	border: none;
	color: #fff;
	font-size: 1rem;
	padding: 1rem;
	width: 45%;
	text-align: center;
	float: left;
	height: 8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 2.5%;
}

#popup .contenedor p.btn_azul:hover {
	background: #75d419;
}

#popup .contenedor p.btn_rojo {
	cursor: pointer;
	background: #ff5757;
	text-transform: uppercase;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 1rem;
	width: 45%;
	text-align: center;
}


/* POPUP LEGALES */

#popup_legales {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	justify-content: center;
	align-items: center;
	transition: all 1s ease;
	background-color: rgba(0, 0, 0, 0.7);
}

#popup_legales .container {
	width: 60rem;
	max-width: 90%;
	max-height: 90%;
	overflow: auto;
}

#popup_legales .container>ul {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

#popup_legales .container>ul li {}

#popup_legales .container>ul li a {
	font-family: 'Gotham-Bold';
	font-size: 1.2rem;
	text-transform: uppercase;
	padding: 2rem 0 0.5rem 0;
	margin: 0rem 2rem 1rem 4rem;
	display: block;
}

#popup_legales .container>ul li a:hover {
	border-bottom: 4px solid #ff1d62;
}

#popup_legales .container>ul li.activado a {
	border-bottom: 4px solid #ff1d62;
}


/* POPUP ERRORES */

#popup_errores {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	justify-content: center;
	align-items: center;
	transition: all 1s ease;
	background-color: rgba(0, 0, 0, 0.7);
}

#popup_errores .container {
	width: 60rem;
	max-width: 90%;
	max-height: 90%;
}


/* POPUP GENERAL */

.popup .btn_cerrar {
	position: fixed;
	top: 1rem;
	right: 1rem;
	color: #FFFFFF;
	font-size: 1.6rem;
}

.popup .btn_cerrar i {
	font-size: 2rem;
}

.popup .container {
	background-color: #FFFFFF;
	padding: 1rem;
}

.popup .container h1 {
	margin: 1rem 0;
	text-align: center;
	border-bottom: 1px solid #CACACA;
	padding-bottom: 1rem;
}

.popup .container .contents {
	padding: 2rem;
	height: calc(100% - 6rem);
	overflow: auto;
}

.popup .container .contents p {
	font-size: 1.4rem;
	line-height: 1.8rem;
}


/******************** IFRAME HOME ********************/

#roundme iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

#roundme .titulo {
	z-index: 2
}


/******************** Que hacemos video ********************/

.que_hacemos_video_block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.que_hacemos_video_block .que_hacemos_video {
	width: 100%;
}


/******************** Proyectos ********************/

.animated {
	visibility: hidden;
}

.cerrar {
	background: #fff;
	color: #000;
	font-size: 2.4rem;
	text-align: center;
	text-transform: uppercase;
	padding: 2rem 2.5rem;
	position: fixed;
	top: 4rem;
	left: 4rem;
	z-index: 999999;
	height: auto !important;
	overflow: hidden !important;
	border-radius: 100%;
	cursor: pointer;
}

.cerrar:hover {
	background: #ffdcff;
	color: #00067e;
}

.proyecto_ampliado {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
}

.proyecto_ampliado div {
	overflow: auto;
	height: 100%;
}

.proyecto_ampliado .proyecto_listado_imagenes {
	/*display: flex ; flex-direction: column; align-items: center;*/
	max-width: 1366px;
	margin: auto;
}

.proyecto_ampliado .proyecto_listado_imagenes img {
	width: 100%;
}


/* Ley Cookies */

.ley_cookies {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9;
	max-width: 200px;
	display: none
}

.ley_cookies .cerrar {
    top: -33px;
    right: 0;
    margin: 0;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    padding: 0px;
    width: 30px;
    border-radius: 0;
    left: auto;
}

.ley_cookies .cerrar i {
    color: #fff;
    font-size: 1.6rem;
}

.ley_cookies .cerrar img {
	width: 16px;
}

.ley_cookies p {
	margin: 0;
}

.ley_cookies p a {
	display: block;
	color: #fff;
	padding: 10px;
	background: rgba(0, 0, 0, 0.9);
	font-size: 1.1rem;
	text-align: left;
}


/*IE*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	*::-ms-backdrop,
	#bloque_cabecera ul li.logo {
		position: absolute;
		left: 0px;
		top: -2rem;
	}
	*::-ms-backdrop,
	#quehacemos {
		justify-content: flex-start;
	}
	*::-ms-backdrop,
	#quehacemos .contenedor_cajas {
		justify-content: flex-start;
	}
	*::-ms-backdrop,
	#contenedor_mosaico .caja_mosaico .descripcion {
		position: absolute;
		top: 0;
		left: 0;
	}
	*::-ms-backdrop,
	.que_hacemos_video_block .que_hacemos_video {
		width: 100% !important;
		height: auto !important;
	}
}


/*RESPONSIVE*/

@media (min-width: 1920px) and (max-width: 1920px) {}


/* @media (max-width: 1680px) { html {font-size: ;}}@media (max-width: 1536px) { html {font-size:;}}@media (max-width: 1440px) { html {font-size:;}}@media (max-width: 1366px) { html {font-size:;}}@media (max-width: 1360px) { html {font-size:;}}@media (max-width: 1280px) { html {font-size:;}}@media (max-width: 1096px) { html {font-size:;}}*/

@media (max-width: 1024px) {
	html {
		font-size: 8px;
	}
}


/*@media (max-width: 960px) { html {font-size:;}}*/


/*///////////////MOVIL///////////////*/

@media (max-width: 800px) {
	html {
		font-size: 10px;
	}
	body {
		background-image: url(/assets/images/portada_movil.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	html,
	body,
	#contenedor_mosaico,
	#quehacemos {
		height: initial;
		overflow: auto;
	}
	#responsive {
		display: none;
		justify-content: center;
		align-content: center;
		align-items: center;
	}
	#bloque_cabecera,
	#bloque_idiomas,
	#roundme iframe {
		display: none;
	}
	
	/*GENERAL*/
	.bloque_cabecera_movil {
		display: flex;
	}
	#footer {
		position: fixed;
		z-index: 9;
	}
	#footer .contenedor_footer {
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	#footer .contenedor_footer h2 {
		text-transform: uppercase;
	}
	#footer .contenedor_footer .centro {
		margin: 2rem 0 0;
	}
	#footer .contenedor_footer .centro p {
		text-align: left;
	}
	#footer .contenedor_footer .derecha {
		position: absolute;
		right: 2rem;
		bottom: 4rem;
	}
	/*HOME*/
	#roundme {background-image: initial;}
	
	#roundme .titulo {
		margin: 12rem auto 0;
		justify-content: center;
		align-items: center;
	}
	#roundme .titulo h1 {
		font-size: 4rem;
	}
	/*QUE HACEMOS*/
	.que_hacemos_video_block {
		display: none;
	}
	#quehacemos .contenedor_cajas {
		padding: 0;
		flex-wrap: wrap;
		margin: 12rem 0 30rem;
	}
	#quehacemos .cajauno {
		top: 0;
		margin: 8rem 8rem 0;
		max-width: initial;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	#quehacemos .cajauno p {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	#quehacemos .cajauno img {
		margin: 0 0 2rem;
	}
	#quehacemos .cajados {
		top: 0;
		margin: 8rem 8rem 0;
		max-width: initial;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	#quehacemos .cajados p {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	#quehacemos .cajados img {
		margin: 0 0 2rem;
	}
	/*TRABAJOS*/
	#contenedor_mosaico {
		margin: 10rem 0 0;
	}
	#contenedor_mosaico .caja_mosaico {
		width: 42%;
		margin: 2rem;
		height: 42%;
	}
	/*CONTACTA*/
	#contenedor_contacta {
		background: #fff;
		margin: 9rem 0 0;
	}
}

@media (max-width: 768px) {
	html {
		font-size: 9.6px;
	}
	#contenedor_mosaico .caja_mosaico {
		height: 34rem;
	}
	#contenedor_mosaico .caja_mosaico .descripcion {
		display: flex;
		opacity: 0
	}
}

@media (max-width: 720px) {
	html {
		font-size: 9px;
	}
}

@media (max-width: 640px) {
	html {
		font-size: 6.66px;
	}
}

@media (max-width: 600px) {
	html {
		font-size: 7.24px;
	}
}

@media (max-width: 540px) {
	/*html {font-size:;}*/
}

@media (max-width: 480px) {
	/*html {font-size:;}*/
	#contenedor_mosaico .caja_mosaico {
		width: 90%;
	}
}

@media (max-width: 414px) {
	#contenedor_mosaico .caja_mosaico {
		height: 52rem;
	}
}

@media (max-width: 375px) {
	#contenedor_mosaico .caja_mosaico {
		height: 45rem;
	}
}


/* @media (max-width: 360px) { html {font-size:;}}@media (max-width: 320px) { html {font-size:;}}*/


/*///////////////IPAD VERTICAL CHROME//////////////////*/


/*@media (width: 768px) and (height:909px){ }*/


/*///////////////////////////IPAD HORIZONTAL CHROME///////////////////////*/


/*@media (width: 1024px) and (height:653px){ }*/


/*///////////////IPAD VERTICAL SAFARI Y FIREFOX//////////////////*/


/*@media (width: 768px) and (height:960px){ }*/


/*///////////////////////////IPAD HORIZONTAL SAFARI Y FIREFOX///////////////////////*/


/*@media (width: 1024px) and (height:704px){ }*/


/*//////////////Altos/////////////*/

@media (max-height: 660px) and (max-width: 1024px) {
	#quehacemos .contenedor_cajas {
		padding: 0 0 14rem;
	}
}

@media (max-height: 600px) and (min-width: 801px) {
	html {
		font-size: 8px;
	}
}


/* @media (max-height: 600px) { }@media (min-width:1240px) and (max-height: 800px) { html {font-size: 8px;}}@media (min-width:1240px) and (max-height: 700px) { html {font-size: 6.83px;}}@media (max-width: 800px) and (max-height:414px){ html {font-size: 5px;}}@media (max-width: 768px) and (max-height:414px) { html {font-size: 5.6px;}}@media (max-width: 720px) and (max-height:414px) { html {font-size: 5px;}}@media (max-width: 720px) and (max-height:300px) { html {font-size: 4px;}}*/

.locked {
	position: fixed !important;
	height: 100% !important;
	overflow: hidden !important;
}