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

* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	font-family: 'Exo', Helvetica, Arial!important;
  }
body {
	color:#fff;
	background:#000;
	text-align: center;
	}
body {
	background-image:url(imgs/set_web_1_fondo_3.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-size: contain;
	background-attachment:fixed;	
	}
a {
	-o-transition:.3s;
 	-ms-transition:.3s;
 	-moz-transition:.3s;
 	-webkit-transition:.3s;
	transition:.3s;
	color:#000;
	text-decoration:none;
	}
a:hover {
	color:#ffd400;
	}
span {
	font-style:oblique;
	font-weight:bold;
	}
h1 {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 7s ease infinite;
	animation: gradient 7s ease infinite;
    width: fit-content;
    margin: 0% auto;
    font-size: 13px;
	padding: 2%;
	border-radius: 40px;
	color: #fff;
	}
@-webkit-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%;
	}
}

h2 span {
	color:#8cffba;
	}
header {
	padding:6%;
	}
img.logopagina {
	margin:0 auto;
	width:100%;
	display:block;
	max-width:350px;
	}
img.logopaginafooter {
	margin:0 auto;
	width:18%;
	display:block;
	}
ul.listagaleria {
	display: flex;
    margin: 0 auto;
    width: 100%;
    list-style: none;
    flex-wrap: wrap;
    padding: 2% 0% 4% 0%;
	justify-content: center;
    background: none;
   }
ul.listagaleria li {
    width: 130px;
    height: fit-content;
    display: block;
    float: left;
    margin: 4%;
    text-align: center;
    background: #fff;
    padding-bottom: 1%;
    font-size: 15px;
	border-radius: 8px;
	border-bottom: 2px solid #000;
    }
ul.listagaleria li:hover {
    background: #fff;
/*	border-bottom: 2px solid #999;*/
    }
ul.listagaleria li a:hover {
	color: #999;
	/*color: #e73c7e;*/
    }
ul.listagaleria li img {
/*  width: inherit;*/
	width: auto;
	width: fit-content;
	width: -webkit-fill-available;
	border-radius: 8px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	
    }
ul.listagaleria li img:hover {
	/*width: -webkit-fill-available;
	filter: drop-shadow(2px 4px 6px black);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
	opacity: 0.5;
    }
ul.rrss {
    margin: 0 auto;
    list-style: none;
    flex-wrap: wrap;
    padding: 5% 0%;
   }
ul.rrss li {
	margin: 8px 0px;
	font-size: 20px;
   }
ul.rrss li a {
	color: #fff;
   }
ul.rrss li a:hover {
	color: #e73c7e;
   }
h2 {
    margin: 0 auto;
    padding: 2% 8%;
    color: #fff;
	font-size: 16px;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    -webkit-animation: gradient 7s ease infinite;
    animation: gradient 7s ease infinite;
	}
h3 {
    margin: 0 auto;
    padding: 2% 8% 0px 8%;
	font-size: 12px;
	}
h5 {
	margin: 0 auto;
    padding: 5% 5% 0% 5%;
    font-size: 200%;
    color: #fff;
   }
h4 {
	margin: 0 auto;
    padding: 1% 5%/* 0% 5%*/;
    font-size: 200%;

  background: linear-gradient(90deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    -webkit-animation: gradient 7s ease infinite;
    animation: gradient 7s ease infinite;
}
footer {
	padding-bottom: 10%;
	background: #000;
	color:#8cffba;
	}

#shadowbox_overlay {
	background: #000!important;
	}

@media (min-width:480px) {
	h1 {
    font-size: 20px;
	}
	}
@media (min-width:768px) {
	img.logopagina {
    max-width: 500px;
	}
	ul.listagaleria li {
    width: 200px;
    height: fit-content;
	font-size: 1.4em;
	padding-bottom: 1%
	}
	p {
    font-size: 20px;
    background: #8cffba;
	color:#444;
	}
	ul.rrss {
    margin: 0 auto;
    list-style: none;
    flex-wrap: wrap;
    padding: 1% 0% 2% 0;
    }
	h3 {
    font-size: 16px;
	}
	}
@media (min-width:1024px) {
	img.logopagina {
	max-width: 700px;
	}
	h1 {
    font-size: 30px;
	}
	h2 {
	font-size: 20px;
	}
	h3 {
/*  padding: 2% 8% 0px 8%;
    font-size: 18px;*/
	display: none;
	}
	h4, h5 {
    font-size: 300%;
   }
	ul.listagaleria li {
    width: 300px;
	font-size: 1.6em;
	border-radius: 12px;
	}
	ul.listagaleria li img {
	border-radius: 12px;
	}
	}
@media (min-width:1280px) {
	img.logopagina {
    max-width: 900px;
	}
	ul.rrss li {
	margin: 10px 0px;
	font-size: 30px;
    }
	header {
    padding: 2% 6% 4% 6%;
	}
	footer {
	padding-bottom: 4%;
	}
	p {
    font-size: 30px;
	}
	h1 {
	font-size: 300%;
	border-radius: 80px;
	}
	h2 {
    padding: 2% 8%;
	font-size: 30px;
	}
/*	h3 {
    padding: 2% 8% 0px 8%;
    font-size: 26px;
	}*/
	}
@media (min-width:1600px) {
	ul.listagaleria li {
    width: 400px;
    height: fit-content;
	font-size: 2em;
	}
	h3 {
    padding: 2% 8% 0px 8%;
    font-size: 28px;
	}
	}