@charset "utf-8";
@keyframes slup {
	0% {opacity:0;} 
	66% {opacity:0;} 
	100% {opacity:1}
	}
@keyframes pop {
	0% {opacity:0; transform:scale(0)} 
	80% {opacity:0; transform:scale(0)} 
	87% {opacity:1; transform:scale(1.1)} 
	90% {transform:scale(1)} 
	}

.center {
	text-align:center;
	}


.hot, .pop {
	font-family: sanscl, sans-serif;
	}

.hot a {
	position:relative;
	top:0;
	display:inline-block;
	margin-right:15px;
	overflow:hidden;
	text-align:left;
	transition:.2s;
	}
.hot .bg, .hot .i {
	position:absolute;
	overflow:hidden;
	transition:.2s;
	}
.hot .bg {
	background:url(/img/small.png);
	background-size:100%;
	opacity:0;
	}
.hot h3, .hot h4, .hot h6 {
	color:var(--ch3);
	line-height:1.1em;
	font-weight:normal;
	transition:.2s;
	}
.hot h3 {
	font-size:1.4em;
	margin:.2em .2em;
	text-align:center;
	}
.hot h4 {
	font-size:1.2em;
	margin:.3em .4em;
	text-align:center;
	}
.hot p {
	font-size:1.1em;
	margin:.3em .4em;
	color:#fff;
	opacity:0;
	transition:.6s;
	}
.hot a:hover .bg {
	opacity:1;
	}
.hot a:hover h3, .hot a:hover h4 {
	color:#fff;
	text-align:left;
	}
.hot a:hover p {
	opacity:1;
	}

.hot a.tx {
	background:var(--cmdb);
	text-decoration:none;
	border-bottom:var(--cmdb) solid 10px;
	transition:.2s;
	}
.hot a.tx:hover  {
	background:var(--cmdab);
	border-bottom:var(--cmdab) solid 10px;
	}
.hot a.tx h3, .hot a.tx h4, .hot a.tx h6 {
	color:var(--cmdh);
	text-align:left;
	}
.hot a.tx h6 {
	margin:5px 10px 5px 10px;
	font-size:1.4em;
	color:var(--cmdp);
	}
.hot a.tx p {
	color:var(--cmdp);
	opacity:1;
	}
	

#hot {
	position:absolute;
	top:-300px;
	display:block;
	padding:10px 0 0 0;
	width:100%;
	min-width:1020px;
	text-align:center;
	background:#fff;
	box-shadow:0px -3px 15px rgba(0,0,0,.5);
	z-index:50;
	transition:.6s;
	}
#hot.on {
    top:var(--hh);	
	}
#hot a {
	width:160px;
	height:155px;
	}
#hot a img {
	width:160px;
	}
#hot .bg, #hot .i {
	top:125px;
	width:160px;
	height:128px;
	}
#hot a:hover {
	top:12px;
	}
#hot a:hover .bg,  #hot a:hover .i {
	top:0px;
	}


#menu {
	position:absolute;
	top:calc(100vh - 180px);
	width:90%;
	left:5%;
	z-index:10;
	text-align:center;
	animation: slup 2s;
	}
#menu a {
	display:inline-table;
	top:0;
	width:220px;
	height:120px;
	padding:4px 20px;
	margin:0 15px;
	text-decoration:none;
	text-align:center;
	background:var(--cbxb);
	border:1px solid rgba(0,0,0,0);
*	outline:5px solid rgba(0,0,0,.3);
	transition:.3s;
	}
#menu a:hover {
	border:1px solid var(--cbxc);
	}
#menu h4 {
	color:#fff;
	transition:.3s;
	}
#menu a:hover h4 {
*	color:var(--cpb);
	}
#menu p {
	opacity:0;
	transition:.3s;
	}
#menu a:hover p {
	opacity:1;
	}


#medium {
	font:normal 1.6em/1.1em sanscl, sans-serif;
	}
#medium a {
	display:block;
	position:relative;
	background:var(--cmdb);
*	height:calc(100% - 30px);
	height:400px;
	padding:15px;
	text-decoration:none;
	text-align:left;
	overflow:hidden;
	margin-bottom:4px;
	transition:.2s;
	}
#medium a:hover {
	background:var(--cmdab);
	}
