*, span, a {padding: 0px; margin: 0px;}
ul { padding-left: 0px; }
/*   box-sizing   */ 
body{ font-family: arial,sans-serif; font-size:16px; }
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(Open_Sans/OpenSans-Regular.ttf) format('ttf');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('Montserrat/Montserrat-Regular.ttf') format('ttf');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'heydings_icons';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('_fonts/heydings_icons.ttf') format('ttf');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Modernista_nso';
	font-style: normal;
	font-weight: 400;
	font-display: swap;/*  */
	src: url('Modernista_nso/Modernista_nso_mac.ttf'), url('Modernista_nso/Modernista_nso.ttf');
}
@font-face {
	font-family: 'Typeface';
	font-style: normal;
	src: url('_fonts/Typeface.ttf') format('truetype');
}
.typeface { font-family: 'Typeface'; color: red; }
.autorweb { padding: 0px; margin: 0px; font-size: 2em; line-height: 1em }
h1 { padding-bottom: 14px; font-size: 1.8em; } 
h2 { padding-bottom: 14px; font-size: 1.6em; }
.tags h2 { padding-bottom: 14px; font-size: 1.4em; }
h4 { padding-bottom: 14px; font-size: 1.2em; }
h5 { padding-bottom: 14px; font-size: 1.1em; }
h3 { padding-bottom: 20px; font-size: 1.4em; }
#boxcookie p, #boxcookie ul { font-size: 12px;}
.circletag { font-size: 12px;}
.any>span { font-size: 20px; }
.mes>span { font-size: 18px; }
.edifcent { font-size: 160%; } /* font-size: 3vw; */
a, .boto, .botoShHi, .botoShHi2 { text-decoration: none; }
.select01 { text-decoration: underline; }
.fancybox-buttons span { overflow: hidden; height: 150px; width: 150px; display: block; float: left; }
a span .vertical, #formularimg, #formularimg fieldset, .llgProg { width: 150px; }
a span .horizontal { height: 150px; }
.icolang a, #btncercar, .boxdia, .senalefavert { overflow: hidden; }
.ui-widget-content article a { color: darkBlue; }
.pregunta.exPendent { color: grey;}
.textgreen { color: green;}
.textred { color: red;}
article, .circletag, .menuvertright { background: white; }
.menugestio1 span, .menugestio2 span { background: #b3d4fc; }
#submit, option:nth-child(even), .llistaMenus { background-color: #D6EAF8; }
.boto.show.dissabled-link { background-color: #cacaca; }
.portaesbxd, .portadrbxd { background-color: maroon; }
header, nav, .submenu, .submenu2, aside.tags, aside.cronologia, footer {
	background-color: #85C1E9;
}
.numdia, .pany { background-color: #ffdf00; } /* #FFF5EE */
.porta {
	background: #A0522D; 
	background: -webkit-linear-gradient(top, #A0522D, #8B4513);
    background: -moz-linear-gradient(top, #A0522D, #8B4513);
    background: -o-linear-gradient(top, #A0522D, #8B4513);
    background: linear-gradient(top, #A0522D, #8B4513);
	background-color: #A0522D;
}
.boto, .botoApp, .botoShHi, .botoShHi2 {
	background-color: #D6EAF8;
}
#cercartext {
	position: relative;
}
#cercartext #txtcercar {
	position: absolute;
    right: 34px;
    top: -2px; /* 0 */
	margin: 0px;
}
.cleartext.show {
	position: absolute;
    top: 5px;
    right: 36px;
	height: 18px;
    width: 18px;
	background-position: -18px -74px;
	margin-right: 4px;
}
.listlinkscerc {
	width: 50%;
	margin: 40px auto;
    padding: 60px 0px;
	overflow-y: scroll;
	height: calc(100% - 120px);
}
.listlinkscerc li {
	margin-bottom: 10px;
}
.botons li.logo:hover {
	background: none;
}
.botons li.logo:hover a img {
	opacity: 0.4;
    filter: alpha(opacity=40);
	transition: opacity 0.8s ease-in-out;
	-moz-transition: opacity 0.8s ease-in-out;
	-webkit-transition: opacity 0.8s ease-in-out;
	-o-transition: opacity 0.8s ease-in-out;
}
.linkmenu.palida #icolangca, .linkmenu.palida #icolanges { opacity: 60%; } 
.ulmonedes li:nth-child(even) { background-color: yellow; }
.blue {
	background-color: blue;
	color: white;
}
.llegit span, .green { background-color: green; }
.yellow { background-color: yellow; }
.orange { background-color: orange; }
.nollegit span, .red, .cercleC, .boX {
	background-color: red;
	color: white;
}

/* .listIcones span a, .icogal, .branca span, .icolang a, #btncercar, .cleartext.show { 
	background-image: url("../_img/icones-Social-Media-23052102.png"); 
	background-repeat: no-repeat;
} */
.listIcones span a, .icogal, .branca span, .icolang a, #btncercar, .cleartext.show { 
	background-image: url("../_img/icones-Social-Media-23082501.svg"); 
	background-repeat: no-repeat;
}
.github a, .github a span { background-position: -56px -28px; }
.twetter a, .twitter a span { background-position: -28px 0px; }
.behance a, .behance a span { background-position: 0px -28px; }
.instagram a, .instagram a span { background-position: -56px 0px; }
.pinterest a, .pinterest a span { background-position: -84px -28px; }
#btncercar { background-position: -56px -92px; }
.langca a { background-position: 0px -93px; }
.langes a { background-position: -28px -92px; }
.icoalt { background-position: 0px -73px; }
.icopin { background-position: -92px -56px; }
.icoill { background-position: -36px -56px; }
.icollp { background-position: -18px -56px; }
.icopho { background-position: -54px -56px; }
.icoman { background-position: -72px -56px; }
.icotot { background-position: 0px -74px; }
header img,  nav ul li, #formulariModif input, #formModifHd input, .ulmenu1 li, .submenu li, #contacte aside, .llistaMenus p, .dadesautor, #submenuheaderm, section.blog, .tagsArticle, .bioCrono div, .box1x2, .feina, .boto, .botoShHi, .botoShHi2, .botoApp, .clau, .cela, .left, .boX, .showimg, .calendari>li, .etapa { float: left;} 
.autor, header time, .boX, .dataiHora, .right, #formulariFiltre #submit { float: right;}
.nofloat, .clear, nav ul li.clear, .ulmenu1 li.clear, .submenu li.clear, .blog aside.tags, .boxForm form label, .boto.bloc { float: none; }
.last01, .clear { clear: both; }
.clearLeft { clear: left; }
.boxComent .boto { clear: right; }
ul { list-style: none; }
.column2 ul, #curriculum ul { list-style: circle; }
header time { padding: 0px 0px; }
nav, section, label, .blog .tags, .dataiHora { width: auto; }
/* .autorweb, .ofici {
	width: 50%;
	float: left;
} */
.icogal { width: 18px; }
.circletag { width: 20px; }
.senalefavert { width: 2%; } 
.llistaMenus { width: calc(10% - 16px); }
#formulariFiltre label { width: 11%; }
#formulariFiltre select { width: 14%; }
.calendari>li { width: 14.2857%; } /* 100/7 = 14.2857%; width: 12.5%;  */ 
aside.cronologia { width: 30%; }
aside.cronologia.plegat { width: 60px; }
.i40pc img, .i40pc { width: 40%; }
.bioCrono.box1x2 { width: 48%; }
.dadesautor, #submenuheaderm, .taulaGraus, .boxs1x2, .box1x2, #contacte aside { width: 50%; }
section.blog { width: 70%; }
section.blog.extens, aside.tags.extens { width: calc(100% - 60px); }
#formRegistrar input, #formContacte input, #formContacte textarea { width: 95%; }
.calendari { width: 96%; }
header, nav, .submenu, footer, #formRegistrar #submit, #formContacte #submit, #comentari, .porteria, .senalefavert .totxo li, img.balcoadvent, .llistaMenus.gran, #periodes { width: 100%; }
.coneixeMsimg img { width: 0%; }
.llegit span, .nollegit span { width: 6px; }
.llegit, .nollegit, .cercleC { width: 10px; }
.icolang a { width: 26px; }
.listIcones.right span, .listIcones span a, .branca span, #btncercar { width: 28px; }
.resultat, .igual, .numdia, .pany { width: 30px; }
#formulariInsert label { width: 15%; }
.clau { width: 80px; }
.columna2 { width: 100px; }
.columna1 { width: 300px; }
#formContacte, #formRegistrar { width: 340px; }
.contacte { width:500px; }
#contacte { width: 684px; }
.likes img { width: 700px; }
.boX { width: 1.2em; }
header, .fancybox-buttons .peuimg, .llistaObres, .botoApp.botoInput, footer { height: auto; }
#formblog { margin: 0px; }
.botoApp { height: 0.9em; }
.ulmonedes li { height: 0.95em; }
.llegit span, .nollegit span { height: 6px; }
.llegit, .nollegit, .cercleC { height: 10px; }
.circletag  { height: 16px; }
.icogal  { height: 18px; }
.flag, .tags a { height: 24px; }
.listIcones img { height: 24px; }
.icolang a, .icolang a img { height: 26px; }
.listIcones span, .listIcones span a, #btncercar, .branca span { height: 28px; }
select, .numdia, .pany, .senalefavert .totxos li { height: 30px; }
nav ul li a img, .iconsEines img, .icoLlgPr { height: 34px; }
footer .listIcones img { height: 38px; }
.botonsxarxes, #terrat { height: 40px; }
.showimg img { height: 82px }
.fancybox-buttons.imgarticle { height: 150px; }
.v250px { height: 250px; }
.porteria, .btnmesinfo { height: 100%; }
.menuvertright.expand { width: 64px; height: 64px;}
.imgarticle, .bioCrono, .boxdia, #boxcookie { position: relative; }
.botoexit, .peuimg, .anyFi, .anyIn, .mesFi, .mesIn, footer .time, .numdia, .pany, .porta, img.balcoadvent, .menuvertright { position: absolute; }
/* Curriculum i	*/
.boxElem1 .anyIn, .boxElem1 .anyFi, .boxElem1 .mesIn, .boxElem1 .mesFi {
	position: static;
}
header { top: 0px; }
header, nav, .submenu, .cronologia { position: fixed; }
.portaesbxd.close.avui, .portadrbxd.close.avui, .pany { cursor: url(https://nsuarez.com/_img/cursors-clau-01.svg), pointer } /* pointer;	*/
.portadrbxd.open.avui .pany:hover { left: -10px; }
.cronologia, .botoexit, .anyI, .anyFi, .mesFi, .porta { top: 0px; }
.numdia, .pany { top: calc(43% - 5px); }
.peuimg, .anyIn, .mesIn, img.balcoadvent { bottom: 0px; }
.portaesbxd, img.balcoadvent { left: 0px;}
.anyFi, .anyIn { left: 6px;}
.mesFi, .mesIn { left: 64px;}
.cronologia, .botoexit, .portadrbxd { right: 0px; }
.numdia { right: 3%; }
.pany { left: 3%; }
.menuvertright { 
	top: 0px; 
	right: 0px;
}
.numdia, .pany { z-index: 10; }
header { box-sizing: border-box; z-index: 208; }
nav, footer { box-sizing: border-box; z-index: 204; }
.submenu { box-sizing: border-box; z-index: 200; }
#formulariFiltre select, .calendari>li, .portaesbxd, .portadrbxd,
.box1x02, .box1x03, .box1x04, #calendariadvent, .columbaran, .barana, .frontend, .porteria, .senalefavert .totxos li, #boxcookie #tancaplcks, .llistaMenus, #periodes { box-sizing: border-box; }
.totxos li:nth-child(even) { width: 90%; }
.dreta .totxos li:nth-child(even) { margin-left: 10%; }
.box3x04 { width: 75%; }
.box1x02 { width: 50%; }
.box1x03 { width: 33.333333%; }
.box1x04 { width: 25%; }
.box1x05 { width: 20%; }
.box1x06 { width: 16.666666%; }
.box1x07 { width: 14.2857%; }
.box1x08 { width: 12.5%; }
.box1x09 { width: 11.111111%; }
nav ul li.clear, .practica3 form, .boxComent { margin: 0px; padding: 0px;}
#contacte, .galeria, .cercleC, .likes img, #formContacte, #formRegistrar, .btnmesinfo, .boxdia a img { margin-left: auto; margin-right: auto; }
.txtPost p { margin: 0px; }
.llegit span, .nollegit span, .showimg img { margin: 2px; }
.boxModHead, .cronologia>ul { margin: 30px; }
.ui-tabs-panel article { margin: 0px 0px; }
header, nav, section, footer { margin: 0px auto; } 
.iconsEines img { margin: 0px 2px; }
.tags a.tag { margin: 0px 12px 3px; }
.pany img { margin: 4px auto 0px; } 
.botonsxarxes { margin: 6px 40px 8px; }
#formContacte .txt_error, #formRegistrar .txt_error, .ulmonedes li { margin: 4px 0px; }
.submenu li a, .boxComentari { margin: 12px 0px; }
.fancybox-buttons.imgarticle { margin: 4px; } /* .galeria .fancybox-buttons.imgarticle */
footer p .sepv, nav ul li a img { margin: 0px 25px 0px 0px; }
.imatge, img.right { margin: 0px 0px 1.4em 1.4em ; }
.blog .tags { margin: 20px 0px 0px; }
.blog .boxmodifpag, .blog #menumodif, .blog .menugestio2 { margin: 30px 6% 0px; }
.botoApp { margin: 0px 10px 14px 0px; }/*		*/
.llistaMenus input[type="checkbox"] { margin: 2px 6px 0px 0px; }
.flag { margin: 0px 10px 2px 10px; }
fieldset h4 { margin: 5px 10px 10px 0px; }
#tabs { margin: 0px 30px 10px 30px; }
.llegit, .nollegit { margin: 2px 4px 0px 0px; }
aside input[type="checkbox"] { margin: 2px 6px 0px 0px; }
.mes { margin: 4px 0px 4px 12px; }
.dia { margin: 4px 0px 4px 24px; }
label, input { margin: 4px 8px 6px 0px; }
#formContacte input, #formContacte textarea, #formRegistrar input { margin: 4px 0px 6px 0px; }
input[type="checkbox"], input[type="radio"] { margin: 0px 5px 0px 0px; }
.calendari>li { padding: 10px; } /* margin: 10px; */
article { padding: 60px; }
.blog article { padding: 60px 60px 0px 60px; } 
.llistaMenus { margin: 7px 8px; }
.loadposts { margin: 10px 60px; }
button, .avis, .pang img { margin-top: 4px; }
.einesUs { margin-top: 6px; }
iframe, #formContacte #submit, #formRegistrar #submit { margin-top: 10px; }
.pregunta { margin-top: 12px; }
table, .practica3 input { margin-left: 0px; }
.listIcones span, .listIcones span>img, .icolang a { margin-left: 4px; }
.btnrigt>.boto, .btnrigt>.botoShHi, .btnrigt>.botoShHi2 { margin-left: 6px; }
.resposta, ul.cercle li, .listidiomes, #btncercar { margin-left: 16px; }
.ulValors { margin-left: 120px; }
.bioCrono p, .bioCrono ul { margin-left: 160px; }
#curriculum ul { margin-left: 180px; }
.icogal, .llgProg, .branca span, .boto, .botoShHi, .botoShHi2 { margin-right: 6px; }
/* .circletag { margin-right: 8px; } */
#formulariFiltre select { margin-right: 10px; }
.idiomes, .einesUs, .bioCrono div, .showimg, #askdel .boto { margin-right: 12px; }
.box1x2 p, #curriculum ul li, .bioCrono ul, .btnscokies .boto { margin-right: 16px; }
.submenu1 li, .botoAppFila, #contacte aside p { margin-right: 20px; }
.icogal { margin-bottom: -4px; }
#cercartext, .botons, #slider img, .listIcones, .llistaMenus img, .iconsEines img, .boxComent .boto, .botoShHi, .column2.nmb, #formComent, .boxdia .balcoadvent, .menuscronos { margin-bottom: 0px; }
.autorweb { margin-bottom: 2px; }
.listidiomes, .llista1 li, .info p, ul.cercle li, .menugestio1 span, .menugestio2 span { margin-bottom: 6px; }
.llistaMenus p, .overBoto, .menugestio1, .menugestio2 { margin-bottom: 8px; }
article img, table, select, .boxrebuts output, .migbottom, .boto, .botoShHi, .botoShHi2, .bioCrono p { margin-bottom: 10px; }
.txtnouinput, .llistaMenus .menu input, .boxmodifpag>span, .blog blockquote { margin-bottom: 14px; }
.blog blockquote { margin-bottom: 18px !important; }
.ulmenu1, .curriculum .bottom, .mb20p, .column2.mb20p, #formComent, .boxmodifpag, .any, .blog article .boto { margin-bottom: 20px; } /* form,  */
.blog, #curriculum p.bottom, .bottom, table.coneixeMs, .coneixeMsimg, .mb30p, .column2.mb30p, .g-recaptcha { margin-bottom: 30px; }
.bioCrono { margin-bottom: 40px; }
p.nomb, #curriculum ul { margin-bottom: 0em; }
.boX { padding: 0.1em; }
#curriculum p, #curriculum ul li { margin-bottom: 0.4em; }
article p, article ul { margin-bottom: 1.4em; } 
.column2, .fiseccio { margin-bottom: 2.8em; } 
fieldset h4, section.blog { padding: 0px }
.circletag { padding-top: 4px; }
input, textarea { padding: 6px; }
.forMenus fieldset { padding: 8px; }
.botoexit { padding: 10px; }
.boxdia { 
	border: solid tan;
	border-top-width: 8px;
    border-bottom-width: 8px;
	border-left-width: 3px;
    border-right-width: 3px;
}
.blog .tags, .txtnouinput, .boxmodifpag, #calendariadvent { padding: 20px; }
nav ul li:nth-of-type(1), .dataiHora { padding: 0px; }
nav ul li:nth-last-child(2) { padding: 10px 0px 10px 18px; }
.submenu li a { padding: 0px 25px; }
.tagsArticle { padding: 0px 40px; }
nav, .submenu { padding: 0px 60px; }
option { padding: 2px 6px; }
.menugestio1 span, .menugestio2 span { padding: 6px 14px; }
.tags a { padding: 2px 0px; }
nav ul li { padding: 10px 18px; }
#formContacte input, #formContacte textarea, #formRegistrar input { padding: 6px 2%; }
#submit { padding: 6px 8px; }
.boto, .botoShHi, .botoShHi2, #boxcookie a { padding: 4px 10px; }
.botoApp { padding: 6px 10px;}
#formulariInsert input { padding: 8px 4px; }
th, td { padding: 8px 12px; }
nav ul li a { padding: 6px 0px; }
fieldset { padding: 12px 30px; }
section, footer { padding: 24px 60px; }
.tags { padding: 34px 60px 24px; }
header { padding: 40px 60px 20px; }
#formModifBlog, .tagsArticle  { padding: 0px 0px 14px; }
article a h2, .txtPost { padding: 0px 0px 20px; }
.llistaMenus { padding: 20px 20px 8px; }
.editar span, .boxElem1 span { padding: 0px 16px 12px 0px; }
button { padding: 4px 6px 4px 0px; }
.submenu2 li a { padding: 10px 20px 10px 0px; }
.edicio { padding: 20px 60px 0px 60px; }
.coneixeMs tr:nth-child(1) td { padding-top: 24px; }
.boxdia a img { padding-top: 10px; }
.submenu li:nth-child(1) a { padding-left: 0px; }
.tabu1 { padding-left: 15px; } 
.bioCrono ul, .column2 ul { padding-left: 22px; }
.tabu2 { padding-left: 30px; } 
.tabu3 { padding-left: 45px; } 
.tabu4 { padding-left: 60px; }
.coneixeMs .bloc7 { padding-right: 34px; }
.tags h3, section>p, iframe { padding-bottom: 14px; }
.saldo, .any { padding-bottom: 12px; }
.coneixeMs tr:nth-child(4) td { padding-bottom: 24px; }
.sep30 { padding-bottom: 30px; }
#formulariInsert input, #formModif input { border: solid thin #133; }
.porta, .numdia, .pany { border: solid thin #555; }
.fancybox-buttons span, table, .boxmodifpag, .showimg { border: solid thin #2E86C1; }
#formContacte input, #formRegistrar input, .porteria { border: solid thin #888; }
.submenu2 li { border-right: solid thin #2E86C1; }
.boto, .botoApp, .botoShHi, .botoShHi2 { /*	1px solid #CCCCCC;	*/
	border-top: 1px solid #DCDCDC;
	border-right: 2px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}
table, td, th { border-collapse: collapse; }
.coneixeMs td, .coneixeMs th {
	border-collapse: collapse; 
	border: none 0px; }
.forMenus fieldset { border: none 0px; }
nav ul li:nth-of-type(1) a, .submenu li:nth-of-type(1) a { border-left: 0px; } 
nav ul li:nth-of-type(1) a:hover { border: 0px; } 
.submenu li a, .bioCrono { border-left: solid thin #2E86C1; }
.icogal { border: solid thin darkblue; } 
.any { border-bottom: dashed thin white; }
.menugestio1 span, .menugestio2 span { border-right: solid thin #2E86C1; }
.submenu, .llistaMenus { border-bottom: solid thin #2E86C1; }
fieldset, .txtnouinput { border: solid thin #2E86C1; }
.llegit, .nollegit, .taulaGraus, .icolang a { border: solid thin darkBlue; }
.submenu2 li { border-radius: 0px 25px 25px 0px; }
.boX { border-radius: 0.9em; }
.llegit span, .nollegit span { border-radius: 3px; }
.boto, .botoApp, .botoShHi, .botoShHi2, #submit, .llegit, .nollegit, .menugestio1 span, .menugestio2 span, .btns.crono span { border-radius: 4px; }
.cercleC, input, textarea, select { border-radius: 5px; }
.circletag { border-radius: 12px; }
.numdia, .pany { border-radius: 15px; }
.listIcones.right span a, .icolang a, .branca span, #boxcookie a { border-radius: 16px; }
.icogal {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
} 
.coneixeMs tr td.bloc0 {
	writing-mode: vertical-lr;
    transform: rotate(-180deg);
}
.einesUs, .numdia, .edifcent span { display: table-cell; vertical-align: middle; } /* , .btnmesinfo */ 
.columna2, .xifraXifra, .resultat, .dataiHora, #formulariFiltre label { text-align: right; }
h1, h2, h3, .tags, .igual, .boX, .cela, .nivellI, .numdia, .btnmesinfo span, .btnmesinfo, .edifcent span { text-align: center; }
.colum { text-align: justify; }
nav .botons li a { text-transform: uppercase; }
nav .botons li a, .boto { letter-spacing: 0.5px; }
.cela {
	width: 16.6666666666%;
	padding: 15px 0px;
	color: black;
}
footer .time { bottom: 10px; right: 25px; }
.autorweb, .ofici, ul li a, .llegit span, .nollegit span, .editar span, .hide, .boX, .clau, .avis, .bloc, .boxForm form label, fieldset, .cercleC, .likes img, .contacte label, .listIcones.right span a, .boxModHead form input, #formComent label, #formModifBlog input, #formModifBlog textarea, .fb-save, .boxmodifpag>span, .botoShHi, .botoShHi2, .showimg, .mesos, .show, .pany img, .boxdia a span, .boxdia a img, .llistahoriz li.separa { display: block; } /* eliminado nav.hdmenu,  */
.fancybox-buttons.imgarticle, .icogal { display: inline-block; }
.xifraXifra, .igual, .resultat, .llistaMenus img, .boxElem1 span, #formulariInsert label, .menugestio1 span, .listIcones span, .listIcones span>img, .icolang a, #btncercar, .tags span a, .circletag, .tags a, #formulariFiltre label, #formulariFiltre #submit, .branca span, .dialog a, .llistahoriz li, .menuscronos li { display: inline-block; } /* , .menugestio2 span */
.einesUs, .edifcent { display: table; }
.logoheader, .btnshdmenu, .imgxmovil, .coneixeMsimg, .loadposts, .hide, #formulariFiltre .avis, .datedia { display: none; }
.galeria, .captmurria.bloc, .captdeig.bloc, .imgcentr { display: flex; }
.galeria, .captmurria.bloc, .captdeig.bloc, .imgcentr { justify-content: center; }
.galeria, .captmurria.bloc, .captdeig.bloc, .imgcentr { flex-wrap: wrap; }

/*	FONTS */
.iconfont { font-family: heydings_icons; font-weight: 400; }
.autorweb, .ofici { font-family: 'Open Sans', sans-serif; }
h2,h3,h4,h5,h6, .codi { font-family: helvetica, arial, sans-serif; font-weight: 400; }
.accordionJQ .ui-accordion .ui-accordion-header { font-family: helvetica, arial, sans-serif; }
.boX { font: normal 0.9em Verdana, Sans-serif; }
/*	.botoApp.botoInput	*/
.nota { font-size: 0.9em; }
.dia a, .dataiHora, .boxComent, time, footer span, .time, .botoApp { font: 0.9em/1.4 Helvetica, Arial, Sans-serif; }
#curriculum .nivellI, form, .bioCrono .any {font: normal 0.95em/1em helvetica, Arial, Sans-serif;}
.llistaMenus p, .mes, .dia .boto { font: normal 1em Helvetica, Arial, Sans-serif; }
.editar span, .boxElem1 { font: normal 1.1em/1.3 Helvetica, Arial, Sans-serif; }
.boxdia p { font: normal 1em/1.5 Montserrat, Sans-serif; margin-bottom: 1em; }
.bioCrono p, article p, article ul li, #curriculum ul li, #curriculum span, .nivellI, .idiomes, .einesUs { font: normal 1.1em/1.4 Helvetica, Arial, Sans-serif; } /* Montserrat, */
.frontend.edifcent span { font: normal 1em Modernista_nso, Sans-serif; }
.usuari { font-size: 1.2em; }
.info p { font: 1.2em/1.5em Palatino, Times, serif; }
.nivellI { font-size: 12px; }
input, textarea, #submit, .boto, .botoShHi, .botoShHi2 { font-size: 14px; }
.ofici { font-size: 17px; }
.nameit, .llngprgr { font-style: italic; } 
.valor, .b, a.txtDrakBlue, .tdestacat, .selec, .edifcent span { font-weight: bold; } /* , .listlinkscerc h4 */
h1 span { font-weight: 100; }
.llistaMenus p, article p, article ul li, #curriculum span, #curriculum p, #curriculum ul li, #curriculum .nivellI, .dia { font-weight: 200; }
.destacat { font-weight: 400; }
.bioCrono p { color: black; }
a.txtDrakBlue, .boxdia a { color: navy; } /*darkBlue;*/
.cronoAny, .anyIn, .anyFi { color: #444; }
.mesIn, .mesFi { color: #222; }
.boxElem1 { color: #555; }
.autorweb, h1, h2, h3, h4, h5 { color: MidnightBlue; }
article p, .llista1 li, .info p, .boxElem1 span { color: #000; }
.mesIn, .mesFi, .anyIn, .anyFi { color: #2E86C1; }
a, a:link { color: navy; } /* #191970 */
a.boto, .botoApp, .numdia { color: #333333; }
a:hover { color: MidnightBlue; }
/*a:active { color: maroon; }*/
.select01 { color: maroon; }
.boxComentari .autor { color: #004280; }
nav ul li a { 
	border-bottom: solid thin transparent; 
}
nav ul li a:hover { 
	border-bottom: solid thin #ffffff; 
}
.botons li:hover a, .circletag, .listlinkscerc h2 { color: white; }
.botons li:hover a { 
	transition: color 0.8s ease-in-out;
	-moz-transition: color 0.8s ease-in-out;
	-webkit-transition: color 0.8s ease-in-out;
	-o-transition: color 0.8s ease-in-out;
}
.mesIn, .mesFi, .anyIn, .anyFi { color: darkblue; }
.centreForm { color: DarkGreen; }
.txt_error, .fontRed, a.fontRed, .empresa { color: darkred;}
#listlinkscerc li a { line-height: 1.4em; }
.numdia { line-height: 30px; }

.cronologia>.boxrelative {
	position: relative;
}
.boxrelative>.canviamplada {
	position: absolute;
    margin: 0px 12px 0px 0px;
    padding: 4px;
    top: 0px;
    right: 0px;
    border: solid thin darkblue;
    border-radius: 14px;
    font-weight: bold;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    font-family: courier;
}

.gir0 {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-mozv-transform: rotate(0deg);
	transition: transform 0.5s ease;
}

.gir90 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-mozv-transform: rotate(90deg);
	transition: transform 0.5s ease;
}
.gir180 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-mozv-transform: rotate(180deg);
	transition: transform 0.5s ease;
}
.gir270 {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-mozv-transform: rotate(270deg);
	transition: transform 0.5s ease;
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
}
/* .cronologia.plegat ul, .cronologia.plegat li, .cronologia.plegat span { width: 0px; } */
/* Plegat */
.cronologia.plegat { width: 60px; }

/*	App Missatges	*/
.rebuts:nth-child(even), .enviats:nth-child(even), .usuaris:nth-child(even) { margin-left: 1%; }
.rebuts:nth-child(odd), .enviats:nth-child(odd), .usuaris:nth-child(odd) { margin-right: 1%; }
/*	Formulari */
ul.cercle li {
    color: #111111;
    list-style-type: circle;
}
.formulariCenter, #formModifBlog .titol, #formModifBlog textarea { width: 98%; padding: 6px 1%; }
.formulariCenter fieldset textarea, .llistaMenus .menu textarea { width: 96%; }
#formModifBlog .botoApp { margin-top: 10px; }
#boxcookie { position: fixed; width: calc(60% - 40px); bottom: 0; right: 0; left: 0; background-color: darkslateblue; opacity: 1; z-index: 215;  padding: 20px 20px 10px; margin: 20px 20%; }
#boxcookie h4, #boxcookie h5, .textcent { text-align: center; }

#boxcookie h4, #boxcookie h5, #boxcookie p, #boxcookie ul { color: #f8f8ff; } /*  white */
#boxcookie p, #boxcookie li { line-height: 1.8em; text-align: justify; padding-bottom: 10px; }
#boxcookie .btnacceptar { 
	display: flex;
	justify-content: center;
	align-items: center; }
#boxcookie a { 
	/* display: block; */
	width: auto; 
	background-color: #AED6F1; 
}
#boxcookie a:hover, .boto:hover { cursor:pointer; cursor: hand; }
#btncercar, .editar:hover, .botoShHi:hover, .hidelistcerca, .cleartext.show, .menuvertright { cursor:pointer; } /* cursor: hand;*/
.cronologia {
	z-index: 200;
	overflow-y: scroll;
}
#periodes { overflow-x: scroll; } /*  */
.tags {
	box-sizing: border-box;
	width: 70%;
}
.btnshdate { display: none; }
/* Handle */
.circletag, ::-webkit-scrollbar-thumb {
	background: darkblue; 
}
/*	ANIMACIONES	*/
.portaesbxd.open { /*	.slideportaes	*/
	left: -45%;
}
.portadrbxd.open { /*	.slideportaes	*/
	right: -45%;
}
.portaesbxd.open.avui { /*	.slideportaes	*/
	animation-duration: 2s;
	animation-name: opendoores;
	/*animation-name: slidein;*/
	animation-iteration-count: 1;
}
.porteria { background-color: white; }
#calendariadvent.calendari.load img.dinsbox { height: 0px; }
#calendariadvent.calendari img.dinsbox { height: 50%; }
#calendariadvent, .totxos { background-color: #f5deb3; }
.senalefavert { background-color: tan; }
.columbaran, .barana, .frontend, .senalefavert .totxos li { background-color: tan; border: solid thin sienna; }
.columbaran { width: 30px; height: 40px; }
.frontend { width: 20%; height: 40px; border-radius: 20px 20px 0px 0px; }
#calendariadvent, .edifleft, .edifcent, .senalefavert, .senalefavert.dreta .totxo, .finestres { float: left }
.edifright, .senalefavert.esquerra .totxo { float: right }
.barana { width: calc( 40% - 30px ); height: 25px; margin-top: 15px; }
#boxcookie a#tancaplcks { position: absolute; top: -11px; right: -11px; text-align: center; font: 14px bold; padding: 4px; border-radius: 12px; width: 24px; } /*  display: block; */
#boxcookie .context {
	/* overflow-y: scroll; */
	overflow: auto;
    height: 100%;
}
/* VERTICAL ALIGN */
.vertalign1 {
	display: table-cell;
	width: 250px;
	height: 200px;
	padding: 10px;
	border: 3px dashed #1c87c9;
	vertical-align: middle;
}
/* FIN VERTICAL ALIGN */
#menuordre { justify-content: space-evenly; display: flex; }
#inputsformupdate, .filacron.horizontal { 
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}

#cronoligia { 
	width: 100%; 
	width: calc(100% - 40px);
	margin: 0px 20px 20px 20px;
}
#contscroll { 
	display: flex;
	flex-direction: row;
    flex-wrap: wrap; 
}
#boxscroll { 
	overflow-x: scroll;
	width: calc(100% - 80px);
}
#boxetapas {
	width: auto; /* calc(200% - 40px);  */
}
.etapa { 
	width: 2200px; /* calc(200% - 40px);  */
	margin: 0px 0px 20px;
	background-color: #AED6F1;
}
.etapa ul li { 
	width: 10%; 
}
.boxbtnadd1 { width: 40px; height: 20px; }
.btnprev, .btnpost { width: 16px; height: 16px; cursor:pointer; margin: 0px 12px 0px 12px; }

/* Cercador */
#blocpag { position: relative; }
#retornlistcerca.show {
	position: fixed;
	width: 100%;
	height: 100vh;
	/* background-color: #b3d4fc; */
	background-color: darkblue;
	top: 0;
	left: 0;
	z-index: 250;
	opacity: 85%;
}
#retornlistcerca li, #retornlistcerca li a {
	color: whitesmoke; /* whitesmoke; */
}
.hidelistcerca {
	position: absolute;
	font-weight: bold;
    top: 0;
    right: 0;
	margin: 14px;
	height: 16px;
	width: 16px;
	padding: 4px;
	text-align: center;
	border-radius: 12px;
	background-color: lightcyan;
	color: darkblue;
}

/**/
.menuvertright { 
	width: 24px; height: 24px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

#estatdklh {
	width: 42px;
	margin: 8px 8px 8px 14px;
	height: 22px;
	position: relative;
	background-color: darkblue;
	/* border: solid thin darkblue; */
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

#estatdklh .zonaclick {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}

#estatdklh .botomode {
	width: 18px;
	height: 18px;
	margin: 1px;
	position: absolute;
	/* display: inline-block; */
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

#estatdklh .botomode {
	position: absolute;
	border: solid thin darkblue;
	background-color: white;
}

#estatdklh .botomode.light {
	top: 0px;
	left: 0px;
}

/* Mueve el elemento 100px hacia la derecha */
/* Animación suave */
#estatdklh .botomode.dark {
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transition: transform 0.5s ease-in-out;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
}

#estatdklh .botomode.light {
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transition: transform 0.5s ease-in-out;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
}

/* {
	background-color: transparent;
} */

#estatdklh .botolight, .icogal  {
	background-color: white;
}

#estatdklh .botodark {
	background-color: darkblue;
}

.menuvertright {
	clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 8% 92%);
}

#gestioestils .pleg {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	bottom: 0px;
	z-index: 1;
	background-color: blue;
	clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

#gestioestils .pleg.extes {
	width: 64px;
    height: 64px;
}

/**/

/* FORMS */
/*
[name=test] {
  width: 100px;
}
  
input[type=text] {
  width: 150px;
  length: 150px;
}

input[name=myname] {
  width: 100px;
length: 150px;
}
*/
/* Fi FORMS*/

/* BLOG */
/* Simulador editor codi */
pre {
	background-color: #1e1e1e ;
	color: #DCDCDC;
	padding: 30px 12px 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-family: Consolas, monospace;
	overflow-x: auto;
}
.boxcodi {
	position: relative;
	counter-reset: linenumber;
	margin: 14px 0px;
}
.boxcodi .llengcodi {
	position: absolute;
	top: 0px;
	right: 6px;
	font-size: 9px;
}
.boxcodi span {
	display: block;
	counter-increment: linenumber;
	line-height: 0px;
	font-size: 12px;
}
.boxcodi span:before {
	content: counter(linenumber);
	display: inline-block;
	width: 20px;
	text-align: right;
	margin-right: 10px;
	color: #888;
}

/* EXEMPLES */ 
.blogpost48 {
	width: calc(100% - 100px);
	margin: 20px 30px;
	padding: 20px;
} 
/* .boxconten {
	width: calc(100% - 100px);
	margin: 20px 30px;
	padding: 20px;
} */
.ulmostraflneta {
	display: flex;
	list-style-type: none;
	margin-left: 0px;
}
.ulflswr {
	flex: auto;
	flex-wrap: wrap;
}
.ulflnwr {
	flex: auto;
	flex-wrap: nowrap;
}
.ulflwrr {
	flex: auto;
	flex-wrap: wrap-reverse;
}
#boxmostrae1p48 li {
	width: calc(20% - 16px);
	margin: 8px;
	padding: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid thin #2E86C1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: #004280;
	color: white;
} 
.blogpost48 button:before {
	background: #004280;
	width: 200px;
	height: 150px;
	margin: 8px auto;
	color: white;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
}

