/* font
------------------------------------------------------------------------------------------------------  */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

/* root
------------------------------------------------------------------------------------------------------  */
:root {
	
	/* fuentes */
    
	--font-regular: 'Lato', sans-serif;
	--font-bold: 'Lato', sans-serif;
	--font-book: 'Lato', sans-serif;
	
	/* colores */
	--color-primary: #990000;
    --color-secondary: #c1bcb2; 
	--color-terciary: #f0f0f0; 
	--color-black: #000000; 
	--color-white: #ffffff; 
	--color-gris: #f0f0f0; 

/*
	#990000
	#c1bcb2
*/

}


/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
	font-size: 18px;
	line-height: 28px;
    font-family: var(--font-regular);

	font-weight: 400;
}


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}

	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_15     { float: left; margin: 0px; padding: 0px; width: 15%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 85%;
	    max-width: 1300px;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-size: 44px;
		line-height: 48px;
		font-weight: 500;
	}
	h2{
		font-size: 32px;
		line-height: 32px;
		font-weight: 500;
	}
	h3{
		font-size: 18px;
		line-height: 26px;
		font-weight: 500;
	}


	/* buttons
	------------------------------------------------------------------------------------------------------  */
	.btn{
		text-align: center;
		padding: 8px 25px;
		border-radius: 80px;
		text-decoration: none;
		cursor: pointer;
		color: var(--color-white) !important;
		font-family: var(--font-regular) !important; 
	}
	.btn-red{
		background-color: var(--color-primary);
	}
	.btn-blue{
		background-color: var(--color-secondary);
	}
	.btn:hover{
		background-color: var(--color-black);
		-webkit-transform:scale(1);
		transform:scale(1.05);
	}
	.btn-mail{
		background: none;
		background-color: var(--color-white);
		color: var(--color-primary) !important;
	}
	.btn-mail:hover{
		color: var(--color-white) !important;

	}
	.btn-tel{
		display: inline-block;
		
		color: var(--color-white);
		background-color: var(--color-black) !important;
		font-family: var(--font-regular);
		background-image: url(../img/ico/ico-tel-white.svg);
		background-position: 30px center;
		background-repeat: no-repeat;
		background-size: 26px;
		padding: 15px 0px;
		font-size: 27px;
	}

	/*.btn {overflow:hidden;}	*/


	/* tools
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor: pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
		text-decoration: none;
	}
	.text-center{
		text-align: center;
	}
	.text-color-primary{
		color: var(--color-primary) !important;
	}
	.text-color-secundary{
		color: var(--color-secondary) !important;
	}
	.content_item {
		opacity: 0;
		transition: opacity 2s;
		-moz-transition: opacity 2s;
		-webkit-transition: opacity 2s;
	}
	.margin0{
		margin: 0px !important;
	}
	.padding0{
		padding: 0px !important;
	}


	/* marcador validacion formulario */
	.warning {
		border: 1px solid #c00 !important;
	}


	/* video container responsive */
	#video .embed-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			max-width: 100%;
	}
	#video .embed-container iframe, #video .embed-container object, #video .embed-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
	}


	/*  Error 404 */

	#error404 {
		text-align: center;
		padding: 50px 0;
	}
	#error404 .txt {
		font-size: 20px;
		padding: 50px 0;
	}


	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		position: absolute;
		z-index: 99999999999 !important;
		right: 25px;
		top: 26px;
	}
	#pull img{
		width: 40px;
	}
	#pull img:hover{
		opacity: 0.8;
	}


	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		float: left;
		position: relative;
		width: 100%;
		padding: 20px 0px;
		z-index: 100;
		margin-top: 5px;
		background-color: var(--color-white);
	}
	#header #logo{
		display: inline-block;
	}
	#header #logo img{
		width: 230px;
	}
	#header #menu{
		float: right;
		list-style: none;
		margin: 0px;
		margin-top: 22px;
	}
	#header #menu li{
		float: left;
		margin-left: 20px;
		margin-top: 7px;
	}
	#header #menu li.boton{
		margin-left: 5px;
	}
	#header #menu li.espace{
		float: left;
		margin-left: 30px;
		margin-top: 7px;
	}
	#header #menu li a{
		text-decoration: none;
		font-size: 16px;
		font-weight: 700;
		color: var(--color-black);
	}
	#header #menu li a:hover{
		color: var(--color-primary);
	}
	#header .idiomas{
		float: right;
		list-style: none;
		margin: 0px;
		margin-top: 29px;
		margin-left: 10px;
	}
	#header .idiomas a{
		float: left;
		margin-left: 2px;
		background-color: #f0f0f0;
		color: #990000;
		text-align: center;
		width: 30px;
		height: 30px;
		font-size: 12px;
		border-radius: 100%;
		font-weight: 600;
		padding-top: 1px;
		box-sizing: border-box;
	}
	#header .idiomas a.active, #header .idiomas a:hover{
		background-color: #990000;
		color: #fff;
	}






	/* slider
	------------------------------------------------------------------------------------------------------  */
	.slider {
		position: relative;
		width: 100%;
		height: 500px;
		left: 0;
		top: 0;
		background-image: url('../img/puntos-top-right-blue.png');
		background-position: right 6px;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 1;
	}
	.slider_slides-cont {
		height: 100%;
	}
	.slider_slide {
	   height: 100%;
	   width: 100%;
	   position: absolute;
	   line-height: 100vh;
	   font-size: 2.5em;
	   text-align: center;
	   visibility: hidden;
	   opacity: 0;
	   background-position: right top, center center;
	   background-repeat: no-repeat, no-repeat;
	   background-size: cover, cover;

	}
	.slider_slide .box{
		margin: 0 auto;
		padding: 40px;
		box-sizing: border-box;
		width: 80%;
		max-width: 940px;
		/*height: 340px;*/
		margin-top: 230px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.slider_slide .box1{
		background-image: url('../img/slide/back-box1.png');
		border-bottom: 2px solid var(--color-secondary);
		border-top: 2px solid var(--color-secondary);
	}
	.slider_slide .box2{
		/*background-image: url('../img/slide/back-box2.png');*/
		/*border-top: 2px solid var(--color-primary);
		border-bottom: 2px solid var(--color-primary);*/
		background: rgba(255,255,255,0.7);
	}
	.slider_slide .box h1{
		color: var(--color-primary);
		font-size: 35px;
	}
	.slider_slide .box h1 span{
		display: inline-block;
		margin-top: 20px;
		font-family: var(--font-book);
		font-size: 22px;
	}
	.slider_slide .box1 h1 span{
		color: var(--color-secondary);
	}
	.slider_slide .box2 h1 span{
		color: var(--color-primary);
	}
	.slider_slide:first-child {
	   visibility: visible;
	}
	.slider_slide:nth-child(2) {
	   background-color: #333;
	   color: white;
	}
	.slider_slide:nth-child(3) {
	   background-color: #f8a4a2;
	}
	.slider_nav {
	   z-index: 500 !important;
	   position: absolute;
	   height: 100%;
	   top: 70px;
	   background-color: transparent;
	   border: none;
	   outline: none;
	   font-size: 2.2em;
	   cursor: pointer;
	   padding: 0 15px;
	}
	.slider_nav--left {
		left: 0;
	}
	.slider_nav--right {
	   right: 0;
	}
	.slider_nav--left:hover { 
		box-shadow: inset 50px 0px 100px -55px rgba(0, 0, 0, 0.5);
	}
	.slider_nav--right:hover {
		box-shadow: inset -50px 0px 100px -55px rgba(0, 0, 0, 0.5);
	}
	.slider_pagination {
		position: absolute;
		bottom: 0px;
		width: 100%;
		text-align: center;
		z-index: 3;
	}
	.slider_pagination_btn {
	   display: inline-block;
	   padding: 6px;
	   margin: 5px;
	   cursor: pointer;
	   background: var(--color-white);
	   border: 1px solid var(--color-secondary) !important;
	   border-radius: 10px;
	   border: none;
	   outline: none;
	}
	.slider_pagination_btn:hover {
	   background-color: var(--color-secondary);
	}
	.slider_pagination_btn:focus {
	   background-color: var(--color-secondary);
	}
	.slider .slider_pagination_btn--sel {
	   background-color: var(--color-primary);
	}
	.slider_progress-bar {   
	   height: 5px; /* height for the bar */
	   background: var(--color-secondary);
	   position: relative;
	}
	.slider_progress-bar .slider_progress-bar_bar {
	   height: 100%;
	   background: var(--color-primary);
	   width: 0;
	}
	.slidein {
		animation-duration: 1s;
		animation-name: slidein;
		/*animation-iteration-count: 3;*/
		animation-direction: alternate;
	  }
	  
	  @keyframes slidein {
		from {
		  max-width: 0px;
		}
	  
		to {
			max-width: 940px;
		}
	  }
	  
	  


	/* 	boxes-identidad
	------------------------------------------------------------------------------------------------------  */
	#boxes-identidad{
		float: left;
		width: 100%;
		text-align: center;
		padding: 15px 0px;
		margin-top: 50px;
	}
	#boxes-identidad .item{
		display: inline-block;
		vertical-align: top;
		width: 31%;
		margin: 0px 1%;
		padding: 0px 40px;
		box-sizing: border-box;
		min-height: 190px;
		text-align: left;
		background-color: var(--color-terciary);
		border-radius: 15px;
		border-top: 10px solid var(--color-primary);
	}
	#boxes-identidad .item h3{
		display: inline-block;
		width: 100%;	
		font-size: 22px;
		line-height: 30px;
		font-family: var(--font-regular);
		color: var(--color-black);
	}
	#boxes-identidad .item .tag{
		display: inline-block;
		width: 100%;
		margin-top: 20px;
		font-family: var(--font-book);
		color: var(--color-primary);
		font-size: 14px;
	}



	/* 	banner
	------------------------------------------------------------------------------------------------------  */

	.banner{
		display: inline-block;
		width: 47%;
		margin: 10px 1%;
		box-sizing: border-box;
		vertical-align: top;
		border-radius: 20px;
		border-top: 2px solid var(--color-primary);
		border-bottom: 2px solid var(--color-white);
		border-left: 2px solid var(--color-white);
		border-right: 2px solid var(--color-white);
		background: rgb(240,240,240);
		background: -moz-linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);		
	}
	.banner:hover{
		border: 2px solid var(--color-primary);
		background: rgb(153,0,0);
		background: -moz-linear-gradient(180deg, rgba(153,0,0,1) 0%, rgba(153,0,0,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(153,0,0,1) 0%, rgba(153,0,0,1) 100%);
		background: linear-gradient(180deg, rgba(153,0,0,1) 0%, rgba(153,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#990000",endColorstr="#990000",GradientType=1);
	}
	.banner:hover .contenido h2{
		color: var(--color-white) !important;
	}
	.banner:hover .contenido span{
		color: var(--color-white) !important;
	}
	.banner .contenido{
		float: left;
		width: 100%;
		padding: 2.5em 2em;
		padding-top: 2em;
		vertical-align: top;
		box-sizing: border-box;
	}
	.banner .contenido h2{
		display: inline-block;
		margin: 0px;
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		color: var(--color-primary);
		font-family: var(--font-book);
	}
	.banner .contenido span{
		display: inline-block;
		margin: 0px;
		margin-top: 20px;
		width: 100%;
		text-align: justify;
		line-height: 24px;
		font-weight: 300;
		color: var(--color-black);
	}
	.banner .flecha{
		float: right;
		margin: 0px;
		width: 10%;
		background-color: var(--color-primary);
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		height: 80px;
	}
	.banner .flecha .content-ico{
		display: table;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		height: 80px;
	}
	.banner .flecha .content-ico .content-ico-item{
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	.banner .flecha .content-ico .content-ico-item:hover{
		background-color: var(--color-black);
	}
	.banner .flecha .content-ico img{
		width: 40px;
	}




	/* 	servicio-principal
	------------------------------------------------------------------------------------------------------  */
	#servicio-principal{
		float: left;
		width: 100%;
		position: relative;
		z-index: 3;
	}



	/* 	boxes-servicio
	------------------------------------------------------------------------------------------------------  */
	#boxes-servicio{
		float: left;
		position: relative;
		z-index: 2;
		width: 100%;
		text-align: center;
		padding: 20px 0px;
		padding-top: 150px;
		background: rgb(219,217,217);
		background: -moz-linear-gradient(180deg, rgba(219,217,217,1) 0%, rgba(255,255,255,1) 50%);
		background: -webkit-linear-gradient(180deg, rgba(219,217,217,1) 0%, rgba(255,255,255,1) 50%);
		background: linear-gradient(180deg, rgba(219,217,217,1) 0%, rgba(255,255,255,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbd9d9",endColorstr="#ffffff",GradientType=1);
		margin-top: -240px;
	}
	#boxes-servicio .item{
		display: inline-block;
		width: 28%;
		margin: 0px 1.5%;
		vertical-align: top;
		padding: 5px 30px;
		padding-bottom: 20px;
		box-sizing: border-box;
		text-align: left;
		border-radius: 10px;
		border-top: 10px solid var(--color-primary);

		background: rgb(240,240,240);
		background: -moz-linear-gradient(0deg, rgba(240,240,240,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(240,240,240,0) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(0deg, rgba(240,240,240,0) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
	}
	#boxes-servicio .item h3{
		display: inline-block;
		width: 100%;	
		font-family: var(--font-regular);
		color: var(--color-secondary);
	}
	#boxes-servicio .btn{
		display: inline-block;
		margin-top: 10px;
	}
	#boxes-servicio .texto-destacado{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#boxes-servicio .texto-destacado h3{
		font-size: 26px;
		line-height: 32px;
		font-weight: 300;
		color: var(--color-black);
	}


	/* 	perfiles
	------------------------------------------------------------------------------------------------------  */
	#perfiles{
		float: left;
		width: 100%;
		padding: 20px 0px;
		padding-bottom: 80px;
	}
	#perfiles .box-perfiles{
		float: left;
		width: 100%;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border: 1px solid var(--color-white);
		box-shadow: 0px 10px 10px #999;
		background-color: var(--color-terciary);
	}
	#perfiles .box-perfiles .img-perfiles{
		float: left;
		width: 100%;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}
	#perfiles .box-perfiles .elements{		
		float: left;
		width: 100%;
		padding: 40px;
		background-color: var(--color-white);
		box-sizing: border-box;
	}
	#perfiles .box-perfiles .elements .titulo{		
		float: left;
		width: 100%;
		text-align: center;
		font-size: 30px;
		line-height: 36px;		
		color: var(--color-black);
		font-family: var(--font-book);

	}
	#perfiles .box-perfiles .elements .espontanea{		
		float: left;
		text-align: center;
		width: 100%;
	}
	#perfiles .box-perfiles .elements .espontanea .tit{	
		display: inline-block;
		width: 100%;
		font-family: var(--font-book);
		color: var(--color-primary);
		font-size: 30px;
		line-height: 35px;
		margin-top: 20px;
	}
	#perfiles .box-perfiles .elements .espontanea .abstract{		
		display: inline-block;
		width: 100%;
		font-family: var(--font-regular);
		color: var(--color-black);
		padding: 10px 0px;
	}
	#perfiles .box-perfiles .elements .espontanea .btn{		
		display: inline-block;
		margin-top: 10px;
	}
	





	/* 	barra-contacto
	------------------------------------------------------------------------------------------------------  */
	#barra-contacto{
		float: left;
		width: 100%;
		padding: 14px 0px;
		text-align: center;
		background-color: var(--color-secondary);
	}
	#barra-contacto .barra{
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		border-radius: 4px;
	}
	#barra-contacto .barra .titulo{
		display: inline-block;
		width: 100%;
		color: var(--color-primary);
		font-size: 28px;
		line-height: 35px;
		font-weight: 600;
		margin-top: 20px;
	}
	#barra-contacto .barra .txt{
		display: inline-block;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		font-weight: 300;
		color: var(--color-white);
		font-family: var(--font-regular);
	}
	#barra-contacto .barra .tel{
		display: inline-block;
		width: 188px;
		color: var(--color-white);
		font-family: var(--font-regular);
		background-image: url(../img/ico/ico-tel-white.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 26px;
		padding: 15px 0px;
		padding-left: 45px;
		font-size: 27px;
	}
	#barra-contacto .barra .btn{
		display: inline-block;
		width: 260px;
		margin: 5px 10px;
		font-size: 18px;
		padding: 10px 0px;
	}


	/* 	cabecera-interior
	------------------------------------------------------------------------------------------------------  */
	#cabecera-interior{
		float: left;
		width: 100%;
		height: 300px;		
		background-repeat: no-repeat;
		background-size: cover;

