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

/*
PALETA: 
Marron: #8E2403; rgb(142,36,3); 
Marron claro: #E6CBA8; rgb(230,203,168);
Amarillo: #D4A017; rgb(212,160,23);
Verde: #4A6A3D; rgb(74,106,61);
Azul: #2F4F4F; rgb(47,79,79)
*/

body,td,th {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #2C2C2C;
}

html {width:100%; height:100%; scroll-behavior: smooth;}
body {
	margin: 0px; width:100%; height:100%; 
}
h1 {font-size:50px; font-weight: 700; text-decoration:none; margin: 0; color: rgb(142,36,3);}	
h2 {font-size:35px; font-weight: 300; text-decoration:none; margin: 0; color: rgb(142,36,3);}
h3 {font-size:28px; font-weight: 500; text-decoration:none; margin: 0; color: rgb(142,36,3);}
h4 {font-size:24px; font-weight: 500; text-decoration:none; margin: 0; color: rgb(142,36,3);}
h5 {font-size:22px; font-weight: 200; text-decoration:none; margin: 0; color: rgb(142,36,3);}
a:link {
	color: #2C2C2C;
	text-decoration: none;
}

a:visited {
	color: #2C2C2C;
	text-decoration: none;
}

a:focus {
	color: #2C2C2C;
	text-decoration: none;
}

a:hover {
	color: #2C2C2C; cursor: pointer;
	text-decoration: underline;
}

a:active {
	color: #2C2C2C;
	text-decoration: none;
}

main{
	position:relative; width:100%; margin: 0px; min-height: 100vh; text-align:center;
	display: -webkit-flex; 
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	}