#medium h3 {
	font-size:2em;
	line-height:1.1em;
	font-weight:normal;
	margin:30px 580px 0 40px;
	color:var(--cmdh);
	transition:.2s;
	}
#medium p {
	font-size:1.4em;
	line-height:1.2em;
	margin:20px 580px 0 40px;
	color:var(--cmdp);
	}
#medium img {
	position:absolute;
	top:15px;
	right:15px;
*	width:250px;
*	height:200px;
	}


#small .yt {
	position:absolute;
	width:320px;
	height:256px;
	overflow:hidden;
	z-index:0;
	}
#small iframe {
	position:absolute;
	top:-10px;
	left:-80px;
	width:480px;
	height:270px;
	}

#small.hot .bg {
	background:url(/img/small.png);
	}
#small {
	min-width:1020px;
	text-align:center;
	}
#small a {
	width:320px;
	height:330px;
	}
#small a:nth-child(3) {
	margin-right:0px !important;
	}
#small a img {
	width:320px;
	}
#small .bg, #small .i {
	top:250px;
	width:320px;
	height:256px;
	}
#small h4 {
	font-size:1.6em;
	margin-top:.5em;
	}
#small p {
	font-size:1.3em;
	}
#small a:hover {
*	top:12px;
	}
#small a:hover .bg,  #small a:hover .i {
	top:0px;
	}
#small a:nth-child(4), #small a:nth-child(5) {
	display:none;
	}
@media screen and (min-width: 1360px) {
#small a:nth-child(3) {
	margin-right:15px !important;
	}
#small a:nth-child(4) {
	display:inline-block;
	}
}
@media screen and (min-width: 1710px) {
#small a:nth-child(4) {
	margin-right:15px !important;
	}
#small a:nth-child(5) {
	display:inline-block;
	}
}


#mini {
	min-width:1020px;
	margin-top:50px;
	text-align:center;
	}
#mini a {
	width:240px;
	height:226px;
	}
#mini a:nth-child(4) {
	margin-right:0px !important;
	}
#mini a img {
	width:240px;
	}
#mini .bg, #mini .i {
	top:187px;
	width:240px;
	height:192px;
	}
#mini a.tx {
	top:-34px;
	width:240px;
	height:182px;
	}
#mini a:hover.tx {
	top:-34px;
	}
#mini h3 {
	font-size:1.4em;
	margin:.5em .5em 0 .5em;
	}
#mini p {
	font-size:1.2em;
	margin:.1em .6em;
	}
#mini a:hover {
	top:12px;
	}
#mini a:hover .bg,  #mini a:hover .i {
	top:0px;
	}
#mini a:nth-child(5), #mini a:nth-child(6)  {
	display:none;
	}
@media screen and (min-width: 1360px) {
#mini a:nth-child(4) {
	margin-right:15px !important;
	}
#mini a:nth-child(5) {
	display:inline-block;
	}
}
@media screen and (min-width: 1600px) {
#mini a:nth-child(6) {
	display:inline-block;
	}
}


.pop a{
	background:var(--cpb);
	}
.pop h3{
	position:relative;
	color:#fff;
	font-weight:normal;
	font-size:2.2em;
	line-height:1.1em;
	margin:.2em;
	}
.pop h4{
	position:relative;
	color:#fff;
	font-weight:normal;
	font-size:2.2em;
	line-height:1.1em;
	margin:.2em;
	}
.pop p{
	position:relative;
	color:#fff;
	font-size:1.3em;
	line-height:1.1em;
	margin:.1em .5em .5em .5em;
	}

#pop {
	position: absolute;
	right:80px;
	top:250px;
	width:250px;
	height:200px;
	z-index:999;
	animation: pop 2s;
	}
#pop img {
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:200px;
	object-fit:cover;
	}
#pop a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:250px;
	height:200px;
	text-decoration:none;
	text-align:center;
	background:var(--cbxb);
	border:1px solid rgba(0,0,0,0);
	}
#pop a:hover {
	border:1px solid var(--cbxc);
	}


#row {
	margin-top:20px;
	}
#row a {
	display:block;
	position:relative;
	width:980px;
	left:-490px;
	margin-left:50%;
	padding:4px 20px;
	margin-bottom:15px;
	text-decoration:none;
	text-align:center;
	}
