body 
{
	font-size:14.75px;
	padding-top: 0;
}
header 
{
    width: 100%;
    position: static;
}
.center
{
	width: 95em;
    margin: 0 auto;
}
.center-full
{
	width: 87%;
    margin: 0 auto;
}


#container-module-slider
{
	width:100%;
	height: 90vh;
	position:relative;
	background: #000;
}
#container-module-slider img
{
	width:100%;
	height: 90vh;
	opacity: 0.6;
}
#container-module-slider .slick-slider .slick-slide 
{
    font-size: 0;
}

.layer-slider
{
    width: 45%;
    position: absolute;
    top: 0;
    left: 8.5%;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: center; 
	align-items: flex-start;
    flex-flow: column wrap;
}
.layer-slider h2 
{
    font: 4.5em/1.2em bold;
    color: #fff;
	margin-bottom: 0.15em;
}
.layer-slider p
{
    font: 1.65em/1.5em regular;
    color: #fff;
}

.button-slider a
{
    font: 1.4em / 1em regular;
    color: #fff;
    padding: 0.75em 1.5em;
    display: table;
    margin-top: 2em;
    border: 1px solid #062565;
	display: flex;
    align-items: center;
    background: #062565;
    transition: all 0.3s ease-in-out;
}
.button-slider a:hover
{
    background: #e51111;
    border: 1px solid #e51111;
}
.button-slider a i
{
	margin-left:1em;
	width:0.8em;
	height:0.8em;
    background: url("../images/flechaHome.png") no-repeat center / contain;	
}
#container-module-slider .slick-dots  
{ 
	display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    left: 0em;
    position: absolute;
    bottom: 3em;
}
#container-module-slider .slick-dots button 
{
	border: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	width: 16px;
	height: 16px;
	background: none;
	border-radius: 50%;
	margin: 0 4px;
	cursor: pointer;
	border: 2px solid #fff;
	background: none;
}
#container-module-slider .slick-active button 
{
	background: #fff;
}


#container-module-slider .slick-prev
{
    position: absolute;
    width: 3em;
    height: 6em;
    top: 45%;
    left: 0;
    border: none;
    color: transparent;
    padding: 0;
    cursor: pointer;
    z-index: 99;
    background: url("../images/nextIzquierdaHome.png") no-repeat center / cover;
}
#container-module-slider .slick-next
{
    position: absolute;
    width: 3em;
    height: 6em;
    top: 45%;
    right: 0;
    border: none;
    color: transparent;
    padding: 0;
    cursor: pointer;
    z-index: 99;
	background: url("../images/nextDerechaHome.png") no-repeat center / cover;
}



@media screen and (max-width: 1760px)
{
	body ,
	.layer-slider,
	.layer-banner
	{
		font-size: 12.75px;
	}
	
}

@media screen and (max-width:1400px)
{
	body ,
	.layer-slider ,
	.layer-banner
	{
		font-size: 11.75px;
	}
	
}

@media screen and (max-width: 1100px)
{

	body ,
	.layer-slider ,
	.layer-banner
	{
		font-size: 8px;
	}
	.center
	{
		width: 90%;
	}

	
	
}

@media screen and (max-width:760px)
{
	body 
	{
		font-size: 9.75px;
		padding-top: 6.6em;
	}
	.center 
	{
		width: 90%;
	}
	.column_menu_header
	{
		display: none;
	}
	
	.column_logo_header img 
	{
		width: 12em;
	}

	.layer-slider
	{
		width: 90%;
		left: 0;
		align-items: center;
		margin: 0 auto;
		right: 0;
	}
	.layer-slider h2 
	{
		font: 3.5em / 1.3em regular;
	}
	#container-module-slider
	{
		width:100%;
		height: 45vh;
	}
	#container-module-slider img
	{
		width:100%;
		height: 45vh;
	}
	
	
	
	

}


@media screen and (max-width: 320px)
{
	
	body ,
	.layer-slider,
	.layer-banner
	{
		font-size: 8.75px;  
	}

	
}