/* Panel Inicio de opciones */
.inicio{
	position:relative; width:90%; height: auto; margin: 0px; padding:5%; background-color: rgb(255,255,255); z-index:350;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.inicio-content{
	position: relative; width: 100%; height: auto; 
}
.inicio-content h1{
	font-weight: 500; text-align: center; margin-top: 0px; color: rgb(142,36,3);
}
.inicio-content h2{
	font-size: 20px; margin-bottom: 40px;
}
.inicio-content h3{
	font-size: 20px; margin-bottom: 40px;
}
.inicio-100{
	float:left; position: relative; width: 100%; height: auto; overflow-x: hidden; 
    }
.inicio-pnls{ /*3 elementos*/
	float:left; position: relative; width: 100%; height: auto; 
	/* Safari and Chrome */
	-webkit-column-count: 3;
	-webkit-column-gap: 0px;
	-webkit-column-rule: 20px solid rgb(255,255,255);
	-webkit-column-fill: balance;
	
	
	/* Firefox */
	-moz-column-count: 3; 
	-moz-column-gap: 0px;
	-moz-column-rule: 20px solid rgb(255,255,255);
	-moz-column-fill: balance;
	
	
	/* CSS3 */
	column-count: 3; 
	column-gap: 0px;
	column-rule: 20px solid rgb(255,255,255);
	column-fill: balance;
    
    }

.inicio-pnl{
	width: calc(100% - 20px); height: 260px; overflow: hidden; text-align: center; /*padding: 1%; */cursor: pointer;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.inicio-pnl:first-of-type{
	width: calc(100% - 20px); height: 540px; overflow: hidden; text-align: center; /*padding: 1%; */cursor: pointer;
}
.inicio-pnl:nth-child(2){
	margin-bottom: 20px;
}
.inicio-pnl:nth-child(4){
	margin-bottom: 20px;
}
.inicio-marco{
	position:relative; width: 100%; /*padding: 10%;*/ overflow: hidden;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	/*-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);*/
	}

.img1{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)), url("../../include/img/menu/1.jpg");
    background-position: center;
    background-attachment: contain;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.img2{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)), url("../../include/img/menu/2.jpg");
    background-position: center;
    background-attachment: contain;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.img3{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)), url("../../include/img/menu/3.jpg");
    background-position: center;
    background-attachment: contain;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.img4{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)), url("../../include/img/menu/4.jpg");
    background-position: center;
    background-attachment: contain;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.img5{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)), url("../../include/img/menu/5.jpg");
    background-position: center;
    background-attachment: contain;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.img6{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)), url("../../include/img/menu/6.jpg");
    background-position: center;
    background-attachment: contain;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.padre {
	height: 100%; width: 100%; margin: auto; color:rgb(255,255,255);
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: center; /* Centrado horizontal */
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-moz-box-align: center; /* Centrado vertical */
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.hijo {
  	transition: opacity 1s ease, transform 1s ease;
  	opacity: 1;
  	position: relative;
	transform: translateY(40px);
}


.padre:hover .hijo{
  opacity: 1;
  transform: translateY(0);
}

.hijo1{
	height: 60px; width: 60px; overflow: hidden; margin-bottom: 10px;
}
.hijo2{
	width: 100%; height: 30px; line-height: 30px; overflow: hidden;
	transform: translateY(40px);
}
.hijo3{
	width: 80%; padding-left: 10%; padding-right: 10%; font-weight: 300; font-size: 16px;
	transform: translateY(40px);
	opacity: 0;
}
.hijo1 img{ /*esta imagen es mas grande que el contenedor*/
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.hijo2 h2{
	text-align: center; font-size: 24px; font-weight: 500; 
}
.hijo3 p{
	text-align: center; font-size: 15px;
}




.lst-inicio{
	float:left; margin-left:calc(50% - 86px); margin-top: 20px; display: none; width:172px; height:auto; 
	}
.inicio-nro{
    float:left; width:12px; height:12px; border:1px solid rgb(100,100,100); margin: 0px; margin-right: 10px; cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%; 
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    }
.inicio-nro:last-of-type{
	margin-right: 0px; 
    }
.inicio-nro:hover{
	background-color: rgb(100,100,100);
	border:1px solid rgb(100,100,100);
	}

.sec-publi{          /* publicidad */
	position:relative; width:90%; height: auto; margin: 0px; padding:5%; background-color: rgb(250,250,250); z-index:350; color:rgb(255,255,255);
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	}

/*.sec-publi h1{
	float:left; position: relative; width: 100%; height: auto; overflow: hidden; 
    }*/
.publi-content{
	position: relative; width: 100%; height: auto; 
}
.publi-content h1{
	text-align: center; margin-bottom: 40px; margin-top: 0px; color: rgb(142,36,3);
}
.publi-100{
	float:left; position: relative; width: 100%; height: auto; /*overflow: hidden; */
    }
.publi-pnls{ /*2 elementos*/
	float:left; position: relative; width: 100%; height: auto;  
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
	
	gap: 80px;
    }
.publi-pnl{
	/*float: left; position: relative; width: 31.33%; z-index: 5000; background-color: rgb(255,255,255); cursor:pointer; padding: 0px;*/
	position: relative; width: calc(50% - 40px); /*overflow: hidden; */cursor:pointer; overflow: hidden;
	
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;	
    }

.publi-pnl:hover{
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-ms-transform:scale(1.03);
	-o-transform:scale(1.03);
	transform:scale(1.03);
}
.publi-marco{
	position:relative; margin:0px; /*padding: 0px; width: 100%; height: 100%; overflow: hidden;*/
	
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	
	/*-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);*/
		
	}
.publi-img{
	position: relative; display:block;
}
.publi-img img{
	-webkit-object-fit: cover; 
	-moz-object-fit: cover;
	-ms-object-fit: cover; 
	-o-object-fit: cover;
	object-fit: cover;
	
	margin: auto; 
	width:100%;
  	height:100%;
}
.publi-txt{
	padding: 5%; text-align: left; margin: 0px;
}
.publi-txt h2{
	
}
.publi-txt p{
	  
} 

.lst-publi{
	float:left; margin-left:calc(50% - 43px); margin-top: 20px; display: none; width:86px; height:auto; 
	}
.publi-nro{
    float:left; width:12px; height:12px; border:1px solid rgb(142,36,3); margin: 0px; margin-right: 10px; cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%; 
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    }
.publi-nro:last-of-type{
	margin-right: 0px; 
    }
.publi-nro:hover{
	background-color: rgb(142,36,3);
	border:1px solid rgb(142,36,3);
	}	

.sec-direc{          /* direcciones */
	position:relative; width:90%; height: auto; margin: 0px; padding:5%; background-color: rgb(255,255,255); z-index:350; color:rgb(255,255,255);
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	}

/*.sec-direc h1{
	float:left; position: relative; width: 100%; height: auto; overflow: hidden; 
    }*/
.direc-content{
	position: relative; width: 100%; height: auto; 
}
.direc-content h1{
	text-align: center; margin-bottom: 40px; margin-top: 0px; color: rgb(142,36,3);
}
.direc-100{
	float:left; position: relative; width: 100%; height: auto; /*overflow: hidden; */
    }
.direc-pnls{ /*2 elementos*/
	float:left; position: relative; width: 100%; height: auto;  
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
	
	gap: 40px;
    }
.direc-pnl{
	/*float: left; position: relative; width: 31.33%; z-index: 5000; background-color: rgb(255,255,255); cursor:pointer; padding: 0px;*/
	position: relative; width: calc(33% - 30px); /*overflow: hidden; */cursor:pointer; overflow: hidden;
	
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;	
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    }

.direc-pnl:hover{
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-ms-transform:scale(1.03);
	-o-transform:scale(1.03);
	transform:scale(1.03);
}
.direc-marco{
	position:relative; margin:0px; /*padding: 0px; width: 100%; height: 100%; overflow: hidden;*/
	
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	
	/*-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);*/
		
	}
.direc-img{
	position: relative; display:block;
}
.direc-img img{
	-webkit-object-fit: cover; 
	-moz-object-fit: cover;
	-ms-object-fit: cover; 
	-o-object-fit: cover;
	object-fit: cover;
	
	margin: auto; 
	width:100%;
  	height:100%;
}
.direc-txt{
	padding: 5%; text-align: left; margin: 0px;
}
.direc-txt h2{
	color: rgb(142,36,3);
}
.direc-txt p{
	color: rgb(100,100,100);
} 
.direc-title{color: rgb(160,160,160);}
.turismo{background-color: rgb(142,36,3);}
.cultura{background-color: rgb(254,160,0);}
.deportes{background-color: rgb(34,170,122);}
.turismo-title{color: rgb(123,45,13);}
.cultura-title{color: rgb(117,73,0);}
.deportes-title{color: rgb(17,85,62);}

.lst-direc{
	float:left; margin-left:calc(50% - 43px); margin-top: 20px; display: none; width:86px; height:auto; 
	}
.direc-nro{
    float:left; width:12px; height:12px; border:1px solid rgb(100,100,100); margin: 0px; margin-right: 10px; cursor:pointer;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%; 
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    }
.direc-nro:last-of-type{
	margin-right: 0px; 
    }
.direc-nro:hover{
	background-color: rgb(100,100,100);
	border:1px solid rgb(100,100,100);
	}

.direc-arrow{
	position:absolute; height: 48px; width: 48px; right:-48px; bottom:0px;
	/*filter: brightness(500%);*/
	
	-webkit-transition: transform 0.8s; /** Chrome & Safari **/
	-moz-transition: transform 0.8s; /** Firefox **/
	-o-transition: transform 0.8s; /** Opera **/
	transition: transform 0.8s;
    }

.direc-pnl:hover .direc-arrow{
	-webkit-transform: translate(-48px); /** Chrome & Safari **/
	-moz-transform: translate(-48px); /** Firefox **/
	-o-transform: translate(-48px); /** Opera **/
	transform: translate(-48px);	
}

.publi-arrow{
	position:absolute; height: 48px; width: 48px; right:-48px; bottom:0px;
	filter: brightness(500%);
	
	-webkit-transition: transform 0.8s; /** Chrome & Safari **/
	-moz-transition: transform 0.8s; /** Firefox **/
	-o-transition: transform 0.8s; /** Opera **/
	transition: transform 0.8s;
    }

.publi-pnl:hover .publi-arrow{
	-webkit-transform: translate(-48px); /** Chrome & Safari **/
	-moz-transform: translate(-48px); /** Firefox **/
	-o-transform: translate(-48px); /** Opera **/
	transform: translate(-48px);	
}

.inicio-arrow{
	position:absolute; height: 48px; width: 48px; right:-48px; bottom:0px;
	filter: brightness(500%);
	
	-webkit-transition: transform 0.8s; /** Chrome & Safari **/
	-moz-transition: transform 0.8s; /** Firefox **/
	-o-transition: transform 0.8s; /** Opera **/
	transition: transform 0.8s;
    }

.inicio-pnl:hover .inicio-arrow{
	-webkit-transform: translate(-48px); /** Chrome & Safari **/
	-moz-transform: translate(-48px); /** Firefox **/
	-o-transform: translate(-48px); /** Opera **/
	transform: translate(-48px);	
}

.sec-corso{          /* corso */
	position:relative; width:100%; height: auto; margin: 0px; padding:0px; background-color: rgb(222,4,139); z-index:350; color:rgb(255,255,255);
	}
.corso-content{
	position: relative; width: 100%; height: auto; margin: 0px; padding:0px; overflow: hidden;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	/*-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;*/
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/*-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;*/
}
.corso-img{
	position:relative; width: 60%; margin: 0px; padding:0px; min-height: 500px;
	background-image: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),*/ url("../../include/img/corso.jpg");
    background-position: center;
    background-attachment: scroll;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.corso-logo{
	position: absolute; width: 35%; bottom:2%; left: 2%;
}
.corso-img img{
	width: 100%; height: auto; 
}
.corso-txt{
	position:relative; width: 30%; padding: 15% 5% 15% 5%; text-align: left;
	
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	/*-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;*/
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	
	-webkit-box-shadow: 10px 0px 150px 200px rgba(222,4,139,1);
	-moz-box-shadow: 10px 0px 150px 200px rgba(222,4,139,1);
	box-shadow: 10px 0px 150px 200px rgba(222,4,139,1);

}
.corso-btn{
  	float: right; width: 160px; height: 40px; line-height: 40px; text-align: center; border:none; background-color: rgb(251,4,158); color: rgb(254,216,240); cursor: pointer; max-width: 100%; margin: auto;
	font-family: 'Raleway', sans-serif;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.corso-btn:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
}

.corso{
	background-color: rgb(215,31,117);
}
.corso-txt h1{
	color: rgb(254,216,240);	
}
.corso-txt h2{
	color: rgb(100,2,64);
	/*text-shadow: 2px 2px rgba(0,0,0,0.3);*/
}
.corso-txt p{
	color: rgb(254,216,240);
}

.sec-minuanes{          /* minuanes */
	position:relative; width:100%; height: auto; margin: 0px; padding:0px; background-color: rgb(248,193,4); z-index:350; color:rgb(255,255,255);
	}
.minuanes-content{
	position: relative; width: 100%; height: auto; margin: 0px; padding:0px; overflow: hidden;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	/*-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;*/
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/*-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;*/
}
.minuanes-img{
	position:relative; width: 60%; margin: 0px; padding:0px; min-height: 500px; z-index: 1;
	background-image: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),*/ url("../../include/img/minuanes.jpg");
    background-position: center;
    background-attachment: scroll;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.minuanes-logo{
	position: absolute; width: 20%; right: 5%; bottom: 5%;
}
.minuanes-logo img{
	width: 100%; height: auto; 
}
.minuanes-flecha{
	position: absolute; width: 20%; left: -10%; top: 5%; z-index: 3;
}
.minuanes-flecha img{
	width: 100%; height: auto;  z-index: 4;
}
.minuanes-txt{
	position:relative; width: 30%; padding: 15% 5% 15% 5%; text-align: left;
	
	/*background-image: url("../../include/img/fnd-minuanes.png");
	background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
	background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;*/
	
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	/*-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;*/
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	
	-webkit-box-shadow: 10px 0px 150px 200px rgba(248,193,4,1);
	-moz-box-shadow: 10px 0px 150px 200px rgba(248,193,4,1);
	box-shadow: 10px 0px 150px 200px rgba(248,193,4,1);
	
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../include/img/fnd-minuanes.png");
	background-repeat: no-repeat;
    background-position: left;
    background-attachment: scroll;
	background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;*/
	
z-index: 2;
}
.minuanes-btn{
  width: 160px; height: 40px; line-height: 40px; text-align: center; border:none; background-color: rgb(232,176,9); color: rgb(254,244,214); cursor: pointer; max-width: 100%; margin: auto; margin-left: calc(100% - 160px);
	font-family: 'Raleway', sans-serif;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.minuanes-btn:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255,255,255,0.5);
	-moz-box-shadow: 0px 0px 30px 0px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 30px 0px rgba(255,255,255,0.5);
}

.minuanes{
	background-color: rgb(248,193,4);
}
.minuanes-txt h1{
	color: rgb(254,244,214);	 
}
.minuanes-txt h2{
	color: rgb(99,75,3);
	/*text-shadow: 2px 2px rgba(0,0,0,0.3);*/
}
.minuanes-txt p{
	color: rgb(254,244,214); 
}

/*-------------colores botones-----------------*/
.new{
	color: rgb(255,255,255);
	background-color: rgb(18,154,254);
}
.edit{
	color: rgb(255,255,255);
	background-color: rgb(130,194,46);
}
.del{
	color: rgb(255,255,255);
	background-color: rgb(221,31,31);
}
.down{
	color: rgb(255,255,255);
	background-color: rgb(249,200,1);
}
.up{
	
	background-color: rgb(238,62,134);
}

/*------------ galeria de foto, tambien esta en form ----------------*/
.galeria{
	position: relative; width: 100%; text-align: left; margin: 0px;
	
	/* Safari and Chrome */
	-webkit-column-count: 4;
	-webkit-column-gap: 0px;
	-webkit-column-rule: 0px solid rgb(255,255,255);
	-webkit-column-fill: balance;
	
	
	/* Firefox */
	-moz-column-count: 4; 
	-moz-column-gap: 0px;
	-moz-column-rule: 0px solid rgb(255,255,255);
	-moz-column-fill: balance;
	
	
	/* CSS3 */
	column-count: 4; 
	column-gap: 0px;
	column-rule: 0px solid rgb(255,255,255);
	column-fill: balance;
    
}
.foto{
	position: relative; display:inline-block; width: calc(100% - 6px); margin: 3px; overflow: hidden; z-index: 500; margin-bottom: 0px; max-height: 354px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid;
}
.foto img{
	cursor:pointer; 
    max-width: 100%;   vertical-align: middle;
    display: block;
    /*margin: auto;*/
 	
	/* Opacacidad*/   
	-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
	o-transition: all 500ms;
	transition: all 500ms;
	
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
	
	/* Escalar*/
    
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);	
	transform: scale(1);

}
.foto img:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

    
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);	
	transform: scale(1.2);
	}	