#row h4 {
	transition:.2s;
	}
#row a:hover h4 {
	color:#002042;
	}



/* slide */
#hole {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url(/img/mask.png);
	z-index:110;
	height:45vw;
	background-size:cover;
	background-position:center;
	transition:.5s;
	}
#hole:hover {
	opacity:.3;
	}
#large video {
*	width:100%;
	}
#large {
	position:relative;
	z-index:10;
	padding-bottom:0;
	overflow:hidden;
	font:normal 1.6em/1.1em sanscl, sans-serif;
	}

#large a {
	display:block;
	width:100%;
	overflow:hidden;
	text-align:center;
	}
#large a > img {
	width:100%;
	height:45vw;
	object-fit:cover;
	margin-bottom:-5px;
	}
.home #large a > img {
	height:100vh;
	}
#large .i {
	position:absolute;
	bottom:0;
	width:88%;
	padding:5px 6% 10px 6%;
	background:url(k5.png);
	overflow:hidden;
	animation: slup 2s;
	border:1px solid rgba(0,0,0,0);
	transition:.3s;
	}
#large .i:hover {
	border:1px solid var(--cbxc);
	border-left:1px solid rgba(0,0,0,0);
	}
.home #large .i {
	bottom:30%;
	width:66%;
	padding:5px 30px 10px 6%;
	background:rgba(0,0,0,.3);
	}
#large h2 {
	font-size:2.5em;
	line-height:1.1em;
	font-weight:normal;
	margin:0 .1em;
	color:var(--csp);
	transition:.2s;
	}
.home #large h2 {
	text-align:right;
	}
#large:hover h2 {
*	color:var(--csh);
	}
#large p {
	font-size:1.1em;
	line-height:1.1em;
	margin:.1em;
	color:var(--csp);
	}
.home #large p {
	text-align:right;
	}
#banner {
	position:fixed;
	top:100px;
	width:100%;
	margin:auto;
	transition:.3s;
	z-index:0;
	}
div.push {
	position:relative;
	top:0;
	width: 100%;
	height:calc(100vw / 4.7);
	}
#banner.off {
	top:0;
	transition:1s;
	}

#banner a, #banner img {
	width:100%;
	}

nav#galls {
	position:absolute;
	display:inline-block;
	margin-left:50%;
	transform:translateX(-50%);
	padding:0 20px;
	text-align:center;
	background:url(k3.png);
	z-index:150;
	}
nav#galls a {
    display: inline-block;  
    padding: 10px 20px;
    text-decoration: none;
	font:1.1em/1.1em Robo, sans-serif;
	font-weight:300;
	color:#fff;
	}
nav#galls a:hover, nav#galls a.act {
	color:#002D73;
	}

#slide {
	position:relative;
	width:100%;
	margin:auto;
	text-align:center;
	padding:0;
	}
#slide.adv {
	padding:0 0 80px 0;
	}
#slide .cycle-slideshow img{
	width:100%;
	border:1px solid #666;
	border:none;
	}
#adv {
	position: absolute;
	width: 100%;
	padding-top:3px;
	/*border-top:solid 3px #000;*/
	}
#adv img{
	margin: 15px 5px 2px 5px;
	border:1px solid #666;
	}
#adv img:hover {
	z-index:130;
	transform: scale(1.3);
	transition:0.4s;
	}

#mask .cycle-slideshow img{
	height:90%;
	width:90%;
	object-fit:contain;
	padding:5%;
	}


/* overlay */
.cycle-overlay { 
	font-family: sanscl, sans-serif;
    position: absolute;
	bottom:0;
	width:70%;
	margin-left:10%;
	padding:0 5%;
	z-index:110;
    background: url(5.png); 
	color:#fff; 
	overflow:hidden;
	font-size:23px;
	line-height:31px;
	}
.cycle-overlay>*:first-child { 
	font-size:28px ;
	line-height:44px;
	}
.cycle-overlay>*:last-child {
	position:relative;
	top:-6px; 
	}

/* caption */
.cycle-caption { 
	position:absolute; 
	color:white; 
	bottom:15px; 
	right:15px; 
	z-index:120; 
	}