/*		background-position: right top, center center;
		background-repeat: no-repeat, no-repeat;
		background-size: cover, cover;*/
	}


	/* 	cabecera-legal
	------------------------------------------------------------------------------------------------------  */
	#cabecera-legal{
		float: left;
		width: 100%;
		height: 100px;
		background-color: var(--color-secondary);
	}

	

	/* 	contenidos
	------------------------------------------------------------------------------------------------------  */
	#contenidos{
		display: inline-block;
		width: 100%;
	}	
	#contenidos .content-titulo{
		display: inline-block;
		width: auto;
		margin-top: -50px;
		margin-left: -50px;
		box-sizing: border-box;
		background-color: var(--color-white);

	}
	#contenidos .content-titulo .titulo{
		display: inline-block;
		width: 100%;
		padding: 5px 50px;
		box-sizing: border-box; 
	}
	#contenidos .content-titulo .titulo h1{
		color: var(--color-primary);
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 0px;
	}
	#contenidos .breadscrump{
		display: inline-block;
		width: 100%;
		padding: 25px 0px;
		padding-bottom: 40px;
		font-size: 12px;
		color: var(--color-secondary);
	}
	#contenidos .breadscrump a{
		color: var(--color-primary);
	}
	#contenidos .abstract{
		display: inline-block;
		width: 100%;
		/*max-width: 800px;*/
		font-weight: 500;
		color: var(--color-black);
		text-align: justify;
		font-size: 24px;
		line-height: 35px;
	}		
	#contenidos .descripcion{
		display: inline-block;
		width: 100%;
		margin-top: 12px;
		color: #666666;
		text-align: justify;
	}
	#contenidos .subtitulo{
		display: inline-block;
		margin-top: 50px;
		width: 100%;
		font-family: var(--font-book);
		color: var(--color-black);
		font-size: 24px;
	}		
	#contenidos .boxes{
		display: inline-block;
		margin-top: 15px;
		width: 100%;
	}		
	#contenidos .boxes .box{
		display: inline-block;
		vertical-align: top;
		width: 30%;
		padding: 30px 40px;
		box-sizing: border-box;
		margin-top: 20px;
		margin-right: 3%;
		border-radius: 10px;
		border-top: 10px solid var(--color-primary);
		background-color: var(--color-terciary);
	}	
	#contenidos .boxes .box h2{
		display: inline-block;
		width: 100%;
		margin: 0px;
		font-size: 25px;
		line-height: 28px;
		font-family: var(--font-book);
		color: var(--color-primary);
	}	
	#contenidos .boxes .box p{
		display: inline-block;
		width: 100%;
		margin: 0px;
		font-family: var(--font-regular);
		text-align: justify;
		color: #444;
		hyphens: auto;
		line-height: 20px;
    	font-size: 17px;
	}	
	#contenidos .boxes .box-100{
		display: inline-block;
		vertical-align: top;
		width: 100%;
		padding: 20px 40px;
		padding-bottom: 0px;
		box-sizing: border-box;
		margin: 10px 0px;
		border-radius: 10px;
		border-top: 10px solid var(--color-primary);
		background-color: var(--color-terciary);
	}	
	#contenidos .boxes .box-50{
		display: inline-block;
		vertical-align: top;
		width: 47.5%;
		padding: 30px 40px;
		box-sizing: border-box;
		margin: 20px 1%;
		border-radius: 10px;
		border-top: 10px solid var(--color-primary);
		background-color: var(--color-terciary);
	}	
	#contenidos .boxes-right-100{
		float: right;
		margin-top: 0px;
		width: 90%;
	}
	#contenidos .boxes-right-100-full{
		float: left;
		margin-top: 0px;
		width: 100%;
	}
	#contenidos .boxes-right-100 .box{
		width: 100%;
		margin-top: 40px;
		margin-right: 0px;
	}
	#contenidos .boxes-right-100 .subtitulo{
		margin-top: 45px;
		line-height: 35px;
		text-align: center;
		padding-top: 50px;
		border-top: 1px solid var(--color-primary);
		background-image: url('../img/triangulo-red.svg');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 10px;
	}		
	#contenidos .box-submenu-servicios{
		float: left;
		width: 100%;
		margin-top: 40px;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 30px;
		box-sizing: border-box;
		background-color: var(--color-terciary);
	}
	#contenidos .box-submenu-servicios .caption{
		float: left;
		width: 100%;
		padding: 0px 20px;
		padding-top: 20px;
	}
	#contenidos .box-submenu-servicios ul{
		float: left;
		width: 100%;
	}
	#contenidos .box-submenu-servicios ul li{
		float: left;
		width: 100%;
		font-weight: 700;
		padding: 4px 0px;
	}
	#contenidos .box-submenu-servicios ul li a{
		float: left;
		width: 100%;
		color: var(--color-primary);
	}
	#contenidos .box-submenu-servicios ul li a:hover{
		text-decoration: underline;
	}
	#contenidos .box-submenu-servicios ul li .active{
		float: left;
		width: 100%;
		color: var(--color-black);
	}
	#box-list-ofertas .box-lateral-acceder{
		background-color: var(--color-secondary);
	}
	#box-list-ofertas .box-lateral-espontaneas{
		background-color: var(--color-primary);
	}
	#box-list-ofertas .box-lateral{
		float: left;
		width: 48%;
		margin: 0px 1%;
		padding: 40px 50px;
		border-radius: 10px;
		box-sizing: border-box;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 40px;
	}
	#box-list-ofertas .box-lateral .tit{
		display: inline-block;
		width: 100%;
		font-family: var(--font-bold);
		font-weight: 600;
		font-size: 24px;
	}
	#box-list-ofertas .box-lateral .txt{
		display: inline-block;
		width: 100%;
		margin: 20px 0px;
		line-height: 22px;
		min-height: 65px;
		color: var(--color-white);
		font-family: var(--font-regular);
	}

	#contenidos #corpo{
		display: inline-block;
		margin-top: 30px;
		width: 100%;
		margin-bottom: 50px;
		border-top: 1px solid var(--color-primary);
		background-image: url('../img/triangulo-red.svg');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 10px;
	}
	#contenidos #corpo .frase{
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
		width: 70%;
		max-width: 800px;
		font-family: var(--font-bold);
		color: var(--color-primary);
		font-size: 20px;
		line-height: 28px;
	}
	#box-list-ofertas{
		display: inline-block;
		width: 100%;
		background-color: #f3f5f6;
		padding-top: 20px;
		margin-bottom: 50px;
	}
	#box-list-ofertas .list-ofertas{
		display: inline-block;
		width: 100%;
	}
	

	/* item-servicios
	------------------------------------------------------------------------------------------------------  */
	.item-servicios{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 80px;
	}
	.item-servicios .titulo{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 20px;
		color: var(--color-black);
		letter-spacing: 5px;
		font-size: 14px;
		font-weight: 600;
	}


	/* formulario
	------------------------------------------------------------------------------------------------------  */
	#formulario{
		float: left;
		width: 100%;
		margin-top: 40px;
		padding: 80px 0px;
		padding-bottom: 65px;
		background-color: var(--color-terciary);
		background-image: url('../img/triangulo-blanco.svg');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 20px;
	}
	#formulario .tit{
		display: inline-block;
		width: 100%;
		color: var(--color-primary);
		font-weight: 700;
		font-size: 23px;
	}
	#formulario p{
		display: inline-block;
		width: 100%;
		margin-top: 30px;
		color: #666;
	}
	#formulario .campos{
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;	
		color: #666;
	}
	#formulario .campos_50{
		width: 46%;
		margin: 0px 2%;
		box-sizing: border-box;
	}
	#formulario .campos_100{
		width: 96%;
		margin: 0px 2%;
		box-sizing: border-box;
	}
	#formulario .campos a{
		color: var(--color-primary);
	}
	#formulario .campos a:hover{
		color: var(--color-black);
	}

















	/* form
	------------------------------------------------------------------------------------------------------  */
	form{
		float: right;
		width: 94%;
	}
	form input,textarea{
		float: left;
		font-family: var(--font-regular);
		width: 100%;
		padding: 12px 5%;
		border: 0px;
		border-radius: 8px;
		outline: none;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	form .loschecks{
		float: left;
		width: 100%;
		font-size: 13px;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}				  
	.msgs_form{
		float:left; 
		clear:both; 
		display: none; 
		text-align:left; 
		margin-top:5px; 
		padding:5px 10px; 
		font-size: 13px;
		font-weight: 300;
	}		  
	#confirm_send{
		float:left; 
		text-align: center;
		border: 1px solid var(--color-secondary);
		width: 100%;
		display: none;
		font-size: 14px;
		line-height: 16px;
		margin-top: 20px;
		padding: 10px 0px;
		text-transform: uppercase;
		font-weight: 700;
		color: var(--color-secondary);
		box-sizing: border-box;
	}
		  

	#formamos-parte{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
	}
	#formamos-parte .subtitulo{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#formamos-parte .box-formamos-parte{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}
	#formamos-parte .box-formamos-parte .tit{
		display: inline-block;
		width: 100%;
		padding: 2px 0px;
		font-size: 16px;
		color: var(--color-black);
		background-color: var(--color-white);
		font-weight: 700;
		letter-spacing: 4px;
		border-bottom: 1px solid var(--color-primary);
	}
	#formamos-parte#formamos-parte .box-formamos-parte img{
		height: 60px;
		margin-top: 40px;
	}
	#formamos-parte .box-formamos-parte p{
		width: 100%;
		text-align: center;
		font-size: 15px;
		line-height: 17px;
		color: var(--color-black);
	}



	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width: 100%;
		text-align: center;
		background-image: url('../img/back-footer-manos.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 300px;
	}
	#footer .subtitulo{
		display: inline-block;
		margin-top: 50px;
		width: 100%;
		font-family: var(--font-book);
		color: var(--color-black);
		font-size: 24px;
	}		

	#footer .back-footer{
		float: left;
		width: 100%;
		background: rgba(240, 240, 240, 0.7);
		padding: 40px 0px;
		text-align: left;
	}
	#footer .back-footer img{
		float: left;
		width: 180px;
	}
	#footer .texto{
		float: left;
		clear: left;
		margin-top: 30px;
		font-size: 16px;
		font-family: var(--font-book);
		color: var(--color-secondary);
	}
	#footer .link-footer{
		float: left;
		width: 100%;
		font-size: 15px;
		color: var(--color-black);
	}
	#footer .link-footer:hover{
		color: var(--color-primary);
	}
	#footer .btn{
		float: left;
		padding: 12px 0px;		
		width: 100%;
		margin-bottom: 5px;
	}
	#footer .back-copy{
		float: left;
		width: 100%;
		text-align: left;
		font-size: 14px;
		background-color: var(--color-secondary);
		color: var(--color-white);
		padding: 20px 0px;
	}
	#footer .back-copy a{
		color: var(--color-primary);
	}
	#footer .back-copy a:hover{
		color: var(--color-white);
	}






	/* responsive
	------------------------------------------------------------------------------------------------------  */

	@media only screen and (max-width: 1280px) {

		#header{
			padding: 30px 0px;
			padding-bottom: 44px;
		}	
		#header #logo{
			position: absolute;
			left: 25px;
		}	
		#header #logo img{
			width: 180px;
		}	
		#header .content{
			width: 95%;
		}
		#header .col_80{
			float: right;
		}

	}




	@media only screen and (max-width: 1140px) {

		#pull{
			display: inline-block;
		}
		#header{
			padding: 30px 0px;
			padding-bottom: 64px;
		}	
		#header #logo{
			position: absolute;
			left: 25px;
		}	
		#header #logo img{
			width: 120px;
		}	
		#header #menu{
			display: none;
			position: absolute;
			z-index: 999999999999999999999999999999999999 !important;
			top: 70px;
			left: 0px;
			width: 100%;
			padding: 40px 0px;
			background-color: var(--color-gris);
		}
		#header #menu li{
			float: left;
			width: 100%;
			margin-left: 0px;
			margin-top: 0px;
			text-align: center;
		}
		#header #menu li.boton{
			margin-left: 0px;
			margin-top: 10px;
		}
		#header #menu li.boton .btn{
			padding: 10px 0px;
			width: 160px;
		}
		#header #menu li.espace{
			float: left;
			width: 100%;
			margin-left: 0px;
		}
		#header #menu li a{
			display: inline-block;
			width: 80%;
			border-radius: 50px;
			padding: 8px 0px;
			margin:5px 0px;
			text-decoration: none;
			color: var(--color-primary);
			border: 1px solid var(--color-primary);
		}
		#header #menu li a:hover{
			color: var(--color-primary);
		}
		#header .idiomas {
			float: none;
			list-style: none;
			margin: 0px;
			margin-top: 1px;
			margin-left: 0px;
			position: absolute;
			right: 85px;
		}

	}



	@media only screen and (max-width: 1200px) {

		.div-contacto .col_30, .div-contacto .col_70{
			width: 100%;
		}

	}


	@media only screen and (max-width: 1140px) {

		.slider_slide .box h1{
			font-size: 25px;
		}	
		.slider {
			height: 370px;
		}
		.slider_slide .box{
			width: 70%;
			max-width: 400px;
			height: auto;
			padding: 20px;
			margin-top: 150px;
		}		
		.slider_nav {
			top: 50px;
		 }
		#boxes-identidad .item{
			width: 96%;
			margin: 0px 2%;
			margin-bottom: 15px;
			padding: 15px 40px;
			min-height: auto;
		}
		#boxes-identidad .item h3{
			font-size: 18px;
			line-height: 20px;
		}
		.banner .contenido h2{
			font-size: 18px;
			line-height: 20px;
		}
		.banner{
			float: left;
			width: 96%;
			margin: 5px 2%;
		}
		.banner .contenido span{
			font-size: 16px;
			line-height: 22px;
			font-weight: 400;
		}
	
	}



	@media only screen and (max-width: 1020px) {
	
		h1{
			font-size: 30px;
			line-height: 32px;
		}
		h2{
			font-size: 23px;
			line-height: 25px;
		}
		h3{
			font-size: 18px;
			line-height: 20px;
		}
		#footer{
			padding-top: 0px;
		}
		#footer .col_35, #footer .col_25, #footer .col_15{
			float: left;
			width: 100%;
			text-align: center;
			padding: 20px 0px;
			line-height: 25px !important;
		}
		#footer .back-footer img{
			float: none;
		}
	
	}


	@media only screen and (max-width: 890px) {

		h1{
			font-size: 25px;
			line-height: 27px;
		}
		h2{
			font-size: 20px;
			line-height: 22px;
		}
		h3{
			font-size: 16px;
			line-height: 18px;
		}
		.slider_slide .box h1 span{
			margin-top: 20px;
			font-size: 18px;
			line-height: 20px;
		}
		#boxes-servicio .item{
			padding: 5px 20px;
		}
		#formulario .col_30, #formulario .col_70{
			width: 50%;
		}
		#formulario .campos_50{
			width: 96%;
			margin: 0px 2%;
		}
		#contenidos .boxes .box-50{
			width: 96%;
			padding: 30px 30px;
			margin: 20px 2%;
		}	
		#box-list-ofertas .box-lateral{
			width: 96%;
			margin: 0px 2%;
			padding: 40px 30px;
			margin-top: 20px;
		}		
		#box-list-ofertas .list-ofertas iframe{
			height: 3800px;
		}
			
	}

	@media only screen and (max-width: 720px) {

		.slider_slide .box{
			padding-top: 20px;
		}
		#cabecera-interior{
			height: 150px;		
		}
		#contenidos .content-titulo .titulo h1{
			font-size: 25px;
			line-height: 30px;
		}
		#contenidos .abstract{
			font-size: 20px;
			line-height: 24px;
		}	
		#formulario .col_30, #formulario .col_70{
			width: 100%;
		}
		#formulario form{
			float: left;
			width: 100%;
		}
	

	}	


	@media only screen and (max-width: 650px) {
	
		#boxes-servicio .item{
			width: 82%;
			margin: 0px 4%;
			padding: 5px 40px;
			padding-bottom: 20px;
			margin-bottom: 15px;
		}
		#contenidos .boxes .box-100{
			padding: 20px 25px;
		}	
	
	}

	@media only screen and (max-width: 500px) {

		h1{
			font-size: 22px;
			line-height: 24px;
		}
		h2{
			font-size: 18px;
			line-height: 20px;
		}
		h3{
			font-size: 15px;
			line-height: 17px;
		}
		body {
			font-size: 16px;
			line-height: 22px;
		}
		.slider_slide .box h1 span{
			font-size: 16px;
			line-height: 19px;
		}
		#header .idiomas a{
			font-size: 12px;
			line-height: 28px;
		}

	}