#boxmostrae2p48 {
	width: 80%;
	margin: 12px auto;
}

#boxmostrae2p48>li>ul {
	display: flex;
}

#boxmostrae2p48>li>ul>li {
	height: 40px;
	background-color: steelblue;
}

.exemple1 .child1 {
	flex-grow: 1;
}

.exemple2 .child1, .exemple2 .child2 {
	flex-grow: 1;
}

.exemple3 .child1, .exemple3 .child2, .exemple3 .child3 {
	flex-grow: 1;
}

.blogpost49 .boxcodi {
	margin-bottom: 24px;
}

/*		*/
.iconllg .iconsllgpro {
	height: 30px;
	margin-right: 8px;
}

/* .nomchannel {
	
} */
/*		*/

/* Exemple 49: https://www.instagram.com/reel/DITlszvCPjG/?igsh=b2t5ZmR5NW8wOTcy -> @livecoderz */
.blogpost49 .bloc3 {
	position: relative;
	width: 100%;
	height: 100vh;
}

.blogpost49 .bloc3, .blogpost49 .transform, .blogpost51 .gradient {
	margin-bottom: 14px;
} 

.blogpost49 .bloc3 .child {
	position: absolute;
}

.blogpost49 .bloc3 .child, .blogpost49 .transform li, .blogpost51 .gradient li, .blogpost50 .radius2 li {
	width: 50px;
	height: 50px;
	background-color: lightblue;
}