#adv img:hover {
	z-index:130;
	transform: scale(1.3);
	transition:0.4s;
	}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 35%; width: 8%; opacity: .3; filter: alpha(opacity=.3); z-index: 150; height: 30%; cursor: pointer; transition:0.3s;}
.cycle-prev { left: 0;  background: url(/mau/left.png) 15% 50% no-repeat;}
.cycle-next { right: 0; background: url(/mau/right.png) 85% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .9; filter: alpha(opacity=90);}

.disabled { opacity: .5; filter:alpha(opacity=50);}

.home .cycle-prev, .cycle-next { position: absolute; top: 0; width: 15%; opacity: .3; filter: alpha(opacity=.3); z-index: 150; height: 100%; cursor: pointer; transition:0.3s;}
.home .cycle-prev { left: 0;  background: url(/mau/left.png) 15% 95% no-repeat;}
.home .cycle-next { right: 0; background: url(/mau/right.png) 85% 95% no-repeat;}

/* pager */
.cycle-pager { 
    text-align:right; 
	width:98%; 
	padding:0 1%;
	z-index:120; 
	position:absolute; 
	bottom:0; 
	overflow:hidden;
}
.cycle-pager span { 
    font-family:arial; 
	font-size:36px;
	line-height:20px;
	letter-spacing:4px;
    display:inline-block; 
	color:#ddd; 
	cursor:pointer; 
}
.cycle-pager span.cycle-pager-active { 
	color:var(--ctb);
	}
.cycle-pager > * { 
	cursor:pointer;
	}

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Pausa'; 
	color:white; 
	background:url(k7.png); 
	padding:6px 15px;
    z-index:120; 
	position:absolute; 
	top:10px; 
	right:10px;
    opacity:.3;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position:static; z-index:10;
}

/*  media queries     some style overrides to make things more pleasant on mobile devices  */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}







#news {
	font-family: sanscl, sans-serif;
	font-weight:normal;
*	text-align:left;
*	margin-top:20px;
	margin:20px auto;
	width:1020px;
*	display:inline-block;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-flow :dense;
*	grid-template-rows: masonry;
*	align-tracks: end;
	}
#news a {
*	width:294px;
*	height:480px;
	min-height:200px;
	padding:13px;
*	margin:12px 8px;
*	display:inline-block;
*	overflow:hidden;
	text-decoration:none;
	background:var(--cmdb);
	text-align:left;
	transition:.2s;
  	}

#news a:hover {
	background:var(--cmdab);
	}
#news a img {
	width:300px;
	}
#news h3 {
	font-size:2.0em;
	line-height:1.1em;
	font-weight:normal;
	margin:10px 10px 0 10px;
	color:var(--cmdh);
	}
#news h4 {
	font-size:1.6em;
	line-height:1.1em;
	font-weight:normal;
	margin:2px 10px -2px 10px;
	color:var(--cmdp);
	}
#news h6 {
	font-size:1.6em;
	line-height:1.1em;
	font-weight:normal;
	margin:2px 10px -10px 10px;
	color:var(--cf);
	}
#news p {
	font-size:1.2em;
	line-height:1.1em;
	margin:5px 10px 0 10px;
	color:var(--cmdp);
	}

#news a.s4 {
	grid-column: span 2;
	}
#news a.s4 img {
	width:315px;
	height:400px;
	object-fit: cover;
	float:left;
	margin-right:20px;
	}
#news a.s5 {
	grid-column: span 3;
	}
#news a.s5 img {
	width:315px;
	height:400px;
	object-fit: cover;
	float:left;
	margin-right:20px;
	}

@media screen and (min-width: 1400px) {
#news {
	width:1170px;
	}
#news a img {
	width:350px;
	}
#news h3 {
	font-size:2.3em;
	}
#news h4 {
	font-size:1.8em;
	}
#news p {
	font-size:1.4em;
	line-height:1.3em;
	margin:10px 10px 0 10px;
	}
#news a.s4 img, #news a.s5 img {
	width:362px;
	min-height:450px;
	height:100%;
	object-fit: cover;
	float:left;
	margin-right:20px;
	}
}
@media screen and (min-width: 1700px) {
#news {
	width:1560px;
	grid-template-columns: repeat(4, 1fr);
	}
}