/* Clearfix */
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear: both;	
}
html {
	scroll-behavior: smooth;
}
body {
	background: url('../perm/tapiz.jpg');
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: center top;
	font-family: "Maiandra GD", calibri, helvetica, verdana, garamond, arial;
}
p.left {
	text-align: left;
	color: #333333;
	font-size: 1.1em;
	margin: 1em 1.5em 1em 1.5em;
	line-height: 1.4em;
}
p.center {
	color: #333333;
	font-size: 1.1em;
	text-align: center;
	margin: 1.5em;
	line-height: 1.4em;
}
p.contacto {
	color: #333333;
	font-size: 1.1em;
	text-align: center;
	margin: 1.5em;
	line-height: 0.5em;
}
h1 {
	font-size: 2em;
	font-weight: 900;
	color:#9A0459;
	line-height: 1.5em;
	margin-top: 2em;
	text-align: center;
	padding: 0.5em 2em 0.5em 2em;
	
}
h1.cv {
	font-size: 2em;
	color:#9A0459;
	line-height: 1.5em;
	margin-top: 0em;
}
h2{
	font-size: 1.5em;
	font-weight: normal;
	color:#9A0459;
	text-align: center;
	line-height: 1.3em;
	margin:0;
	padding: 0.5em 2em 0.5em 2em;
	
}
h3{
	font-size: 1.3em;
	font-weight: bold;
	color:#666666;
	text-align: center;
	margin:0.5em;
}
ul.cv {
	text-align: left;
	color: #333333;
	font-size: 1.1em;
	margin: 1em 1.5em 1em 1.5em;
	line-height: 1.4em;
	width:100%;
	padding-left:2em;
}
header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 0;
    background-color: rgba(255, 255, 255, 0.90);
}
div.logo {
	padding:1% 0% 1% 1%;
	width:30%;
	min-width:280px;
	
}
.logo img{
	width: 100%;
	max-width:400px;
	min-width:250px; 
}

div.container {
	background-color: rgba(255, 255, 255, 0.90);
}
div.section {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	margin: 0em;
    
}
div.section-cv {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0em;
    padding: 2em 0 1em 0;
}
div.sec1 {
	width: 20%;
	/*width: 25%;*/ /*Para cuando no está la sección Novedades*/
	margin: 1em;
	min-width: 280px;
	background-image: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%); 
	border: solid 1px silver; 
	border-radius: 5px;
	box-shadow: silver 3px 3px 5px;
}
img.sec1 {
	width:100%;
}

div.sec1 a, div.sec2 a {
	color: #9A0459;
	text-decoration: none;
}
div.sec1 a:hover, div.sec2 a:hover {
	color: #333333;
	text-decoration: underline;
}
div.sec2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width:80%;
	min-width: 280px;
	background-image: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
	border: solid 1px silver; 
	border-radius: 5px;
	box-shadow: silver 3px 3px 5px;
}

div.cv {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	
}
div.cv a:link, div.cv a:visited {
	color:#9A0459;
	
}
div.cv a:hover {
	text-decoration:underline;
	color:#333333;
	
}
img.cv {
	max-width: 120px;
	margin: 0px 20px;
	border: solid 1px silver; 
	border-radius: 5px;
	box-shadow: silver 3px 3px 5px;
}	

img.left {
	width:100%;
	border: 0px;
	border-radius: 5px 5px 0px 0px;
}
img.budo {
	width:50%;
	max-width:400px;
	min-width:280px;
	border: solid 1px silver;
	border-radius: 5px; 
	margin-top: 1.5em;
}
div.act-enlaces {
	display:flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: center; 
	align-items: center; 
	font-size: 1.1em;
}
div.act-enlaces div{
	margin:2em;
}

div.cursos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width:90%;
	margin: 0 auto;
}
div.cursos ul {
	font-size: 1.1em;
	line-height:1.6em;
	text-align:left;
	
}
div.cursos a:link {
	color: #9A0459;
	font-weight: bold;
	font-style: italic;
}
div.cursos a:hover {
	text-decoration: none;
}


