@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap);
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none
}
html{
	font-size:10px
}
body{
    font-family: 'Poppins', sans-serif;
	font-size:1.7rem;
	font-weight:400;
	color:#000000;
	background-color:var(--blanco-main)
}

:root {
    --gris-claro: #eeeeee;
    --gris-medio: #f3efed;
    --gris-oscuro: #cfcfcf;
    --negro: #000000;
    --blanco: #ffffff;
    --blanco-main: #fdfdfd;
    --rojo: #e30613;
    --azul: rgb(16, 60, 203);
    --papiWrap: #3483ed;
}

#div_wrapper{
	width:100%;
	min-width:320px;
	margin:0 auto
}
#div_content{
	min-height:600px
}
.container{
	width:100%;
	max-width:1500px;
	padding:0 25px
}
.clear{
	clear:both
}
.grey {
	background-color:#fdfdfd;
}
a, a:hover, a:focus{
	outline:none;
	text-decoration:none;
	color:inherit
}
a:hover{
	cursor:pointer;
	text-decoration:underline
}
label{
	font-size:1.7rem;
	font-weight:400
}
input, select, textarea{
	width:100%;
	font-size:1.7rem;
	font-weight:400;
	outline:0px;
	border:1px solid #bfbfbf;
	background-color:var(--blanco);
	padding:6px 8px
}
select{
    border-radius:0;
    background:#fff url(../img/content/ico-desplega.png) no-repeat right 15px center;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:6px 25px 6px 6px
}
.button, .buttonb{
	text-align:center;
	font-size:1.7rem;
	color:var(--papiWrap);
	background-color:#fff;
	border:2px solid var(--papiWrap);
	padding:8px 6%
}
.button:hover{
	color:var(--papiWrap)
}
.buttonb, .buttonb:hover{
	color:var(--blanco);
	background-color:var(--papiWrap)
}
p, ul{
	padding:0;
	margin:0
}
li{
	list-style:none
}
img{
	max-width:100%
}
#div_ruta{
	font-size:1.3rem;
	color:var(--negro);
	padding:15px 0 30px 0
}
#div_ruta.pb-0 {
    padding-bottom: 0 !important;
}
#div_ruta a:hover{
	color:var(--papiWrap)
}
#div_ruta span{
	font-weight:700
}
.right{
	text-align:right
}
.content-inline{
	font-size:1px;
	letter-spacing:-1px
}
.inline{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal
}
.content-flex{
	display:flex;
	flex-wrap:wrap
}
.poppins40 {
	font-size: 4rem;
	font-weight: 500;
}
.poppins35 {
	font-size:3rem;
	font-weight: 500;
}
.poppins30 {
	font-size:3rem;
	font-weight: 500;
}
.poppins25 {
	font-size: 2.5rem;
	font-weight: 600;
}
.rounded{
	border-radius:50%;
	border:1px solid #e3e3e3
}

/* HEADER ***********************************/
header{
	background-color:var(--blanco-main);
	padding:20px 0;
}
header #div_header{
	padding:0 4%
}
header .logo {
    display: flex;
    align-items: center;
}
header .logo img {
	width:100%;
    height: 6rem;
    margin-top: 10px;
}
header .languages{
	margin-bottom:20px
}
header .languages li, header menu .buttonb{
	display:inline-block
}
header .languages a{
	font-size: 1.5rem;
	color:var(--negro);
    font-weight: 500;
	margin-left: 20px;
}
header a:hover, header a.active{
	color:var(--papiWrap);
	text-decoration:none
}
header menu li{
	display:inline-block;
	color:var(--negro);
	font-weight:700;
	padding-left:50px
}
header menu .buttonb{
	min-width:180px;
	padding:4px 15px
}
header menu .buttonb:hover{
	text-decoration:underline
}