/*.point{
	position:absolute; width: 24px; height: 24px; top: 5px; right: 5px; cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}*/


/*--------------------Portadas modulos----------------------*/
.main-modulo{
	float:left; position:relative; width:100%; text-align:center; overflow-x: hidden;  z-index:200; 
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	flex-align: center;
    }
.ptd-modulo{
	position: relative;  overflow: hidden; z-index: 300; 
	width: 80%; height: 100%; margin: 0px; padding: 5% 10% 5% 10%; background-color: rgb(142,36,3); margin-top: 80px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	}
.navegar-modulo{
	color: rgb(255,255,255); margin-bottom: 10px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-moz-box-align: left;
    -webkit-align-items: left;
    -ms-flex-align: left;
}
.navegar-item{
	cursor:pointer;
}
.navegar-icon{
	margin-left: 5px; margin-right: 5px; color: rgb(30,104,34);
}

.intro-modulo{
	position: relative; width: 1000px; max-width: 100%; color: rgb(255,255,255); text-align: left; margin: auto; 
	/*width: 900px; max-width: 80%;*/
   }
.intro-modulo h1{
	position: relative; width: 100%; font-size: 35px; text-align: left; margin: auto; margin-bottom:20px; color: rgb(255,255,255);
    }
.intro-modulo h2{
	position: relative; width: 100%; font-size: 26px; text-align: left; margin: auto; margin-bottom:10px; color: rgb(255,255,255);
    }
