@charset "utf-8";
/* CSS Document */
html,body{
margin:0px;
min-height:100%;
font-family:'HelveticaNeueLTPro', Helvetica, Arial, sans-serif;
text-align:justify;
/*color:#666;*/
color:#000;
letter-spacing:1.8px;
font-size:16px;

}
body{
	background-color:#fff
}

.aviso{ font-weight:bold; text-align:center; margin:auto}

th, td {
    padding: 0px; border-collapse: collapse;
}
.menu{margin-top:0px;margin-bottom: 50px; font-size:13px; letter-spacing:2px; font-weight:bold}
a{ text-decoration:none;}
.menu a:hover{ color:#333; text-decoration:underline}

.submnu{width: 250px; font-size:13px; padding: 0px 16px; line-height: 1.8em;}
.submnu a{text-decoration:none}
.submnu a:hover{ color:#333; text-decoration:underline}
.subtit{font-weight:bold; text-align:center; font-size:1.4em; margin:2em auto}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-250px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-250px;opacity:0} to{left:0;opacity:1}}

hr{ border:#666 solid 1px;}

.cuerpo{ margin:auto; min-height:300px;}
.contenido, .breadcrumb div{
	max-width:1200px;
	margin:10px auto; padding:0 14px
}
.breadcrumb span:last-child{font-weight:bold}
.vendida{background-color: #ED3128; color:#fff; font-weight: bold; text-align: center; margin: auto; padding:5px 10px; border-radius: 4px; margin-top: 1.5em; width: max-content}
img{margin-bottom:auto}/*contraresta el -5px de w3css*/
.logo{width:620px}
@media only screen and (max-width:600px){
	.cuerpo{
		margin:0 10px
	}
	.contenido, .breadcrumb div{
		margin:10px 10px
	}
	header{text-align:center}
	.logo{width:400px}
}
.imgmax{
	max-width:100%; margin:auto
}
@media only screen and (min-width:601px){
	.cflex{display: -webkit-flex; /* Safari */
		display: flex;}
	.logo{margin-right: -65px;}
}
.btncomprar{
	margin:1em auto 3em auto; color:#ED3128; border:#ED3128 solid thin; font-weight:bold; font-size:.8em; background-color:#fff; letter-spacing:1.8px!important;
}
.w3-input{border:solid thin #aaa!important; background-color:#fff!important}
.margen2{margin-top:2em; margin-bottom:4.5em;}
.perks{text-align:center}
.perks .w3-btn{
	margin:1em auto 3em auto; color:#ED3128; border:#ED3128 solid thin; font-weight:bold; font-size:.8em; background-color:#fff;
}
.perks hr{ border-color:#ccc}
.perks ul{text-align:left}
.perks .imgmax{max-height: calc(100vh - 150px); } /*para que en el modal no sea más alta de la pantalla*//*margin-bottom: 2em*/

@media (min-width:1100px){
.w3-modal-content{width:1060px;}/*para que en el modal las horizontales salgan más grandes*/
}
.btnamarillo{color:#FEC200!important; border:#FEC200 solid thin!important; background-color:#fff!important}
.btnamarillo2, .btnnext, .btnsiguiente{color:#fff!important; border:#fff solid thin!important; background-color:#FEC200!important; margin: 4em auto; min-width: 164px;}

.btnamarillo, .btnamarillo2, .btnnext, .btnsiguiente{padding: 6px 35px; box-shadow: 0px 10px 15px #ccc; min-width: 164px;}
.w3-button, .w3-btn{ box-shadow: 0px 10px 15px #ccc;}
.btnrojo{
	margin-bottom:4em; color:#ED3128; border:#ED3128 solid thin; font-weight:bold; margin:auto;
}
.btninicio{padding: 6px 35px; min-width: 164px; margin: 4.5em auto 4em; background-color:#fff;}
@supports (-webkit-hyphens: none) {
/*Safari*/
    .btninicio {
        padding: 6px 35px 2px
    }
}
.btninicio.txtrojo{color:#ED3128!important;}
.cropico{  height: 1em;
  vertical-align: text-top;
  margin-top: 1px;
}
.galeria img{cursor: pointer}
@font-face {
	font-family: 'Quicksand';
	src: url('fuentes/Quicksand_Book-webfont.eot');
	src: local('☺'), url('fuentes/Quicksand_Book-webfont.woff') format('woff'), url('fuentes/Quicksand_Book-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('fuentes/Quicksand_Bold-webfont.eot');
	src: local('☺'), url('fuentes/Quicksand_Bold-webfont.woff') format('woff'), url('fuentes/Quicksand_Bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro';
  src:  url('fuentes/HelveticaNeueLTPro-Th.ttf')  format('truetype'),
	     url('fuentes/HelveticaNeueLTPro-Th.woff') format('woff'), url('fuentes/HelveticaNeueLTPro-Th.eot') format('embedded-opentype'), url('fuentes/HelveticaNeueLTPro-Th.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*INICIO/HOME*/






/*INDEX*/
.inicio{
	background-color:#000; color:#fff; font-size: 1.5em
}/*font-family:'GillSans';/

/*.inicio h1, .inicio h2{ margin-bottom:0px; text-align:center; font-family:'GillSans'; font-weight:300; line-height:1}
.inicio h1{font-size:3.8em; letter-spacing:10px;}
.inicio h2{letter-spacing:15px}*/
.inicio .mitadizq{text-align:left; padding-left: 10%;}
.inicio .mitadder{text-align:right; padding-right: 10%;}
.inicio .tiempo{text-align:center; font-style:italic; font-size:1.4em;letter-spacing: auto;}
.inicio .tiempo img{width:200px}
@media only screen and (max-width:600px){
	/*.inicio h1{font-size:2.8em; letter-spacing:6px;}
	.inicio h2{letter-spacing:10px}*/
	.inicio{font-size:14px}	
	.inicio .mitadizq{text-align:left; padding-left: 0;}
	.inicio .mitadder{text-align:left; padding-right: 0; margin-top:3em}
	.inicio .tiempo{margin-top:3em;}
	.inicio .tiempo img{width:100px}
}

.portadascat img{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important; padding:20px}

@media only screen and (min-width:601px){
	#home .portadas .portadacat.mitadder{
		padding-left:30px;
	}
	#home .portadas .portadacat.mitadizq{
		padding-right:30px;
	}
	.portadascat .mitadcentro{
		padding:0 15px
	}
	.portadascat .w3-col{
		margin-bottom:2em	
	}

	.portadas .w3-col{padding-bottom: 10px;}
	/*.subportadas .w3-row:nth-child(2) .w3-col:nth-child(1), .subportadas .w3-row:nth-child(2) .w3-col:nth-child(2), .subportadas .w3-row:nth-child(2) .w3-col:nth-child(3){padding-bottom: 0px;}*/
}

.subportadas{background-color: #f1f1f2; padding: 10px; border: solid 1px #777; border-radius: 15px; line-height: 1; margin: 2em auto 6em}
.subportadas .w3-col{padding: 10px}

.txtrojo, .rojo{color:#93271A!important}
.txtverde{color:#00743C!important}

/*@font-face {
  font-family: 'HelveticaNeueLTPro';
  src:  url('fuentes/HelveticaNeueLTPro-Bd.otf')  format('opentype'),
	     url('fuentes/HelveticaNeueLTPro-Bd.woff') format('woff'), url('fuentes/HelveticaNeueLTPro-Bd.ttf')  format('truetype'), url('fuentes/HelveticaNeueLTPro-Bd.eot') format('embedded-opentype');
  font-weight: bold;
  font-style: normal;
}*/



.galmini{
	/*margin:0 0 1% 1%;*/ width:9% 
}
.galmini img{
	max-width:95%; cursor:pointer
}

.boton{
	margin-bottom:4em; color:#ED3128; border:#ED3128 solid thin; font-weight:bold; font-size:1.3em; margin:auto; background-color:#fff; height:60px
}

/*.btnsiguiente{
	margin:4em auto; color:#d1b419; border:#d1b419 solid thin; font-weight:bold; font-size:1.3em; background-color:#fff;
}*/

.mitadder{
	padding-left:10px;
}
.mitadizq{
	padding-right:10px;
}
.mitadcentro{
	padding:0 5px
}
.mitad{
	float:left; width:50%
}
h2{text-align:left; /*font-size:20px;*/ font-size: 2em; font-weight:normal; margin-bottom:2em}
h3{font-size:16px; margin-bottom:2em; font-weight: bold; text-transform: uppercase}
h1, h2, h3, h4, h5, h6{font-family:'HelveticaNeueLTPro', Helvetica, Arial, sans-serif;}
h1{margin-bottom: 2em; font-size: 45px; text-align:center; letter-spacing: 25px;}
.txt45{font-size: 45px; font-weight:bold; text-align:center; margin-top:4em}
.cerrarmodal{color:#000; border:none; background-color:transparent;  position:absolute; left:0px; font-weight:bold; cursor:pointer; font-size:30px; font-size:18px}
.cerrarmodal img{width:14px}
.flechasmodal{position:absolute; right:-20px; bottom: 15px; cursor:pointer}
@media only screen and (max-width:600px){
	h1{font-size: 30px; letter-spacing: 10px;}
	.cerrarmodalgdc, .cerrarmodalgdc-abajo{right:-10px!important;}
	.flechasmodal{right:-10px;}
	.mitadder{
		margin-top:1.5em; padding-left:0
	}
	.mitadizq{
		padding-right:0
	}
	.mitadcentro{
		margin-top:1.5em; padding-right:0; padding-left:0}
	/*h2{font-size:18px}*/
	html,body{ font-size:14px}
	.txtpub, .txtpub2{margin-bottom: 30px;}
}
@media (min-width:601px){
	.menu{ width: calc(100% - 100px)}
	footer{margin-top:6.5em}
	.txtpub{margin-top: calc(50% - 10em);}
	.txtpub2{margin-top: calc(50% - 7em);}
}
.pubs .w3-row{
	margin-bottom:50px; text-align:center
}
.pubs img{ max-width:100%}

.icocontacto img{ width:32px}





@media (min-width:993px){.w3-collapse{display:block!important} #cuerpowork{width: calc(100% - 250px)!important; margin-top: 40px;}

.fixedlarge{position:fixed}

}
@media (max-width:992px){.w3-collapse{display:none}}

.bordegris{border: solid thin #aaa;}

.subrayar{text-decoration:underline!important}

.margensuptren{margin-top: -100px;}

@media (max-width:768px){
	.margensuptren{margin-top: 0px;}
	h2{font-size: 1.65em}
}

.fgris{ background-color:#e7e7e7}
.breadcrumb{background-color:#e7e7e7; text-align:center; margin-bottom:2em}


.descripcionfija{ font-size:12px;}
.descripcionfija .w3-btn{font-size:14px}
				
.sube{animation:animsube 1.0s}@keyframes animsube{from{top:0;opacity:1} to{top:-300px;opacity:0}}
.fadeindeabajo{animation:fdinabajo 1.0s; -webkit-animation:fdinabajo 1.0s; position: relative;}

.fadeindearriba{animation:fdinarriba 1.0s; -webkit-animation:fdinarriba 1.0s; position: relative;}
@keyframes fdinarriba{from{top:-65px;opacity:0} to{top:0;opacity:1}}
@-webkit-keyframes fdinarriba{from{top:-65px;opacity:0} to{top:0;opacity:1}}
@keyframes fdinabajo{from{bottom:-65px;opacity:0} to{bottom:0;opacity:1}}
@-webkit-keyframes fdinabajo{from{bottom:-65px;opacity:0} to{bottom:0;opacity:1}}



@media (min-width:1366px){
	.margentop-100large{margin-top: -100px}
	
	.descripcionfija{position: fixed; left: 20px; bottom: 20px; text-align:left; max-width:280px}
	.centro-vertical{top: 50%;
		left: 25%;
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.centro-verticalgdc{
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
	@-webkit-keyframes fdinarriba{from{top:30%;opacity:0} to{top:50%;opacity:1}}
	@keyframes fdinarriba{from{top:30%;opacity:0} to{top:50%;opacity:1}}
	@-webkit-keyframes fdinabajo{from{bottom:70%;opacity:0} to{top:50%;opacity:1}}
	@keyframes fdinabajo{from{top:70%;opacity:0} to{top:50%;opacity:1}}
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*NFT*/
.miniaturas{font-size: 13px;}
.miniaturas img{ width:24.5%; cursor:pointer }
.adquirir .adqtel{
	text-decoration:none; font-size:1.5em;
}

@media (max-width:600px){
	.miniaturas img{width: 23.5%;}
	.adquirir .adqtel{
		font-size:1em;
	}
	.adquirir .w3-btn{
		padding: 0px;
	}
}
.frase{ font-family: 'sofiapro-light'; font-size:30px; text-align:center; margin:0 0 2.5em; letter-spacing: 0;}
@font-face {
    font-family: 'sofiapro-light';
    src: url('nft/fuentes/sofiapro-light-webfont.woff2') format('woff2'),
         url('nft/fuentes/sofiapro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*GDC*/
.cerrarmodalgdc, .cerrarmodalgdc-abajo{color:#666; border:none; background-color:transparent;  position:absolute; right:-20px; font-weight:bold; cursor:pointer; font-size:30px}
.cerrarmodalgdc-abajo{margin-top: -3.3em;}