/* HOME *************************************/
#div_content .top h1{
	margin:0 20% 0 0
}
#home .top h1{
	margin:35px 20% 0 0
}
#home .top h1 span {
    color: var(--papiWrap);
}
#div_content .top a{
	display:block;
    background-color: var(--papiWrap);
    color: var(--blanco);
    margin-top: 20px;
    width: fit-content;
}
#div_content .top a:focus, 
#div_content .top a:active,
#div_content .top a:hover {
    background-color: var(--blanco);
	color:var(--papiWrap);
    text-decoration: none;
    transition: all.3s ease-in-out;
}
#div_content .presentacion{
	padding:0 0 20px 0;
}
#home #div_content .presentacion{
    display: flex;
    flex-direction: column;
    gap: 25px;
	width:32%
}
#home #div_content .imagen{
	width:68%
}
#home #div_content .imagen img{
	width:100%;
	height:100%;
	object-fit:cover
}
#home #div_top {
    margin-bottom: 6rem;
}
#home #div_nosotros{
	color:#fff;
	background:url(../img/content/img-nosotros.jpg) no-repeat center top;
	background-size:cover;
	padding:80px 0;
    margin-bottom: 60px;
}
#home #div_nosotros .col1{
	width:45%;
	padding:20px 5%;
    align-self: center;
}
#home #div_nosotros .col2{
	width:55%;
	padding:20px 5%
}
#home #div_nosotros h3{
	font-size:2.2rem;
}
#home #div_nosotros h4{
	margin-bottom:20px
}
#home #div_servicios, #home #div_cursos, #home #div_equipo {
	text-align: center;
	margin-bottom: 6rem;
}
#home #div_servicios p.title {
	font-weight:700;
    font-size: 3rem;
}
#home #div_servicios h2 {
	margin-bottom:35px;
    color: var(--papiWrap);
}
#home #div_servicios .service {
	width:20%;
	font-size:1.7rem;
    font-weight: 500;
	padding:0 1%;
}
#home #div_servicios .service img {
	display:block;
	height: 8rem;
	margin:0 auto 40px auto
}
#div_cursos .curso{
	display:block;
	background-color:#fff;
	margin:25px 0
}
#div_cursos .curso:hover{
	text-decoration:none
}
#div_cursos .curso:hover h4{
	text-decoration:underline
}
#div_cursos .relative{
	position:relative;
	width:38%
}
#div_cursos .absolute{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	color:#fff;
	font-weight:700;
	background:rgba(26,26,26,0.7)
}
#div_cursos .date{
	font-size:3rem;
	font-weight:300;
	margin:0
}
#div_cursos .info{
	width:61%;
	text-align:left;
	padding:40px 4%
}
#div_cursos .info h4{
	font-size:2.8rem;
	font-weight:400
}
#div_cursos .info p{
	display:inline-block;
	margin:40px auto 0 auto
}
#home a.all{
	display:inline-block;
	color:var(--papiWrap);
    font-size: 1.8rem;
    font-weight: 500;
}
#home #div_blog {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
#home .heading {
    margin-bottom: 5rem;
    text-align: center;
}
#home #div_blog .poppins30 {
    font-weight: 700;
}
#home #div_blog .poppins35 {
    font-weight: 600;
}
#home #div_blog .homeBolgWrapper {
    display: flex;
    gap: 2rem;
}
#home #div_blog .notice {
	font-size:1.8rem;
	text-align:left;
	background-color:var(--blanco);
	padding: 3rem;
    border: 1px solid var(--gris-oscuro);
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 50%;
}
#home #div_blog .date {
	font-size: 1.3rem;
    font-weight: 500;
	color:var(--papiWrap);
	margin-bottom: 5px;
}
#home #div_blog h4 {
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: 15px;
}
#home #div_blog p {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 0;
}

/* CURS *************************************/
/* CURS 2 */
#div_cursos.cursos-new .row.equal {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid var(--gris-oscuro);
}
#div_cursos.cursos-new a:last-child .row.equal {
    margin-bottom: 0px;
    padding-bottom: 0px;
	border-bottom: 0;
}
#div_cursos.cursos-new .row .col-sm-4 {
	background-color: var(--blanco);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 200px;
} 
#div_cursos.cursos-new .row .col-sm-8 {
	padding: 20px 30px 15px 30px;
	text-align: left;
	height: 100%;
}
#div_cursos.cursos-new h2 {
	font-weight:700;
	font-size: 2.5rem;
	margin-bottom: 20px;
}
#div_cursos.cursos-new h3 {
	font-weight:700;
	font-size: 3rem;
}
#div_cursos.cursos-new .row .col-sm-8 p.color {
	color: var(--papiWrap);
	text-transform: uppercase;
	font-size: 1.8rem;
}
#div_cursos.cursos-new .row .col-sm-8 p.color .punto {
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.8rem;
}
#div_cursos.cursos-new .row .col-sm-8 h4 {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 10px 0;
}
#div_cursos.cursos-new .row .col-sm-8 .docente {
	margin-top: 40px;
	display: flex;
    align-items: center;
}
#div_cursos.cursos-new .row .col-sm-8 .docente img {
	max-height: 90px;
}
#div_cursos.cursos-new .row .col-sm-8 .docente p {
	vertical-align: middle;
	margin-top: 0px;
	margin-left: 20px;
}
@media (min-width: 768px) {
	.row.equal {
	  display: flex;
	  flex-wrap: wrap;
	}
}
@media (max-width: 767px) {
	#div_cursos.cursos-new .row .col-sm-8 {
		padding: 20px;
	}
	#div_cursos.cursos-new h2 {
		font-size: 2.6rem;
		line-height: 3.2rem;
		margin-top: 10px;
	}
	#div_cursos.cursos-new .row .col-sm-8 h4 {
		font-size: 1.4rem;
	}
	#div_cursos.cursos-new .row .col-sm-8 .docente {
		margin-top: 20px;	
	}

    #home #div_blog .homeBolgWrapper {
        flex-direction: column;
    }
    #home #div_blog .notice {
        width: 100%;
    }
}