footer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(180deg, #ffffff 0%, #bbbbbb 100%); 
	width: 100%;
	margin: 0;
	border-top: solid 1px silver; 
	
}
footer p {
	text-align: center;
	line-height:1.5em;
	font-size: 1.1em;
}
footer a {
	color: #9A0459;
	text-decoration: none;
}
footer a:hover {
	color: #333333;
	text-decoration: underline;
}
div.icons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	
}
div.icons img {
	margin: 5px;
	width: 45px;
	
}
/*Página de fotos*/
div.fotos {
	margin:0 auto;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
}
div.fotos div {
	max-width:250px;
	margin:1em;
}
div.fotos img{
	width: 100%;
	margin-top:1em;
	border: solid 1px silver; 
	border-radius: 5px;
	box-shadow: silver 3px 3px 5px;
}
div.fotos h1{
	padding: 0em;
	font-size:1.2em;
	font-weight: normal;
	
}
div.fotos h2{
	font-size:1em;
	padding: 0em;
	font-weight: bold;
	color: #333333;
}
a.activ {
	text-decoration:none;
}

/*Fin de páginas de fotos*/
/*Menú de navegación */
#menu {
	font-family: "Maiandra GD", verdana, arial;
	width: auto;
}
#menu ul {
	padding:10px;
	height:auto;
	margin:auto;
	}
#menu li {
	display:inline;
	padding:10px;
	
}
#menu li a {
	margin: 0;
	width:auto;
	color: #9A0459;
	font-size: 1.4em;
	display: inline-block;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	
}

#menu a:hover, #menu a:active {
	color: #333333;
	text-decoration: underline;
}
/*Fin del menú de navegación*/

@media screen and (max-width: 372px) {
	
	#menu li {
	padding:3px;
	}

	#menu li a {
	margin: 0;
	font-size: 0.8em;
	line-height:15px;
	}
	
	p.contacto {
	color: #333333;
	font-size: 1em;
	text-align: center;
	margin: 1.5em;
	line-height: 1.5em;
	}
	
}

@media screen and (min-width: 372px) and (max-width: 548px) {
	
	#menu li {
	padding:3px;
	}

	#menu li a {
	margin: 0;
	font-size: 0.9em;
	font-weight:bold;
	line-height:15px;
	}
	p.contacto {
	color: #333333;
	font-size: 1em;
	text-align: center;
	margin: 1.5em;
	line-height: 1.5em;
	}
	
}

@media screen and (min-width: 548px) and (max-width: 768px) {
	
	#menu li a {
	margin: 0px 5px 0px 5px;
	font-size: 1.0em;
	font-weight:bold;
	}
	
}	

@media screen and (min-width: 768px) and (max-width: 1080px){
	
	#menu li a {
	margin: 0px 5px 0px 5px;
	font-size: 1.2em;
	font-weight:bold;
	}
}
	

@media screen and (min-width: 1080px) {
	#menu li a {
	font-size: 1.4em;
	font-weight:bold;
	margin: 0px 10px 0px 10px;
	}
}


