/* Cont */

body {
	font-family: 'Playfair Display', serif;
	font-weight:300;
	font-size:1.1em;
	margin:0 92px 30px 30px;
	background-color:#FFFFFF;
	margin:0;
}

.contenidor {
	width:703px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:99;
}

.contenidorBlack {
	
	background-color:#000000;
	width:703px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:99;
}

.contenidorPuja {
	width:auto;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:0;
	top:-50px;
	bottom:0px;
}

.contenidorPujaMes {

	width:auto;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:0;
	top:-250px;
	bottom:0px;
	z-index:9999;
}

.contenidorPujaMoltMes {

	width:auto;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:0;
	top:-450px;
	bottom:0px;
	z-index:9999;
}

.z {
	z-index:999;
	
}

.menys {
	
	margin-left:-100px;
	z-index:999;
	position:relative;
}


.contenidorB {
	background-color:000000;
	width:700px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	background-image: url(run/rdcd/bk.gif);
}

.contenidorDOS {
	width:1158px;
	height:928px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorQUA {
	width:1184px;
	height:auto;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorDIB {
	width:638px;
	height:915;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorPRE {
	font-size:1em;
	width:auto;
	height:156;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorAPOL {
	width:1832px;
	height:1828px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorAPOLy {
	width:200%;
	height:200%;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}



.menu {
	height:104px;
	width: 175px;
	margin:10px auto auto;
	border:0px;
	position:fixed;
	padding:0;
	z-index: 10;
}

.menu a:hover {
	
	opacity:0.5;
	
}

.melody {
	width:288px;
	margin:0 auto;
	border:0px;
	position:relative;
	padding:0;
}

.dov {
		background: linear-gradient(
		30deg,
		rgba(23,232,11,0.5) 10%, 
		rgba(00,131,19,0),
		rgba(00,131,199,0.5) 50%
		);
		border-style:dotted; 
		border-width:1px; 
		padding:3px; 
		text-align:center; 
		margin:10px 10px;
		
}
.dov2 {
		background: linear-gradient(
		90deg,
		rgba(199,131,11,1) 10%, 
		rgba(00,131,19,0),
		rgba(00,131,199,1) 100%
		);
		border-style:none; 
		border-width:1px; 
		padding:3px; 
		text-align:center; 
		margin:10px 10px;
}
.dov3 {
		background: linear-gradient(
		90deg,
		rgba(199,131,11,0.1) 10%, 
		rgba(00,131,19,0.1),
		rgba(00,131,199,0.1) 100%
		);
		border-style:none; 
		border-width:10px; 
		padding:3px; 
		text-align:center; 
		margin:1px 1px;
}
.dov4 {
		background: linear-gradient(
		90deg,
		rgba(199,131,11,0.1) 10%, 
		rgba(00,131,19,0.1),
		rgba(00,131,199,0.1) 100%
		);
		border-style:none; 
		border-width:10px; 
		padding:3px; 
		text-align:center; 
		margin:1px 1px;
		width:750px;
		align: center;
}

.gradAn {
	
	border-style:dotted; 
	border-width:1px; 
	padding:3px; 
	text-align:center; 
	margin:10px 10px;	
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 5s ease infinite;
	-moz-animation: Gradient 5s ease infinite;
	animation: Gradient 5s ease infinite;
}
.rrorr {
	width:468px;
	height:466px;
	margin:0 auto;
	border:0px;
	position:relative;
	padding:0;
}

.grad {
	width:150%;
	height:auto;
}

	@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

	@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

	@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
}


br {
	height:3px;
	
}

header h1 {
	line-height:75px;
	font-weight:300;
}

img {
		width:auto;
		height:auto;
		padding:0;
		image-rendering:optimizeSpeed;             /* Legal fallback */
		image-rendering:-moz-crisp-edges;          /* Firefox        */
		image-rendering:-o-crisp-edges;            /* Opera          */
		image-rendering:-webkit-optimize-contrast; /* Safari         */
		image-rendering:optimize-contrast;         /* CSS3 Proposed  */
		image-rendering:crisp-edges;               /* CSS4 Proposed  */
		image-rendering:pixelated;                 /* CSS4 Proposed  */
		-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}

.contenidorDOS img {
	width:1184px;
	height:928px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorTRES img {
	width:237px;
	height:310px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorVision img {
	width:562px;
	height:322px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorQUA img{
	width:1158px;
	height:928px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorDIB img{
	width:638px;
	height:915;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.contenidorVoy img {
	width:519px;
	height:401px;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}


figure img {
	width: auto;
	height: auto;
	transition: all 0.6s ease;
	opacity: 1;
	position: relative;
	z-index: 1;
}
	
figure img:hover {
			transform:scale(1.5);
			opacity:1;
		}

.fig img {
	width: 533;
	height: 976;
	transition: all 0.6s ease;
	opacity: 1;
	position: relative;
	z-index: 1;
}
	
.fig img:hover {
			transform:scale(1.5);
			opacity:1;
		}

.width50 {
	width:50%;
	padding-left:15px;
	box-sizing:border-box;
}

.width750 {
	width:750px;
	height:auto;
	padding:3px;

}

.width200per {
	width:200%;
	height:auto;
	padding:3px;

}


.clear {
	clear:both;
}

.grid-container {
  display: grid;
  border: 1px;
  grid-template-columns: auto auto;
  background-color: #FFFFFF;
  padding: 1px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 1);
  padding: 1px;
  font-size: 1.2em;
  text-align: center;
}

.puja {
	top:-40px;

}

/* Galery */



.galeria {
	
	list-style-type:none;
	padding:0;
	
}

  .galeria li {
	  
	  float:left;
	  width:50%;
	  box-sizing:border-box;
	  padding:8px;
  }
  
  .galeria::after {
	  
	  content:"";
	  display:block;
	  clear:left;
	  
  }
  
  .galeria figure {
	  
	  position:relative;
  }
  
  .galeria figure * {
	  
	  display:block;
  }
  
 .LayerFLUSS {

	position:relative;
	width:610px;
	height:464;
	z-index:3;
}
.LayerSHE {

	position:absolute;
	width:463px;
	height:349px;
	z-index:4;
	left: 548px;
	top: 73px;
}

.gran img {
	width:100%;
	height:900px;
}

.ico img {
	width:auto;
	height:auto;
		
	}

.teraico img {
	width:auto;
	height:auto;
		
	}
table {
	
	width:90%;
	height:auto;
	padding:0;
	font-family:arial;
	font-size:0.7em;
	background-color:#fbd5d0;
	text-decoration:none;
	}
table a:hover {
	
	text-decoration:none;
	
}
	
.tau {
	background-color:#FFFFFF;
	}
	
.tauB {
	background-color:#000000;
	}

.banner {
	width:150%;
	height:auto;
	}

.LayerCow {
	position:relative;
	width:218px;
	height:115px;
	z-index:999999;
	left: 651px;
	top: 2992px;
	}
	
.left {
	
	margin-left:-200px;
	
}

.cls {
	
	width:842px;
	height:718px;
	
}

.danceTotheWall {
	
	width:600px;
	height:1200px;
	background-image: url(Dsik78/bg.gif);
	
}

.arrugat {
	
	width:1125px;
	height:1350px;
	
}

.if {
	
	width:656px;
	height:650px;
	
}

.planet{

	width:960px;
	height:720px;
	
}
.melt{

	width:555px;
	height:932px;
	
}

.tal{

	width:720px;
	height:516px;
	
}

.mesTubs{

	width:699px;
	height:608px;
	
}

.paint01 {

width:563px;
height:656px;

}

.paint02 {

width:567px;
height:542px;

}

.paint03 {

width:575px;
height:512px;

}

.paint04 {

width:564px;
height:663px;

}


  /* MediaQ */

	@media screen and (max-width:720px){
	
	div img {
		width:100%;
		height:auto;
		padding:0;
		image-rendering:optimizeSpeed;             /* Legal fallback */
		image-rendering:-moz-crisp-edges;          /* Firefox        */
		image-rendering:-o-crisp-edges;            /* Opera          */
		image-rendering:-webkit-optimize-contrast; /* Safari         */
		image-rendering:optimize-contrast;         /* CSS3 Proposed  */
		image-rendering:crisp-edges;               /* CSS4 Proposed  */
		image-rendering:pixelated;                 /* CSS4 Proposed  */
		-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
	}
	
	div table {
	
	width:100%;
	height:auto;
	padding:0;
	font-family:arial;
	font-size:0.7em;
	background-color:#fbd5d0;
	text-decoration:none;
	}
	
	@media screen and (max-width:720px){
		
	.rrorr {
		width100%;
		height:100%;
		margin:0 auto;
		border:0px;
		position:relative;
		padding:0;
}
	
	.contenidorDOS img {
		width:100%;
		height:auto;
		padding:0;
		image-rendering:optimizeSpeed;             /* Legal fallback */
		image-rendering:-moz-crisp-edges;          /* Firefox        */
		image-rendering:-o-crisp-edges;            /* Opera          */
		image-rendering:-webkit-optimize-contrast; /* Safari         */
		image-rendering:optimize-contrast;         /* CSS3 Proposed  */
		image-rendering:crisp-edges;               /* CSS4 Proposed  */
		image-rendering:pixelated;                 /* CSS4 Proposed  */
		-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
	}
	
		.contenidorQUA img {
		width:100%;
		height:auto;
		padding:0;
		image-rendering:optimizeSpeed;             /* Legal fallback */
		image-rendering:-moz-crisp-edges;          /* Firefox        */
		image-rendering:-o-crisp-edges;            /* Opera          */
		image-rendering:-webkit-optimize-contrast; /* Safari         */
		image-rendering:optimize-contrast;         /* CSS3 Proposed  */
		image-rendering:crisp-edges;               /* CSS4 Proposed  */
		image-rendering:pixelated;                 /* CSS4 Proposed  */
		-ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
	}
	
.contenidorPRE {
	font-size:9px;
	width:100%;
	height:156;
	margin:0 auto;
	border:0px;
	position:relative;
	padding:0;
}

.contenidorPuja {
	width:100%;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:0;
	top:-50px;
	bottom:0px;
	
	
}

.contenidorPujaMes {
	width:100%;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:0;
	top:-250px;
	bottom:0px;
	z-index:999;
}

.contenidorPujaMoltMes {
	width:100%;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
	z-index:0;
	top:-450px;
	bottom:0px;
	z-index:999;
}

.fig img {
	width:100%;
	height: auto;
	transition: all 0.6s ease;
	opacity: 1;
	position: relative;
	z-index: 1;
}
	
.fig img:hover {
			transform:scale(1.5);
			opacity:0.5;
		}

}
.contenidorAPOL {
	width:100%;
	height:auto;
	margin:0 auto;
	border:20px;
	position:relative;
	padding:0;
}

.LayerFLUSS {

	position:relative;
	width:100%;
	height:auto;
	z-index:3;
}
.LayerSHE {

	position:absolute;
	width:100%;
	height:auto;
	z-index:4;
	left: 0px;
	top: 0px;
}
.melody {
	width:auto;
	margin:0 auto;
	border:0px;
	position:relative;
	padding:0;
}



.dov4 {
		background: linear-gradient(
		90deg,
		rgba(199,131,11,0.1) 10%, 
		rgba(00,131,19,0.1),
		rgba(00,131,199,0.1) 100%
		);
		border-style:none; 
		border-width:10px; 
		padding:3px; 
		text-align:center; 
		margin:1px 1px;
		width:100%;
		height:auto;
		align: center;
		}
		
.width750 {
	width:100%;
	height:auto;
	padding:3px;

}

.puja {
	top:-20px;
	width:100%;

}

.width200per {
	width:100%;
	height:auto;
	padding:3px;

}

.LayerCow {
	position:relative;
	width:50%;
	height:auto;
	z-index:999999;
	left: auto;
	top: auto;
	}
	
.left {
	
	margin-left:auto;
	
}

.cls {
	
	width:100%;
	height:auto;
	
}

.danceTotheWall {
	
	width:100%;
	height:auto	;
	background-image: url(Dsik78/bg.gif);
	
}

.arrugat {
	
	width:100%;
	height:auto;
	
}

.if {
	
	width:100%;
	height:auto;
	
	
}

.planet{

	width:100%;
	height:auto;
	
}

.melt{

	width:100%;
	height:auto;
	
}

.tal{

	width:100%;
	height:auto;
	
}

.mesTubs{

	width:100%;
	height:auto;
	
}

.paint01 {

	width:100%;
	height:auto;

}

.paint02 {

	width:100%;
	height:auto;

}

.paint03 {

	width:100%;
	height:auto;

}

.paint04 {

	width:100%;
	height:auto;

}

}
  
@media screen and (max-width:1202px){
	
	.contenidor {
		width:960px;
	}
	
	.contenidorB {
		width:960px;
	}
	
}

/* 960 +60 */

@media screen and (max-width:12000px){

	.contenidor {
		width:auto;
		margin:0 16px;
	}
	
	.contenidorB {
		width:auto;
		margin:0 16px;
	}

}

@media screen and (min-width:1200px){

	.contenidor {
		width:1202px;
		margin:0 auto;
		position:relative;
		border:20px;
	}
	
	.contenidorB {
		width:700px;
		margin:0 auto;
		position:relative;
		border:20px;
	}

}
	@media screen and (max-width:720px){
	
	.ico {
		width:50%;
		height:auto;
		
	}
		.teraico {
		width:20%;
		height:auto;
		
	}
	}
table2 {

	font-family:arial;
	font-size:0.75em;
	background-color:#99FFFF;
	text-decoration:none;
}