/* end CURS 2 */
#cursos .relative{
	text-align:center
}
#cursos h1 {
	font-weight: 700;
	margin-bottom: 50px;
}
#cursos #div_cursos .titular{
	padding:0 4%
}
#curs #div_content .top {
    display: flex;
    border-bottom: 1px solid var(--gris-oscuro);
}
#curs #div_content .top .textos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-right: 2rem;
}
#curs #div_content .top h1 {
    font-weight: 700;
    margin-bottom: 20px;
}
#curs .line{
	border-bottom:3px solid #e8e8e8;
	padding:40px 0;
}
#curs .line h2, #curs .line h3 {
	margin-bottom: 20px;
}
#curs .line ul>br{
	display:none
}
#curs .line ul {
    width: 80%;
}
#curs .line li{
	font-size:2rem;
	background:url(../img/content/icon-check.svg) no-repeat left top 3px;
	background-size:21px 19px;
	padding-left:35px;
	margin-bottom: 20px;
}
#curs .line li+br{
	display:none
}
#curs .programa{
	border-bottom:0
}
#curs .line .profesor img.inline{
	display:inline-block;
	width:30%
}
#curs .line .profesor .info{
	width:69%;
	font-size:2.2rem;
	font-weight:700;
	padding:0 0 0 4%
}
#curs .line .profesor .info span{
	display:block;
	font-size:1.7rem;
	font-weight:400
}
#curs .line .profesor .links{
	margin-top:35px
}
#curs .line .profesor .info img{
	max-width:40px
}
#curs #div_fechas{
	position:relative;
	padding:40px 0;
	z-index:500
}
#curs #div_fechas .banner {
    background-color: var(--papiWrap);
    color: var(--blanco);
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px;
}
#curs #background{
	display:none;
	position:fixed;
	top:0;
	width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
	z-index:499
}
#curs #div_fechas h3.center {
	text-align: center;
    margin-bottom: 20px;
}
#curs #div_fechas #list_tiquet {
    width:100%;
	background-color:var(--blanco);
}
#curs #div_fechas #list_tiquet,
#curs #div_fechas .discountWrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#curs #div_fechas .bloc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem 6rem;
    padding: 3rem;
    text-align: center;
    background-color:var(--blanco);
    width: fit-content;
    margin: 0 auto;
}
#curs #div_fechas .bloc .date {
	color: var(--negro);
    font-size: 2rem;
    font-weight: 700;
}
#curs #div_fechas .bloc .info {
	color: var(--negro);
}
#curs #div_fechas #list_tiquet .bloc1{
	width:55%;
	border-right:1px solid var(--gris-oscuro);
	padding:25px 15px;
    color: var(--negro);
}
#curs #div_fechas .bloc .info img, #curs #div_fechas #list_tiquet .bloc1 img{
	vertical-align:-4px;
	width:auto;
	height:20px;
	margin-right:10px
}
#curs #div_fechas .bloc .info p, #curs #div_fechas #list_tiquet .bloc1 p{
	margin-bottom: 8px;
    color: var(--negro);
}
#curs #div_fechas #list_tiquet .bloc1 p.title {
    font-weight: 700;
    color: var(--negro);
}
#curs #div_fechas .bloc .title span{
	font-size:1.5rem
}
#curs #div_fechas .bloc .price, #curs #div_fechas #list_tiquet .bloc2{
	font-size:2.5rem;
	font-weight:700;
	color:var(--papiWrap);
	margin-left:20px
}
#curs #div_fechas #list_tiquet .bloc2 {
    color: var(--papiWrap);
}
#curs #div_fechas .bloc .buttonb{
	display:block;
	max-width:170px;
	padding:8px;
	margin:15px auto 0 auto
}
#curs #div_formulario{
	padding:40px 0
}
#curs #div_formulario .resposta{
	margin-bottom:40px
}
#curs #div_formulario .casella{
	width:94%;
	margin-bottom:10px
}
#curs #div_formulario textarea{
	height:192px
}
#curs #div_formulario a{
	text-decoration:underline
}
#curs #div_formulario .acepto{
	display:inline-block
}
input.check{
	display:inline-block;
	width:20px
}
#curs #div_formulario input.enviar {
    width: fit-content;
    padding: 6px 40px;
    background-color: var(--papiWrap);
    color: var(--blanco);
}
input.enviar:hover{
	text-decoration:underline
}

