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

* {
    margin:0;
    padding:0;
}

video {margin: 0 !important; padding: 0 !important; width:100%; height:auto; font-size: 0;}

html {
    height:100%;
    width:100%;
}
body {
    height:100%;
    width:100%;
}

html p  {
	font-family: "PN-Light",sans-serif;
  	font-size: 13px;
  	line-height: 1.6em;
  	text-transform: none;
  	letter-spacing: 0.23em;
  	font-weight: 400;
  	font-style: normal;
  	color: #737271;
}



.logo {
	display: block;
	padding: 0px;
	height: 68px;
	width: 130px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -65px;
	position: absolute;
	left: 50%;
	top: 23px;
	z-index: 99999;
}

.home_title {
	font-family: 'O-Regular', sans-serif;
	font-size: 32px;
	font-style: normal;
	text-decoration: none;
	color: #F8F8F8;
	height: auto;
	width: auto;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.25em;
	letter-spacing: 0.2em;
	display: table-row;	
	
}

.bloque, h2{
  display: flex;
  flex-direction: column;
  align-items:center;
  
}



.bloque .badge {
  position:relative;
  border: none;
  margin:0px;
  padding:0px;
}



.badge h2 {
  margin:0;
  position:absolute;
  justify-content:center;
  top:0;
  left:0;
  height:100%;
  width:100%;
  flex-direction:column;
  color: #CCC;
}