.intro-modulo p{
	position: relative; width: 100%; margin: auto; /*font-size: 18px; */color: rgb(255,255,255); 
    }

.inactivo{
	pointer-events: none;
	opacity: 0.5;
    filter: alpha(opacity=50); 
}

@media all and (max-width: 1000px) {
	h1 {
		font-size:30px;
	}
	.inicio{          /* noticias */
		position:relative; width:100%; height: auto; margin: 0px; padding:0%; padding-top: 5%; padding-bottom: 5%; background-color: rgb(250,250,250); z-index:350;
	}
	.inicio-100{
		width:100%; overflow: hidden;
	}
	.inicio-pnls{ /*1 elementos funciona ok */
	    float:left; position:relative; width: 500%;  

		display: -webkit-flex;
		display: -ms-flex;
		display: flex;

		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;

		/*-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;*/

		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;

		-moz-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		/*gap: 30px;*/
	}
	.inicio-pnl{
	    float:left; position:relative; width: 20%; margin:0; padding: 0%; 
        }
	.inicio-pnl:first-of-type{
		width: 20%; height: auto; overflow: hidden; text-align: center; /*padding: 1%; */cursor: pointer;
	}
	.inicio-pnl:nth-child(2){
		margin-bottom: 0px;
	}
	.inicio-pnl:nth-child(4){
		margin-bottom: 0px;
	}
	
	.inicio-marco{
		margin:5%; width: 90%;
	}
	.img-inicio{
	    width: 100%;
        }
	.lst-inicio{
		display: block; 
	    }
	.sec-publi{          /* publicidad */
		position:relative; width:100%; height: auto; margin: 0px; padding:0%; padding-top: 5%; padding-bottom: 5%; background-color: rgb(250,250,250); z-index:350;
	}
	.publi-100{
		width:100%; overflow: hidden;
	}
	.publi-pnls{ /*1 elementos funciona ok */
	    float:left; position:relative; width: 200%;  
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		
		gap: 0px;
        }
	.publi-pnl{
	    float:left; position:relative; width: 50%; height: 260px; margin:0; padding: 0%; 
        }
	
	.publi-marco{
		margin:5%; width: 90%;
	}
	.img-publi{
	    min-width: 100%;
        }
	.lst-publi{
		display: block; 
	    }
	
	.sec-direc{          /* direcciones */
		position:relative; width:100%; height: auto; margin: 0px; padding:0%; padding-top: 5%; padding-bottom: 5%; background-color: rgb(250,250,250); z-index:350;
	}
	.direc-100{
		width:100%; overflow: hidden;
	}
	.direc-pnls{ /*1 elementos funciona ok */
	    float:left; position:relative; width: 300%;  
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		
		gap: 0px;
        }
	.direc-pnl{
	    float:left; position:relative; width: 33.33%; margin:0; padding: 0%; 
        }
	.direc-marco{
		margin:5%; width: 90%;
	}
	.img-direc{
	    min-width: 100%;
        }
	.lst-direc{
		display: block; 
	    }
	.corso-txt{
		width: 40%; padding: 5%;
		
		-webkit-box-shadow: 10px 0px 50px 50px rgba(222,4,139,1);
		-moz-box-shadow: 10px 0px 50px 50px rgba(222,4,139,1);
		box-shadow: 10px 0px 50px 50px rgba(222,4,139,1);
	}
	.corso-img{
		width: 50%;
	}
	.corso-logo{
		position: absolute; width: 80%; top: auto; bottom:2%; left: 2%;
	}
	.corso-img img{
		width: 100%; height: auto; 
	}

	.minuanes-txt{
		width: 40%; padding: 5%; 
	
		-webkit-box-shadow: 10px 0px 50px 50px rgba(248,193,4,1);
		-moz-box-shadow: 10px 0px 50px 50px rgba(248,193,4,1);
		box-shadow: 10px 0px 50px 50px rgba(248,193,4,1);
	
		z-index: 2;
	}
	.minuanes-img{
		width: 50%;
	}
	.minuanes-logo{
		position: absolute; width: 40%; right: 5%; bottom: 3%;
	}
	.minuanes-img img{
		width: 100%; height: auto; 
	}
}