/*Formulari de reserva*/
#curs #div_fechas #ecommerce2{
	margin-bottom:30px
}
#curs #div_fechas #list_tiquet .bloc2, #curs #div_fechas #list_tiquet .bloc3, #curs #div_fechas #list_tiquet .bloc4{
	width:15%;
	text-align:center;
	padding:25px 15px;
	border-right:1px solid var(--gris-oscuro);
	margin:0;
    color: var(--negro);
}
#curs #div_fechas #list_tiquet .bloc4{
	border:0
}
#curs #div_fechas #ecommerce2 .my-codi {
	padding-top: 20px;
}
#curs #div_fechas #ecommerce2 .my-codi input#codi {
    width: 64%;
	padding: 10px 15px;
	margin-right: 2%;
	margin-bottom: 20px;
    color: var(--negro);
}
#curs #div_fechas #ecommerce2 .my-codi input#aplicar {
	background-color: var(--gris-oscuro);
	border: 2px solid var(--gris-oscuro);
	width: 33%;
	color: var(--blanco);
	text-align: center;
	font-size: 1.7rem;
	padding: 8px 15px;
}
#curs #div_fechas #ecommerce2 .my-codi input#aplicar:hover {
	background-color: var(--gris-medio);
	border: 2px solid var(--gris-medio);
    color: var(--negro);
    transition: all .3s ease-in-out;
}
#curs #div_fechas #ecommerce2 .my-codi #mensaje .ok {
	color: #60b69b;
}
#curs #div_fechas #ecommerce2 .my-codi #mensaje .error {
	color: var(--papiWrap);
}
#curs #formBOOK .inline{
	width:32%;
	margin:0 1% 20px 0
}
#curs #div_fechas .reserva .bloc{
	width:100%;
	max-width:450px;
	margin:30px 0 0 0
}
#curs #div_fechas .bloc .buy input {
	width:80px !important;
    color: var(--negro);
    text-align: center;
}
#curs #div_fechas #pagar{
	margin-top:30px
}
#curs #div_fechas #pagar ul{
	margin:20px 0
}
#curs #div_fechas .pago{
	width:30px !important;
	margin:3px 0 0 0
}
#curs #div_fechas #pagar li{
	margin-bottom:10px
}
#curs #div_fechas #pagar li img{
	height:17px;
	margin-left:10px
}
#curs #div_fechas #pago{
	display:block;
	max-width:190px;
	padding:8px 15px
}
#curs #div_fechas #pago:hover {
    text-decoration: underline;
}
#curs #div_fechas #tornar{
	display:inline-block;
	width:190px;
	padding:8px 15px
}
#curs #div_fechas #tornar, #curs #div_fechas #formBOOK{
	margin-top:20px;
    padding: 8px 15px;
}

/*Forms*/
input.success, textarea.success{
	border:1px solid #79c159 !important;
	background:url(../img/content/ico-success.png) no-repeat right 15px center;
	background-color:#f3ffee !important
}
input.error, textarea.error{
	border:1px solid #f04444 !important;
	background:url(../img/content/ico-error.png) no-repeat right 15px center;
	background-color:#ffeff0 !important
}
select.success-sel{
	border:1px solid #79c159 !important;
	background-color:#f3ffee !important
}
select.error-sel{
	border:1px solid #f04444 !important;
	background-color:#ffeff0 !important
}
textarea.success, textarea.error{
	background-position:98% 6px
}
.missat{
	display:none;
	color:#d50020;
    font-size:1.4rem
}
.loading{
	display:none;
	text-align:center;
	margin:20px auto 0 auto
}
#loading{
	display:block;
	max-width:75px;
	text-align:center;
	margin:0 auto
}

/* BLOG **************************************/
#blog #div_content, #contact #div_content{
	padding:0 4% 50px 4%
}
#blog h1{
	margin-bottom:40px;
    font-weight: 700;
    text-align: center;
}
#blog .notice-big{
	margin-bottom:30px
}
#blog .fecha {
	display: block;
	font-size: 1.5rem;
    color: var(--papiWrap);
}
#blog .notice-big h2 {
	font-size: 3rem;
    font-weight: 600;
}
#blog .notice-post h1 {
	font-size: 3rem;
    text-align: left;
    margin-bottom: 0;
}
#blog .notice-big h3 {
	font-size: 1.8rem;
	font-weight: 400
}
#blog .notice-post h2 {
	font-size: 1.8rem;
	font-weight: 400;
    margin-bottom: 20px;
}
#blog .notice-big img{
	width:100%;
	margin-top:15px
}
#blog .notice-big .info-noticia{
	margin-top:15px
}
#blog .more{
	display:block;
	width: fit-content;
	padding: 5px 40px;
	margin:30px 0 0 0
}
#blog .notice {
    border-top: 3px solid #e8e8e8;
    padding-top: 30px;
	margin-top: 30px;
}
#blog .notice:last-of-type {
    border-bottom: 3px solid #e8e8e8;
    padding-bottom: 30px;
}
#blog .notice .image, #blog .notice .info-noticia{
	display:inline-block;
	vertical-align:top;
	width:44%
}
#blog .notice .image img{
	width:100%
}
#blog .notice .info-noticia{
	width:52%;
	margin-left:3%
}
#blog .notice .info-noticia h3{
	font-size:2.2rem;
	font-weight:700
}
#blog .notice .info-noticia h4{
	font-size:1.7rem
}
#blog .notice .descr{
	font-size:1.5rem;
	margin-top:25px
}
#blog .notice-big a:hover, #blog .notice a:hover{
	text-decoration:underline
}

