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


/* root
------------------------------------------------------------------------------------------------------  */
:root {
	
	/* font  */
	--font: 'Poppins', sans-serif;

	/* font weight */
	--font-black: 900;
	--font-bold: 700;
	--font-regular: 400;
	--font-light: 300;

	/* colores */
	--color-primary: #a4ad6c;
    --color-secondary: #4c5ca2; 
	--color-black: #000; 
	--color-white: #fff; 
	--color-darkgrey: #333333; 
	--color-lightgrey: #edeef0; 
	--color-success: #5cac20;

}


	/* body
	------------------------------------------------------------------------------------------------------  */
	body {
		margin: 0 auto;
		width: 100%;
		padding: 0px;
		font-size: 15px;
		line-height: 22px;
		font-family: var(--font);
		font-weight: var(--font-light);
		text-align: left;
		z-index: 1;
	}


	/* layout 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_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


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


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 90%;
	    max-width: 1440px;
	}
	.content-full{
		margin: 0 auto;
		width: 90%;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		margin: 0px;
		font-weight: var(--font-black);
		font-size: 40px;
		line-height: 40px;
	}
	h2{
		margin: 0px;
		font-weight: var(--font-black);
		font-size: 22px;
		line-height: 24px;
	}
	h3{
		margin: 0px;
		font-weight: var(--font-black);
		font-size: 26px;
		line-height: 28px;
	}


	*{
		box-sizing: border-box;
	}

	
	/* p
	------------------------------------------------------------------------------------------------------  */
	p {
		margin: 0px;
		hyphens: auto;
		text-align: justify;
	}


	/* a, link
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor: pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;	
		text-decoration: none;
	}
	.link{
		color: var(--color-primary);
	}
	.link:hover{
		text-decoration: underline;
	}
	.link-logout{
		float:right;
		margin-top: 180px;
		color: var(--color-white);
		font-weight: 600;
		border: 1px solid var(--color-white);
		padding: 6px 15px;
		font-size: 15px;
		border-radius: 5px;
		cursor: pointer;
		background-color: transparent;
	}
	.link-logout:hover{
		background-color: var(--color-secondary);
		border: 1px solid var(--color-secondary);
		text-decoration: none;
	}



	/* float
	------------------------------------------------------------------------------------------------------  */
	.float-left{
		float: left;
	}
	.float-right{
		float: right;
	}
	.float-none{
		float: none;
	}


	/* text align
	------------------------------------------------------------------------------------------------------  */
	.text-center{
		text-align: center;
	}
	.text-right{
		text-align: right;
	}
	.text-left{
		text-align: left;
	}


	/* text colors
	------------------------------------------------------------------------------------------------------  */
	.text-color-primary{
		color: var(--color-primary);
	}
	.text-color-secondary{
		color: var(--color-secondary);
	}
	.text-color-darkgrey{
		color: var(--color-darkgrey);
	}
	.text-color-lightgrey{
		color: var(--color-lightgrey);
	}
	.text-color-black{
		color: var(--color-black);
	}
	.text-color-white{
		color: var(--color-white);
	}
	

	.mtop0{
		margin-top: 0px !important;
	}
	.mtop15{
		margin-top: 15px !important;
	}
	.mtop30{
		margin-top: 30px !important;
	}
	.mtop50{
		margin-top: 50px;
	}
	.padding-top-contacto{
		padding-bottom: 80px !important;
	}
	.w100{
		width: 100% !important;
	} 

	/* breadcrumbs
	------------------------------------------------------------------------------------------------------  */
	#breadcrumbs{
		float: left;
		position: relative;
		z-index: 10;
		width: 100%;
		padding: 4px 0px;
		padding-top: 12px;
		background-color: var(--color-white);
		margin-top: -50px;
		background-color: var(--color-lightgrey);
	}
	#breadcrumbs ol{
		margin: 0em;
		padding: 0em;
	}
	#breadcrumbs .breadcrumb-item{
		display: inline-block;
		margin-right: 2px;
		font-size: 12px;
		line-height: 12px;
		margin-bottom: 10px;
	}
	#breadcrumbs .breadcrumb-item a{
		color: var(--color-primary);
		border: 1px solid var(--color-primary);
		padding: 1px 8px;
		border-radius: 5px;
	}
	#breadcrumbs .breadcrumb-item a:hover{
		color: var(--color-white);
		border: 1px solid var(--color-primary);
		background-color: var(--color-primary);
		padding: 1px 8px;
		border-radius: 5px;
	}
	#breadcrumbs .active{
		margin-left: 6px;
	}



	/* btn
	------------------------------------------------------------------------------------------------------  */
	.btn{
		display: inline-block;
		font-weight: var(--font-bold);
		border: 1px solid var(--color-white);
		font-size: 14px;
		line-height: 14px;
		padding: 12px 25px;
		border-radius: 50px;
		letter-spacing: 1px;
		cursor: pointer !important;
	}
	.btn-small{
		font-size: 12px;
		line-height: 12px;
		padding: 5px 8px;
	}
	.btn-primary{
		background-color: var(--color-primary);
		border: 1px solid var(--color-primary);
		color: var(--color-white);
	}
	.btn-white{
		background-color: var(--color-white);
		border: 1px solid var(--color-white);
		color: var(--color-darkgrey);
	}
	.btn:hover{
		background-color: var(--color-black);
		border: 1px solid var(--color-black);
		color: var(--color-primary);
	}
	.btn-tel-darkgrey{
		background-image: url('../img/ico-tel-darkgrey.svg');
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 10px;
		padding-left: 38px;
		background-color: var(--color-lightgrey);
	}
	.deshabilitado{
		pointer-events: none; 
		cursor: default;
	}
	#frmLogin, #frmPsw{
		display: inline-block;
		width: 80%;
		max-width: 400px;
		margin-top: 50px;
		padding: 50px;
		border: 1px solid var(--color-secondary);
		border-radius: 20px;
		text-align: left;
	}	
	#frmLogin label, #frmPsw label{
		font-weight: 600;
		color: var(--color-secondary);
	}
	#frmLogin input, #frmPsw input{
		background-color: var(--color-lightgrey);
		margin-bottom: 20px;
	}
	#frmLogin button, #frmPsw button{
		cursor: pointer;
	}
	#frmLogin .link, #frmPsw .link{
		display: inline-block;
		margin-top: 20px;
	}


	/* forms
	------------------------------------------------------------------------------------------------------  */
	form input,textarea{
		float: left;
		background-color: var(--color-white);
		border-radius: 10px;
		border: 0px;
		width: 100%;
		margin-top: 5px;
		padding: 12px 20px;
		font-family: var(--font);
		outline: none;
	}
	form textarea{
		height: 150px;
	}
	form .loschecks{
		float: left;
		width: 100%;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}				  
	.msgs_form{
		float: left; 
		clear: both; 
		display: none; 
		margin: 10px 0px; 
		color:var(--color-secondary); 
		padding: 10px 10px; 
		background-color: var(--color-lightgrey);
	}		  
	.msgs_send{
		float: left; 
		width: 100%;
		margin: 10px 0px;
		color: var(--color-primary);
		font-weight: 600;
		display: none; 
	}
	#msg_alerta{
		float: left;
		width: 100%;		
		margin: 0px;
		margin-top: 20px;
		font-size: 12px;
	}
	#confirm_send{
		display: none;
		width: 100%;
		text-align: center;
		background-color: var(--color-white);
		padding: 20px 0px;
		border-radius: 10px;
		margin-top: 20px;
		font-weight: 500;
		color: var(--color-black);
	}
	
	
	
	/* Cookies
	------------------------------------------------------------------------------------------------------  */
	#container_cookies {
		width: 96%;
		max-width: 450px;
		position: fixed;
		bottom: 10px;
		right: 2%;
		z-index: 100;
		padding: 40px;
		box-sizing: border-box;
		border: 1px dashed var(--color-primary);
		box-shadow: 0px 0px 10px var(--color-secondary);
		background: rgb(221,219,219);
		background: -moz-linear-gradient(180deg, rgba(221,219,219,1) 0%, rgba(252,252,252,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(221,219,219,1) 0%, rgba(252,252,252,1) 100%);
		background: linear-gradient(180deg, rgba(221,219,219,1) 0%, rgba(252,252,252,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddbdb",endColorstr="#fcfcfc",GradientType=1);
	}
	#container_cookies .mensaje {
		margin: 0 auto;
		width: 100%;
		text-align: justify;
		color: var(--color-secondary);
		font-weight: var(--font-regular);
	}
	#container_cookies .mensaje .txt {
		float: left;
		padding-bottom: 25px;
	}


	/* header
	------------------------------------------------------------------------------------------------------  */
	#main-header-int{
		display: flex;
		margin: 0 auto;
		width: 100%;
		padding: 20px 0px;
		background-color: var(--color-lightgrey);
		background-image: url('../img/back-home.jpg'), url('../img/back-bottom.png');
		background-position: center -50px, center bottom;
		background-repeat: no-repeat, no-repeat;
		background-size: 100%, 100%;
	}
	#main-header{
		display: inline-block;
		width: 100%;
		padding: 10px 0px;
		background-color: var(--color-white);
	}
	#main-header #logo{
		display: inline-block;
	}
	#main-header #logo img{
		width: 270px;
	}
	#main-header nav, #main-header-inmo nav, #main-header-servicio nav{
		display: none;
		position: absolute;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: var(--color-secondary);
		padding: 33px 0px;
	}
	#main-header nav .accesos, #main-header-inmo nav .accesos, #main-header-servicio nav .accesos{
		margin-top: 0px !important;
	}
	#main-header .accesos{
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	#main-header .accesos .acces{
		display: inline-block;
		vertical-align: top;
		margin-top: 20px;
	}
	#main-header .accesos .pull{
		display: inline-block;
		vertical-align: top;
		margin-left: 40px;
		margin-top: 30px;
	}
	#main-header .accesos .pull img{
		width: 20px;
	}
	#main-header .pull img:hover{
		opacity: 0.8;
	}
	#main-header h1{
		display: inline-block;
		width: 100%;
		margin-top: 60px;
	}
	#nav-menu{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}
	#nav-menu a{
		float: left;
		padding: 14px 0px;
		width: 49%;
		margin: 2px 0.5%;
		text-align: center;
	}










	/* main-header-inmo
	------------------------------------------------------------------------------------------------------  */
	#main-header-inmo{
		display: flex;
		margin: 0 auto;
		width: 100%;
		background-color: var(--color-lightgrey);
		background-image: url('../img/cap-inmobiliaria.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
		max-width: 1440px;
		height: 700px;
	}
	.background-ficha{
		background-image: url('../img/back-inmo-top.png') !important;
		background-position: center -100px !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		padding-bottom: 80px !important;
		background-color: var(--color-white) !important;
	}

	#main-header-inmo #logo, #main-header-servicio #logo{
		display: inline-block;
		text-align: left;
	}
	#main-header-inmo #logo img, #main-header-servicio #logo img{
		width: 280px;
	}
	#main-header-inmo nav, #main-header-servicio nav{
		display: none;
		position: absolute;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: var(--color-secondary);
		padding: 33px 0px;
	}
	#main-header-inmo nav .accesos, #main-header-servicio nav .accesos{
		margin-top: 0px !important;
	}
	#main-header-inmo .accesos, #main-header-servicio .accesos{
		display: inline-block;
		width: 100%;
		text-align: right;
		margin-top: 32px;
	}
	#main-header-inmo .accesos .acces, #main-header-servicio .accesos .acces{
		display: inline-block;
		vertical-align: top;
	}
	#pull2{
		display: none;
		width: 100%;
		text-align: center;
	}
	#main-header-inmo .accesos .pull, #main-header-servicio .accesos .pull{
		display: inline-block;
		vertical-align: top;
		margin-left: 40px;
		margin-top: 12px;
	}
	#main-header-inmo .pull img, #main-header-servicio .pull img{
		width: 20px;
	}
	#main-header-inmo .pull img:hover, #main-header-servicio .pull img:hover{
		opacity: 0.8;
	}
	#main-header-inmo h1, #main-header-servicio h1{
		display: inline-block;
		width: 80%;
		margin-top: 140px;
		max-width: 800px;
		text-align: center;
		color: var(--color-white);
	}




	/* inmo-intro
	------------------------------------------------------------------------------------------------------  */

	#inmo-intro-curva{
		float: left;
		width: 100%;
		height: 100px;
		background-image: url('../img/inmo-top-curva.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-top: -80px;
	}
	#inmo-intro{
		float: left;
		width: 100%;
		margin-top: 60px;
		text-align: center;
		background-color: var(--color-white);
	}
	#inmo-intro .abs{
		display: inline-block;
		width: 80%;
		max-width: 650px;
		font-size: 22px;
		line-height: 28px;
		text-align: center;
		color: var(--color-secondary);
		font-weight: var(--font-light);
	}
	#inmo-intro .abs span{
		font-weight: var(--font-bold);
	}


	.foto-slide div img{
/*		object-fit: cover;
		object-position: 50% 50%;*/
		width: auto;
		height: 500px;
	}
	.foto-slide div img:hover{
		cursor: url('../img/ico-zoom2.png'), auto;
	}
		
	.lg-sub-html p {
		font-size: 14px !important;
		margin: 5px 0 0;
		color: #fff !important;
	}
	

	.slick-slide {
		margin: 0px 10px;
	}        
	.slick-slide img {
		width: 100%;
	}        
	.slick-prev:before,
	.slick-next:before {
		color: black;
	}    
	.slider-top .slick-prev:before,
	.slider-top .slick-next:before {
		color:#fff !important;
	}    
	.slider-top .slick-next{
		position: absolute;
		left: 91%;
		top: 245px;
		z-index: 1;
	}    
	.slider-top .slick-prev{
		position: absolute;
		left: 2%;
		top: 245px;
		z-index: 1;
	}    
	.slider-top .slick-dots {
		bottom: 15px;
		display: none !important;
	}
	.slick-slide {
		transition: all ease-in-out .3s;
		opacity: .2;
	}            
	.slick-active {
		opacity: .5;
	}        
	.slick-current {
		opacity: 1;
	}



	/* home
	------------------------------------------------------------------------------------------------------  */
	#home{
		display: flex;
		width: 100%;
		margin: 0 auto;
		padding-top: 100px;
		text-align: text !important;
		background-color: var(--color-lightgrey);
		background-image: url('../img/back-faro2.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		max-width: 1440px;
		border-radius: 50px;
	}
	#home .presen{
		display: inline-block;
		margin: 0 auto;
		width: 100%;
		max-width: 800px;
		font-size: 26px;
		line-height: 30px;
		margin-top: 40px;
		margin-bottom: 90px;
		color: var(--color-secondary);
		background-color: rgba(255,255,255,0.6);
		padding: 30px 30px;
		border-radius: 20px;
	}
	#home .presen strong{
		font-weight: var(--font-bold);
	}
	#home h1{

	}
	#home .abstract{
		display: inline-block;
		width: 100%;
		font-size: 22px;
		line-height: 26px;
		margin-top: 20px;
	}


	.box-servicios{		
		display: inline-block;
		width: 100%;
		margin-top: 40px;
	}
	.box-servicios .servicio{		
		/*float: left;
		display: table;*/
		display: inline-block;
		vertical-align: top;
		width: 32%;
		min-height: 130px;
		margin: 0px 0.5%;
		margin-bottom: 10px;
		padding: 40px 30px;
		border-radius: 20px;
		text-align: center;
		background-color: rgba(255,255,255,0.6);
		background-image: url('../img/curva-box.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.box-servicios .servicio-int{		
		background-color: var(--color-lightgrey);
	}
	.box-servicios .servicio:hover{		
		background-color: var(--color-primary);
	}
	.box-servicios .servicio:hover h2{		
		color: var(--color-white);
	}
	.box-servicios .servicio:hover .claim{		
		color: var(--color-white);
	}

	.box-servicios .servicio-int-selected{		
		background-color: var(--color-primary) !important;
	}
	.box-servicios .servicio-int-selected h2{		
		color: var(--color-white) !important;
	}
	.box-servicios .servicio-int-selected .claim{		
		color: var(--color-white) !important;
	}

	.box-servicios .servicio h2{		
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
	}
	.box-servicios .servicio .claim{		
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 5px;
		font-weight: 600;
		color: var(--color-black);
	}





	
	/* top-interior
	------------------------------------------------------------------------------------------------------  */
	#top-interior{
		float: left;
		width: 100%;
		background-color: var(--color-primary);
		height: 90px;
	}

	

	/* area-socios
	------------------------------------------------------------------------------------------------------  */
	#area-socios{
		float: left;
		width: 100%;
		text-align: center;
		background-color: var(--color-white);
		text-align: left;
		margin-top: 50px;
	}
	#area-socios .opciones{
		float: left;
		width: 25%;		
	}
	#area-socios .opciones a{ 		
		float: left;
		width: 100%;
		margin: 5px 0px;
	}
	#area-socios .contenidos{		
		float: left;
		width: 75%;		
	}
	#area-socios .contenidos .box-contenidos{		
		float: left;
		width: 90%;		
		margin: 5px;
		margin-left: 10%;
		text-align: center;
	}
	#area-socios .contenidos .box-contenidos .box-tipo{		
		float: left;
		width: 100%;		
	}
	#area-socios .contenidos .box-contenidos #box-tipo-0{
		background-color: var(--color-lightgrey);
		padding: 65px 0px;
	}
	#area-socios .contenidos .box-contenidos .box-tipo .caption{		
		float: left;
		width: 100%;		
		font-weight: 600;
		text-align: left;
		color: var(--color-secondary);
		font-size: 20px;
		border-bottom: 2px solid var(--color-secondary);
		margin-bottom: 30px;
		padding-bottom: 5px;
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item{		
		float: left;
		width: 100%;
		border-bottom: 1px solid var(--color-secondary);
		padding: 10px 0px;		
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .izq{		
		float: left;
		width: 70%;		
		text-align: left;
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .izq .titulo{		
		float: left;
		width: 100%;	
		font-weight: 600;	
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .izq .subtitulo{		
		float: left;
		width: 100%;
		font-size: 13px;		
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .der{		
		float: left;
		width: 30%;		
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .der .btn{		
		float: right;
		width: auto;
		margin-top: 10px;		
		margin-left: 5px;
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .mensaje{		
		float: left;
		width: 100%;		
		text-align: left;
		background-color: var(--color-lightgrey);
		margin-top: 20px;
		padding: 20px;
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .mensaje .txt{		
		float: left;
		width: 100%;		
		font-weight: 500;
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .mensaje form{		
		float: left;
		width: 100%;	
		margin-top: 10px;	
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .mensaje form textarea{		
		float: left;
		width: 100%;		
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .mensaje form .tu-mail{
		float: left;
		width: 100%;
		margin: 15px 0px;
		font-size: 12px;
		line-height: 15px;
	}
	#area-socios .contenidos .box-contenidos .box-tipo .item .mensaje form button{		
		float: left;
		width: auto;
		cursor: pointer;
	}







	/* servicio
	------------------------------------------------------------------------------------------------------  */
	#main-header-servicio{
		display: flex;
		margin: 0 auto;
		width: 100%;
		background-color: var(--color-lightgrey);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
		padding-bottom: 300px;
	}
	#servicio-curva{
		float: left;
		position: relative;
		width: 100%;
		height: 100px;
		background-image: url('../img/curva-box-right.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-top: -110px;
		z-index: 1;
	}
	#servicio-top{
		float: left;
		width: 100%;
		text-align: center;
		background-color: var(--color-white);
		margin-top: 0px;
	}
	#servicio{
		float: left;
		width: 100%;
		text-align: center;
		background-color: var(--color-white);
	}
	#servicio-top .back-line{
		display: inline-block;
		width: 100%;

		background: rgb(255,255,255);
		background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(164,173,108,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(164,173,108,1) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(164,173,108,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#a4ad6c",GradientType=1);
	}
	#servicio-top h1{
		float: left;
		width: 100%;
		margin-top: 150px;
		text-align: left;
		color: var(--color-secondary);
	}
	#servicio-top .claim{
		float: left;
		width: 100%;
		margin-top: 5px;
		text-align: left;
		color: var(--color-black);
	}
	#servicio-top .foto-faro{
		float: right;
		width: 100%;
		max-width: 700px;
		height: 350px;		
		background-repeat: no-repeat;
		background-size: cover;		
		-moz-border-radius: 0 50% / 0 100%;
		-webkit-border-radius: 0 50% / 0 100%;
		border-radius: 0 50% / 0 100%;
		border-left: 30px solid var(--color-white);
		border-right: 30px solid var(--color-white);
		position: relative;
		z-index: 20;

		
	}
	#servicio .abstract{
		float: left;
		width: 70%;
		margin-top: 50px;
		font-size: 20px;
		line-height: 24px;
		text-align: justify;
		color: var(--color-primary);
		font-weight: var(--font-regular);
	}
	#servicio .abstract strong{
		color: var(--color-secondary);
	}
	#servicio .webinar{
		float: left;
		width: 100%;
		padding: 20px 30px;
		background-color: var(--color-lightgrey);
		background-image: url('../img/ico-curso-webinar.png');
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 30px;
		padding-left: 70px;
		text-align: left;
		font-weight: 600;
		letter-spacing: 1px;
		border: 2px solid var(--color-secondary);
		border-radius: 10px;
		margin-top: 30px;
	}
	#servicio .contenido-curso-formacion{
		float: left;
		width: 100%;
		margin-top: 30px;
		text-align: justify;
	}
	#servicio .contenido-curso-formacion h1, 
	#servicio .contenido-curso-formacion h2, 
	#servicio .contenido-curso-formacion h3, 
	#servicio .contenido-curso-formacion h4, 
	#servicio .contenido-curso-formacion h5 {
		color: var(--color-secondary) !important;
	}
	#servicio .desc{
		float: left;
		width: 100%;
		margin-top: 30px;
		text-align: justify;
	}
	#servicio .item-act{
		float: left;
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-top: 15px;
		margin-bottom: 5px;
	}	
	#servicio .item-act .ico{
		float: left;
		width: 5%;
	}	
	#servicio .item-act .ico img{
		width: 100%;
		max-width: 60px;
		min-width: 60px;
	}	
	#servicio .item-act .texto{
		float: left;
		width: 85%;
		margin-left: 40px;
		margin-top: 5px;
		margin-bottom: 10px;
	}	

	#servicio .time-to-hygge{
		float: left;
		width: auto;
		margin-bottom: 35px;
		padding: 30px;
		border: 2px solid var(--color-lightgrey);
	}	
	#servicio .time-to-hygge .imagen{
		float: left;
		width: 220px;
	}	
	#servicio .time-to-hygge .imagen img{
		width: 100%;
	}	
	#servicio .time-to-hygge .texto{
		float: left;
		width: 300px;
		margin-left: 30px;
	}	

	#servicio .desc .dicho{
		background-color: var(--color-lightgrey);
		width: auto;
		text-align: center;
		padding: 20px;
		border-radius: 10px;
	}
	#servicio .desc h2{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
		margin-top: 30px;
		margin-bottom: 15px;
		padding: 20px;
		border-radius: 10px;
		border: 2px solid var(--color-primary);
	}
	#servicio .desc .txt{
		display: inline-block;
		width: 100%;
	}
	#servicio .titular{
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid var(--color-secondary);
		text-align: left;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
		padding-bottom: 10px;
		font-size: 20px;
		margin-bottom: 10px;
		margin-top: 40px;
	}
	#servicio .content-img{
		display: inline-block;
		width: 100%;
		text-align: center;
		border: 10px solid var(--color-lightgrey);
		padding-top: 40px;
	}
	#servicio .content-img .img-economia-circular{
		display: flex;
		width: 80%;
		max-width: 550px;
		margin: 0 auto;
	}
	#servicio .desc .textos{
		float: left;
		width: 60%;
		text-align: left;
	}
	#servicio .desc .precio{
		float: right;
		width: 35%;
		margin-left: 5%;
		background-color: var(--color-lightgrey);
		text-align: center;
		padding: 25px 0px;
	}
	#servicio .desc .precio .tit{
		display: inline-block;
		font-weight: var(--font-bold);
		width: 100%;
	}
	#servicio .desc .precio .pvp{
		display: inline-block;
		width: 100%;
		font-size: 30px;
		font-weight: var(--font-black);
		color: var(--color-secondary);
		margin-top: 20px;
	}
	#servicio .desc .precio .iva{
		display: inline-block;
		width: 100%;
	}


	#servicio .box{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	#servicio .box .item{
		display: inline-block;
		vertical-align: top;
		width: 30%;
		margin: 0px 1%;
		background-color: var(--color-lightgrey);
		border-radius: 20px;
		padding: 40px 20px;
	}
	#servicio .box .item h2{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
	}
	#servicio .box .item .servs{
		display: inline-block;
		width: 100%;
		min-height: 360px;
		padding: 20px 0px;
		text-align: center;
	}
	#servicio .box .item .servs ul{
		text-align: left;
		margin-left: -10px;
	}
	#servicio .box .item .pvp{
		display: inline-block;
		width: 100%;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
		font-size: 25px;
	}
	#servicio .box .item .iva{
		display: inline-block;
		width: 100%;
	}
	#servicio .box .item .btn{
		display: inline-block;
		margin-top: 20px;
	}

	#servicio .box-otros{
		display: inline-block;
		width: 94%;
		margin: 0px 3%;
		text-align: center;
		margin-top: 50px;
		background-color: var(--color-lightgrey);
		border-radius: 20px;
		padding: 40px 20px;
		padding-top: 0px;
	}
	#servicio .box-otros h2.categoria{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
		padding: 40px 0px;
	}
	#servicio .box-otros .bono{
		display: inline-block;
		width: 100%;
		padding: 40px 0px;
		font-weight: 600;
		color: var(--color-secondary);
	}
	#servicio .box-otros .item{
		float: left;
		width: 60%;
		margin: 0px 20%;
		padding: 5px 0px;
		border-bottom: 1px solid #ccc;
	}
	#servicio .box-otros .item .nombre{
		float: left;
		width: 40%;
		text-align: left;
		font-weight: 500;
	}
	#servicio .box-otros .item .precio{
		float: left;
		width: 55%;
		margin-right: 5%;
		text-align: right;
		font-weight: 600;
		color: var(--color-secondary);
	}
	#servicio .box-otros .item .btn{
		float: right;
	}
	#servicio .box-otros .aclaracion{
		float: left;
		width: 60%;
		margin: 0px 20%;
		padding: 5px 0px;
		margin-top: 40px;
		border-radius: 20px;
		font-size: 13px;
		font-weight: 500;
		background-color: var(--color-white);
	}

	#servicio .box-otros ul{
		float: left;
		width: 60%;
		margin: 0px 20%;
		text-align: left;
	}
	#servicio .box-otros ul li{
		margin-bottom: 10px;
	}
	#servicio .box-otros ul li ul{
		margin-top: 10px;
	}


	#servicio .banner-atencion{		
		border: 2px solid #c00 !important;
		background-color: var(--color-white) !important;
		color: #000 !important;
	}
	#servicio .banner-atencion .nota{		
		margin-bottom: 0px !important;
	}

	#servicio .banner{		
		display: inline-block;
		width: 94%;
		margin: 0px 3%;
		margin-top: 40px;
		text-align: center;
		background-color: var(--color-secondary);
		color: var(--color-white);
		border-radius: 10px;
		padding: 30px 0px;
	}
	#servicio .banner h3{		
		display: inline-block;
		width: 100%;
		font-weight: 300;
	}
	#servicio .banner .dto{		
		display: inline-block;
		width: 100%;
		font-weight: 600;
		font-size: 30px;
		line-height: 30px;
		padding: 10px 0px;
	}
	#servicio .banner .tiempo{		
		display: inline-block;
		width: 100%;
	}
	#servicio .banner .nota{		
		display: inline-block;
		width: 100%;
		font-weight: 500;
		font-size: 18px;
		margin-bottom: 20px;
	}


	#servicio .box-acceso{
		display: inline-block;
		width: 89%;
		text-align: center;
		margin-top: 50px;
		background-color: VAR(--color-lightgrey);
		border-radius: 20px;
		padding: 30px 0px;
		border: 2px solid var(--color-secondary);
	}
	#servicio .box-acceso .caption{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-weight: var(--font-black);
		font-size: 22px;
		color: var(--color-secondary);
	}
	#servicio .box-acceso .txt{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 10px 0px;
		color: var(--color-secondary);
	}
	#servicio .box-acceso .btn{
		display: inline-block;
	}




	#servicio .formulario-contratacion{
		display: inline-block;
		width: 100%;		
		text-align: left;
		background-color: var(--color-lightgrey);
		padding: 50px 80px;
		margin-top: 30px;
		border-radius: 20px;
	}
	#servicio .formulario-contratacion h2{
		display: inline-block;
		width: 100%;		
		text-align: center;
		color: var(--color-secondary);
	}
	#servicio .formulario-contratacion .abs{
		display: inline-block;
		width: 100%;		
		text-align: center;
		margin-top: 10px;
	}
	#servicio .formulario-contratacion .bloque{
		display: inline-block;
		width: 100%;		
	}
	#servicio .formulario-contratacion .bloque .sec{
		display: inline-block;
		width: 98%;
		margin: 0px 0.5%;
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: 20px;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
	}
	#servicio .formulario-contratacion .bloque .textos{
		display: inline-block;
		width: 98%;
		margin: 0px 0.5%;
		margin-bottom: 20px;
	}
	#servicio .formulario-contratacion .bloque .btn{
		display: inline-block;
		margin-top: 30px;
	}
	#servicio .formulario-contratacion .bloque .imagen{
		display: inline-block;
		width: 100%;
		margin-top: 30px;
	}
	#servicio .formulario-contratacion .bloque .imagen img{
		width: 350px;
	}
	#servicio .formulario-contratacion input, #servicio .formulario-contratacion textarea{
		float: left;
		font-family: var(--font);
	}
	#servicio .formulario-contratacion .w100{
		width: 98%;
		margin: 0px 0.5%;
		margin-bottom: 8px;
	}
	#servicio .formulario-contratacion .w33{
		width: 32.33%;
		margin: 0px 0.5%;
		margin-bottom: 8px;
	}
	#servicio .formulario-contratacion .w46{
		width: 45.66%;
		margin: 0px 0.5%;
		margin-bottom: 8px;
	}
	#servicio .formulario-contratacion .w20{
		width: 19%;
		margin: 0px 0.5%;
		margin-bottom: 8px;
	}

	#servicio .box-menu{
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	#servicio .box-menu .boton{
		float: left;
		display: table;
		height: 130px;
		border-radius: 20px;
		width: 24%;
		margin-right: 1%;
		background-color: var(--color-lightgrey);
		text-align: center;
		background-image: url('../img/curva-box.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
		color: var(--color-secondary);
		font-size: 16px;
		font-weight: var(--font-bold);
	}
	#servicio .box-menu .boton:hover{
		background-color: var(--color-primary);
		color: var(--color-white);
	}
	#servicio .box-menu .boton-selected{
		background-color: var(--color-primary) !important;
		color: var(--color-white) !important;
	}
	#servicio .box-menu .boton div{
		display: table-cell;
		width: 100%;
		padding: 0px 40px;
		vertical-align: middle;
	}
	#servicio .contenido-menu{
		float: left;
		width: 99%;
		margin-top: 10px;
		border-radius: 20px;
		padding: 30px;
		background-color: var(--color-lightgrey);
		text-align: left;
	}
	#servicio .contenido-menu ul li a{
		color: var(--color-primary);
		font-weight: var(--font-bold);
	}
	#servicio .contenido-menu ul li a:hover{
		color: var(--color-secondary);
	}


	#servicio .metodologia{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#servicio .metodologia .cap {
		float: left;
		width: 100%;
		box-sizing: border-box;
		background-color: var(--color-lightgrey);
		border-radius: 10px;
		padding: 30px 30px;
		border: 1px solid #666;
	}
	#servicio .metodologia .cap:hover {
		background-color: #fbfbfb;
	}
	#servicio .metodologia .cap h2{
		float: left;
		color: var(--color-secondary);
		width: 20%;
		box-sizing: border-box;
		text-align: left;
		padding: 0px 30px;
	}
	#servicio .metodologia .cap .abs{
		float: left;
		width: 80%;
		padding: 0px 30px;
		box-sizing: border-box;
		text-align: justify;
		background-image: url(../img/downward-arrow.png);
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: 20px;
		padding-right: 20px;
	}
	#servicio .metodologia .box-metos{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	#servicio .metodologia .box-metos .meto{
		display: inline-block;
		width: 180px;
		margin: 0px 10px;
	}
	#servicio .metodologia .box-metos .meto .ico{
		display: inline-block;
		width: 100%;
	}
	#servicio .metodologia .box-metos .meto .ico img{
		width: 120px;
	}
	#servicio .metodologia .box-metos .meto .txt{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-size: 15px;
		font-weight: var(--font-bold);
		line-height: 15px;
		padding: 10px 0px;
		color: var(--color-secondary);

	}
	#servicio .metodologia .des{
		display: inline-block;
		width: 100%;
		text-align: justify;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	#servicio .content-imagen{
		float: left;
		width: 450px;
		text-align: left;
		margin-bottom: 30px;
	}
	#servicio .content-imagen img{
		width: 90%;
	}
	#servicio .porque-faro{
		float: left;
		width: 100%;
		text-align: justify;
		background-color: var(--color-lightgrey);
		border-radius: 20px;
		margin-top: 50px;
		padding: 50px 60px;
		border: 1px solid var(--color-secondary);
	}
	#servicio .porque-faro h2{
		float: left;
		width: 100%;
		font-size: 20px;
		padding-right: 80px;
		text-align: left;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
		background-image: url('../img/downward-arrow.png');
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 24px;
	}
	#servicio .porque-faro:hover{
		background-color: var(--color-primary);
	}
	#servicio .porque-faro:hover h2 span{
		color: var(--color-white);
	}
	#servicio .porque-faro .elporque{
		display: none;
		float: left;
		width: 100%;
		margin-top: 30px;
	}






	#servicio .decalogo{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	#servicio .decalogo .cap {
		float: left;
		width: 100%;
		box-sizing: border-box;
		background-color: var(--color-lightgrey);
		border-radius: 10px;
		padding: 30px 30px;
		border: 1px solid #666;
	}
	#servicio .decalogo .cap:hover {
		background-color: #fbfbfb;
	}
	#servicio .decalogo .cap h2{
		float: left;
		color: var(--color-secondary);
		width: 50%;
		box-sizing: border-box;
		text-align: left;
		padding: 0px 30px;
	}
	#servicio .decalogo .cap .abs{
		float: left;
		width: 50%;
		padding: 0px 30px;
		box-sizing: border-box;
		text-align: justify;
		background-image: url(../img/downward-arrow.png);
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: 20px;
		padding-right: 20px;
	}
	#servicio .decalogo .box-metos{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 20px;
		padding: 0px 30px;
		box-sizing: border-box;
	}




	#servicio .box-blog{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
	}
	#servicio .box-blog article{
		display: inline-block;
		vertical-align: top;
		background-color: var(--color-lightgrey);
		width: 31.3%;
		margin-right: 1%;
		padding: 40px 30px;
		border-radius: 20px;
		margin-bottom: 15px;
		text-align: left;
	}
	#servicio .box-blog article img{
		display: inline-block;
		width: 100%;
		height: 200px;
		overflow: hidden;		
		object-fit: cover;		

	}
	#servicio .box-blog article h2{
		display: inline-block;
		width: 100%;
		margin-top: 25px;
		min-height: 80px;
	}
	#servicio .box-blog article .desc{
		display: inline-block;
		width: 100%;
		text-align: justify;
		margin-top: 15px;
	}
	#servicio .box-blog article .btn{
		display: inline-block;
		margin-top: 30px;
	}



	#servicio .conducta{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 80px;
	}
	#servicio .conducta h3{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
	}
	#servicio .conducta .intro{
		display: inline-block;
		width: 100%;
		max-width: 800px;
		padding: 30px 0px;
	}
	#servicio .conducta .elementos{
		display: inline-block;
		width: 100%;
	}
	#servicio .conducta .elementos .item{
		display: inline-block;
		width: 30.33%;
		margin: 0px 1%;
		padding: 20px 1%;
		vertical-align: top;
	}
	#servicio .conducta .elementos .item h4{
		display: inline-block;
		width: 100%;
		padding: 15px 0px;
		margin: 0px;
		border-radius: 10px;
		border: 1px solid var(--color-primary);
		color: var(--color-secondary);
		font-size: 18px;
		line-height: 18px;
	}
	#servicio .conducta .elementos .item .txt{
		display: inline-block;
		width: 100%;
		margin-top: 15px;
		font-size: 14px;
		line-height: 20px;
		text-align: justify;
		padding: 0px 10px;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}



	



	/* listado
	------------------------------------------------------------------------------------------------------  */
	#listado{
		float: left;
		width: 100%;
		margin-top: 60px;
		text-align: center;
	}
	.box-info{
		float: right;
		width: 95%;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.box-info-full{
		float: none !important;
		text-align: left !important;
	}
	.box-info-actividades{
		background-color: var(--color-lightgrey);
		padding: 30px;
		border-radius: 20px;
	}
	.box-info-actividades-full{
		display: inline-block !important;
		width: 30.33% !important;
		margin: 20px 1% !important;
		vertical-align: top;
	}
	.box-info-actividades img{
		/*display: inline-block;
		width: 100%;*/
		display: inline-block;
		width: 100%;
		height: 200px;
		overflow: hidden;
		object-fit: cover;

	}
	.box-info h3{
		display: inline-block;
		width: 100%;
		color: var(--color-secondary);
		font-size: 18px;
		line-height: 22px;		
		border-bottom: 1px solid var(--color-secondary);
		padding: 20px 0px;
	}
	.box-info .txt{
		display: inline-block;
		width: 100%;
		padding: 20px 0px;
		font-size: 14px;
		line-height: 18px;
		text-align: justify;
	}
	.box-info .btn{
		display: inline-block;
		width: auto;
	}
	#listado .box-listado{
		display: inline-block;
		width: 90%;
		max-width: 940px;
	}
	#listado .box-listado .estamos{
		display: inline-block;
		width: 100%;
		background-color: var(--color-lightgrey);
		border: 2px solid var(--color-primary);
		padding: 40px;
		font-size: 20px;
		font-weight: 500;
		border-radius: 20px;
	}
	#listado .box-listado .buscador{
		float: left;
		width: 100%;
		background-color: var(--color-lightgrey);
		margin-bottom: 30px;
		padding: 15px 30px;
		border-radius: 20px;
	}
	#listado .box-listado .buscador select{
		outline: none;
	}
	#listado .box-listado .buscador h3{
		float: left;
		width: 50%;
		text-align: left;
		font-size: 16px;
		color: var(--color-secondary);
		font-weight: var(--font-bold);
	}
	#listado .box-listado .buscador .busca{
		float: right;
		width: 50%;
		text-align: right;
	}
	#listado .box-listado .item{
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
		background: rgb(240,240,240);
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: -moz-linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 50%);
		background: -webkit-linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 50%);
		background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	#listado .box-listado .item:hover{
		border-top: 1px solid var(--color-primary);
		border-right: 1px solid var(--color-primary);
	}
	#listado .box-listado .item:hover .descripcion h2, #listado .box-listado .item:hover .descripcion .precio{
		color: var(--color-primary);
	}
	#listado .box-listado .item:hover .foto{
		background-size: 450px;
	}
	#listado .box-listado .item .foto{
		float: left;
		width: 35%;
		height: 250px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;		
	}
	#listado .box-listado .item .descripcion{
		float: left;
		width: 65%;
		text-align: left;
		-webkit-border-top-right-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-topright: 20px;
		-moz-border-radius-bottomright: 20px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		padding: 25px 40px;
	}
	#listado .box-listado .item .descripcion h2{
		float: left;
		width: 100%;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
	}
	#listado .box-listado .item .descripcion .desc{
		float: left;
		width: 100%;
		padding: 20px 0px;
		color: var(--color-darkgrey);
	}
	#listado .box-listado .item .descripcion .carac{
		float: left;
		width: 65%;
		color: var(--color-darkgrey);
		font-weight: var(--font-regular);
	}
	#listado .box-listado .item .descripcion .carac .c{
		float: left;
		margin-right: 3px;
		padding: 3px 10px;
		border: 1px solid var(--color-white);
		border-radius: 5px;
		color: var(--color-white);
		font-size: 12px;
		background-color: var(--color-primary);
	}
	#listado .box-listado .item .descripcion .carac .c-ref{
		color: var(--color-black) !important;
		background-color: var(--color-lightgrey) !important;
	}
	#listado .box-listado .item .descripcion .precio{
		float: right;
		width: 35%;
		text-align: right;
		font-size: 22px;
		margin-top: 5px;
		color: var(--color-secondary);
		font-weight: var(--font-bold);
	}



	/* ficha
	------------------------------------------------------------------------------------------------------  */
	#ficha{
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	#ficha .box-informacion{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
	}

	.datos{	
		float:left;
		position: relative;
		width: 94%;	
		padding: 0px 3%;
		margin-top: -490px;
		color: #000;
		text-align: right;
	}
	.datos .dato{
		display: inline-block;
		font-size: 12px;
		font-weight: 300;
		background: rgba(255,255,255,0.4);
		padding: 5px 10px;
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 18px;
		padding-left: 36px;
	}	
	.datos .dato-fotos{
		background-image: url('../img/ico-foto.svg');
	}
	.datos .dato-virtual{
		background-image: url('../img/ico-virtual.svg');
	}
	#ficha h1{
		display: inline-block;
		width: 100%;	
		font-weight: var(--font-bold);	
		color: var(--color-secondary);
		font-size: 22px;
		line-height: 24px;
		margin-top: 40px;
	}
	#ficha .box-informacion .foto{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 500px;
		border-radius: 20px;
	}
	#ficha .box-informacion .box-pvp{
		display: inline-block;
		width: 100%;
		padding: 20px 0px;
	}
	#ficha .box-informacion .box-pvp .carac{
		float: left;
		width: 65%;
	}
	#ficha .box-informacion .box-pvp .carac .c{
		float: left;
		margin-right: 3px;
		padding: 3px 10px;
		border: 1px solid var(--color-white);
		border-radius: 5px;
		color: var(--color-white);
		font-size: 12px;
		background-color: var(--color-primary);
	}
	#ficha .box-informacion .box-pvp .carac .c-ref{
		color: var(--color-black) !important;
		background-color: var(--color-lightgrey) !important;
	}
	#ficha .box-informacion .box-pvp .precio{
		float: right;
		width: 35%;
		text-align: right;
		font-size: 22px;
		margin-top: 5px;
		color: var(--color-secondary);
		font-weight: var(--font-bold);
	}
	#ficha .box-informacion .desc{
		display: inline-block;
		width: 100%;
		text-align: justify;
		border-bottom: 2px solid var(--color-lightgrey);
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#ficha .box-informacion .box-caracteristicas{
		display: inline-block;
		width: 100%;
	}
	#ficha .box-informacion .box-caracteristicas .caption{
		float: left;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 5px;
		margin-bottom: 20px;
		font-weight: var(--font-bold);
		border-bottom: 1px solid var(--color-darkgrey);
	}
	#ficha .box-informacion .box-caracteristicas .fila{
		float: left;
		width: 50%;
		margin-bottom: 5px;
	}
	#ficha .box-informacion .box-caracteristicas .fila .tit{
		float: left;
		width: 67%;
		margin-left: 3%;
	}
	#ficha .box-informacion .box-caracteristicas .fila .val{
		float: right;
		width: 27%;
		margin-right: 3%;
		padding: 3px 0px;
		text-align: center;
		border-radius: 5px;
		font-weight: var(--font-bold);
		font-size: 12px;
		border: 1px solid var(--color-darkgrey);
	}
	#ficha .box-certificado{
		float: left;
		width: 100%;
		padding-top: 40px;
		padding-bottom: 5px;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
		border-bottom: 1px solid var(--color-secondary);
	}
	#ficha .img-certificado{
		display: inline-block;
		width: 160px;
	}

	.caption-big{
		font-size: 24px !important;
		color: var(--color-secondary) !important;
	}

	.formulario{
		float: right;
		width: 90%;
		background-color: var(--color-lightgrey);
		border-radius: 20px;
		padding: 40px;
		margin-top: 40px;
	}
	.formulario-contacto{
		position: relative;
		margin-top: -220px !important;
		z-index: 9999;
	}
	.formulario .caption{
		display: inline-block;
		width: 100%;
		font-size: 20px;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
		text-align: center;
	}
	.formulario .txt{
		display: inline-block;
		width: 100%;
		font-size: 13px;
		line-height: 18px;
		text-align: justify;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	.formulario form{
		display: inline-block;
		width: 100%;
	}
	.formulario form .btn{
		display: inline-block;
		margin-top: 20px;
	}

	#ficha .prefieres{
		float: right;
		width: 90%;
		background-color: var(--color-lightgrey);
		border-radius: 20px;
		padding: 40px 20px;
		margin-top: 30px;
		text-align: center;
	}
	#ficha .prefieres .caption{
		display: inline-block;
		width: 100%;
		font-size: 20px;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
		text-align: center;
		margin-bottom: 30px;
	}
	#ficha .prefieres .tel{
		display: inline-block;
		width: 260px;
		font-size: 32px;
		letter-spacing: -1px;
		text-align: center;
		background-image: url('../img/ico-tel-darkgrey.svg');
		background-position: 25px center;
		background-repeat: no-repeat;
		background-size: 15px;
		padding: 10px 0px;
		padding-left: 25px;
	}
	#ficha .prefieres .mail{
		display: inline-block;
		width: 100%;
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}




	.subtit_formacion{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top:15px;
		padding-top:30px;
		margin-bottom: 20px;
		text-transform: uppercase; 
		letter-spacing:1px; 
		font-size:18px; 
		color: var(--color-secondary);
		border-bottom: 0.5px solid var(--color-secondary);
	}

	.box-sub-formacion{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.box-sub-formacion .item-sub-formacion{
		display: inline-block;
		width: 22%;
		margin: 10px 1%;
		text-align: center;
		vertical-align: top;
		background-color: var(--color-lightgrey);
		border-radius: 10px;
		box-sizing: border-box;
		padding: 20px;
	}
	.box-sub-formacion .item-sub-formacion img{
		float: left;
		width: 100%;

		height: 100px;
		object-fit: cover;
		display: block;		
	}
	.box-sub-formacion .item-sub-formacion .titulo{
		float: left;
		width: 100%;
		font-size: 16px;
		line-height: 18px;
		font-weight: 600;
		padding: 10px 0px;
		color: var(--color-secondary);
	}
	.box-sub-formacion .item-sub-formacion .btn{
		float: left;
		width: 100%;
		padding: 5px 0px;
	}










	/* noticias
	------------------------------------------------------------------------------------------------------  */
	#menu-categorias{
		float: left;
		width: 100%;
		padding: 15px 0px;
		box-sizing: border-box;
		margin-top: 20px;
	}
	#menu-categorias .box-categoria{
		float: left;
		width: 32.33%;
		background-color: var(--color-secondary);
		border-radius: 10px;
		margin: 0px 0.5%;
		padding: 20px 0px;
		box-sizing: border-box;
	}
	#menu-categorias .box-categoria:hover{
		background-color: var(--color-primary);
	}
	#menu-categorias .box-categoria:hover .categoria-nom{
		color: var(--color-white);
	}
	#menu-categorias .box-categoria:hover .num-items{
		color: var(--color-white);
	}
	#menu-categorias .box-categoria .categoria-nom{
		float: left;
		width: 100%;		
		font-size: 20px;
		color: var(--color-white);
		font-weight: 600;
	}
	#menu-categorias .box-categoria .num-items{
		float: left;
		width: 100%;		
		font-size: 40px;
		color: var(--color-primary);
		font-weight: 600;
		margin-top: 15px;
		margin-bottom: 10px;
	}




	/* noticias
	------------------------------------------------------------------------------------------------------  */
	.back-proyecto-actividades-home{
		background-color: var(--color-lightgrey);
		padding: 30px 0px;
	}
	#noticias{
		float: left;
		width: 100%;
		margin-top: 60px;
	}
	#noticias .caption{
		display: inline-block;
		width: 100%;
		text-align: center;
		letter-spacing: 2px;
		font-weight: var(--font-regular);
		margin-bottom: 40px;
	}
	#noticias .box-noticias{
		display: inline-block;
		width: 100%;
	}
	.item-formacion{
		background-color: var(--color-white) !important;
	}
	.item-formacion h2{
		min-height: auto !important;
		margin-bottom: 15px !important;
	}
	#noticias .box-elaboracion-proyectos article{
		width: 100% !important;
		margin-right: 0px !important;
	}
	#noticias .box-elaboracion-proyectos article .foto{
		float: left !important;
		width: 40% !important;
		margin-right: 5% !important;
	}
	#noticias .box-elaboracion-proyectos article .foto img{
		width: 100% !important;
		overflow: none !important;		
		object-fit: none !important;		
		height: 300px;
	}
	#noticias .box-elaboracion-proyectos article .con{
		float: left !important;
		width: 50% !important;
		margin-right: 0px !important;
	}
	#noticias .box-elaboracion-proyectos article .con .donde{
		display: inline-block;
		width: 100%;
		margin-top: 0px;
	}
	#noticias .box-elaboracion-proyectos article .con .donde a{
		display: inline;
	}
	#noticias .box-elaboracion-proyectos article .con h2{
		min-height: auto !important;
		margin-top: 20px !important;
	}
	#noticias .box-elaboracion-proyectos article .con .btn{
		margin-top: 20px !important;
	}

	#noticias .box-programacion-actividades article{
		width: 47.7% !important;
		margin-right: 1% !important;
	}
	#noticias .box-programacion-actividades article .donde{
		display: inline-block;
		width: 100%;
		margin-top: 10px;
	}
	#noticias .box-programacion-actividades article .donde a{
		display: inline;
	}
	#noticias .box-programacion-actividades article img{
		height: 300px !important;
	}
	#noticias .box-programacion-actividades article h2{
		min-height: auto !important;
	}
	#noticias .box-programacion-actividades article .btn{
		margin-top: 30px !important;
	}


	#noticias .box-noticias article{
		display: inline-block;
		vertical-align: top;
		background-color: var(--color-lightgrey);
		width: 31.3%;
		margin-right: 1%;
		padding: 40px 30px;
		border-radius: 20px;
	}
	#noticias .box-noticias article img{
		display: inline-block;
		width: 100%;
		height: 200px;
		overflow: hidden;		
		object-fit: cover;		

	}
	#noticias .box-noticias article h2{
		display: inline-block;
		width: 100%;
		margin-top: 25px;
		min-height: 90px;
	}
	#noticias .box-noticias article h3{
		display: inline-block;
		text-align: right;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 25px;
		font-weight: var(--font-bold);
		color: var(--color-secondary);
	}
	#noticias .box-noticias article .desc{
		display: inline-block;
		width: 100%;
		text-align: justify;
		margin-top: 0px;
	}
	#noticias .box-noticias article .btn{
		display: inline-block;
		margin-top: 20px;
	}
	#noticias .link{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 40px;
		font-weight: bold;
	}


	/* main-footer
	------------------------------------------------------------------------------------------------------  */
	#main-footer{
		float: left;
		width: 100%;
		margin-top: 260px;
		background-color: var(--color-secondary);
		color: var(--color-white);
		text-align: center;
	}
	#main-footer .personalizada{
		display: inline-block;
		width: 100%;
		border: 2px solid var(--color-secondary);
		background-color: var(--color-white);
		border-radius: 20px;
		padding: 30px 40px;
		margin-top: -53px;
	}
	#main-footer .personalizada .atencion{
		float: left;
		width: 50%;
		text-align: left;
		font-size: 25px;
		margin-top: 10px;
		font-weight: var(--font-black);
		color: var(--color-secondary);
	}
	#main-footer .personalizada .figura{
		float: left;
		width: 30%;
		text-align: left;
	}
	#main-footer .personalizada .figura img{
		position: relative;
		width: 300px;
		bottom: -40px;
		margin-top: -170px;
	}
	#main-footer .personalizada .btn{
		float: right;
		width: 20%;
	}
	#main-footer .inmo{
		display: inline-block;
		width: 100%;
		padding: 80px 0px;
		border-bottom: 2px solid var(--color-white);
		margin-bottom: 30px;
	}
	#main-footer .inmo .caption{
		display: inline-block;
		width: 100%;
		letter-spacing: 2px;
		font-weight: var(--font-regular);
	}
	#main-footer .inmo .txt{
		display: inline-block;
		text-align: center;
		width: 80%;
		padding: 15px 0px;
		max-width: 550px;
		font-weight: var(--font-black);
		font-size: 28px;
		line-height: 30px;
	}
	#main-footer .inmo .content-btn{
		display: inline-block;
		width: 100%;
	}
	#main-footer .inmo .content-btn .btn{
		display: inline-block;
	}

	#main-footer .escudos{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#main-footer .escudos .escudo{
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px;
		text-align: center;
	}
	#main-footer .escudos .escudo .escudo-aicat{
		float: left;
		width: 212px;
	}
	#main-footer .escudos .box-escudos{
		float: left;
		width: 100%;
		text-align: center;
	}
	#main-footer .escudos .box-escudos .escudo{
		float: left;
		width: auto;
	}
	#main-footer .escudos .box-escudos .escudo .escudo-experts{
		float: left;
		width: 60px;
		margin-top: 8px;
	}
	#main-footer .escudos .box-escudos .escudo .escudo-perito{
		float: left;
		width: 90px;
		margin-left: 60px;
	}

	#main-footer .box-links{
		float: left;
		width: 50%;
		text-align: left;
		margin-left: -20px;
		color: var(--color-white);
		margin-bottom: 50px;
	}
	#main-footer .box-links a{
		color: var(--color-white);
	}
	#main-footer .box-links a:hover{
		color: var(--color-primary);
	}
	#main-footer .box-footer{		
		float: left;
		background-color: var(--color-lightgrey);
		border-radius: 20px;		
	}
	#main-footer .box50{
		width: 48%;
		margin: 0px 1%;		
		padding: 25px 0px;
	}
	#main-footer .box100{		
		width: 98%;
		margin: 0px 1%;
		margin-top: 11px;
		padding: 15px 50px;
	}
	#main-footer .box-footer .tit{	
		color: var(--color-secondary);	
		font-weight: var(--font-bold);
		font-size: 18px;
	}
	#main-footer .box-footer .btn{	
		display: inline-block;
		margin-top: 10px;	
		width: auto;
	}
	#main-footer .box100 .link{
		float: left !important;
		font-weight: var(--font-bold) !important;
		color: var(--color-primary) !important;
		font-size: 16px;
		margin-top: 10px;
	}	
	#main-footer .box100 .link:hover{
		color: var(--color-darkgrey) !important;
		text-decoration: none !important;
	}	
	#main-footer .box100 .btn{
		float: right !important;
		width: auto !important;
		margin: 0px !important;
	}	






	/* formacion
	------------------------------------------------------------------------------------------------------  */
	#formacion{
		float: left;
		width: 100%;
		margin-top: 60px;
		background-color: var(--color-secondary);
		padding: 50px 0px;
	}
	#formacion .caption{
		display: inline-block;
		width: 100%;
		text-align: center;
		letter-spacing: 2px;
		font-weight: var(--font-regular);
		margin-bottom: 40px;
		color: var(--color-white);
	}
	#formacion .box-formacion{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#formacion .box-formacion .item-curso{
		display: inline-block;
		width: 100%;
		max-width: 980px;
		background-color: var(--color-white);
		padding: 20px 0px;
		border-radius: 20px;
		text-decoration: none;
		color: var(--color-white);
		cursor: pointer;
		background-image: url('../img/faro.svg');
		background-position: 20px bottom;
		background-repeat: no-repeat;
		background-size: 60px;
	}
	#formacion .box-formacion .item-curso:hover .nombre{
		color: var(--color-secondary);
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;	
	}
	#formacion .box-formacion .item-curso .content-webinar{
		float: right;
		width: 15%;
	}
	#formacion .box-formacion .item-curso .content-webinar .es_webinar{
		float: right;
		width: 110px;
		margin-right: 10px;
		background-image: url('../img/ico-curso-webinar.png');
		background-position: 10px center;
		background-repeat: no-repeat;
		background-size: 20px;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		padding-left: 38px;
		letter-spacing: 1px;
		color: var(--color-secondary);		
		background-color: var(--color-lightgrey);
		border-radius: 10px;
	}
	#formacion .box-formacion .item-curso .fecha{
		float: right;
		width: 12%;
		text-align: right;
		margin-right: 3%;
		font-size: 13px;
		color: var(--color-black);
		font-weight: 500;
	}
	#formacion .box-formacion .item-curso .nombre{
		float: left;
		width: 60%;
		margin-left: 90px;
		text-align: left;
		font-weight: 600;
		font-size: 18px;		
		color: var(--color-primary);
	}
	#formacion .link{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 40px;
		font-weight: bold;
	}


	/* newsletter
	------------------------------------------------------------------------------------------------------  */
	
	.newsletter{
		margin-top: 10px;
	}	
	.newsletter input{
		float: left;
		background-color: var(--color-white);
		border-radius: 10px;
		border: 0px;
		width: 100%;
		margin-top: 5px;
		padding: 12px 20px;
		font-family: var(--font);
		outline: none;
	}
	#main-footer .box100 .newsletter .btn{
		margin-top: 5px !important;
	}
	.newsletter #confirm_newsletter {		
		color: #c00;
		margin-top: 10px;
	}
	.newsletter-confirm {
		font-size: 30px;
		margin-top: 100px;
		margin-bottom: 50px;
		color: green;
	}





	/* copy
	------------------------------------------------------------------------------------------------------  */
	#copy{
		float: left;
		width: 100%;
		font-size: 13px;
		padding: 20px 0px;
		background-color: var(--color-darkgrey);
		color: var(--color-white);
		text-align: left;
	}




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



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

		#home{
			border-radius: 0px;
		}

	}





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

		#main-header-inmo{
			/*background-position: center -50px, center center;*/
		}
		.background-ficha{
			background-position: center -50px !important;
		}
	

	}


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

		
	}


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

		#main-footer #enlaces{
			width: 30%;
		}
		#main-footer #acciones{
			width: 70%;
		}
		#main-footer .box-links{
			width: 100%;
			margin-bottom: 0px;
		}
		#main-footer .box-last{
			margin-bottom: 50px;
		}
		#main-footer .escudos {
			margin-top: 20px;
		}
		#main-footer .escudos .box-escudos .escudo{
			float: none;
		}
		#main-footer .escudos .escudo .escudo-aicat{
			float: none;
		}
		#main-footer .escudos .box-escudos .escudo .escudo-experts{
			float: none;
		}
		#main-footer .escudos .box-escudos .escudo .escudo-perito{
			float: none;
		}
		

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

		.box-servicios .servicio{		
			padding: 40px 10px;
		}

		#servicio .conducta .elementos .item{
			width: 45%;
			margin: 0px 1%;
		}
		#servicio .box-otros .item{
			width: 90%;
			margin: 0px 5%;
		}
		#servicio .box-otros .item .nombre{
			width: 60%;
		}
		#servicio .box-otros .item .precio{
			width: 40%;
			margin-right: 0px;
		}
		#servicio .box-otros .item .btn{
			float: right;
			margin-bottom: 10px;
		}
		.div_valoracion .col_66, .div_valoracion .col_33{
			width: 100%;
		}
		.div_valoracion .formulario{
			float: left;
			width: 100%;
		}
	
	
	}

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

		.btn{
			font-size: 12px;
			line-height: 12px;
			padding: 8px 18px;
		}
		.btn-tel-darkgrey{
			padding-left: 38px;
			background-size: 8px;
		}
		#main-header .pull img{
			width: 20px;
		}
		#topbar .col_33{
			width: 25%;
		}
		#topbar .col_66{
			width: 75%;
			
		}
		#main-footer .box100 .link{
			margin-top: 5px;
		}			
		#main-header .accesos {
			margin-top: 9px;
		}		
		#main-header .accesos .pull {
			margin-top: 26px;
		}
		#main-header #logo img {
			width: 200px;
			margin-top: 12px;
		}
	}

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

		#ficha .col_66, #ficha .col_33{
			width: 100%;
		}
		#ficha .formulario{
			float: left;
			width: 100%;
			margin-top: 50px;
		}
		#ficha .prefieres{
			float: left;
			width: 100%;
		}
		#servicio .box-blog article{
			width: 48.5%;
			margin-right: 1%;
		}
	

	}

	@media only screen and (max-width: 930px) {
	
		#pull1{
			display: none !important;
		}
		#pull2{
			display: inline-block;
		}
		#main-header nav .accesos{
			float: left;
			margin-top: 40px !important;
			text-align: center;
		}
		#main-header nav #nav-menu .btn{
			width: 30%;
			margin-bottom: 0px;
		}	
		body {
			font-size: 14px;
			line-height: 21px;
		}
		h1{
			font-size: 32px;
			line-height: 38px;
		}
		h2{
			font-size: 18px;
			line-height: 20px;
		}
		h3{
			font-size: 16px;
			line-height: 18px;
		}	
		#main-header .abstract{
			font-size: 18px;
			line-height: 22px;
		}
		#main-header .presen{
			font-size: 22px;
			line-height: 28px;
		}
		#main-footer .personalizada{
			padding: 20px 40px;
			margin-top: -42px;
		}	
		#main-footer .personalizada .atencion{
			width: 40%;
			font-size: 22px;
			margin-top: 0px;
		}
		#main-footer .personalizada .figura{
			width: 40%;
		}
		#main-footer .personalizada .figura img{
			width: 200px;
			bottom: -65px;
			margin-top: -140px;
		}
		#main-footer .personalizada .btn{
			margin-top: 5px;
			width: auto;
			padding: 8px 15px;
		}
		#main-footer .inmo .txt{
			font-size: 24px;
			line-height: 26px;
		}
		#servicio .content-imagen{
			width: 100%;
			text-align: center;
		}
		#servicio .content-imagen img{
			max-width: 400px;
		}
	
		.back-line .col_50, .back-line .col_80, .back-line .col_20{
			width: 100%;
		}
		.back-line #div-btn-logout{
			margin-top: -100px !important;
		}
		.back-line #div-btn-logout .link-logout{
			margin-top: -100px !important;
			float: none !important;
		}
		


		#servicio-top h1 {
			margin-top: 80px;
			text-align: center;
		}
		#servicio-top .claim {
			margin-top: 0px;
			text-align: center;
			margin-bottom: 50px;
		}
		#servicio-top .foto-faro {
			float: left;
			width: 100%;
			max-width: 100%;
			height: 350px;
			margin-bottom: 44px;
		}		
		#elaboracion-proyectos .col_66, #elaboracion-proyectos .col_33, #elaboracion-proyectos .col_60, #elaboracion-proyectos .col_40, #elaboracion-proyectos .col_75, #elaboracion-proyectos .col_25{
			width: 100%;
		}
		#div-detalle-curso .col_60, #div-detalle-curso .col_40{
			width: 100%;
		} 
		#elaboracion-proyectos .box-info-actividades{
			width: 100% !important;
		}
		.formulario{
			width: 100%;
		}
	}

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

		#div-inmobiliaria .col_75, #div-inmobiliaria .col_25{
			width: 100%;
		}
		#div-inmobiliaria .box-info{
			width: 100% !important;
		}


		
	}


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

		#main-header-inmo{
			/*background-position: center top, center center;*/
		}
		.background-ficha{
			background-position: center top !important;
		}

	}


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

		#listado .box-listado .item .foto{
			width: 100%;
			height: 250px;
			-webkit-border-top-left-radius: 20px;
			-webkit-border-top-right-radius: 20px;
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-topright: 20px;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
		}
		#listado .box-listado .item .descripcion{
			width: 100%;
			-webkit-border-bottom-right-radius: 20px;
			-webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-bottomright: 20px;
			-moz-border-radius-bottomleft: 20px;
			border-bottom-right-radius: 20px;
			border-bottom-left-radius: 20px;
		}
		.servicio-contacto .col_50{
			width: 100%;
		}
		.servicio-contacto .formulario-contacto{
			margin-top: 50px !important;
			float: left !important;
			width: 100% !important;	
		}

		#area-socios .contenidos .box-contenidos .box-tipo .item .izq{		
			width: 100%;		
		}
		#area-socios .contenidos .box-contenidos .box-tipo .item .der{		
			width: 100%;		
		}
		#area-socios .contenidos .box-contenidos .box-tipo .item .der .btn{		
			float: left;
			margin-top: 10px;
			margin-left: 0px;		
			margin-right: 5px;
		}
		
	}

	@media only screen and (max-width: 860px) {
			
		#main-footer .personalizada .btn{
			margin-top: -15px;
		}
	
	}
	
	@media only screen and (max-width: 1120px) {

		#servicio .box-menu .boton {
			height: 80px;
			width: 49%;
			margin-right: 1%;
			margin-bottom: 10px;
		}

	}

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

		#main-footer #enlaces{
			width: 100%;
		}
		#main-footer #acciones{
			width: 100%;
		}
		#main-footer .box100{		
			margin-bottom: 50px;
		}
		#main-footer .box-links{
			text-align: center;
			list-style: none;
		}
		#main-footer .box-links a{
			display: inline-block;
			font-weight: var(--font-bold);
			padding: 5px 0px;
			font-size: 18px;
		}		
	}



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

		#area-socios .opciones{
			width: 100%;		
		}
		#area-socios .opciones a{ 		
			margin: 2px 0px;
			text-align: center;
		}
		#area-socios .contenidos{		
			width: 100%;		
		}
		#area-socios .contenidos .box-contenidos{		
			width: 100%;		
			margin-top: 40px;
			margin-left: 0px;
		}
		#servicio .box .item{
			float: left;
			width: 100%;
			margin: 0px 0px;
			margin-bottom: 30px;
		}
		#servicio .box .item .servs{
			min-height: auto;
		}
		#servicio .box-otros .aclaracion{
			width: 90%;
			margin: 0px 5%;
		}
		#servicio .box-otros ul {
			width: 100%;
			margin: 0px 0px;
			margin-bottom: 20px;
		}
		.box-sub-formacion .item-sub-formacion{
			width: 45%;
		}

	}



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

		.box-servicios .servicio{		
			width: 48%;
			margin: 0px 0.5%;
			padding: 40px 30px;
			margin-bottom: 10px;
		}
		#noticias .box-proyectos-actividades article{
			width: 100% !important;
			margin: 0px 0px !important;
			margin-bottom: 20px !important;
		}
		#noticias .box-noticias article{
			width: 100%;
			margin: 0px 0px;
			margin-bottom: 20px;
		}
		#main-header-inmo h1{
			margin-top: 80px;
		}
		#noticias .box-noticias article h2{
			min-height: auto !important;
		}
		#noticias .box-proyectos-actividades article h2{
			min-height: auto !important;
		}

		#noticias .box-programacion-actividades article h2{
			min-height: auto !important;
		}
		#noticias .box-elaboracion-proyectos article h2{
			min-height: auto !important;
		}

		#noticias .box-programacion-actividades article{
			width: 100% !important;
			margin-right: 0px !important;
		}
	

		#noticias .box-elaboracion-proyectos article .foto{
			width: 100% !important;
			margin-right: 0px !important;
			margin-bottom: 20px !important;
		}
		#noticias .box-elaboracion-proyectos article .con{
			width: 100% !important;
		}
	
	
	}

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

		#servicio .porque-faro{
			padding: 30px 30px;
		}
		#servicio .porque-faro h2{
			font-size: 18px;
			padding-right: 60px;
		}

	}


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

		#btn-clientes, #btn-campus{
			display: none !important;
		}
		#eslogan{
			width: 80%;
		}
		#servicio .conducta .elementos .item{
			width: 90%;
		}
	
	}


	@media only screen and (max-width: 770px) {
		
		#formacion .box-formacion .item-curso{
			background-size: 120px;
			padding-bottom: 0px;
		}
		#formacion .box-formacion .item-curso .nombre{
			width: 95%;
			margin-left: 0px;
			margin-top: 20px;
			margin-bottom: 5px;
			padding-left: 150px;
			padding-right: 0px;
			margin-bottom: 30px;
		}
		#formacion .box-formacion .item-curso .content-webinar{
			width: 20%;
		}
		#formacion .box-formacion .item-curso .fecha{
			width: 20%;
			margin-right: 3%;
		}		
	}



	@media only screen and (max-width: 710px) {
	
		#main-header nav #nav-menu .btn{
			width: 48%;
		}
		#servicio .box .item .servs{
			min-height: auto;
		}
		#servicio .box-acceso{
			float: left;
			width: 100%;
		}

		#servicio .abstract{
			width: 100%;
			font-size: 18px;
			line-height: 22px;
			text-align: justify;
		}
		#servicio .desc .textos{
			width: 100%;
			text-align: justify;
		}
		#servicio .desc .precio{
			float: left;
			width: 100%;
			margin-left: 0px;
			margin-top: 20px;
		}
		#servicio .formulario-contratacion{
			padding: 50px 40px;
		}
		#servicio .formulario-contratacion .bloque .imagen img{
			max-width: 350px;
			width: 100%;
		}
		#servicio .formulario-contratacion .w100{
			width: 99%;
			margin: 0px 0.5%;
			margin-bottom: 8px;
		}
		#servicio .formulario-contratacion .w33{
			width: 99%;
			margin: 0px 0.5%;
			margin-bottom: 8px;
		}
		#servicio .formulario-contratacion .w46{
			width: 99%;
			margin: 0px 0.5%;
			margin-bottom: 8px;
		}
		#servicio .formulario-contratacion .w20{
			width: 99%;
			margin: 0px 0.5%;
			margin-bottom: 8px;
		}
		#servicio .formulario-contratacion .bloque .textos{
			font-size: 13px;
			line-height: 18px;
			text-align: justify;
		}
	

	}


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

		.box-sub-formacion .item-sub-formacion{
			width: 100%;
			margin: 10px 0px;
		}

		.box-sub-formacion .item-sub-formacion img{
			height: 160px;
		}
	

	}


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

		#main-footer .personalizada{
			width: 80%;
			margin: 0px 10%;
			padding: 40px 40px;
			margin-top: -100px;
		}	
		#main-footer .personalizada .atencion{
			width: 100%;
			text-align: center;
		}
		#main-footer .personalizada .figura{
			width: 100%;
			float: right;
			text-align: center;
		}
		#main-footer .personalizada .figura img{
			width: 160px;
			bottom: -50px;
			margin-top: 40px;
		}
		#main-footer .personalizada .btn{
			float: left;
			width: 100%;
			padding: 8px 0px;
			margin-top: -120px;
		}

	}


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

		.box-servicios .servicio{		
			width: 100%;
			margin: 0px 0px;
			margin-bottom: 10px;
			padding: 20px 30px;
			min-height: auto;
		}
		.box-servicios .servicio h2{		
			min-height: auto;
			margin-bottom: 5px;
		}
		#eslogan{
			width: 100%;
		}
		#servicio .box-blog article{
			width: 100%;
			margin-right: 0px;
		}
		#servicio .box-blog article h2{
			min-height: auto;
		}
	}


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

		#servicio-top .foto-faro {
			height: 200px;
		}		
		#servicio .box-menu .boton {
			height: 40px;
			width: 100%;
			margin-right: 0px;
		}

	}

		

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

		#nav-menu a {
			width: 98%;
		}		
		#main-header nav .accesos .acces{
			width: 98%;
			margin-bottom: 10px;
		}
		#main-header nav #nav-menu .btn{
			width: 98%;
		}
		#main-footer .box50{
			width: 100%;
			margin: 0px 0px;	
			margin-bottom: 10px;	
		}
		#main-footer .box100{		
			width: 100%;
			margin: 0px 0px;
			padding: 15px 0px;
			margin-bottom: 50px;
		}
		#main-footer .box100 .link{
			text-align: center;
			width: 100%;
		}	
		#main-footer .box100 .btn{
			float: none !important;
			display: inline-block !important;
			text-align: center !important;
			width: auto !important;
			margin-top: 20px !important;
		}	
		#copy{
			text-align: center;
		}
		#copy span{
			display: none;
		}
		#copy strong{
			display: inline-block;
			width: 100%;
		}
		#ficha .box-informacion .box-caracteristicas .fila{
			width: 100%;
		}
	

		#ficha .box-informacion .box-pvp .carac{
			width: 100%;
			text-align: center;
		}
		#ficha .box-informacion .box-pvp .carac .c{
			float: none;
			display: inline-block;
			margin-right: 1.5px;
			margin-left: 1.5px;
		}
		#ficha .box-informacion .box-pvp .precio{
			float: left;
			width: 100%;
			text-align: center;
			margin-top: 20px;
			padding: 15px 0px;
			border-top: 1px solid var(--color-secondary);
			border-bottom: 1px solid var(--color-secondary);
		}

	}




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

		.btn-tel-darkgrey{
			display: none !important;
		}
		#formacion .box-formacion .item-curso{
			background-size: 100px;
		}

	
	}






/* 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;
}

        

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