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

@font-face {
	font-family: 'NeuzeitSLTStd-Book';
	src: url('../fonts/NeuzeitSLTStd-Book.eot');
	src: local('?'), url('../fonts/NeuzeitSLTStd-Book.woff') format('woff'), url('../fonts/NeuzeitSLTStd-Book.ttf') format('truetype'), url('../fonts/NeuzeitSLTStd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NeuzeitSLTStd-BookHeavy';
	src: url('../fonts/NeuzeitSLTStd-BookHeavy.eot');
	src: local('?'), url('../fonts/NeuzeitSLTStd-BookHeavy.woff') format('woff'), url('../fonts/NeuzeitSLTStd-BookHeavy.ttf') format('truetype'), url('../fonts/NeuzeitSLTStd-BookHeavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* constants */
body {width: 100%; height: 100%; margin:auto; border:0; padding:0; background-color: #FFF;}
div {position:relative; font-family: "NeuzeitSLTStd-BookHeavy", sans-serif; font-size: 16px; color: #FFF;}
a,img{border: 0px; padding: 0; margin: 0;}
p{border: 0px;}

.trail{
	position: absolute;
	height: 6px; width: 6px;
	border-radius: 3px;
	background: #000;
}

#marinadecaro{position: absolute; top: 50%; left: 50%; font-family: 'NeuzeitSLTStd-BookHeavy', Arial, sans-serif; font-size: 21px; transform: translate(-50%,-50%); color: #000; z-index: 999;}
#inicio{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*
#inicio .modulo1{position: absolute; width: 120px; height: 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #E1DFDF; cursor: pointer; transition: all 0.2s;}
#inicio .modulo1:hover{background: #FF007A;}
#inicio .modulo2{position: absolute; width: 60px; height: 60px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #E1DFDF; cursor: pointer; transition: all 0.2s;}
#inicio .modulo2:hover{background: #0074FF;}
#inicio .modulo3{position: absolute; width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #E1DFDF; cursor: pointer; transition: all 0.2s;}
#inicio .modulo3:hover{background: #FF4E00;}
#inicio .modulo4{position: absolute; width: 160px; height: 160px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #E1DFDF; cursor: pointer; transition: all 0.2s;}
#inicio .modulo4:hover{background: #FF4E00;}
*/

#menu{display: none; position: fixed; right: 30px; bottom: 30px;}
#menu .boton {position: absolute; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #000; top: -23px; left: -37px;}
#menu .boton:hover .circulo{background: #E1DFDF;}
#menu .boton .circulo_1{background: #88afde;}
#menu .boton .circulo_3{background: #094613;}
#menu .boton .circulo_5{background: #d2476d;}
#menu .boton .circulo_6{background: #f3f5aa;}
#menu .boton .circulo_11{background: #231698;}
#menu .boton .circulo_9{background: #204c88;}
#menu .boton .circulo_10{background: #b596b6;}
#menu .boton .circulo_12{background: #bb3417;}
#menu .boton .circulo_15{background: #9aeef4;}
#menu .boton .circulo{float: left; width: 30px; height: 30px; margin-left: 14px; margin-top: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.5s;}
#menu .boton a{float: left; margin-left: 9px; margin-top: 8px; font-size: 21px; line-height: 34px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #000; text-decoration: none; transition: all 0.5s; opacity: 0; filter: alpha(opacity = 0);}
#menu .boton a:hover{color: #E1DFDF;}
#boton-menu{width: 600px; height: 50px; top: -300px !important; left: -305px !important;}
#boton-menu:hover .circulo{background: #E1DFDF;}
#boton-menu .circulo{cursor: pointer;}

#menu-interno{position: absolute; display: inline-block; width: 330px; top: 30px; left: 30px;}
#menu-interno .boton {position: relative; display: inline-block; width: 100%; cursor: pointer; margin-bottom: 10px;}
#menu-interno .boton .circulo{float: left; width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #E1DFDF; transition: all 0.5s;}
#menu-interno .boton a{float: left; margin-left: 15px; font-size: 21px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #5A5A5A; text-decoration: none; transition: all 0.5s; line-height: 30px;}
#menu-interno .boton:hover a{color: #000;}
#menu-interno .boton:hover .circulo{background: #000;}
.circulo-negro{background: #000!important;}
.link-negro{color: #000!important;}

#bt-menu-mobile{display: none; position: fixed; width: 30px; height: 30px; top: 30px; right: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #000; cursor: pointer; z-index: 9998;}
#menu-mobile{display: none; position: fixed; width: 100%; min-height: 595px; background-color: #000; z-index: 9999; top: 0;}
.menu_responsive{position: absolute; width: 100%; left: 0; top: 0; padding: 0; margin: 0; list-style-type: none;}
.menu_responsive li{font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; font-size: 40px; line-height: 85px; height: 85px; color: #FFF; cursor: pointer; border-bottom: 1px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.menu_responsive li a{font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; font-size: 40px; line-height: 85px; color: #FFF; text-decoration: none;}
.menu_responsive .close{display: table; margin: auto; cursor: pointer;}
#menu-mobile .circulo{position: absolute; width: 30px; height: 30px; top: 30px; right: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; cursor: pointer;}

.contenidos{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0;}
/*.contenidos img{opacity: 0; filter: alpha(opacity = 0);}*/
.contenidos .fullheight{position: absolute; display: inline; opacity: 0; filter: alpha(opacity = 0); width: auto; /*top: 0;*/ font-size: 42px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #000; text-align: center;}
.contenidos .fullheight p{position: relative; top: 45%; font-size: 42px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #000; text-align: center;}
.contenidos .smallheight{position: absolute; display: inline; opacity: 0; filter: alpha(opacity = 0); width: auto; top: 100px;}

#scroll-arrow{display: none; position: fixed; width: 26px; height: 51px; background-image: url('../im/scroll_arrow.png'); left: 30px; bottom: 30px;}
#scroll-arrow2{display: none; position: fixed; width: 26px; height: 51px; background-image: url('../im/scroll_arrow2.png'); left: 30px; bottom: 30px;}
#current-obra{display: none;}
#current-coleccion{display: none;}
#scroll-obras{position: absolute; display: none; width: 100%; top: 0; left: 0;}
#lastScrolling{position: fixed; display: none; top: 0; left: 0; color: #000;}

#bio{display: block; width: 100%; max-width: 600px; margin: 45px auto 0 auto;}
#bio p{font-size: 14px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #5A5A5A; line-height: 22px;}

#lista{display: block; width: 100%; max-width: 600px; margin: 30px auto 0 auto; z-index: 2;}
#lista .row{display: inline-block; width: 100%; margin-bottom: 12px; cursor: pointer;}
#lista .row .circulo{float: left; width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #E1DFDF; transition: all 0.5s;}
#lista .row .fechas{float: left; width: 22%; margin-left: 2.5%; font-size: 21px; line-height: 30px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #5A5A5A; transition: all 0.5s;}
#lista .row .titulo{float: right; width: 69%; font-size: 21px; line-height: 30px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #5A5A5A; transition: all 0.5s;}
#lista .row:hover .circulo{background: #000;}
#lista .row:hover .fechas{color: #000;}
#lista .row:hover .titulo{color: #000;}

#imagenes-lista{position: fixed; width: 600px; height: 500px; top: 50%; margin-top: -250px; right: 30px;}
#imagenes-lista img{display: none; position: absolute; max-width: 600px; max-height: 500px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#imagenes-lista .total-obras{display: none;}

#contacto{display: block; width: 100%; max-width: 675px; margin: 35px auto 0 auto;}
#contacto p{font-size: 14px; line-height: 22px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #5A5A5A; text-align: center;}
#contacto p a{font-size: 14px; line-height: 22px; font-family: 'NeuzeitSLTStd-Book', Arial, sans-serif; color: #5A5A5A; text-align: center; text-decoration: none; transition: all 0.5s;}
#contacto p a:hover{color: #000;}
#contacto img{position: relative; width: 100%; height: auto; margin-top: 10px;}

#slider-contenedor{display: block; width: 100%; margin: auto;}
#slider{display: inline-block;  width: 100%; margin: auto;}
#slider .slide-full{display: inline-block; width: 100%; height: 100%; text-align: center;}

@media screen and (max-width: 1023px){
	#menu{display: none;}
	#bt-menu-mobile{display: block;}
	#menu-interno {width: calc(100% - 90px);}
	#bio{max-width: 768px; margin: 140px auto 0 auto; padding: 0 30px 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#lista{max-width: 768px; margin: 140px auto 0 auto; padding: 0 30px 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#lista .row .circulo{display: none;}
	#lista .row .fechas{width: 25%; margin-left: 0;}
	#lista .row .titulo{width: 75%;}
	#contacto{max-width: 768px; margin: 140px auto 0 auto; padding: 0 30px 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 767px){
	#marinadecaro {width: 100%; text-align: center;}
	#bio{min-height: 595px;}
	#lista{min-height: 595px;}
	#contacto{min-height: 595px;}
	#imagenes-lista{display: none;}
	#lista .row{margin-bottom: 20px;}
	#lista .row .fechas{float: none; width: 100%; margin-left: 0%;}
	#lista .row .titulo{float: none; width: 100%;}

	}