.badge h2:hover {color: #FFF;}

.bloque img {
  max-width: 100%;
}

.container {height:100%;}

.marco {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}



.architecture a{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-height:50% !important;
	display: flex;
  	justify-content: center;
  	align-items: center;
	color: #151515;
  	font-weight: 600;
  	line-height: 1.5;
  	margin-top: 0px;
  	margin-right: 0px;
  	margin-left: 0px;
  	font-family: "O-Regular",sans-serif;
	font-size:30px;
}

.yachts a{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	min-height:50% !important;
	display: flex;
  	justify-content: center;
  	align-items: center;
	color: #FFF;
  	font-weight: 600;
  	line-height: 1.5;
  	margin-top: 0px;
  	margin-right: 0px;
  	margin-left: 0px;
  	font-family: "O-Regular",sans-serif;
	font-size:30px;
}

.architecture a:hover {color: #333;}
.yachts a:hover {color: #DDD;}

#titulo a, #titulo a:hover {
	font-family: 'O-Regular', sans-serif;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
	position: relative;
	left: 43px;
	top: 43px;
	font-size: 12px;
	font-style: normal;
	line-height: 1em;
	font-weight: 400;
	color: #111;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	z-index: 9999;
}

#titulo a:hover, #titulo a.active {color: #444;}

.listado img {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.name {
	font-family: 'O-Regular', sans-serif;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	position: absolute;
	left: 43px;
	bottom: 43px;
	color: #F8F8F8;
	float: left;
	height: auto;
	width: auto;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.25em;
	letter-spacing: 0.2em;
}

.load_more {
	font-family: 'O-Regular', sans-serif;
	text-align: center;
	padding: 10px;
	height: 50;
	width: 200px;
	border: thin solid #444;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	color: #444;
	text-decoration: none;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -100px;
	position: relative;
	left: 50%;
	float: left;
	text-transform: uppercase;
	line-height: 1.25em;
	letter-spacing: 0.2em;
}

.load_more a {text-decoration: none; color: #444;}

.col_full img {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}


h1 {
	font-family: 'O-Regular', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: 400;
	font-style: normal;
	color: #111;
	margin-bottom: 40px;
	height: auto;
	width: auto;
 }


.espacio p {
	font-family: 'PN-Light', sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	text-transform: none;
	letter-spacing: 0.23em;
	font-weight: 400;
	font-style: normal;
	color: #737271;
	width: auto;
	max-width: 40% !important;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 0px;
	margin-bottom:32px;
	display:block;
}




.prev, .next, .top, .top2, .top3, .top4 {
	font-family: 'O-Regular', sans-serif;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	position: relative;
	font-size: 12px;
	font-style: normal;
	line-height: 1em;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	z-index: 99999;
}

.prev {left:23px; float:left;}

.next{right: 23px; float:right;}

.top {
	left: 50%;
	margin-left: -60px;
	float:left !important;
}


.top2 {
	left: 50%;
	margin-left: -40px;
	float:left !important;
}

.top3 {
	left: 50%;
	margin-left: -72px;
	float:left !important;
}

.top4 {
	left: 50%;
	margin-left: -105px;
	float:left !important;
}

.center {
	margin: 0px;
}

.espacio {
	margin-top: 32px;
}

.espacio2 {
	padding-top: 80px !important;
}

.espacio3 {padding-top: 80px !important; margin-bottom: 80px !important;}

.espacio2 a {
	display: block;
}


.col_info {
	display: block;
	height: auto;
	width: auto;
	padding: 0px;
	margin-top: 80px;
	margin-right: 15%;
	margin-bottom: 0px;
	margin-left: 15%;
	float: left;
	min-width:70% !important;
}

.col_tercio {
	margin: 0px;
	height: auto;
	width: 33.3%;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	
}

.col_mitad {
	margin: 0px;
	height: auto;
	width: 50%;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.col_completa {
	margin: 0px;
	height: auto;
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.col_completa_full {
	margin: 0px;
	height: auto;
	width: 100%;
	float: left;
	padding: 0px;
}

.member {
	float: left;
	height: auto;
	width: 50%;
}

.primero {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.segundo {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.nombre {
	font-family: "O-Regular",sans-serif;
  	font-size: 16px;
  	line-height: 1.5em;
  	text-transform: uppercase;
  	letter-spacing: 0.15em;
  	font-weight: 400;
  	font-style: normal;
  	color: #000000;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;

}

.puesto {
	line-height: 1.25em;
  	color: #999999;
	font-size: 14px;
	font-weight:400;
	text-transform: uppercase;
	margin-bottom:0px;
	letter-spacing: 0.15em;
}

#bloque {
	padding: 20px;
	float: left;
	height: auto;
	width: 100%;
	margin-top:20px;
}

#bloque2 {
	padding: 20px;
	float: left;
	height: auto;
	width: 100%;
	margin-top:80px;
	text-align: center;
}

#bloque .cargar a, #bloque .cargar a:hover, #bloque2 .cargar a, #bloque2 .cargar a:hover {
	line-height: 1.25em;
	color: #999999;
	font-size: 14px;
	font-weight:400;
	text-transform: uppercase;
	padding: 10px;
	width: auto;
	height: auto;
	border: 1px solid #999999;	
	text-decoration: none;
	margin-top:20px;
}

#bloque .cargar a:hover, #bloque2 .cargar a:hover{background-color:#333; color: white; border: 1px solid #333;}

.col_tercio p {
	line-height: 1.6em;
	color: #737271;
}

.col_tercio a , .col_tercio a:hover {
	line-height: 1.6em;
	color: #737271;
	text-decoration: underline !important;
}

.col_tercio a:hover  {color: #111;}

.col_mitad p {
	line-height: 1.6em;
	color: #737271;
	text-align:left;
}

.col_mitad a , .col_mitad a:hover {
	line-height: 1.6em;
	color: #737271;
	text-decoration: underline !important;
}

.col_mitad a:hover {color: #111;}

.premio, .publicacion, .fecha {line-height: 1.25em;
	color: #111; margin-bottom:0px;}
.fecha {color: #999;}
.proyecto  {line-height: 1.6em;
	color: #999; margin-bottom:30px;}
.liga a, .liga a:hover {
	line-height: 1.6em;
	color: #111;
	text-decoration: underline !important;
	padding-bottom:30px;
}


.col_tercio img {
	margin: 0px;
	height: auto;
	width: auto;
	max-width:150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 35px !important;
	padding-left: 0px;
}

.oficina {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}

.oficina img {
	height: auto;
	width: 100%;
	max-width:282px;
}