@charset "utf-8";
@font-face {
  font-family: BrainFlower;
  src: url(/www-app/css/fonts/Brain-Flower-Euro.ttf);
}
@font-face {
  font-family: Principal;
  src: url('/www-app/css/fonts/OpenSans-Light.ttf');
 }
@font-face {
  font-family: Principal;
  font-weight:bold;
  src: url('/www-app/css/fonts/OpenSans-Bold.ttf');
 }
@font-face {
  font-family: Antiga;
  src: url('/www-app/css/fonts/FFTisa/TisaOT-Ita.otf');
}
@font-face {
  font-family: Antiga;
  font-weight:bold;
  src: url('/www-app/css/fonts/FFTisa/TisaOT-MediIta.otf');
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(#);
  src: url(#) format('embedded-opentype'), url(#) format('woff2'), url(#) format('woff'), url('/www-app/css/generics/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/www-app/css/generics/fonts/glyphicons-halflings-regular.svg') format('svg');
}


.font-antiga {font-family:Antiga!important}
.font-brainflower {font-family:BrainFlower!important}

body {
  font-family: Antiga, sans-serif; margin:0px!important; padding:0px!important;
  color: #333!important;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: none;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-radial-gradient(circle, rgba(248,255,234,1) 0, rgb(35,29,24) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%), rgba(175,173,142,1);
  background: -moz-radial-gradient(circle, rgba(248,255,234,1) 0, rgb(35,29,24) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%), rgba(175,173,142,1);
  background: radial-gradient(circle, rgba(248,255,234,1) 0, rgb(35,29,24) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%), rgba(175,173,142,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 1em 1em;
  background-size: 1em 1em;
  background-attachment:fixed;

 }

.link-basic {color:#111; }
.link-basic:hover {color:#111; }

#scrollToTop,.logoscroll {display:none}

.kkpantalla-bg {
    position:fixed; top:0px; left:0px; width:100%; bottom:0px; z-index:-10!important;*background-color:#f8ebd2; 
}

.divan-generic {
}

/* missatges del sistema */
#sismissatges {position:fixed; top:20%!important; width:100%; text-align:center; z-index:14000; }
#TXEC_depuraprog {position: fixed; bottom: 0px; height: 30%; background-color: rgba(0,0,0,0.8); color: #fff; z-index:10000; padding:2rem; width:100%}


/*#avisos-sistema {position:fixed; top:100px!important; left:; width:; margin:0 30%; z-index:4000; padding:auto; }*/

.bordernegre-top { border-top:solid 0.6rem #111 }
.bordernegre-bottomthin { border-bottom:solid 0.25rem #111 }
.bordernegre-tot { border:solid 0.6rem #111 }

.text-sombreta {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4)!important;
}
.sombreta {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5)!important;
	border-radius:3px!important; moz-border-radius:3px; webkit-border-radius:3px;
}
/*
.sombreta img {
	border-radius:3px!important; moz-border-radius:3px; webkit-border-radius:3px;
}
*/

.blurjs {background-color:#f8ebd2!important; border:0px!important}
.marge0 {
  margin: 0px!important;
  padding: 0px!important;
  border: 0px!important; }

#mainlogodiv {
	position: ; top:18px; left:0px; z-index:1000; 
}

#mainlogo {
	z-index:3000!important; padding-top:25px!important; left:0px; float:left;
}


.img-unsolpost img {width:100px!important; margin:0.5rem!important; padding-bottom:4rem!important; float:right}

/*.icon-bar {background-color:#fff; color:#fff}*/
#mainbar {
  z-index: 900;
  border: 0px!important;
    float:right;
    display:inline-block;
  margin-right: 0px;
    /*margin-top:-90px;*/
    margin-top:0px;
  padding: 0px;
  /*background-color: rgba(198, 190, 134, 0.9) !important;*/
  background-color: transparent!important;
}

#mainbar .container {
}

 
.menu-left div {
	display:block!important;
	padding: 0px!important;
	margin: 1.2rem 0px!important;
}
.menu-left a {
}
.menu-left .selected {
	color:#fff!important;
}
/**********************/

.menutop-h a {
    margin-left:1rem;
}
.menutop-h {
    right:0px!important;    
}
.menutop-h .selected {
	color:#fff!important;
}

#petit-mainbar1 {text-align:left!important; font-family:Antiga;}
#mainbar1 {
	z-index: 1030;
	margin: 0px;
	padding: 0px;
 /* 	top: 134px!important;*/
	top: 0px;
  /*background-color: rgba(220, 216, 186, 0.8) !important; */
	background-color: rgba(85, 78, 16, 0.9) !important; 
	background-color:#111!important;
	border:0px;
}
.menu-barra a {
   font-family:Antiga!important;
	font-size: 16px!important;
	padding:0.3rem 0.8rem!important;
    font-weight:bold!important;
   background-color:transparent!important;
}
.menu-negre {
   font-family:BrainFlower!important;
	margin: 4px 0px;
	color:#666!important;
}
.menu-negre a {
   background-color:#111;
   font-weight:bold!important;
	color: #999 !important;
}
.menu-negre a:hover {
   color: #fff !important;
}
.menu-barra-bottom a {
   font-family:Antiga!important;
   font-size: 12px!important;
   padding:0.3rem 0.8rem!important;
    font-weight:bold!important;
   background-color:transparent!important;
   color:#666!important;
}

.logo-negre {
  font-size:30px!important;
}
.logo-negre-mini {
  font-size:20px!important;
}
.logo-negre img {
	margin-left:0px!important;
}
.menutop1 a:hover, .menutop1 li:hover {
	color: #fff !important;
    text-decoration:none!important;
}
.menutop1 .dropdown-menu li {
	background-color: #333!important;
}
.menutop1 .dropdown-menu li a {
/*	margin:0px!important;*/
	background-color: pink!important;
}

.nav:active {
  border: 0px!important; }

.menubottom {
  margin:0px!important;
  padding:0px;
  border:0px!important;
  outline:0px!important;
  background-color:#000!important;
}

.navbar-text {
  margin-top: 8px;
  margin-bottom: 1px;
}

.social-icons li a {
	background-color:#554e10!important;
	background-color:#000!important;
	font-size:10px!important
}


.text-fusta, .text-fusta a {
/*	font-size:18px;*/
	font-weight:bold;
	font-family:Antiga;
	color:#111!important;
}

.text-fusta dd, .text-fusta dt {
    line-height: 2rem!important;
}
.text-fusta dl {
	margin:0px!important;
    text-align: left !important;
}
.text-fusta dt {
    float: left;
    width: auto;
    clear: left;
    text-align: center !important;
    overflow: visible;
    text-overflow: ellipsis;
    margin: 0 auto!important;
}
.text-fusta dt > span{
    display:inline-block;
    text-align: center !important;
    padding-left:0.25rem!important;
}

.text-fusta dd {
    padding-left:0.5rem;
    line-height:1.2rem!important;
    
}

.text-pastilles{
	font-family:Antiga;
	font-weight:bold;
	font-size:1.3rem;
   padding: 0.5rem;
	text-align:center;
}
.text-pastilles a {
	color:#dcd8ba!important
}
.text-pastilles a:hover {
}

a.eltenedor:before {/*content:url(/www-app/img/eltenedor-ico.png); width:24px!important; position*/}
a.eltenedortext {
	margin-top:10px!important
}


html {font-size:14px; }
html > * {font-size:1rem!important}


@media (min-width: 1200px) {
  .container {
    width: 1170px!important;
  }
}

.linieta {border: solid 1px red}
.vb20 {border-bottom:solid 1px #ddd}

.c20 {color:#eee!important;}
.c40 {color:#aaa!important;}
.c60 {color:#666!important;}
.c60 {color:#4d6181!important;}
.c80 {color:#333!important;}

.padmad0 {margin: 0px!important;
  padding: 0px!important;}

.negre {color:#111!important}
.bg-negre {background-color:#111}
.link-negre {color:#111!important}
.link-negre:hover {color:#554e10!important}
.verd {color:#554e10}
.bg-verd {background-color:#554e10}
.ocre {color:#dcd8ba!important}
.bg-ocre {background-color:#f8ebd2;
	background-image:url(/www-app/css/img/paper.png);
	background-width:100%; background-height:100%;
}

.pastilla-negre {background-color:#111; color:#fcfcfc; padding:0.5rem 1rem; font-family:BrainFlower; font-weight:bold!important; kkdisplay:inline!important}
a.pastilla-negre, .pastilla-negre a {background-color:#111!important; color:#afafaf!important; padding:0.5rem 1rem;}
a.pastilla-negre:hover, .pastilla-negre a:hover, .pastilla-negre a.selected, .selected > a.pastilla-negre, .pastilla-negre.selected {background-color:#111; color:#fff!important;}

.pad10 {padding:10px!important;}
.pad15 {padding:15px!important;}
.pad20 {padding:20px!important;}
.padv100 {padding:100px 0px!important;}
.padh10 {padding:0px 10px!important;}
.padv10 {padding:10px 0px!important;}
.padv5 {padding-top:5px!important;}
.padh50 {padding:0px 50px!important;}
.padv20 {padding:20px 0px!important;}
.padv100 {padding:100px 0px!important;}
.padv220 {padding-bottom:10px!important;}
.padv40 {padding:40px 0px 0px 0px!important;}
.padv80 {padding:80px 0px 0px 0px!important;}
.padv240 {padding:0px 0px 40px 0px!important;}
.padv280 {padding:0px 0px 80px 0px!important;}

.padright15 {padding-right:15px!important}
.marright10 {margin-right:10px!important}

.mart5 {margin-top:5px}
.mart10 {margin-top:10px}
.mar10 {margin:10px!important}
.mart20 {margin-top:20px}
.mart40 {margin-top:40px;}
.mart50 {margin-top:50px;}
.mart80 {margin-top:80px;}
.marb80 {margin-bottom:80px;}
.marb40 {margin-bottom:40px;}
.marb20 {margin-bottom:20px;}

.marl5 {margin-left:5px}
.marl10 {margin-left:10px}
.marl20 {margin-left:20px}
/*.row, .row > * {border:solid 1px red} */

a {
  text-decoration: none;
	color:#554e10;
}
a:hover {/*text-decoration:underline!important*/}
a:focus, a:active {
  text-decoration: none!important; border: !important;
}
li {margin:0px; list-style-type:none;}
a {text-decoration:none; }
li a {text-decoration:none; /*width:inherit*/ margin:0px; padding:0px;}
a:hover, li a:hover {/*text-decoration:none*/}
/**********/


.capa-rounded {-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border:solid 1px #ddd;} 

.linia {width:100%; height:2px; border-top:solid 1px #ccc; margin-top:40px; margin-bottom:20px;}
.block {display:block;}
.majus {text-transform:uppercase; }


.gris {opacity:0.5; moz-opacity:0.5; -webkit-opacity:0.5;}

.shadow {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}


#ascensor {
width:100%!important;
margin-top:20px;
height:500%!important;
}
#ascensor-menu{
}

.textpagina {
	height:100%!important;
    padding-right:2rem
}

.contpagina h2 {padding:1rem 0}
.imgmapa {width:100%}
.anunci-portada {
	/*border-top: solid #111;*/
	background:url(/www-app/img/Tomatoes.jpg) no-repeat;
	height:500px;
	max-height:400px;
	background-size:100%;
	
}
h1.eslogan {
	display:inline-block!important;
    font-family:Antiga!important;
	font-size:26px!important;
  line-height: 26px;
	margin-top:30px!important;
	margin-right:80px;
    padding:10px;
    color:#554e10!important;
   background-color:#f8ebd2;
   background-image:url(/www-app/css/img/paper.png);
   background-width:100%; background-height:100%;

}

h2.eslogan {
	display:inline-block!important;
    font-family:Antiga!important;
   font-size:18px!important;
  line-height: 18px;
    padding:10px;
	margin-top:0px!important;
   color:#f8ebd2;
   background-color:#948a31;
    background-color:#554e10!important;
}

.fora-caixa {
border-top:3px solid #111;
border-bottom:1px solid #111;
padding: 0.5rem 1rem !important;
}

.fora-caixa ul.menu {
	margin:0px!important;
	padding:0px!important;
}

.fora-caixa ul.menu li {
font-size:18px;
color:#111;
display:inline-block;
margin:10px 3px!important;
font-family:Antiga;
font-weight:bold;
}

.subtitol-pagina-fixed {
}
.subtitol-pagina h3 {
}
.subtitol-pagina h3 a {
}
.subtitol-pagina h3 a:hover {
}
.subtitol-pagina .restriccions a:before {
    content:"> ";
}
.subtitol-pagina .restriccions a span {
    display:none!important;
}

#controlspagina  { position: relative ; kkpadding-top:145px!important; left:0px; z-index:1000}

.fletxes {padding-top:0px; margin-bottom:20px;}
.fletxes ul, .fletxes li {margin:0px!important; padding:0px!important}
.fletxa-left  { margin-top:10px; padding:0px; float:left; margin-left:0px!important; font-size:24px;}
.fletxa-right  { margin-top:10px; padding:0px; float:right; margin-right:0px!important; font-size:24px;}
.fletxes img {opacity:0.5; -moz-opacity:0.5;}
.fletxes img:hover {opacity:0.9; -moz-opacity:0.9;}

.navpagina {
	/*margin:0px;*/
	padding-left:0.5rem;
	left:0px;
	display:block!important;
	font-size:1.2rem!important;
/*	width:auto;*/
}
.navpagina li {
	margin:0px;
	padding-top:10px;
    display:inline-block;
}
.navpagina li a, .navpagina .pare a, .navpagina .fill a {
	font-family:Antiga;
	font-weight:bold;
	padding: 0px !important; 
    margin-right:1rem;
	text-transform:;
	color:#111;
	/*margin: 0px -5px !important;  /* --------- aaaargh si no em fa una separació rara... */
}
.navpagina li a:hover, .navpagina li a.selected, #controlspagina .pare a:hover {
	text-decoration:underline!important;
}
.navpagina li a:first-child {
	margin-left:0px!important;
}

.contpagina > div{
}

.contpagina {
	width:100%; 
	vertical-align:middle;
}
.postreg-catego {
   font-family:Antiga;
   font-weight:bold;
   padding: 10px 10px 6px!important;
   font-size:14px;
   text-transform:;
   color:#111!important;
}
.postreg-catego span {
	color:#111!important;
	font-family:Antiga;
	margin-right:10px;
}
.postreg-catego span:after { content:"  /  "; margin-left:10px;}
.postreg-catego span:last-child:after { content:" ";}
.postreg h1, .contpagina h1 {
	padding:25px 5px 15px 0px;
	line-height:20px;
	margin:0px!important;
	font-size:23px;
}
.postreg h2, .contpagina h2 {
	font-size:18px;
}
.postreg-accions > *{
	border:0px!important;
	background-color:inherit!important;
	color:#111;
}
.postreg p {
	font-size:1.2rem;
	line-height:1.5rem!important;
}
.postreg-ressalta {
	font-size:16px;
	/*color:#554e10!important;*/
	font-weight:bold;
}
.postreg .postreg-ressalta {
    padding-top:1.5rem;
}

.postreg figure {
	background-color:#f8ebd2!important;
   background-image:url(/www-app/css/img/paper.png);
   background-width:100%; background-height:100%;
}


.imgpagina {
	/*padding: 30px;*/
	/*height:400px!important;*/
}

.imgpagina img{
	width:100%!important; /*padding-bottom:1%;*/
}

#tots-posts-list {
}


/***  carousel ***/

#carouselPortada {}
#carouselPortada .carousel-inner {
width:inherit; min-height:200px!important; 
}
.carousel-control {background-image:none!important}
.carousel-img {
position:absolute;
top:0px!important;
overflow:hidden;
width:100%;
}

.carousel h1 {
	position:absolute!important;
   display:inline-block!important;
    font-family:Antiga!important;
    font-weight:bold;
   font-size:26px!important;
  line-height: 26px;
   margin-top:30px!important;
   /*margin-right:80px;*/
    padding:10px;
   background-color:#fff;
   background-image:url(/www-app/css/img/paper.png);
   background-width:100%; background-height:100%;
}

.carousel h2 {
	position:absolute!important;
    font-family:Antiga!important;
   font-size:18px!important;
  line-height: 18px;
    padding:10px;
   margin-top:78px!important;
   color:#f8ebd2;
   background-color:#948a31;
    background-color:#554e10!important;
}

.graella {width:!important; padding:5px }
.graella-img {display:; width:20%!important; vertical-align:top!important }
.graella-img img {width:100%!important}
.graella-title {display:; width:70%; vertical-align:top; padding:10px }

.posts-destacats {width:100%!important; }

@media only screen 
and (orientation : portrait) {
}
.asobre {z-index:5000!important}
/***  MEDIA QUERIES!!! ***************************/

.petit, .petit-mitja, .mitja, .mitja-gran, .gran {display:none!important; color:#fff!important;}

/***  PETIT (mobil)  XS ***************************/
/*
@media only screen 
and (max-width : 320px) {
.petit {display:block!important}
.invisible-petit {display:none!important}
	.contpagina {
	width:100%; 
	}


}

*/
/***  PETIT-MITJA (mobilwide /tablet portrait) SM ***************************/

@media only screen 
and (max-width : 479px) {
.petit-mitja {display:inline-block!important}
.invisible-petit-mitja {display:none!important}
html {font-size:12px!important }


@media only screen 
and (orientation : landscape) {
.kkpantalla-bg {
	width:100%; height:auto;
	background: url('/www-app/css/img/fusta-4-3-1000.jpg');
	background-size: 100%!important;
   background-attachment: fixed;
}
}
@media only screen 
and (orientation : portrait) {
.kkpantalla-bg {
	width:; height:100%;
	background: url('/www-app/css/img/fusta-3-4-600.jpg');
	background-size: 100%!important;
   background-attachment: fixed;
}
}

	.container {
	width: 95%!important;
    max-width: 470px;
	}
	.navbar li a {border-bottom:solid 1px #333}
#mainlogo-petit {float:center!important; clear:both!important;position:; }

#carouselPortada {}
#carouselPortada .carousel-inner {
width:inherit; min-height:300px!important; 
}
.carousel-control {background-image:none!important}
.carousel-img {
top:0px!important;
height:300px!important; 
overflow:hidden!important;
}

.subtitol-pagina h3 {
}


.carousel h1 {
   font-size:16px!important;
  line-height: 16px;
   margin-top:30px!important;
    padding:6px;
}

.carousel h2 {
   font-size:14px!important;
  line-height: 14px;
    padding:7px;
   margin-top:57px!important;
}
.contpagina {
	width:100%; 
}

.posts-destacats {width:100%!important; }

}


/***  MITJA (tablet) MD ***************************/
@media only screen 
and (min-width : 480px) 
and (max-width : 767px) {
.mitja {display:inline-block!important}

.invisible-mitja {display:none!important}
html {font-size:13px!important }
   .container {
   width: 95%!important;
    max-width: 750px;
   }
   .navbar {text-align:center!important; kkborder-bottom:solid 3px #111!important;}
.mainlogo-petit-mitja {text-align:center!important; padding-bottom:0px!important;}
.menu-mitja {float:center!important; text-align:center; padding:5px; }
.menu-mitja a {
   display:inline-block;
   font-size: 22px;
   padding: 0.8rem 0.9rem 0.6rem 0.9rem!important;
   line-height: 10px;
   margin:5px;
   font-weight:bold;
}

.subtitol-pagina h3 {
}

.menu-desplegable a {
font-size:16px!important;
}
.menutop1 a {
font-size:16px!important;
margin-left:13px!important;
margin-right:13px!important;
}

#carouselPortada .carousel-inner {
width:inherit; height:330px;
}

.carousel h1 {
   font-size:20px!important;
  line-height: 16px;
   margin-top:30px!important;
    padding:9px;
}

.carousel h2 {
   font-size:18px!important;
  line-height: 15px;
    padding:9px;
   margin-top:64px!important;
}
@media only screen 
and (orientation : portrait) {
.kkpantalla-bg {
	width:; height:100%;
	background: url('/www-app/css/img/fusta-3-4-600.jpg');
	background-size: 100%!important;
   background-attachment: fixed;
}
}
@media only screen 
and (orientation : landscape) {
.kkpantalla-bg {
	width:100%; height:auto;
	background: url('/www-app/css/img/fusta-4-3-1000.jpg');
	background-size: 100%!important;
   background-attachment: fixed;
}
}

.contpagina {
   width:100%;
}

.posts-destacats {width:100%!important;  }


}


/***  MITJA-gran (tablet-wide) LG ***************************/
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {

html {font-size:14px!important }
.mitja-gran {display:inline-block!important}
	.container {
	width: 95%!important;
    max-width: 1000px;
	}
	.contpagina {
	width:100%; 
	}
	.menutop a {font-size:15px!important}

.subtitol-pagina h3 {
}
.dropdown:hover .dropdown-menu {
    display: block;
 } /**** per fer els dropdowns amb hover!! ****/
#carouselPortada .carousel-inner {
width:inherit; height:390px;
}
.carousel h1 {
   font-size:22px!important;
  line-height: 22px;
   margin-top:30px!important;
    padding:11px;
}

.carousel h2 {
   font-size:18px!important;
  line-height: 15px;
    padding:11px;
   margin-top:74px!important;
}

@media only screen
and (orientation : portrait) {
.kkpantalla-bg {
   width:; height:100%;
   background: url('/www-app/css/img/fusta-3-4-600.jpg');
   background-size: 100%!important;
   background-attachment: fixed;
}
}
@media only screen
and (orientation : landscape) {
.kkpantalla-bg {
   width:100%; height:auto;
   background: url('/www-app/css/img/fusta-4-3-1000.jpg');
   background-size: 100%!important;
   background-attachment: fixed;
}
}

.posts-destacats {width:49%!important;}

}

/***  GRAN (pantalla pc) XL ***************************/
@media only screen 
and (min-width : 1024px) {
.invisible-gran {display:none!important}
.gran {display:inline-block!important}
	.container {
	width: 95%!important;
    max-width: 1400px;
	}
.dropdown:hover .dropdown-menu {
    display: block;/**** per fer els dropdowns amb hover!! ****/
 } 
#carouselPortada .carousel-inner {
width:inherit; height:390px;
}


.posts-destacats {width:49%!important; }
}

.unpost {
   background-color:#f8ebd2;
   background-image:url(/www-app/css/img/paper.png);
   background-width:100%; background-height:100%;
}

.unsolpost {
	width:100%!important;
}

.unpost img {
    margin:0px;
    padding:0px;
    width:100%;
}

img.thumbnode {height:auto!important; /*border:solid 1px red*/}
.post-content {
    padding:1rem!important;
    color:#554e10!important;
	font-size:normal!important;
}
.post-content a {
 /*   color:#111!important;*/
}
.post-content h3 a:hover {
 /*   color:#948a31!important;*/
}
.post-content h3 {
    font-size:1.8rem!important;
    line-height:22px;
    color:#111;
    font-weight:bold!important;
}

.post-catego span a, .post-catego span {
    font-size:0.9rem;
	 font-family:Antiga;
	 padding:1px;
    color:#948a31!important;
    /*text-transform:uppercase;*/
/*	font-weight:bold!important;*/
}
.post-catego span:after { content:"  /  "; margin-left:0.2rem;}
.post-catego span:last-child:after { content:" ";}
.post-catego span:first-child:after { content:" ";}

.post-text {
}

.post-bottom {
    font-size:20px;
    margin:20px 0px 0px;
    text-align:right;
}

.post-bottom a:hover {
    color:#111;
}

.postreg-img img{
	width:100%; 
}

.postreg-titol {
    font-size:2.2rem!important;
}
.postreg-img-thumb {
	width:100%!important;
}
.adjunt-dmnoreg {
	display:inline-block!important;
	/*float:right!important;*/
	width:50%!important;
	padding:0px!important; margin:0px!important;
}
.adjunt-dmnoreg-figs a figure {
	padding:0px!important; margin:0px!important; display:inline-block!important
}
.adjunt-dmnoreg-figs img {
	width:100%!important;
}



.mesdunadata {display:inline!important; width:auto!important}
.mesdunadata:after {content:' - '; padding: 0.5rem; display:inline!important}
.mesdunadata:last-child:after {display:none!important}
/********************************* bootstrap ***********/
.dropdown-menu {
    background-color:#fff!important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #fafafa;
  color: inherit;
}

.disabled {cursor:text; color:;}


.navbar {margin-bottom:0px!important; z-index:8000!important}

.modal > * {color:#111!important}
.modal-header {padding:15px 15px 0px!important}

.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  margin-bottom: 0;
/*    height:50px;*/
}

.navbar-fixed-top .container{
  width: 940px;
}
.navbar-fixed-top {
  top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none;
  color: #554e10;
  padding: 0;
  margin: 0;
	font-weight:bold!important;
    display:inline-block!important;
}
h1 {
  font-size: 5rem;
  line-height: 4rem;
}
h2 {
  font-size: 3rem;
  line-height: 2.5rem;
}
h3 {
  font-size: 2rem!important;
  line-height: 2rem;
}
h4 {
  font-size: 1.4rem!important;
  line-height: 1.5rem;
}
h5 {
  font-size: 1rem;
  color: #333;
}
p {
  line-height:18px;
  margin: 0;
}

.form-control:focus {
  border-color: rgba(82, 168, 236, 0.8); /*dlz, color blau a canviar*/
  outline: 0;
}

/** tooltips **/
.tooltip, .popover {z-index:22000!important; font-size:1.1rem!important}
.txectooltip-info + .tooltip > .tooltip-inner {background-color:#fafafa!important; color: #666!important} /*dlz no se pq no va... ah, potser és que el pseudoclass siblings '+' vol dir q existeixen les 2 classes de costat*/
.tooltip-inner {background-color:#fafafa!important; color:#555;}
.txectooltip-info + .tooltip > .tooltip-arrow {color:#fafafa!important; border-top-color: #fafafa!important;}/*dlz no se pq no va*/
.tooltip-arrow {color:#fafafa!important; border-top-color: #fafafa!important;}




/********** divan formularis *************/


.divan-form input, .divan-form textarea, .divan-form button, .divan-form select {
    width:100%; border:solid 1px #554e10; border-radius:3px; padding:3px 5px; color:#554e10; background-color:transparent; margin:2px 0px;
}
.divan-form input:focus, .divan-form textarea:focus {
    border:solid 2px;
}
.divan-form button {
    background-color:#554e10; color:#f8ebd2; width:auto; 
}
.select2 {width:100%; min-width: 50px!important; border:solid 1px #ddd; border-radius:5px; padding:5px; color:#555}

/* per l'input de pujar més macu, va amb un js...*/
.file-input-wrapper {width:; border:solid 1px #ddd; border-radius:5px; padding:5px; color:#555; background:#ddd }
.file-input-wrapper:hover {width:; border:solid 1px #bbb; border-radius:5px; padding:5px; color:#555; background:#fff }


/* paddings de les cel.les del bootstrap
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12, 
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;   /*dlzdlz defcon
}
*/

/*** social icons portada **/

/*@import url('/api/-family-zocial.css');*/

/* zocial */
[class*="zocial-"]:before {
  /*font-family: 'zocial', sans-serif!important;*/
}

.social-portada {
  list-style: none;
}
.social-portada li {
    display:block
}
.social-portada li a {
  color:#111;
}
.social-portada li a:hover {
}
.social-portada li span {
}
.social-portada li span:hover {
}