/*Lateral*/
#blog #div_lateral{
	margin:5px 0 0 10%
}
#blog #div_lateral h4 {
	font-size:1.8rem;
    font-weight: 600;
	color: var(--negro);
	border-bottom: 3px solid var(--gris-oscuro);
    margin-bottom: 7px;
    padding-bottom: 7px;
}
#blog #div_lateral h4.buscador{
	font-size:1.6rem;
	border:0;
	margin:0
}
#blog #div_lateral form{
	border:1px solid #c6c6c6;
	background-color:#fff;
	padding:8px 7px
}
#blog #div_lateral form input, #blog #div_lateral form button{
	display:inline-block;
	vertical-align:middle;
	width:10%;
	border:0;
	background-color:transparent
}
#blog #div_lateral form input{
	width:87%;
	padding:0;
    margin:0
}
#blog #div_lateral form input::-webkit-input-placeholder{
	color:#d0d0d0
}
#blog #div_lateral form input::-moz-placeholder{
	color:#d0d0d0
}
#blog #div_lateral form input:-ms-input-placeholder{
	color:#d0d0d0
}
#blog #div_lateral form input:-moz-placeholder{
	color:#d0d0d0
}
#blog #div_lateral form button img{
	width:100%;
	max-width:22px;
	text-align:right
}
#blog #div_lateral form button:focus, #blog #div_lateral form button img:focus{
	outline:0
}
#blog #div_lateral form, #blog #div_lateral ul, #blog #div_lateral #div_archivo{
	margin-bottom:30px
}
#blog #div_lateral li {
	font-weight:400;
	border-bottom:1px solid #ededed;
	padding: 8px 0;
}
#blog #div_lateral a.title{
    display:block;
    font-weight:400;
    border-bottom: 1px solid #ededed;
    padding: 8px 0;
}
#blog #div_lateral li:last-child{
	border-bottom:0
}
#blog #div_lateral a.plegar{
	background:url(../img/content/ico-less.png) no-repeat right 10px center;
	background-size:12px 12px
}
#blog #div_lateral a.desplegar{
	background:url(../img/content/ico-more.png) no-repeat right 10px center;
	background-size:12px 12px
}
#blog #div_lateral a.activat, #blog #div_lateral a:hover, #blog #div_lateral a:hover span, #blog #div_archivo a.plegar:hover, #blog #div_archivo a.desplegar:hover{
	cursor:pointer;
	color: var(--papiWrap);
}
#blog #div_lateral .uli{
	display:none;
	margin-bottom:0
}
#blog #div_lateral .uli li {
    padding: 10px 0;
    list-style: disc;
    margin-left: 20px;
}
#blog #div_lateral #div_etiquetas a, #blog .notice-post .category{
	display:inline-block;
	vertical-align:top;
	width:auto;
	background-color: #e9f1fb;
	padding:5px 8%;
	margin-top:7px;
	margin-bottom:7px;
}
#blog #div_lateral #div_etiquetas a:hover, #blog #div_lateral #div_etiquetas a.activat, #blog .notice-post .category:hover{
	color: var(--negro);
	background-color:#d9dcdd
}