.blogpost49 .bloc3 .child.bttm {
	bottom: 0;
}

.blogpost49 .bloc3 .child.bttm.rght {
	bottom: 0;
	right: 0;
}

.blogpost49 .bloc3 .child.bttm.cntr {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.blogpost49 .transform, .blogpost51 .gradient, .blogpost50 .radius1, .blogpost50 .radius2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.blogpost49 .transform li, .blogpost51 .gradient li, .blogpost50 .radius1 li, .blogpost50 .radius2 li {
	margin: 4px 8px;
}

.blogpost49 .transform li {
	transition: transform 1s ease-in-out;
	-webkit-transition: transform 1s ease-in-out;
	-moz-transition: transform 1s ease-in-out;
	-ms-transition: transform 1s ease-in-out;
	-o-transition: transform 1s ease-in-out;
}

/*	coders_section CSS Transform Hover Effects	*/
.blogpost49 .transform li:nth-of-type(1):hover {
	transform: translate(100px);
	-webkit-transform: translate(100px);
	-moz-transform: translate(100px);
	-ms-transform: translate(100px);
	-o-transform: translate(100px);
}

.blogpost49 .transform li:nth-of-type(2):hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

.blogpost49 .transform li:nth-of-type(3):hover {
	transform: rotateX(360deg);
	-webkit-transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	-o-transform: rotateX(360deg);
}

.blogpost49 .transform li:nth-of-type(4):hover {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
}

.blogpost49 .transform li:nth-of-type(5):hover {
	transform: scaleX(1.5);
	-webkit-transform: scaleX(1.5);
	-moz-transform: scaleX(1.5);
	-ms-transform: scaleX(1.5);
	-o-transform: scaleX(1.5);
}

.blogpost49 .transform li:nth-of-type(6):hover {
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
}

/*	coders_section CSS Animations	*/
.blogpost51 .gradient li:nth-of-type(1) {
	animation: rotate 3s infinite linear;
	-webkit-animation: rotate 3s infinite linear;
	background: linear-gradient(blue, white);
}

.blogpost51 .gradient li:nth-of-type(2) {
	animation: pulse 2s infinite;
	-webkit-animation: pulse 2s infinite;
	background: linear-gradient(135deg, blue, orange);
}

.blogpost51 .gradient li:nth-of-type(3) {
	animation: slideIn 2s infinite;
	-webkit-animation: slideIn 2s infinite;
	background: linear-gradient(blue, white, orange);
}

.blogpost51 .gradient li:nth-of-type(4) {
	animation: fadeIn 2s infinite;
	-webkit-animation: fadeIn 2s infinite;
	background: linear-gradient(270deg,blue, white, orange);
}

.blogpost51 .gradient li:nth-of-type(5):hover {
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
}

/* code_wars_official */
.blogpost50 .glowing {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
}

.blogpost50 .glowing span {
	width: calc(50% - 54px);
	height: 100px;
	margin: 24px;
}

.blogpost50 .glowing span.boxleft {
	border: 3px solid cyan;
	box-shadow: 0px 0px 15px cyan, 0px 0px 15px cyan;
}

.blogpost50 .glowing span.boxright {
	border: 3px solid cyan;
	box-shadow: 0px 0px 15px cyan, 0px 0px 15px cyan inset;
}

/*	coders_section
CSS Border radius
*/
.blogpost50 .radius1 li {
	width: 100px;
	height: 50px;
	background-color: lightblue;
}

.blogpost50 .radius1 li:nth-of-type(1) {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

.blogpost50 .radius1 li:nth-of-type(2) {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.blogpost50 .radius1 li:nth-of-type(3) {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.blogpost50 .radius1 li:nth-of-type(4) { /*	Codi actual no funciona, adaptalo, incloure variació	*/
	border-radius: 30px 0;
	-webkit-border-radius: 30px 0;
	-moz-border-radius: 30px 0;
	-ms-border-radius: 30px 0;
	-o-border-radius: 30px 0;
}

.blogpost50 .radius1 li:nth-of-type(5) {
	border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-ms-border-radius: 30px 0px 30px 0px;
	-o-border-radius: 30px 0px 30px 0px;
}

.blogpost50 .radius1 li:nth-of-type(6) {
	border-radius: 30px 10px 40px 20px;
	-webkit-border-radius: 30px 10px 40px 20px;
	-moz-border-radius: 30px 10px 40px 20px;
	-ms-border-radius: 30px 10px 40px 20px;
	-o-border-radius: 30px 10px 40px 20px;
}

/*	codingsameer	*/
.blogpost50 .radius2 li:nth-of-type(1) {
	border-radius: 10% / 50%;
	-webkit-border-radius: 10% / 50%;
	-moz-border-radius: 10% / 50%;
	-ms-border-radius: 10% / 50%;
	-o-border-radius: 10% / 50%;
}

.blogpost50 .radius2 li:nth-of-type(2) {
	border-top-left-radius: 30px;
}

.blogpost50 .radius2 li:nth-of-type(3) {
	border-top-right-radius: 50px 20px;
}

.blogpost50 .radius2 li:nth-of-type(4) {
	border-bottom-right-radius: 100%;
}

.blogpost50 .radius2 li:nth-of-type(5) {
	border-bottom-left-radius: 50% 20%;
}

.blogpost50 .radius2 li:nth-of-type(6) {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.blogpost50 .radius2 li:nth-of-type(7) {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

/* .blogpost50 .radius2 li:nth-of-type(8) {
} */

.blogpost51 .bloc9 h1 {
	font-size: 3em;
	background-image: url("../_img/140108_vista-genreal-de-ciutat-medieval-realitzada-amb-joc-minecraft.jpg");
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

/*	acadeller	*/
.blogpost49 .blocssquerys {
	margin-bottom: 14px;
}

.blogpost49 .blocssquerys li.container {
	container-type: inline-size;
	margin: 16px auto;
	width: calc(80% - 40px);
}

.blogpost49 .card {
	background: lightgrey;
	padding: 20px;
}

@container (max-width: 400px) {
	.card {
		background: lightblue;
	}
}

.blogpost49 .blocssquerys li.article {
	width: calc(50% - 4px);
	height: 220px;
	margin: 10px 0px;
	background-color: #b3d4fc;
	display: inline-block;
}

.blogpost49 .blocssquerys li.article:has(img) {
	border: thin solid blue;
}

.blogpost49 .blocssquerys img {
	margin: 0px auto;
	display: block;
}

.blogpost49 .blocssquerys li.grid {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

.blogpost49 .blocssquerys li.item {
	display: grid;
	grid-template-columns: subgrid;
}

@when (prefers-color-scheme: dark) {
	body { background: black; color: white; } 
} @else {
	body { background: white; color: black; }
}

.blogpost49 .blocssquerys li p {
	text-wrap: balance;
}

/* .blogpost49 .blocssquerys li {
	
} */

/* https://www.instagram.com/reel/DJpBIrqs_HA/?igsh=MTR0Z2I0Zjd0aG9tdw%3D%3D @midu.dev 

@media (min-width: 600px) and (max-width: 1200px) {}
*/
.blogpost49 .bloc1 {
	width: 80%;
	height: 40px;
	background-color: #85C1E9;
	margin: 14px auto;
}
.blogpost49 .bloc1.boxblg1 {
	display: block;
}
.blogpost49 .bloc1.boxblg2 {
	display: none;
}

/* @media (width >= 600px) and (width <= 1200px) { */
@media (600px >= width <= 1200px) { /* 0 600px <= width <= 1200px */
	.blogpost49 .bloc1.boxblg1 {
		display: none;
	}
	.blogpost49 .bloc1.boxblg2 {
		display: block;
	}
}

@media (width >= 1240px) and (width <= 1440px) {
	.blogpost49 .bloc1.boxblg2 {
		display: block;
		background-color: lightblue;
	}
}

@media (min-width: 1480px) and (max-width: 1680px) {
	.blogpost49 .bloc1.boxblg2 {
		display: block;
		background-color: darkblue;
	}
}

/* Best CSS Shortcuts - codewithsloba */
.blogpost49 .bloc3 {
	/*
	width: 100px;
	min-width: 50px;
	*/
	width: min(100px, 50px);
	/*
	width: max(100px, 150px);
	*/

	/*
	font-size: 16px; ?
	max-font-size: 20px;
	min-font-size: 12px;
	*/
	font-size: clamp(12px, 1rem, 20px);
	/*
	background-image: url('image.png');
	background-repeat: repeat-x;
	*/
	background-image: repeat-x(url('../_img/140609-samarreta-cor-arciris-01.jpg'));
	/*
	width: 100%; padding: 20px;
	*/
	width: calc(100% - 40px);
}
	/* FI EXEMPLES */ 

/* FI BLOG */

/* CRONOLOGIA */
.menuscronos {
	display: inline-flex;
}

.menuscronos .segles { /* botoShHi2 */
	cursor:pointer; 
	text-decoration: none; 
	margin: 0px 6px;
	padding: 4px 10px; 	
	border-top: 1px solid #DCDCDC;
	border-right: 2px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;  
	border-radius: 4px; 
	font-size: 14px;
}

/* Mapes i dates */
#periodes, #cronologia, #mapa {
	border: solid thin #2E86C1;
	margin: 0px 0px 18px 0px;
	padding: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
/* #periodes {  }
#cronologia {  }
#mapa {  } */
/**/

.boxiframeblog {
	position: relative;
    width: 560px;
    height: 325px;
    margin: 20px auto 30px;
}

.boxiframeblog iframe {
	position: absolute;
    top: 0px;
    left: 0px;
}

/* Gestió imatges indexades */
input[name="idschecks[]"] {
	width: 16px;
	height: 20px;
}

.boxminiatura {
    width: 104px;
    display: inline-block;
}

.liminiatura {
	height: 50px;
    max-width: 100px;
    overflow: hidden;
    display: block;
}
.miniatura {
	height: 50px;
}
.boximg {
	width: 100%;
	display: inline-flex;
	align-content: start;
	flex-wrap: wrap;
	margin: 0px 0px 14px 0px; 
}
.formgimgs3x4, .boxgestiotags {
	/* display: inline-flex; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(33.3333% - 54px);
}
input.formgimgs3x4 {
	height: 32px;
	margin: 0px 6px;
}
.boxgestiotags {
	position: relative;
}
.boxgestiotags>input {
	width: 100%;
}
.nomstags {	
	/* margin: 10px 10px 20px 24px; */
	width: calc(100% - 225px);
	box-sizing: border-box;
    display: flex;
	justify-content: end;
    /* float: right;
    clear: both; */
}
/* .nomstags li {
	display: inline-flex;
} */
.etiqnom {
	position: relative;
	border: solid thin blue;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	width: auto;
	height: 20px;
	padding: 3px 8px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-right: 2px;
	margin-right: 12px;
}
.etiqnom>span {
	display: inline-flex;
}
/* .etiqnom>a {
	display: inline-block;
} */
.deletag {
	position: absolute;
    border: solid thin darkred;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 8px;
    height: 8px;
    padding: 4px;
    font-size: 10px;
    line-height: 8px;
    top: -10px;
    right: -10px;
    font-weight: 900;
    color: white;
    text-align: center;
    font-family: sans-serif;
    background-color: darkred;
}
.llistacercatag {
	position: absolute;
    top: 34px;
	background-color: lightblue; /* gainsboro; */
    border: solid thin darkblue;
	width: calc(100% + 9px);
    z-index: 100;
}
.llistacercatag li {
	font-size: 14px;
    padding: 9px 12px;
}
.llistacercatag li:nth-child(even) { background-color: #D6EAF8; }

/* Icones*/
/* .icoarticle { */
iconesblog-list {
	--background-color: #004280;
}
/* iconesblog-list::part(icoarticle) {
	float: right;
	margin: 0px 0px 16px 6px;
} */
iconesblog-list::part(icoarticle) img { /* .icoarticle img */ 
	height: 20px;
	display: inline-flex;
	margin-left: 12px;
}
/**/

/* DARK */
	.darkmode .hdmenu { border-bottom: solid thin #cacaca; }
	.ui-widget-content article a { color: darkBlue; }
	.pregunta.exPendent { color: grey;}
	.textgreen { color: green;}
	.textred { color: red;}
	.darkmode article { background-color: #1e1e1e }
	.menugestio1 span, .menugestio2 span { background: #b3d4fc; }
	#submit, option:nth-child(even), .llistaMenus { background-color: #D6EAF8; }
	.boto.show.dissabled-link { background-color: #cacaca; }
	.portaesbxd, .portadrbxd { background-color: maroon; }
	.darkmode #blocpag, .darkmode header, .darkmode nav, .darkmode .submenu, .darkmode .submenu2, .darkmode aside.tags, .darkmode aside.cronologia, .darkmode .blog article, .darkmode footer {
		background-color: #1e1e1e;
	}
	.darkmode .blog .cronologia { /* background-color: #004280; */ background: darkslategray; } /*	.plegat	*/
	/* .numdia, .pany { background-color: #ffdf00; } 
	.porta {
		background: #A0522D; 
		background: -webkit-linear-gradient(top, #A0522D, #8B4513);
		background: -moz-linear-gradient(top, #A0522D, #8B4513);
		background: -o-linear-gradient(top, #A0522D, #8B4513);
		background: linear-gradient(top, #A0522D, #8B4513);
		background-color: #A0522D;
	} */

	.blue {
		background-color: blue;
		color: white;
	}
	.llegit span, .green { background-color: green; }
	.yellow { background-color: yellow; }
	.orange { background-color: orange; }
	.nollegit span, .red, .cercleC, .boX {
		background-color: red;
		color: white;
	}
	.dark .cela {
		color: black;
	}
	.darkmode .bioCrono p { color: black; }
	a.txtDrakBlue, .boxdia a { color: navy; } /*darkBlue;*/
	.boxElem1 { color: #555; }
	.darkmode .autorweb, .darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5 { color: #DCDCDC; }
	.darkmode article p, .darkmode .llista1 li, .darkmode .info p, .darkmode .boxElem1 span { color: #DCDCDC; }
	.darkmode .ofici, .darkmode .autorweb, .darkmode a:link { color: #DCDCDC; } 

	.darkmode .listIcones.right span a, .darkmode .icolang a, .darkmode .fancybox-buttons.imgarticle, .darkmode .circletag { border: solid thin white; } /* , .branca span, #boxcookie a */

	.mesIn, .mesFi, .anyIn, .anyFi { color: #2E86C1; }
	a, a:link { color: navy; } /* #191970 */
	a.boto, .botoApp, .numdia { color: #333333; }
	a:hover { color: MidnightBlue; }
	/*a:active { color: maroon; }*/
	.select01 { color: maroon; }
	.boxComentari .autor { color: #004280; }
	nav ul li a { 
		border-bottom: solid thin transparent; 
	}
	nav ul li a:hover { 
		border-bottom: solid thin #ffffff; 
	}
	.botons li:hover a, .circletag, .listlinkscerc h2 { color: white; }
	.botons li:hover a { 
		transition: color 0.8s ease-in-out;
		-moz-transition: color 0.8s ease-in-out;
		-webkit-transition: color 0.8s ease-in-out;
		-o-transition: color 0.8s ease-in-out;
	}
	.mesIn, .mesFi, .anyIn, .anyFi { color: darkblue; }
	.centreForm { color: DarkGreen; }
	.txt_error, .fontRed, a.fontRed, .empresa { color: darkred;}
	ul.cercle li {
		color: #111111;
	}
	#boxcookie { background-color: darkslateblue; }
	#boxcookie h4, #boxcookie h5, #boxcookie p, #boxcookie ul { color: #f8f8ff; }
	#boxcookie a { 
		background-color: #AED6F1; 
	}
	.circletag, ::-webkit-scrollbar-thumb {
		background: darkblue; 
	}
	.porteria { background-color: white; }
	#calendariadvent, .totxos { background-color: #f5deb3; }
	.senalefavert { background-color: tan; }
	.columbaran, .barana, .frontend, .senalefavert .totxos li { background-color: tan; border: solid thin sienna; }
	.etapa { 
		background-color: #AED6F1;
	}
	#blocpag { position: relative; }
	#retornlistcerca.show {
		background-color: darkblue;
	}
	#retornlistcerca li, #retornlistcerca li a {
		color: whitesmoke;
	}
	.hidelistcerca {
		background-color: lightcyan;
		color: darkblue;
	}
	#estatdklh {
		background-color: darkblue;
	}
	.blogpost48 li {
		border: solid thin #2E86C1;
		background-color: #004280;
		color: white;
	} 
	.blogpost48 button:before {
		background-color: #004280;
		color: white;
	} 
	
	.menuscronos .segles { /* botoShHi2 */
		border-top: 1px solid #DCDCDC;
		border-right: 2px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		border-left: 1px solid #DCDCDC;  
	}
	
	#periodes, #cronologia, #mapa {
		border: solid thin #2E86C1;
	}

	.darkmode .boto, .darkmode .botoApp, .darkmode .botoShHi, .darkmode .botoShHi2 { background-color: #004280; }
	.darkmode a, .darkmode a:link, .darkmode .cronologia { color: white; }
	.darkmode .cronoAny, .darkmode .anyIn, .darkmode .anyFi { color: #DCDCDC; }
	.darkmode .mesIn, .darkmode .mesFi, .darkmode .llgProg, .darkmode .autor { color: #DCDCDC; }
	.ulmonedes li:nth-child(even) { background-color: yellow; }

	.darkmode .boxrelative>.canviamplada {
		border-color: white;
	}

	.darkmode pre {
		background-color: #DCDCDC;
		color: #1e1e1e;
	}
/* FI DARK */

/* EFECTES */
@keyframes girelem1 {
	form {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
} to {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
}

.girconstant.show {
	width: 20px;
	height: 20px;
	display: block;
	margin: 40px auto;
	background-color: azure;
	animation: girelem1 2s linear infinite;
}

/* .btnprev {  }
.btnpost {  } */

@keyframes opendoores {
  from {background-color: red; left: 0px; }
  to {background-color: yellow; left: -45%;}
}
.portadrbxd.open.avui { /*	.slideportadr	*/
	animation-duration: 2s;
	animation-name: opendoordr;
	/*animation-name: slidein;*/
	animation-iteration-count: 1;
}
#contboxavis { position: relative; }
#avisgeneral {
	position: absolute;
	top: 40px; 
	left: 40px;
	min-width: 300px;
	width: calc(80% - 32px);
	padding: 14px;
	background-color: white;
	border: solid thin blue;
	z-index: 250;
}
.btnclose {
	position: absolute;
    right: -14px;
    top: -14px;
	/* width: 32px;
	height: 32px; */
	padding: 8px;
    width: 14px;
	font-weight: bold;
    line-height: 14px;
	text-align: center;
	border-radius: 16px;
	background-color: #191970;
	color: white;
}
@keyframes opendoordr {
  from {background-color: red; right: 0px; }
  to {background-color: yellow;; right: -45%;}
}
  
/*MEDIA QUERIES*/
@media screen and (max-width:2400px) {
	.slider-wrapper { 
		width: 100%; 
	}
}
@media screen and (max-width:1220px) {
	section.blog { width: 70%; }
	aside.cronologia { width: 30%; }
	.tags, footer { padding: 26px 80px; }
	section { padding: 24px 80px; }
	.submenu li a {
		padding: 0px 18px;
	}
}
@media screen and (max-width: 1000px) {
	.submenu li a {
		padding: 0px 14px;
	}
}
@media screen and (max-width: 1080px) {
	section.blog { width: 60%; }
	aside.cronologia { width: 40%; }
	.blog .cronologia { width: 30%; }
	.submenu li a {
		padding: 0px 10px;
	}
}
@media screen and (max-width: 1020px) { 
	nav ul li:nth-of-type(1) { padding: 0px; border: 0px; margin-left: 0px; margin-top: 8px; margin-bottom: 4px; }
	nav ul li a { border-left: none; }
	nav ul li:nth-of-type(1) a { margin: 0px; padding: 0px; border: 0px; }
	nav ul li a img { 
		height: 30px;
		margin-left: auto; margin-right: auto; 
	}
	nav ul li.clear { width: auto; border: 0px; }
	#contacte { padding: 60px 40px 40px; }
	th, td { padding: 6px; }
	.bioCrono.box1x2 {
		float: none;
		width: auto;
	}
	.likes img { width: 100%; }
	.calendari>li { width: 20%; }
}
@media (max-width:760px) {
	.listlinkscerc {
		width: 60%;
		padding: 50px 0px;
	}
	.calendari>li.boxcalend {
		display: none;
	}
	.calendari>li.boxdia {
		display: block;
		width: 50%;
	}
	.calendari>li.boxdia .porteria { 
		position: relative;
	}
}
@media (max-width:778px) {
	nav ul li { 
		padding: 10px 8px;
	} 
	header { padding: 40px 60px 8px; }
	.coneixeMs tbody tr td.bloc0 { padding-top: 10px; }
	#contacte { width: auto; }
	#contacte aside { float: none; width: auto; }
	#contacte p { text-align: center; }
	#contacte form { margin-left: auto; margin-right: auto; }
	section.blog {
	    width: 70%;
	}
	.infojo {
	    width: 60%;
	}
	aside.cronologia {
	    width: 30%;
	}
	.dadesautor { /*  autorweb, .ofici  */
		width: 60%;
	}
	.nomeina { display: none;}
	.calendari>li { width: 25%; }
}
@media screen and (min-width:700px) {
	.column2 {
	    text-align: justify;
	    -moz-column-count: 2;
	    -moz-column-gap: 2em;
	    -moz-column-rule: 0px; /* */
	    -webkit-column-count: 2;
	    -webkit-column-gap: 2em;
	    -webkit-column-rule: 0px;
	    -o-column-count: 2;
	    -o-column-gap: 2em;
	    -o-column-rule: 0px;
	    -khtml-column-count: 2;
	    -khtml-column-gap: 2em;
	    -khtml-column-rule: 0px;
	    column-count: 2;
	    column-gap: 2em;
	    column-rule: 0px;
	}
}
@media (max-width:685px) {
	header { padding: 20px 34px; }
	nav, .blog article, .tags, footer {
		padding-left: 40px; padding-right: 40px;
	}
	.listlinkscerc {
		width: 70%;
		padding: 40px 0px;
	}
	.slider-wrapper {
		margin-bottom: 0px;
	}
	.theme-default .nivo-controlNav { padding: 8px 0px; }
	article {
		padding: 40px;
	}
	.ofici {
		display: -webkit-box;
		line-clamp: 1;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.listIcones.right span { margin: 0px 4px 0px 0px; }
}
@media (max-width:650px) {
	
	nav ul li { 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 33.33333%;  /*	de 600 a 550	*/
	} 
	nav ul li:nth-of-type(1) {
		margin: 0px;
	}
	nav ul li:nth-of-type(1), nav ul li, nav ul li:nth-last-child(2) { 
		padding: 4px 8px;
	} 
	nav ul li a { 
		text-align: center;
	} 
	nav ul li a img {
        height: 26px;
    }
    .logoheader { display: block; }
    .logoheader img { display: block; height: 36px; }
    .ofici { width: 100%; }
    .dadesautor { display: none; } /* autorweb */
	header { padding: 20px 40px 5px; }
	.listidiomes {
		margin: 4px 0px 0px 16px;
	}
	.listIcones { margin: 4px 0px 4px 0px; }
	#cercartext { margin: 4px 14px 0px 0px; }
	.infojo {
	    width: 80%;
	}
	.btnshdmenu {
		display: block;
		width: 30px;
		height: 30px;
		float: right;
	}
	nav { padding: 0px 40px; }
	fieldset { width: auto; }
	#contacte p { width: auto; }
	.imgxmovil { display: block; width: 100%; }
	.coneixeMs, nav, nav.hdmenu, .headerbtnhd { display: none; }
	.coneixeMs img { height: 0px; width: 0px; }
	.coneixeMsimg, nav.shmenu, .headerbtnsh { display: block; }
	.coneixeMsimg .fancybox-buttons span { width: auto; height: auto; }
	.coneixeMsimg .fancybox-buttons span img { width: 100%; height: auto; margin-bottom: 0px; }
	.autorweb { font-size: 28px;}
	aside.cronologia {
		position: relative;
	}
	.cronologia { height: auto !important; }
	aside.cronologia, #boxcookie h5 { padding-bottom: 10px; }
	section.blog, aside.cronologia, aside.tags { float: none; width: 100%; }
	section.blog, aside.cronologia { float: none; width: auto; }
	.boxiframeblog iframe { width: 88%; }
	.btnshdate { display: inline-block; }
}
@media (max-height:600px) {
	#boxcookie { height: calc(100% - 80px); }
}
@media (max-width:600px) {
	a span .vertical { width: 120px; }
	a span .horizontal { height: 120px; }
	.edicio { padding: 20px 20px 0px 20px; }
	.calendari>li { width: 50%; }
	.edifcent { font-size: 100%; } 
}
@media (max-width:550px) {
	footer { padding: 20px 40px; }
	article { padding: 20px 40px; }
	nav { padding: 4px 40px 0px 40px; }
	nav ul {
	    margin: 0px;
	}
	nav ul li:nth-of-type(1) {
		/* margin-top: 6px; */
		margin: 0px;
	}
	.listIcones { margin: 8px 0px 4px 0px; }
	/* nav ul li a { } */
	.submenu { padding: 10px 40px 0px 40px; }
	.submenu li a { padding: 0px 12px; }
	.llgProg  { margin-bottom: 10px; }
	.llgProg, #boxcookie p { margin-bottom: 10px; }
	.bioCrono { padding-top: 25px; padding-bottom: 25px; }
	.anyFi, .mesFi { top: 0px; }
	.anyIn, .mesIn { bottom: 0px; }
	.bioCrono p { margin-left: 40px; }
	#curriculum ul { margin-left: 60px; }
	#contacte p { text-align: left; }
	.blog article { padding-left: 6%; padding-right: 6%;}
	#formContacte, #formRegistrar { width: auto; }
	#formContacte fieldset, #formRegistrar fieldset { margin: 0px; padding: 0px; }
	#formContacte input, #formRegistrar input, #formContacte textarea { width: 83%; }
	#formContacte #submit, #formRegistrar #submit { width: 88%; }
	#formContacte input, #formRegistrar input, #formContacte textarea, #formContacte #submit, #formRegistrar #submit { margin: 4px 6%; }
	#formContacte legend, #formRegistrar legend { margin: 0px 0px 14px 10px; }
	#formContacte #submit, #formRegistrar #submit { margin-bottom: 16px; }
	/* BLOG */
}
@media (max-width:500px) {
	#boxcookie {
		width: calc(100% - 80px);
		margin: 20px;
	}
	nav ul li {
		width: 50%;  /*	de 550	*/
		/* padding: 0px; */
		/* margin: 2px 0px; */
	}
	nav ul li:nth-last-child(2) { padding: 0px; }
	.bioCrono p, .bioCrono ul {
		margin-left: 10px;
	}
	.bioCrono p {
		padding-left: 22px;
	}
}