.slider-cursos {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding:0;
}
.slider-cursos ul{
	display:flex;
	padding:0;
	margin:0;
	width: 600%;
	animation: cursos 45s infinite alternate ease-in-out;
	-webkit-animation: cursos 45s infinite alternate ease-in-out;
}
.slider-cursos li{
	list-style: none;
	width: 100%;
}
.slider-cursos img {
	width: 100%;
	margin-top: 0;
}
@keyframes cursos {
	0% { margin-left: 0; }
	9% { margin-left: 0; }
	
	11% { margin-left: -100%; }
	29% { margin-left: -100%; }
	
	31% { margin-left: -200%; }
	49% { margin-left: -200%; }
	
	51% { margin-left: -300%; }
	69% { margin-left: -300%; }
	
	71% { margin-left: -400%; }
	89% { margin-left: -400%; }
	
	91% { margin-left: -500%; }
	100% { margin-left: -500%; }
	
	/*71% { margin-left: -600%; }
	81% { margin-left: -600%; }
	
	84% { margin-left: -700%; }
	93% { margin-left: -700%; }
	
	96% { margin-left: -800%; }
	100% { margin-left: -800%; }*/
}
.slider-clases {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding:0;
}
.slider-clases ul{
	display:flex;
	padding:0;
	margin:0;
	width: 600%;
	animation: clases 50s infinite alternate ease-in-out;
	-webkit-animation: clases 50s infinite alternate ease-in-out;
}
.slider-clases li{
	list-style: none;
	width: 100%;
}
.slider-clases img {
	width: 100%;
	margin-top: 0;
}
@keyframes clases {
	0% { margin-left: 0; }
	9% { margin-left: 0; }
	
	11% { margin-left: -100%; }
	29% { margin-left: -100%; }
	
	31% { margin-left: -200%; }
	49% { margin-left: -200%; }
	
	51% { margin-left: -300%; }
	69% { margin-left: -300%; }
	
	71% { margin-left: -400%; }
	89% { margin-left: -400%; }
	
	91% { margin-left: -500%; }
	100% { margin-left: -500%; }
	
	/*93% { margin-left: -600%; }
	100% { margin-left: -600%; }*/
	
}
.slider-youtube {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding:0;
}
.slider-youtube ul{
	display:flex;
	padding:0;
	margin:0;
	width: 700%;
	animation: youtube 60s infinite alternate ease-in-out;
	-webkit-animation: youtube 60s infinite alternate ease-in-out;
}
.slider-youtube li{
	list-style: none;
	width: 100%;
}
.slider-youtube img {
	width: 100%;
	margin-top: 0;
}
@keyframes youtube {
	0% { margin-left: 0; }
	13% { margin-left: 0; }
	
	15% { margin-left: -100%; }
	29% { margin-left: -100%; }
	
	31% { margin-left: -200%; }
	45% { margin-left: -200%; }
	
	47% { margin-left: -300%; }
	60% { margin-left: -300%; }
	
	62% { margin-left: -400%; }
	75% { margin-left: -400%; }
	
	77% { margin-left: -500%; }
	91% { margin-left: -500%; }
	
	93% { margin-left: -600%; }
	100% { margin-left: -600%; }
	
}
.slider-asoli {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding:0;
}
.slider-asoli ul{
	display:flex;
	padding:0;
	margin:0;
	width: 500%;
	animation: asoli 40s infinite alternate ease-in-out;
	-webkit-animation: asoli 40s infinite alternate ease-in-out;
}
.slider-asoli li{
	list-style: none;
	width: 100%;
}
.slider-asoli img {
	width: 100%;
	margin-top: 0;
}
@keyframes asoli {
	0% { margin-left: 0; }
	20% { margin-left: 0; }
	
	22% { margin-left: -100%; }
	43% { margin-left: -100%; }
	
	45% { margin-left: -200%; }
	66% { margin-left: -200%; }
	
	68% { margin-left: -300%; }
	89% { margin-left: -300%; }
	
	91% { margin-left: -400%; }
	100% { margin-left: -400%; }
	
	
}
.slider-aabi {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding:0;
}
.slider-aabi ul{
	display:flex;
	padding:0;
	margin:0;
	width: 800%;
	animation: cursos 50s infinite alternate ease-in-out;
	-webkit-animation: cursos 50s infinite alternate ease-in-out;
}
.slider-aabi li{
	list-style: none;
	width: 100%;
}
.slider-aabi img {
	width: 100%;
	margin-top: 0;
}
@keyframes aabi {
	0% { margin-left: 0; }
	8% { margin-left: 0; }
	
	10% { margin-left: -100%; }
	22% { margin-left: -100%; }
	
	24% { margin-left: -200%; }
	36% { margin-left: -200%; }
	
	38% { margin-left: -300%; }
	50% { margin-left: -300%; }
	
	52% { margin-left: -400%; }
	64% { margin-left: -400%; }
	
	66% { margin-left: -500%; }
	78% { margin-left: -500%; }
	
	80% { margin-left: -600%; }
	92% { margin-left: -600%; }
	
	94% { margin-left: -700%; }
	100% { margin-left: -700%; }
	
}
.slider-nov {
	width: 100%;
	margin: auto;
	overflow: hidden;
	padding:0;
}
.slider-nov ul{
	display:flex;
	padding:0;
	margin:0;
	width: 300%;
	animation: nov 30s infinite alternate ease-in-out;
	-webkit-animation: nov 30s infinite alternate ease-in-out;
}
.slider-nov li{
	list-style: none;
	width: 100%;
}
.slider-nov img {
	width: 100%;
	margin-top: 0;
}
@keyframes nov {
	0% { margin-left: 0%; }
	34% { margin-left: 0%; }
	
	38% { margin-left: -100%; }
	77% { margin-left: -100%; }
	
	81% { margin-left: -200%; }
	100% { margin-left: -200%; }
	
	
}