/* BLOG POST *********************************/
#blog #div_content .columna{
	margin-top:40px
}
#blog #div_content .columna .no-result{
	font-weight:400;
	text-align:center
}
#blog .notice-post .fecha{
	margin-bottom:10px
}
#blog .notice-post .labels{
	padding-bottom:3px
}
#blog .notice-post .category{
	padding:5px 20px
}
#blog .notice-post img{
	width:100%;
	margin-top:20px
}
#blog .notice-post .descripcio{
	font-size:1.7rem;
	margin:30px 0;
}
#blog .notice-post .descripcio a, #blog .formulari .petit a{
	text-decoration:underline
}
#blog .notice-post .descripcio h2, #blog .notice-post .descripcio h3, #blog .notice-post .descripcio h4, #blog .notice-post .descripcio h5, #blog .notice-post .descripcio h6{
	font-size:1.8rem;
	margin-bottom:5px
}
#blog .notice-post .descripcio a:hover, #blog .notice-post .documentos a:hover{
	color:var(--papiWrap)
}
#blog .notice-post .documentos{
	margin:40px 0 0 0
}
#blog h4 {
	font-weight:600;
}
#blog .notice-post .documentos h4, #blog .share h4 {
	font-size:1.8rem;
	font-weight:400;
	margin-bottom:20px
}
#blog .notice-post .documentos li{
	margin-bottom:20px
}
#blog .notice-post .documentos img{
	vertical-align:bottom;
	width:18px;
	margin:0 10px 0 0
}
#blog .share{
	background-color:var(--blanco);
	padding:20px;
	margin-top:30px
}
#blog .share h4, #blog .share a{
	display:inline-block;
	vertical-align:middle;
	width:auto;
	margin:0 20px 0 0
}
#blog .share a img{
	max-width:35px
}
#blog .share a:hover img{
	opacity:0.7
}
#blog .etiquetes{
	margin:20px 0;
}
#blog .etiquetes a{
	text-decoration:underline
}
#blog .etiquetes a:hover{
	color:var(--papiWrap)
}
#blog #div_comentaris{
	margin:45px 0 35px 0
}
#blog #div_comentaris .comentaris{
	font-weight:700;
	border-bottom:1px solid #d6d8da;
	padding-bottom:5px
}
#blog #div_comentaris .comentaris span{
	color:var(--papiWrap)
}
#blog #div_comentaris .comment{
	border-bottom:1px solid #d6d8da;
	padding:25px 0
}
#blog #div_comentaris .comment span{
	font-size:1.8rem;
	margin:0 0 10px 0
}
#blog .formulari{
	margin-top:40px
}
#blog .formulari h4, #blog .formulari form div{
	margin-bottom:10px
}
#blog .formulari h4 span{
	font-size:1.5rem
}
#blog .formulari .inline{
	display:inline-block;
	vertical-align:top;
	width:49.5%
}
#blog .formulari input#Enviar{
	display: block;
    width: fit-content;
    padding: 5px 50px;
    margin-top: 10px;
}
#blog #div_recomanats {
	margin-top:80px;
	padding-top: 40px;
    border-top:1px solid var(--gris-oscuro);
}
#blog #div_recomanats h3.title {
	font-weight: 600;
	text-align: center;
    margin-bottom: 50px;
}
#blog #div_recomanats .notice{
	display:inline-block;
	vertical-align:top;
	width:31.5%;
	border:0;
	padding:0;
	margin:0 2% 0 0
}
#blog #div_recomanats .notice:last-child{
	margin:0
}
#blog #div_recomanats .info-noticia{
	width:100%;
	margin:20px 0 0 0
}
/*Paginador*/
#div_paginador{
	margin-top:30px
}
.paginacio{
	font-size:1.5rem;
	text-align:center;
	cursor:pointer;
	margin:0 auto
}
.paginacio li{
	display:inline-block;
	margin:0 -2px
}
.paginacio li>a{
	float:left;
	text-decoration:none;
	color:#000000;
	font-weight:700;
	border-right:1px solid #dddddd;
	padding:6px 12px
}
.paginacio .active, .paginacio a:hover{
	background-color:#333e48;
	color:var(--blanco)
}
.paginacio .disabled, .paginacio .disabled a, .paginacio .disabled a:hover{
	color:#d4d4d4;
	cursor:default
}
.paginacio .prev a, .paginacio .next a{
	font-weight:700;
	padding:6px 12px
}
.paginacio .next a{
	border:0
}

/* CONTACTO *********************************/
#contact #div_content, #cursos #div_content, #avis #div_content{
	padding-bottom:50px
}
#contact h1{
	margin-bottom:40px;
    font-weight: 700;
}
#contact #resposta{
	display:none;
	font-size:2.2rem;
    margin:10px 0 0 0
}
#formCONTACT div.little {
    width: 95%;
    margin-bottom: 20px;
}
#formCONTACT label, #formCONTACT input.caixeta{
    width:100%
}
#formCONTACT .avislegal{
    width:100%;
    height:100px;
    overflow:auto;
    font-size:1.3rem;
    color:#b5b8b9;
    border:1px solid #c5c7c8;
    padding:6px
}
#formCONTACT .acepto{
	margin-bottom:0
}
#formCONTACT .acepto a{
	text-decoration:underline
}
input.check{
	display:inline-block;
	width:15px
}
#formCONTACT input.enviar{
	margin:0;
    width: fit-content;
}
#contact .informacio{
	border-left:1px solid #d9d9d9;
	padding-left:13%;
	margin-left:-1px 
}
#contact .informacio h4{
	margin-bottom:20px
}
#contact .informacio p{
	margin-bottom:20px
}
#contact .informacio p a:hover{
    text-decoration:underline
}
#contact .ecommerce-OK{
	text-align:center;
}
/* AVISOS ***********************************/
#avis h1{
	margin-bottom:30px
}
#avis #div_text h3{
	margin:30px 0 5px 0
}
#avis #div_text a{
	text-decoration:underline
}
#cajacookies{
	display:none;
    position:fixed;
    bottom:0px;
    width:100%;
    text-align:center;
    box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.8);
    background-color:rgba(0, 0, 0, 0.8);
    color:#fff;
	font-size:1.4rem;
    padding:10px;
    margin:0px !important;
    z-index:20
}
#cajacookies a{
    display:inline-block;
    text-decoration:underline
}
#cajacookies a:hover{
    color:#e1e1e1;
    text-decoration:underline
}
#cajacookies button{
    display:block;
    color:#000;
    background-color:#fff;
    border-radius:5px;
    padding:5px 15px;
    margin:15px auto 0 auto
}
#cajacookies button:hover{
    background-color:#f1f1f1
}

