/*
Paleta de colores Silwood:
	Oscuro: 
		Hexadecimal: #15006a
	Claro:
		Hexadecimal: #f7c8c8
*/

/*
+++++++++++++++++Personalización Partner++++++++++++++++++++++++
*/
.button-recursos{	
	background: #e6dfff;
	color: #15006a;
	border-color: #cfc1ff;
}

.button-recursos:hover, .button-recursos:focus {
	background: #15006a;
	color: #e6dfff;
	cursor: pointer;
}

.nav-menu a:hover, .nav-menu .active>a, .nav-menu li:hover>a {
	color: #15006a;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active>a,
	.nav-menu .drop-down ul li:hover>a {
	color: #ffffff;
	background: #15006a;
}

.txtsubtitles {
	color: #15006a;
	font-weight: 500;
}

/*
+++++++++++++++++Personalización por context item partner++++++++++++++++++++++++
*/

.context-img1 {
	width: 27%;
	max-width: 200px;
}

.context-banner {
	width: 30%;
	display: block; margin-left : auto; margin-right : auto;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

@media ( min-width :1000px) {
	.context-banner {
		width: 70%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		min-width: 300px;
	}
	.context-img1 {
		width: 60%;
	}
	.context-item2 {
		grid-area: context-item2;
		position: relative;
		grid-column: 3/span 7;
	}
}

/*
+++++++++++++++Personalización de grid++++++++++++++
*/
.grid-container {
	display: grid;
	margin: 0 10% 0 10% 0;
	grid-template-areas:
		'header header header header header header header header header header'
		'main-item1 main-item1 main-item4 main-item4 main-item4 main-item4 main-item7 main-item7 main-item7 main-item7 '
		'main-item2 main-item2 main-item5 main-item5 main-item3 main-item3 main-item7 main-item7  main-item7 main-item7 '
		'main-item6 main-item6 main-item6 main-item6 main-item6 main-item6 main-item6 main-item6 main-item6 main-item6'
		'context-banner context-banner context-banner context-banner context-banner context-banner context-banner context-banner context-banner context-banner '
		'context-item1 context-item1 context-item1 context-item1 context-item1 context-item1 context-img1 context-img1 context-img1 context-img1'
		'context-item2 context-item2 context-item2 context-item2 context-item2 context-item2 context-item2 context-item2 context-item2 context-item2'
		¿'footer footer footer footer footer footer footer footer footer footer';
	grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
	grid-gap: 0px;
	margin: 0% 10% 0% 5%;
	background-color: #ffffff;
	padding: 0% 0% 0% 0%;
}

.grid-container>div:nth-child(9), .grid-container>div:nth-child(10) {
	box-shadow: 0 1px 5px 1px rgba(19, 35, 47, 0.3);
}

.grid-container>div:nth-child(10){
	background: #e6dfff;
	margin: 7px 0 7px 0;
}

.grid-container>div:nth-child(8), .grid-container>div:nth-child(9) {
	background: #e5e5e5;
	margin: 7px 0 7px 0;
}

@media only screen and (max-width: 1000px) {
	.grid-container>div:nth-child(8), .grid-container>div:nth-child(9),
		.grid-container>div:nth-child(10), .grid-container>div:nth-child(11),
		.grid-container>div:nth-child(12), .grid-container>div:nth-child(13),
		.grid-container>div:nth-child(14), .grid-container>div:nth-child(15) {
		margin: 0px 0 7px 0;
	}
	.grid-container>div:nth-child(12), .grid-container>div:nth-child(13),
		.grid-container>div:nth-child(14), .grid-container>div:nth-child(15) {
		margin: 7px 0 0px 0;
	}
}

/*
++++++++++++++++Personalización de logo++++++++++++++
*/

.logo_brand {
	min-width: 200px;
	max-width: 200px;
}