/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
	font-size: 15px;
	line-height: 23px;
    font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	background-image: url('../img/back-top2.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-color: #f0f0f0;
}


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


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


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-size: 50px;
		line-height: 52px;
		font-weight: 900;
	}
	h2{
		font-size: 28px;
		line-height: 36px;
		font-weight: 500;
	}
	h3{
		font-size: 26px;
		line-height: 26px;
	}


	#kvFileinputModal{
		display: none;
	}


	/* tools
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor:pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	.back-body-int{
		background: none;
	}	
	.text-center{
		text-align: center;
	}
	.text-corpo{
		color: #39c6c6;
	}
	.text-white{
		color: #fff;
	}
	.text-red{
		color: #c12106;
	}
	.link{
		color: #e56133;
		text-decoration: none;
	}
	.link:hover{
		color: #000;
	}
	.btn{
		color: #fff;
		background-color: #e56133;
		text-align: center;
		padding: 15px 30px;
		text-decoration: none;
		cursor:pointer;
		font-size: 20px;
		letter-spacing: 2px;
		font-weight: 600;
		border-radius: 50px;
	}
	.btn-alert{
		background-color: #c12106 !important;
	}
	.btn-corpo{
		background-color: #39c6c6 !important;
	}
	.btn:hover{
		background-color: #000 !important;
	}
	.btn-small{
		color: #fff;
		background-color: #e56133;
		text-align: center;
		padding: 10px 20px;
		text-decoration: none;
		cursor:pointer;
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 600;
		border-radius: 50px;
	}
	.btn-small:hover{
		color: #fff;
		background-color: #000 !important;
	}
	.btn-smaller{
		padding: 5px 10px;
		font-size: 12px;
	}
	.btn-header{
		color: #fff;
		border: 1px solid #fff;
		text-align: center;
		padding: 15px 30px;
		font-weight: 600;
		text-decoration: none;
		cursor:pointer;
		border-radius: 50px;		
	}
	.btn-header:hover{
		color: #fff !important;
		border: 1px solid #e56133 !important;
		background-color: #e56133 !important;
	}
	p{
		text-align: justify;
	}


	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		float: right;
		margin-right: 10px;
		margin-top: 15px;
	}
	#pull img{
		width:20px;
	}
	#pull img:hover{
		opacity: 0.8;
	}



	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		float: left;
		width:100%;
		padding: 30px 0px;
	}
	.header-int{
		background-color: #39c6c6;
	}
	#header #logo{
		display: inline-block;
	}
	#header #logo img{
		width: 250px;
	}
	#header #menu-desktop{
		float: right;
		list-style: none;
		margin:0px;
		margin-top: 15px;
	}
	#header #menu-desktop li{
		float: left;
	}
	#header #menu-desktop li a{
		color: #fff;
		letter-spacing: 1px;
		margin-left: 20px;
		margin-top:30px;
		text-decoration: none;
	}
	#header #menu-desktop li a:hover{
		color: #000;
	}


	/* menu-responsive
	------------------------------------------------------------------------------------------------------  */
	#menu-responsive{
		display: none;
		float: left;
		background-color: #fff;
		margin-top: 20px;
		padding: 20px 0px;
	}
	#menu-responsive ul{
		display: inline-block;
		width: 100%;
		margin-left: -40px;
		text-align: center;
		list-style: none;
	}
	#menu-responsive ul li{
		display: inline-block;
		width: 100%;
	}
	#menu-responsive ul li a{
		display: inline-block;
		color: #39c6c6;
		width:100%;
		font-weight: 800;
		font-size: 18px;
		padding:10px 0px;
		text-decoration: none;
	}
	#menu-responsive ul li a:hover{
		color: #000;
	}


	/* breadcrumbs
	------------------------------------------------------------------------------------------------------  */
	#breadcrumbs{
		float: left;
		width: 100%;
		padding: 0.2em 0em;
		background-color: #f0f0f0;
		text-align: right;
	}
	#breadcrumbs .bread{
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	#breadcrumbs .bread ol{
		margin: 0em;
		padding: 0em;
	}
	#breadcrumbs .bread .breadcrumb-item{
		display: inline-block;
		margin-right: 0.625em;
		font-size: 0.8em;
	}
	#breadcrumbs .bread .flecha{
		background-image: url('../img/ico-right-arrow.png');
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 0.3125em;
		padding-right: 1.25em;
	}
	#breadcrumbs .bread .breadcrumb-item a{
		color: #e56133;
		text-decoration: none;
	}
	#breadcrumbs .bread .breadcrumb-item a:hover{
		text-decoration: underline;
	}

	/* home
	------------------------------------------------------------------------------------------------------  */
	#home{
		float: left;
		width:100%;
		padding: 60px 0px;
		padding-bottom: 0px;
	}
	#home .content-img{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}
	#home .content-img img{
		width: 65%;
	}
	#home .content-txt{
		display: inline-block;
		width: 100%;
		max-width: 600px;
		position: relative;
	}
	#home .content-txt h2{
		color: #fff;
	}
	#home .content-txt .btn{
		display: inline-block;
		margin-top: 30px;
	}




	/* info
	------------------------------------------------------------------------------------------------------  */
	#info{
		float: left;
		width:100%;
		text-align: right;
		padding: 160px 0px;
		margin-top: -120px;
		background-image: url('../img/back-esquina.png');
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: cover;	
	}	
	#info span{
		color: #39c6c6;
		font-size: 35px;
		line-height: 35px;
		font-weight: 700;
	}	
	#info span strong{
		color: #000;
		font-weight: 700;
	}	



	/* items
	------------------------------------------------------------------------------------------------------  */
	#items{
		float: left;
		width:100%;
		padding: 0px 0px;
		margin-top: -40px;
		background-color: #f0f0f0;		
	}	
	#items .box-h3{
		margin: 0 auto;
		width: 70%;
		max-width: 400px;
		text-align: center;
	}
	#items .box-h3 h3{
		margin-top: 10px;
	}
	#items .box-h3 .linea{
		margin: 0 auto;
		width: 40px;
		border-bottom: 8px dotted #39c6c6;
	}
	#items .box-h3 img{
		height: 70px;
	}
	#items .box-btns{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 80px 0px;
	}
	#items .box-btns a{
		display: inline-block;
		margin-bottom: 10px;
	}
	#items .box-mensaje{
		display: inline-block;
		margin: 0 auto;
		width: 60%;
		text-align: justify;
	}
	#items .box-mensaje .tit{
		font-size: 18px;
		font-weight: 700;
	}
	#items .box-mensaje p{
		font-size: 16px;
	}




	/* como
	------------------------------------------------------------------------------------------------------  */
	#como{
		float: left;
		width:100%;
		padding: 60px 0px;
		text-align: center;
	}	
	#como h1{
		display: inline-block;
		font-size: 28px;
		line-height: 36px;
		width: 80%;
		max-width: 800px;
	}
	#como span{
		display: inline-block;
		width: 80%;
		color: #39c6c6;
		max-width: 800px;
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 50px;
	}
	#como h2{
		display: inline-block;
		text-align: left;
		font-weight: 700;
		font-size: 22px;
		line-height: 25px;
		width: 80%;
		max-width: 1000px;
		margin-bottom: 0px;
		margin-top: 40px;
	}
	#como p{
		display: inline-block;
		text-align: justify;
		width: 80%;
		max-width: 1000px;
		margin-bottom: 40px;
	}
	#como ul{
		display: inline-block;
		text-align: justify;
		width: 80%;
		max-width: 1000px;
		margin-bottom: 40px;
	}
	#como .linea{
		margin: 0 auto;
		width: 40px;
		border-bottom: 8px dotted #39c6c6;
	}
	#como .box-btns{
		margin-top: 40px;
		margin-bottom: 60px;
	}

	/* equipo */

	#como .tit-h2{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#como .tit-h2 h2{
		text-align: center;
	}
	#como .equipo{
		float: left;
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#como .equipo span{
		margin-bottom:0px!important;
		color: #000 !important;
	}
	#como .equipo .equipo-item{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 23.6%;
		margin: 0px 0.5%;
		margin-bottom: 50px;
	}
	#como .equipo .equipo-item img{
		width: 40%;
		/*width: 100%;*/
	}
	#como .equipo .equipo-item .txt{
		width: 100%;
		text-align: center;
	}
	#como .equipo .equipo-item .txt .nom{
		width: 100%;
		color: #39c6c6;
		font-size: 16px;
		margin: 0px;
		margin-top: 10px;
		font-weight: 600;
	}
	#como .equipo .equipo-item .txt span{
		display: inline-block;
		text-align: center;
		width: 100%;
		font-size: 13px;
		font-weight: 400;
	}
	#como .equipo .equipo-item .txt span.tel{
		width:auto;
		background-image: url('../img/ico-mv.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 12px;
		padding-left: 18px;
		font-size: 15px;
		line-height: 15px;
	}
	#como .equipo .equipo-item .txt span.mail{
		font-size:11px;
	}
	#como .equipo .equipo-item .link_web{
		color: #000000 !important;
		text-decoration: underline !important;
	}
	#como .equipo .equipo-item .link_web:hover{
		text-decoration: none !important;
	}
	#como .equipo .equipo-item .social{
		display: inline-block;
		margin-top:5px;
	}	



	/* legal
	------------------------------------------------------------------------------------------------------  */
	#legal{
		float: left;
		width:80%;
		padding: 60px 10%;
		text-align: left;
	}	
	#legal h1{
		display: inline-block;
		font-size: 28px;
		width: 100%;
		text-align: center;
	}
	#legal span{
		display: inline-block;
		color: #39c6c6;
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 50px;
		text-align: center;
	}
	#legal h2{
		display: inline-block;
		text-align: left;
		font-weight: 700;
		font-size: 22px;
		line-height: 25px;
		width: 100%;
		margin-bottom: 0px;
	}
	#legal p{
		display: inline-block;
		text-align: justify;
		width: 100%;
	}
	#legal ul{
		display: inline-block;
		text-align: justify;
		width: 100%;
	}
	#legal .linea{
		margin: 0 auto;
		width: 40px;
		border-bottom: 8px dotted #39c6c6;
	}
	#legal .box-btns{
		margin-top: 40px;
		margin-bottom: 60px;
	}
	
	


	/* post
	------------------------------------------------------------------------------------------------------  */
	#post{
		float: left;
		width:100%;
		padding: 60px 0px;
		text-align: center;
	}	
	#post .descripcion{
		display: inline-block;
		margin-bottom: 40px;
	}
	#post h1{
		display: inline-block;
		font-size: 28px;
		width: 80%;
		max-width: 800px;
		line-height: 35px;
	}
	#post span{
		display: inline-block;
		width: 80%;
		color: #39c6c6;
		max-width: 800px;
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 50px;
	}
	#post .descripcion h2{
		display: inline-block;
		text-align: left;
		font-weight: 700;
		font-size: 22px;
		line-height: 25px;
		width: 80%;
		max-width: 1000px;
		margin-bottom: 0px;
		margin-top: 40px;
	}
	#post .descripcion h3{
		display: inline-block;
		text-align: left;
		font-weight: 700;
		font-size: 22px;
		line-height: 25px;
		width: 80%;
		max-width: 1000px;
		margin-bottom: 0px;
		margin-top: 40px;
	}
	#post .descripcion p{
		display: inline-block;
		text-align: justify;
		width: 100%;
		max-width: 1000px;
	}
	#post .descripcion ul{
		display: inline-block;
		text-align: justify;
		width: 100%;
		max-width: 1000px;
	}
	#post .descripcion .linea{
		margin: 0 auto;
		width: 40px;
		border-bottom: 8px dotted #39c6c6;
	}
	#post .descripcion .box-btns{
		margin-top: 40px;
		margin-bottom: 60px;
	}



	#post .descripcion .box-items{
		display: inline-block;
		width: 100%;
		max-width: 1000px;
		text-align: center;
		margin-top: 40px;
	}
	#post .descripcion .box-items .item{
		display: inline-block;
		width: 100%;
		text-align: left;
		margin-bottom: 40px;
		background-color: #f0f0f0;
		padding: 40px;
		border-radius: 5px;
		box-sizing: border-box;
	}
	#post .descripcion .box-items .item h2{
		display: inline-block;
		width: 100%;
		margin: 0px;
	}
	#post .descripcion .box-items .item .subtitulo{
		display: inline-block;
		width: 100%;
		padding: 20px 0px;
	}
	#post .descripcion .box-items .item .btn{
		display: inline-block;
		font-size: 13px;
		padding: 8px 15px;
	}



	/* breves
	------------------------------------------------------------------------------------------------------  */
	.breves{
		display: inline-block;
		width: 100%;
		margin-bottom: 40px;
	}
	.breves .box-breve{
		width: 48%;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 40px;
		box-sizing: border-box;
		min-height: 340px;
	}
	.back-breve-amarillo{
		float: left;
		background-image: url('../img/box-amarillo.svg');
		background-position: right bottom;
	}
	.back-breve-azul{
		float: right;
		background-image: url('../img/box-azul.svg');
		background-position: left top;
	}
	.breves .box-breve .info{
		width: 80%;
	}
	.breves .box-breve .info-left{
		float: left;
	}
	.breves .box-breve .info-right{
		float: right;
	}
	.breves .box-breve .info .caption{
		display: inline-block;
		width: 100%;
	}
	.breves .box-breve .info .caption .tit{
		float: left;
		color: #fff;
		text-transform: uppercase;
		font-weight: 900;
		font-size: 22px;
		margin-right: 10px;
		font-style: italic;
	}
	.breves .box-breve .info .caption .num{
		float: left;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 20px;
		padding-left: 20px;
		color: #fff;
		font-weight: 900;
		font-size: 32px;
		font-style: italic;
	}
	.breves .box-breve .info .caption .num-azul{
		background-image: url('../img/parrilla-azul.svg');
	}
	.breves .box-breve .info .caption .num-amarillo{
		background-image: url('../img/parrilla-amarillo.svg');
	}

	.breves .box-breve .info .texto{
		float: left;
		width: 100%;
		font-size: 15px;
		font-weight: 500;
		color:#000;
		text-align: justify;
		line-height: 22px;
		margin-top: 20px;
	}




	/* login
	------------------------------------------------------------------------------------------------------  */
	#login{
		float: left;
		width:100%;
		padding: 60px 0px;
		text-align: center;
	}	
	#login h1{
		display: inline-block;
		font-size: 28px;
		width: 80%;
		max-width: 800px;
	}
	#login span{
		display: inline-block;
		width: 80%;
		color: #39c6c6;
		max-width: 800px;
		font-size: 20px;
		line-height: 26px;
	}
	#login .box-login{
		display: inline-block;
		width: 80%;
		max-width: 600px;
	}
	#login .box-login form{
		width: 60%;
		padding: 40px 20%;
	}
	#login .box-login form .btn-small{
		display: inline-block;
		margin-top: 20px;
	}
	#login .box-login form .link{
		display: inline-block;
		width: 100%;
		margin-top: 20px;
		background-image: url('../img/ico-alert.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 10px;
		padding-left: 18px;
		margin-left: 5px;
	}
	#login .box-login form .box-recordar-psw{
		display: inline-block;
		display: none;
		width: 80%;
		background-color: #fff;
		padding: 20px 10%;
		margin-top: 10px	;
	}
	#login .box-login form .box-recordar-psw label{
		margin-top:0px;
	}
	#login .box-login form .box-recordar-psw input{
		background-color: #f0f0f0;
	}
	





	/* proceso
	------------------------------------------------------------------------------------------------------  */
	#proceso{
		float: left;
		width:100%;
		padding: 60px 0px;
		text-align: center;
	}	
	#proceso .content-pasos{
		margin: 0 auto;
		display: inline-block;
		width: auto;
	}
	#proceso .content-pasos .linea{
		width: 100%;
		border-bottom: 2px solid #888;
	}
	#proceso .content-pasos .pasos{
		margin-top: -16px;
	}
	#proceso .content-pasos .pasos .paso{
		display: inline-block;
		width: auto;
		text-align: center;
		margin: 0px 50px;
	}
	#proceso .content-pasos .pasos .paso .ico-proceso{
		margin: 0 auto;
		width: 30px;
		height: 30px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 30px;
	}
	#proceso .content-pasos .pasos .paso img{
		display: inline-block;
		width: 30px;
	}
	#proceso .content-pasos .pasos .paso span{
		display: inline-block;	
		width: 100%;	
		font-weight: 700;
		color: #888;
	}
	#proceso .status{
		color: #888888;
	}
	#proceso .formulario{
		display: inline-block;
		width: 100%;
	}
	#proceso .formulario .campos{
		float: left;
		width: 40%;
		margin-left: 5%;
	}
	#proceso .formulario .textos{
		float: left;
		width: 40%;
		margin-left: 5%;
		text-align: left;
	}
	#proceso .formulario .textos p{
		text-align: justify !important;
		width: 95%;
		margin-left: 5%;
		text-align: left;
	}
	#proceso .formulario .textos-resultado{
		text-align: center;
	}
	#proceso .formulario .textos-condiciones p{
		text-align: justify;
		width: 80%;
		padding: 0px 10%;
		margin: 40px 0px;
	}
	#proceso .formulario .textos-resultado .exclama{
		display: inline-block;
		width: 100%;
		font-size: 50px;
		font-weight: 700;
		margin-bottom: 40px;
	}
	#proceso .formulario .textos-resultado h2{
		background: none;
		padding-left: 0px;
		padding: 0px 20%;
	}
	#proceso .h1-tit{
		font-size: 32px;
		color: #39c6c6;
	}
	#proceso .lee{
		font-size: 20px !important;
	}
	#proceso .formulario h2{
		display: inline-block;
		margin: 0px;
		font-size: 22px;
		line-height: 28px;
		font-weight: 800;
		background-image: url('../img/ico-arrow-left.png');
		background-position: left 6px;
		background-repeat: no-repeat;
		background-size: 15px;
		padding-left: 30px;
	}
	#proceso .formulario p{
		display: inline-block;
		width: auto;
		margin-left: 30px;
		width: 100%;
	}
	#proceso .formulario .btn-small{
		display: inline-block;
		margin-top: 20px;
		margin-left: 11px;
	}


	/* form
	------------------------------------------------------------------------------------------------------  */


	.content-check{
		display: inline-block;
		margin: 0 auto;
		width: 500px;
		text-align: left;
	}
	/* The container */
	.content-check .container {
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 18px;
		font-weight: 600;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;		
	}
	
	/* Hide the browser's default checkbox */
	.content-check .container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	
	/* Create a custom checkbox */
	.content-check .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 25px;
		background-color: #e56133;
	}
	
	/* On mouse-over, add a grey background color */
	.content-check .container:hover input ~ .checkmark {
		background-color: #39c6c6;
	}
	
	/* When the checkbox is checked, add a blue background */
	.container input:checked ~ .checkmark {
		background-color: #39c6c6;
	}
	
	/* Create the checkmark/indicator (hidden when not checked) */
	.content-check .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	
	/* Show the checkmark when checked */
	.content-check .container input:checked ~ .checkmark:after {
		display: block;
	}
	
	/* Style the checkmark/indicator */
	.content-check .container .checkmark:after {
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}






	form{
		float: left;
		width: 100%;
		background-color: #f0f0f0;
		margin-top: 40px;
		padding: 50px 0px;
		text-align: left;
	}
	form .caption{
		float: left;
		width: 90%;
		margin-top: 0px;
		padding: 0px 5%;
		margin-bottom: 20px;
		font-size: 18px;	
		line-height: 20px;	
		font-weight: 700;
	}
	form label{
		float: left;
		width: 90%;
		margin-top: 10px;
		font-size: 13px;
		padding: 0px 5%;
		font-weight: 500;
		color: #333;
	}
	form input,textarea{
		float: left;
		width: 90%;
		margin-top: 2px;
		padding: 8px 5%;
		font-size: 15px;
		font-weight: 500;
		background-color: #fff;
		border: 0px;
		border-radius: 40px;
		outline: none;
		border: 1px solid #fff;
		font-family: 'Montserrat', sans-serif;
	}
	form .loschecks{
		float: left;
		width: 100%;
		font-size: 13px;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}				  
	.msgs_form{
		display: inline-block;
		display: none;
		width: 98%;
		text-align:left; 
		margin-top: 20px; 
		color:#fff; 
		font-size: 15px;
		font-weight: 500;
		line-height: 18px;
		background-color: #c12106;
		-webkit-border-radius: 20px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 20px;
		-moz-border-radius-topleft: 0;
		border-radius: 20px;
		border-top-left-radius: 0;
		padding: 10px 20px;
		background-image: url('../img/ico-alert.svg');
		background-position: 20px 12px;
		background-repeat: no-repeat;
		background-size: 14px;
		padding-left: 45px;
		margin-left: 2%;
		box-sizing: border-box;
	}		  


	.msgs_send{
		float:left; 
		clear: left; 
		width: auto; 
		display: none; 
		margin-top: 5px;
		font-size:15px;
		background-color: #5cac20;
		color: #fff;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: 700;
	}
		  


	/* loader
	------------------------------------------------------------------------------------------------------  */

	.loader {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 999999999999999999999999999999999999999999999;
		background: url('../img/loading.gif') 50% 50% no-repeat rgb(249,249,249);
		opacity: .8;
	}



	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width:100%;
		text-align: center;
		background-color: #fff;
		padding: 30px 0px;
	}
	#footer img{
		max-width:450px;
		width:80%;
	}




	/* Cookies
	------------------------------------------------------------------------------------------------------  */

	#container_cookies {
	    z-index: 9999999999999999999999;
	    width: 100%;
	    background-color: rgba(0,0,0,0.9);
	    text-align: center;
	    position: fixed;
	    bottom: 0px;
	    padding: 20px 0px;
	}
	#container_cookies .mensaje {
	    margin: 0 auto;
	    width: 80%;
	    max-width: 1000px;
	    text-align: left;
	    font-size: 14px;
	    color: #fff;
	    padding: 16px 10%;
	}
	#container_cookies .mensaje a {
	    color: #00a2c4;
	    text-decoration: none;
	}
	#container_cookies .mensaje a:hover {
	    text-decoration: underline;
	}
	#container_cookies .acepto {
	    float: right;            
	    padding: 10px 20px;
		background-color: #e56133;
		border-radius: 20px;
	    cursor: pointer;
	    padding: 2px;
	    margin-left: 15px;
		color: #fff;
		padding: 5px 15px;
	    
	}

	.btn-aceptar{
	  cursor: pointer !important;
	  padding: 10px 25px !important;
	  background-color: #00a2c4 !important;
	  color: #fff !important;
	  text-decoration: none !important;
	  font-weight: 600 !important;
	}
	.opacity1{
	  opacity: 1 !important;
	}








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

	@media only screen and (max-width: 1074px) {
	
		h1{
			font-size: 35px;
			line-height: 35px;
		}
		h2{
			font-size: 20px;
			line-height: 23px;
		}
		h3{
			font-size: 22px;
			line-height: 24px;
		}
		#info span{
			font-size: 30px;
			line-height: 30px;
		}	
		.btn{
			padding: 10px 22px;
			font-size: 16px;
		}
		#menu-desktop{
			display: none;
		}
		#pull{
			display: inline-block;
		}
	
		#items{
			margin-top: -100px;
		}	
		#items .box-h3{
			width: 80%;
		}
	
	}


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

		#proceso .content-pasos .pasos .paso span{
			font-size: 12px;
		}

	}

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

		#como .equipo .equipo-item{
			float: none;
			width: 22%;
			margin: 0px 1%;
			margin-bottom: 40px;
			display: inline-block;
		}
		
	}


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

		#proceso .content-pasos .pasos .paso{
			margin: 0px 20px;
		}

	}


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

		#proceso .formulario .campos{
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
			margin-bottom: 40px;
		}
		#proceso .formulario .textos{
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
		}

	}

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

		.content-check{
			max-width: 350px;
			width: 90%;
		}
		/* The container */
		.content-check .container {
			font-size: 15px;
		}

	}


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

		.breves .box-breve{
			width: 100%;
			min-height: auto;
			margin-bottom: 20px;
		}

	}

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

		#como .equipo .equipo-item{
			width: 30%;
			margin: 0px 1%;
			margin-bottom: 50px;
		}
		
	}


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

		#home .col_40, #home .col_60{
			width: 100%;
			text-align: center;
		}
		#home .content-img{
			margin-top: -30px;
		}
		#home .content-img img{
			max-width: 200px;
		}
		#home .content-txt{
			width: 80%;
			padding: 0px 10%;
			max-width: 100%;
		}
		#info span{
			display: inline-block;
			margin-right: 40px;
		}	
		#items .col_33{
			width: 100%;
		}
		#items .box-h3{
			margin-bottom: 50px;
		}
		#items .box-btns{
			padding-top: 20px;
		}
		#footer{
			font-size: 12px;
		}
		#post .descripcion .linea{
			margin-top: 40px;
		}
		#proceso .content-pasos .linea{
			border-bottom: 1px solid #888;
		}
		#proceso .content-pasos .pasos .paso{
			margin: 0px 0px;
			width: 23%;
			line-height: 14px;
			vertical-align: top;
		}
	

	
	}

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

		#como .equipo .equipo-item{
			width: 46%;
		}
			
	
	}

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

		#header #logo img{
			width: 200px;
			margin-top: 6px;
		}
		#proceso .formulario p {
			display: inline-block;
			width: 90%;
			margin-left: 0px;
		}	

	}

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

		#como .equipo .equipo-item{
			width: 98%;
		}
		
	}