/* FOOTER ***********************************/
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background:url(../img/content/icon_top.png) no-repeat;
	background-size:40px 40px;
	z-index:501
}
#div_newsletter {
	background-color: var(--papiWrap);
    color: var(--blanco);
	padding:40px 0;
}
#div_newsletter p.title{
	font-size:2.5rem;
	font-weight:300
}
#div_newsletter p.title span {
	display:block;
	font-size:2rem;
    color: var(--negro);
}
#div_newsletter .col-md-7{
	padding-left:5%
}
#div_newsletter .newWrapper {
    display: flex;
}
#div_newsletter input.caixeta{
	width:65%;
	border:0;
	padding:12px 15px
}
#div_newsletter input.enviar {
	width:35%;
	height:48px;
	font-size:1.8rem;
	text-align:center;
	color:var(--blanco);
	background-color:var(--negro);
	border:0;
	padding:12px 15px;
	margin:0
}
#div_newsletter .acepto {
	font-size:1.4rem;
	margin-top:15px;
}
#div_newsletter .acepto a{
	text-decoration:underline
}
#div_newsletter .petit span{
	color:#d50020
}
footer {
	color:var(--blanco);
	background-color:var(--negro);
	padding:45px 0 25px 0
}
footer li {
	display:inline-block;
	vertical-align:top;
	margin-right:4%;
    font-weight: 600;
    font-size: 1.7rem;
}
footer .social {
    display: flex;
    justify-content: flex-end;
    gap: 2.8rem;
}
footer .social img {
	width: auto;
	height: 22px;
}
footer .row2 {
    margin-top: 3rem;
    border-top: 1px solid rgba(255,255,255,0.4);
}
footer .row2 .legal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 3rem;
    padding-bottom: 5rem;
    gap: 2rem;
    color: #757575;
}
footer .row2 .legal .kitDigital,
footer .row2 .legal .legalLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 1rem 3rem;
    margin-bottom: 1.5rem;
}
footer .row2 .legal img {
    height: 4rem;
}
footer .row2 .legal a {
    font-size: 1.5rem;
    margin-bottom: 0;
}
footer .row2 .legal a:hover {
    text-decoration: underline;
}
footer .row2 .legal .numon img {
    height: 1.4rem;
}
footer a:hover, footer a.active{
	text-decoration:underline
}
@media screen and (max-width:1199px){
	footer .row2 .legal {
        flex-direction: column;
        align-items: center;
    }

    #div_content .top h1{
		font-size:3.5rem;
		line-height:3.8rem
	}
}
@media screen and (max-width:991px){
    .poppins40 {
        font-size: 3rem;
    }
    .poppins35 {
		font-size: 2.2rem;
	}
    .poppins25 {
        font-size: 1.9rem;
    }

    #div_header .logo,
    #div_header .languages {
        display: none;
    }
    header .logo img {
        height: 4.5rem;
    }
    header menu li{
		display:block;
		border-bottom:1px solid #e7e7e7;
		text-align:center;
		padding:8px 0
	}
	header menu li:last-child{
		border:0
	}

	#div_content .top h1{
		font-size:3rem;
		line-height:normal
	}
	#home #div_content .presentacion{
		width:40%
	}
	#home #div_content .imagen{
		width:60%
	}
    #home #div_servicios p.title {
        font-size: 2.2rem;
    }

	#div_cursos .date{
		font-size:2.5rem
	}
	#div_cursos .info h4{
		font-size:2.2rem
	}

    #curs #div_content .top {
        flex-direction: column;
        border-bottom: 0;
    }   
    #curs #div_content .top .textos {
        margin-right: 0;
        margin-bottom: 2rem;
        margin-top: 4rem;
    }
	#curs #div_content .top h1{
		margin:0
	}
	#curs #div_content .top p{
		margin: 0; 
	}
	#curs #div_content .top a{
		margin:20px auto
	}
	#curs #div_content .top img{
		display:block;
		width:100%;
		max-width:530px;
		margin:25px auto 0 auto
	}
	#curs #div_informacion{
		padding:0 4%
	}
    #curs .line ul {
        width: 100%;
    }
	#curs .programa{
		text-align:center
	}
	#curs .line .profesor img.inline, #curs .line .profesor .info{
		display:block;
		width:100%;
		padding:0
	}
	#curs .line .profesor img.inline{
		max-width:150px;
		margin:0 auto 20px auto
	}
	#curs #div_formulario .casella{
		width:100%
	}
	#curs #div_fechas .pagar{
		margin-top:30px
	}
	#div_newsletter .col-md-7{
		padding:20px 0 0 0
	}

    #formCONTACT div.little {
		width:100%
	}
    #formCONTACT input.enviar {
        margin-top: 30px;
    }
}
@media screen and (max-width:767px){
	body{
		font-size:1.6rem
	}

    footer .row2 .legal .legalLinks,
    footer .row2 .legal .kitDigital {
        flex-direction: column;
    }

	#home #div_content .top{
		text-align:center
	}
	#home #div_content .top a{
		margin:20px auto
	}
	#home #div_content .presentacion, #home #div_content .imagen{
		display:block;
		width:100%
	}
	#home .top h1, #div_content .top h1, #div_content .top p{
		margin:30px 0 0 0 
	}
	#home #div_servicios .service{
		width:33%;
		font-size:1.6rem;
		margin-bottom:30px
	}
	#home #div_servicios .service img{
		max-width:80px;
		margin:0 auto 20px auto
	}
	#home #div_nosotros .col1, #home #div_nosotros .col2{
		width:100%
	}
	#home #div_nosotros .col1{
		border-right:0;
	}
	#cursos #div_cursos .titular{
		padding:0
	}
	#curs .line li{
		font-size:1.7rem
	}
	#curs #div_fechas .bloc .date{
		width:35%
	}
	#curs #div_fechas .bloc .date span{
		font-size:2.4rem
	}
	#curs #div_fechas .bloc .info{
		width:65%;
		border:0
	}
	#curs #div_fechas .bloc .buy{
		display:block;
		width:100%;
	}
	#curs #div_fechas #list_tiquet .bloc1{
		display:block;
		width:100%;
		border-right:0;
		border-bottom:1px solid #bfbfbf
	}
	#curs #div_fechas #list_tiquet .bloc2, #curs #div_fechas #list_tiquet .bloc3, #curs #div_fechas #list_tiquet .bloc4{
		width:33%
	}
	#curs #formBOOK .inline{
		width:100%;
		margin:0 0 20px 0
	}
	#blog #div_content, #contact #div_content{
		padding:0 0 50px 0
	}
	#blog #div_content .columna:first-child{
		border-bottom:1px solid var(--gris-oscuro);
    	padding-bottom:40px
	}
	#blog .notice-big h2, #blog .notice-post h1{
		font-size:2.6rem
	}
	#blog #div_lateral{
		max-width:500px;
		margin:0 auto
	}
	#blog #div_recomanats .notice, #blog #div_recomanats .notice:last-child{
		width:48.5%;
    	margin:0 2% 30px 0
	}
	#blog #div_recomanats .notice:last-child{
		margin:0
	}
	#contact .formulario{
		border:0;
		padding:0 0 30px 0
	}
	#contact .informacio{
		border-left:0;
		border-top:1px solid #d9d9d9;
		padding:30px 0 0 0;
		margin:0
	}
	.scrollup{
		bottom:20px;
    	right:20px
	}
	#curs #div_fechas #ecommerce2 .my-codi input#codi {
		margin-bottom: 10px;
	}
}
@media screen and (max-width:640px){
	#div_cursos .relative, #div_cursos .info{
		display:block;
		width:100%;
		text-align:center
	}
	#curs .line .profesor .info{
		font-size:1.9rem;
	}
	#curs .line .profesor .info span{
		font-size:1.6rem
	}
	footer .columna, footer .social, footer .row2{
		width:100%;
		text-align:center
	}
	footer li{
		border-right:1px solid #a5a5a5;
		padding:0 2%;
		margin:0
	}
	footer li:last-child{
		border:0
	}
	footer .social {
        justify-content: center;
		margin-top:20px;
	}
}
@media screen and (max-width:580px){
	#home #div_equipo{
		padding:20px 0
	}

    #curs .line {
        padding: 20px 0;
    }
	#curs .line h2, #curs .line h3{
		margin-bottom:15px
	}
	#curs .line li{
		font-size:1.6rem;
		background-size:15px 14px;
   		padding-left:20px;
	}
	#blog .notice-big h2, #blog .notice-post h1{
		font-size:2rem
	}
	#blog .formulari .acepto.inline, #curs #div_formulario .acepto{
		display:block;
		width:100%
	}
	#blog .formulari input#Enviar{
		display:block;
		float:none;
		margin:15px auto 0 auto
	}
	#formCONTACT input.enviar, input.enviar{
		display:block;
		float:none;
		max-width:190px;
		margin:10px 0 0 0
	}
	#div_newsletter p.title{
		font-size:2rem
	}
	#div_newsletter p.title span{
		font-size:1.6rem
	}
    #div_newsletter .newWrapper {
        flex-direction: column;
    }
    #div_newsletter input.caixeta,
	#div_newsletter input.enviar{
        max-width: 100%;
        width: 100%;
	}
}
@media screen and (max-width:480px){
	#home #div_servicios .service{
		width:45%
	}
	#blog .notice .image{
		margin:0 0 15px 0 
	}
	#blog .notice .image, #blog .notice .info-noticia, #blog .formulari .inline{
		display:block;
		width:100%
	}
	#blog #div_recomanats .notice, #blog #div_recomanats .notice:last-child{
		width:100%;
    	margin:0 0 30px 0
	}
	#div_newsletter p.title{
		font-size:1.8rem
	}
	#div_newsletter p.title span{
		font-size:1.6rem
	}
}