/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	background-size:cover;
	background-attachment:fixed;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*

978 Grid System CSS Framework
http://978.gs

Copyright (c) 2011 Brothers Roloff
http://www.brothersroloff.com

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/

div.layout-978 { width: 978px; margin: 0px auto; }

div.row { height: 1%; }
div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }

div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: left; margin-left: 18px; }
div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left: 0px; }
div.col1 { width: 54px; }
div.col2 { width: 138px; }
div.col3 { width: 222px; }
div.col4 { width: 306px; }
div.col5 { width: 390px; }
div.col6 { width: 474px; }
div.col7 { width: 558px; }
div.col8 { width: 642px; }
div.col9 { width: 726px; }
div.col10 { width: 810px; }
div.col11 { width: 894px; }
div.col12 { width: 978px; }

/***  Per encaixar la portada */
div.col4portada { width: 372px; }
div.col8portada { width: 594px; }
div.col4portada, div.col8portada { float: left; margin-left: 12px; }
div.col4portada:first-child, div.col8portada:first-child { margin-left: 0px; }

.pagina-descarrega{ text-decoration:none;}

body { font-size: 13px; color: #444; }
.cap { background-image: url(../img/img_trama_fons.jpg); }
a { color: #32a1df; }
a.url-categoria{ color:#000000; text-decoration:none;}
.ombra { -moz-box-shadow: 0 4px 3px -2px #999; -webkit-box-shadow: 0 4px 3px -2px #999; box-shadow: 0 4px 3px -2px #999; /*border:1px solid #ccc;*/}
.ombra2 { -moz-box-shadow: 1px 4px 5px -2px #999; -webkit-box-shadow: 1px 4px 5px -2px #999; box-shadow: 1px 4px 5px -2px #999; /*border:1px solid #ccc;*/}
.banner {border:1px solid #ccc;}
h1 { font-size: 14px; margin: 2px 0;}

div.barra { background-color: #b2b2b2; border-bottom: 1px solid #9c9c9c; height: 23px;}
div.barra div.layout-978 { position: relative;}
div.desde { position: absolute; right: 5px; top: 19px;}
div.free { color: #fff; text-align: right; padding-right: 110px; font-style: italic;  }

div.logo { margin: 15px 0 15px 30px }
ul.menu { margin:0; padding:0; width:100%; display: table; background-color: #a5c8dd; border-spacing: 5px 0; border-bottom: 1px solid #2c90c7}
ul.menu li {
    display: table-cell;
    list-style: none;
    font-size: 14px;
    padding: 0;
    background-color: #52b6ed;
    background-image: -moz-linear-gradient(top, #52b6ed, #2c90c7);
    background-image: -o-linear-gradient(top, #52b6ed, #2c90c7);
    background-image: -webkit-linear-gradient(top, #52b6ed, #2c90c7);
    background-image: -ms-linear-gradient(top, #52b6ed, #2c90c7);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #52b6ed), #2c90c7);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#52b6ed, #2c90c7";
    background-image: linear-gradient(top, #52b6ed, #2c90c7);
    }
ul.menu li:first-child { margin-top:0; } 
ul.menu a { text-decoration:none; color:#444; /*text-transform:uppercase;*/ display: block; padding: 5px 0 4px 9px;  }
ul.menu a.desple {background-image: url(../img/fletxa_menu.png); background-repeat: no-repeat; background-position: 90% 10px; padding-right: 20px;  }

ul.menu li.on a{ text-decoration:underline; color:#444; }
ul.menu li.on a:hover { text-decoration:none; }

div.submenu2 { font-size: 12px; position: absolute; display: none; width: auto; background-color: #f4f4f4; padding: 20px 45px 25px 35px; margin-top: 5px; background-image: url(../img/img_avance_submenu.png); background-repeat: no-repeat; background-position: bottom right; z-index:1000; min-width:280px; max-width:624px;  }
div.submenu2 > div { display: block;  width:200px; margin-left: 12px; margin-bottom: 20px; float:left;}
div.submenu2 > div:nth-child(3n+3) {  margin-left: 0px; }
div.submenu2 > div:nth-child(3n+4) { clear:both; }


div.submenu2 ul, div.submenu2 ul li  { background-color: transparent; background-image: none; padding: 0; margin: 0;}
div.submenu2 li  { display: block; margin: 0;}
div.submenu2 h3 { font-size: 13px; margin: 4px 0px; }
div.submenu2 a { color: #444; padding: 3px 0 2px 5px; }
div.submenu2 a:hover { color:#32a1df;}


div.main { /*border-bottom: 6px solid #32a1df;*/ }
div.main div.contingut { padding: 10px 10px 20px 12px; text-align:justify;  hyphens:auto;}
div.col12 div.contingut { padding: 10px 12px 20px 12px; text-align:justify; hyphens:auto; }
div.main div.contingut2 { background-color: white;}
div.banner img { width: 100%;}
div.banner-ant{ width:594px; padding:5px; /*height:425px;*/ overflow:hidden; }

div.masinfo { background-color: #f4f4f4; margin-bottom: 10px; border-radius: 2px; margin-right:5px; margin-top:5px; margin-left:12px; }
div.masinfo > div { padding: 5px 17px;}
div.masinfo h3 { color: #32a1df; margin: 0; }
div.buscador form {  margin: 10px 0; display: table; width: 100%; }
div.buscador label { display: table-cell; padding: 5px; max-width: 35%; }
div.buscador label.cerca { vertical-align: bottom; text-align: right; width: 70px;  }
div.buscador select { display: block; width: 100%; }

div.masinfo2 { background-color: #f4f4f4; border-radius: 2px; padding:0px 8px 0px 8px; }
div.masinfo2 h3 { color: #32a1df; margin: 0; }
div.buscador2 form {  margin: 10px 0; display: table; width: 100%; }

div.boto { margin: 10px 0 0 0; background-image: url("../img/img_pdf.jpg"); background-position: right; background-repeat: no-repeat; height: 37px; background-color: #999;}
div.boto a { color: white; display: block; padding: 8px 12px; text-decoration: none;   }

ul.documents { margin:0; list-style:none; padding:0; }
ul.documents a { color:#444444; display: block; padding:5px 5px 10px 5px; text-decoration: none;   }

div.instrucciones { color: #999; }
div.instrucciones img { display:block; float: left; margin-right: 9px; }
div.instrucciones h3 { color: #444; border-bottom: 1px solid #444; padding: 0 0 0 5px; margin: 0 0 5px 0; display: block;  }

h3.noticia { margin:10px 0 0 0; padding:0; }    
div.noticia p{ margin:0 0 10px 0; padding:0; text-align: justify; }  
div.noticia { overflow:hidden; }
div.noticia img { border: 0; float: left; margin-right: 5px; margin-bottom: 5px; }
div.noticia a { text-decoration: none; color: #444;}
div.noticia a:hover { color: #32a1df;}
div.noticia h3 a { color: #32a1df; }

footer { 
    background-color: #dbdbdb;
    border-top: 6px solid #32A1DF;
	width:978px;
	margin:0 auto;
    /*margin-top: 10px;*/
}

div.peu { padding: 10px 12px; }
div.peu2 {   min-height: 170px; margin-bottom: 10px; background-image: url("../img/logo_inaca_peu.png"); background-position: 100% 95%; background-repeat: no-repeat; }

div.contacte_peu { text-align: left; }
div.contacte_peu a { color: #444; text-decoration: none;}
div.peu ul { list-style-type:none; margin:0px; padding:0; }
div.peu ul li {  margin:2px 0px 2px 11px; padding:0px 0px 0px 0px; color:#444; }
div.peu ul li a { text-align:left; color:#444; text-decoration:none;}
div.peu ul li a:hover { color:#333; text-decoration: underline;  }
div.peu h3 { font-size: 14px; margin: 0px;  }

div.firma { text-align:right; font-size:11px; color: #777; margin-top: 10px; }
div.firma a{  color: #777; text-decoration:none; }


/*  llistat productes */

div.col3producte { width: 235px; }
div.col3producte  { float: left; margin-left:4px; }
div.col3producte:first-child { margin-left: 0px; }
.llistat div.col3producte:nth-child(4n+1) { margin-left: 0; }

/*  llistat categories */
div.col5categoria { width: 185px; }
div.col5categoria  { float: left; margin-left: 12px; margin-bottom:15px; }
div.col5categoria:first-child { margin-left: 0px; }
div.col5categoria:nth-child(5n+1) { margin-left: 0; clear:both; }

div.productellistat { background-color: #eee; padding: 3px; margin-bottom: 5px; height:176px; overflow:hidden;}
div.productellistat h2 { margin: 0; font-size: 13px;}
div.productellistat p { margin: 0; }
div.productellistat img { width: 100%;}
div.main div.llistat { padding: 0px 12px 20px; background-color: #fff;}


div.masinfo h4 { background-color:  #ddd; border-left: 6px solid #999; padding: 2px 4px; }
div.masinfo table { width: 100%; font-size: 12px; margin-bottom: 10px;}
div.masinfo table td { vertical-align: top; }

/* estils posats del gestor 3*/
#contenidor-galeria {padding-left:0px; padding-top:0px; text-align:left; width:100%; margin:30px auto 0px auto; }
/*GALERIA*/
.gallery { /*display:none*/ clear:both;}
.gallery ul { list-style: none; padding:0px; margin:0px}
.gallery ul li { display: inline; margin:0; padding:0; }
.gallery ul img {border: 4px solid #ccc; margin-bottom:15px; margin-right: 19px; -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
.gallery ul li:nth-child(5n+5) img {margin-right:0px}
.gallery ul a:hover img {border: 4px solid #32A1DF; color: #900; 
    transition: all 0.3s;  }
.gallery ul a:hover { color: #900; }	

.imatge_gran { float:left; margin:0 10px 10px 0; border: 1px solid #CCCCCC; }	

.taula-models-inaca{ width:100%; margin:20px auto; border:1px solid #DBDBDB; padding:0; border-collapse:collapse; text-align:center; }
.taula-models-inaca th{ background-color:#DBDBDB; padding:3px; }
.taula-models-inaca td{ padding:2px; }
td.cela1{ background-color:#eeeeee; }
td.cela2{ background-color:#ffffff; }

.imatge_centrada { text-align:center; }

/* Bootstrap pagination  */
.bs_pagination {
  margin: 20px 0;
}

.bs_pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	/*  afegit per comunicatek */
	padding:0;
}

.bs_pagination ul > li {
  display: inline;
  /*  afegit per comunicatek */
  margin:0;
}

.bs_pagination ul > li > a,
.bs_pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.bs_pagination ul > li > a:hover,
.bs_pagination ul > .active > a,
.bs_pagination ul > .active > span {
  background-color: #f5f5f5;
}

.bs_pagination ul > .active > a,
.bs_pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.bs_pagination ul > .disabled > span,
.bs_pagination ul > .disabled > a,
.bs_pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.bs_pagination ul > li:first-child > a,
.bs_pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.bs_pagination ul > li:last-child > a,
.bs_pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.bs_pagination-centered {
  text-align: center;
}

.bs_pagination-right {
  text-align: right;
}

.bs_pagination-large ul > li > a,
.bs_pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.bs_pagination-large ul > li:first-child > a,
.bs_pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.bs_pagination-large ul > li:last-child > a,
.bs_pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.bs_pagination-mini ul > li:first-child > a,
.bs_pagination-small ul > li:first-child > a,
.bs_pagination-mini ul > li:first-child > span,
.bs_pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.bs_pagination-mini ul > li:last-child > a,
.bs_pagination-small ul > li:last-child > a,
.bs_pagination-mini ul > li:last-child > span,
.bs_pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.bs_pagination-small ul > li > a,
.bs_pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.bs_pagination-mini ul > li > a,
.bs_pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;

  *zoom: 1;
}

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

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

/* llistat subcategoria */
a.titol-subcategoria{float:left; font-size:15px; font-weight:bold; color:#000000; border-bottom: 2px solid #dbdbdb; width:100%; text-decoration:none;}a.titol-subcategoria:hover{ text-decoration:none; color:#dbdbdb;}

/* formulari contacte */
div.camp-formulari { margin:10px 0 10px 5px; padding-right:15px; width:46%; float:left; }
div.camp-formulari-2 { margin:5px 0 5px 5px; width:98%; float:left; }
div.camp-formulari input { float:left; }
div.camp-formulari-2 textarea { width:96%; /*text-align:center;*/ min-height:140px; margin-left:2px; }

.valid{border:2px solid #228b42 !important; }
.invalid{border:2px solid #800 !important ; }
input.error, textarea.error {border:2px solid #800 !important ; }
/* index */ 

body.index { background-image:url(../../imatges/fons_index.jpg); /*background-position:center;*/ background-repeat:no-repeat; background-position:center top; background-color:#fff;  }
.index_container { position:relative; }
div.index_desde { position: absolute; right: 5px; top: 0px;}
.index_contingut { margin:460px 15px 0;  padding:8px 8px 30px 8px; position:relative; z-index:1; text-align:justify;}
.index_contingut p { margin:1px; }
.index_contingut p+p { margin-top:8px; }
.index_contingut h2 { margin-bottom:2px; text-align:right; font-size:16px; }
.index_contingut ul { margin: 0; }

.index_contingut_contingut { position:relative; z-index:1;}
.index_logo { background-color:white; text-align:center; margin:0 15px; }
.index_idiomes {   padding:8px 30px 55px; margin:113px 15px 15px; position:relative; z-index:1;  }
.index_fons{
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
	right:0;
	bottom:0;	
    background:white;
    opacity:0.85;
	border-radius:2px;
}

.europa{
	background-image:url(../../imatges/mapa_menu_portada.png);
	background-repeat:no-repeat; background-position: 0 29px;
}

.index_idiomes_contingut { position:relative; z-index:1;}

.index_idiomes h2 { text-decoration:underline; text-align:right; }
.index_contacte { text-align:right; margin-top:90px; }
.index_idiomes ul { margin:0; padding:0; width:100%; font-size:15px; min-height:180px; }
.index_idiomes ul li{ margin:0; padding:0; text-align:right; list-style:none; }
.index_idiomes ul a { text-decoration:none; color:#444; font-weight:bold; }
footer.index { border:0;  text-align:center;}


.taula-dades { width:100%; vertical-align:top; border-radius:2px;}
.taula-dades th { background-color: #52b6ed;
background-image: -moz-linear-gradient(top, #52b6ed, #2c90c7);
background-image: -o-linear-gradient(top, #52b6ed, #2c90c7);
background-image: -webkit-linear-gradient(top, #52b6ed, #2c90c7);
background-image: -ms-linear-gradient(top, #52b6ed, #2c90c7);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #52b6ed), #2c90c7);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#52b6ed, #2c90c7";
background-image: linear-gradient(top, #52b6ed, #2c90c7); color:white; font-size:14px; text-align:left;  }

.taula-dades td, .taula-dades th { padding:4px; }

.taula-dades tr:nth-child(2n+1) { background-color:#f4f4f4; } 

#map { width:100%; height:450px; margin-bottom:15px;}

div.cercador { padding:10px; border-radius:2px; background-color:#f4f4f4; margin:12px 0; min-height:20px; }
div.cercador-int { width:25%; float:left;}


/*   Columnes */

article.bloc2 {font-size: 12px; padding:0; margin:15px auto 15px auto; vertical-align:top; text-align:left; overflow:hidden; clear:both; }
article.bloc2 aside { width:286px; margin: 0 10px 15px 0; float:left; /*height:205px;*/ text-overflow: ellipsis; overflow:hidden;    }
article.bloc2 aside:nth-child(2n+2) {  margin-right: 0; }
article.bloc2 aside:nth-child(2n+3) { clear:both;  }
article.bloc2 aside p { font-size: 12px; margin-top:2px; }
article.bloc2 aside p a:active,
article.bloc2 aside p a:visited,
article.bloc2 aside p a:link {   margin-bottom:2px; text-decoration:none; color:#444; }article.bloc2 aside p a:hover{color:#049fe0;}
article.bloc2 aside div {  margin: 0 2px; text-align:justify; hyphens:auto;}
article.bloc2 aside div a:active,
article.bloc2 aside div a:visited,
article.bloc2 aside div a:link {  margin-top:4px; text-decoration:none; color:#444; }article.bloc2 aside div a:hover{color:#049fe0;}
article.bloc2 aside h3 { font-size: 15px; font-weight: bold; color: #049fe0; margin:0 2px; }


article.bloc3 { padding: 15px 0 0 0; margin:0px auto 25px auto; vertical-align:top; text-align:left; overflow:hidden; clear:both; font-size: 12px}
article.bloc3 aside { width:292px; margin: 0 39px 15px 0; float:left; /*height:205px;*/ text-overflow: ellipsis; overflow:hidden;    }
article.bloc3 aside img{ border:1px solid #ccc;    }
article.bloc3 aside:nth-child(3n+3) { margin-right: 0;  }
article.bloc3 aside:nth-child(3n+4) { clear:both; }
article.bloc3 aside p { /* margin-top:4px;*/ }
article.bloc3 aside p a:active,
article.bloc3 aside p a:visited,
article.bloc3 aside p a:link {  margin-top:4px; text-decoration:none; color:#444; }article.bloc3 aside p a:hover{color:#049fe0;}
article.bloc3 aside div {  margin:0px 2px; text-align:justify; hyphens:auto; }
article.bloc3 aside div a:active,
article.bloc3 aside div a:visited,
article.bloc3 aside div a:link {  margin-top:4px; text-decoration:none; color:#444; }article.bloc3 aside div a:hover{color:#049fe0;}
article.bloc3 aside h3 { font-size: 15px; font-weight: bold; color: #049fe0; margin:0 2px; }


a.art-opcions-lateral{ text-decoration:none; color:#444444;}
a.art-opcions-lateral:hover{ text-decoration:underline; color:#444444;}

.camp-formulari-ok{ color:#FFFFFF; background-color:#009900; font-size:20px; font-weight:bold; padding:8px; text-align:center; width:100%; }

div.buscador td  p:first-child { margin-top:0}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}