/* Font styles. */
/* line 2, ../sass/style.sass */
body {
  margin: 0;
  /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
/*  font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;*/
  font: 13px/1.5em Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

/* Links */
/* line 10, ../sass/style.sass */
a:link, a:visited {
  color: #CB1130;
  text-decoration: none;
}

/* line 15, ../sass/style.sass */
a:hover, a:active {
  color: red;
  text-decoration: underline;
}

/* Titles. */
/* line 21, ../sass/style.sass */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
}

/* line 24, ../sass/style.sass */
h1 {
  font-size: 2.2em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0;
}

/* line 30, ../sass/style.sass */
h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 0.75em;
}

/* line 35, ../sass/style.sass */
h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}

/* line 39, ../sass/style.sass */
h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}

/* line 43, ../sass/style.sass */
h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 48, ../sass/style.sass */
h6 {
  font-size: 1em;
  font-weight: bold;
}

/* Paragraph styles. */
/* line 53, ../sass/style.sass */
p {
  margin: 0 0 1em 0;
}

/* List styles. */
/* line 57, ../sass/style.sass */
ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

/* Table styles. */
/* line 62, ../sass/style.sass */
table {
  width: 99%;
}

/* line 67, ../sass/style.sass */
tr.even td,
tr.odd td {
  padding: 10px 5px;
}

/* line 70, ../sass/style.sass */
tr.odd {
  background-color: white;
}

/* Code. */
/* line 74, ../sass/style.sass */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

/* line 78, ../sass/style.sass */
pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

/* List styles. */
/* line 86, ../sass/style.sass */
ul {
  list-style-type: disc;
}
/* line 88, ../sass/style.sass */
ul ul {
  list-style-type: circle;
}
/* line 90, ../sass/style.sass */
ul ul ul {
  list-style-type: square;
}
/* line 92, ../sass/style.sass */
ul ul ul ul {
  list-style-type: circle;
}

/* line 95, ../sass/style.sass */
ol {
  list-style-type: decimal;
}
/* line 97, ../sass/style.sass */
ol ol {
  list-style-type: lower-alpha;
}
/* line 99, ../sass/style.sass */
ol ol ol {
  list-style-type: decimal;
}

/* Abbreviation. */
/* line 103, ../sass/style.sass */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments. */
/* line 109, ../sass/style.sass */
#edit-title {
  font-size: 24px;
  width: 98%;
}

/* line 113, ../sass/style.sass */
#system-themes-form img {
  width: 100px;
}

/* line 116, ../sass/style.sass */
.form-item .description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}

/* line 123, ../sass/style.sass */
#edit-delete {
  color: #cc0000;
}

/* Console, style from slate theme. */
/* line 127, ../sass/style.sass */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #003366;
  background: #bbddff;
  border: 1px solid #aaccee;
}

/* line 134, ../sass/style.sass */
div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55;
}

/* line 139, ../sass/style.sass */
div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522;
}

/* line 144, ../sass/style.sass */
div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77;
}

/* Region Colors. delete when starting a new theme. */
/* line 150, ../sass/style.sass */
#header, #footer {
/*  background: #efefef;*/
}

/*
 * Capçalera
 */

#logo img{
  width: 135px;
  height: 135px;
}

div#logo-title{
  float: left;
  margin-right: 17px;
}

div#block-views-Banner_superior-block_1{
  float: left;
}

div#block-views-Banner_superior-block_2{
  float: right;
}

#block-menu-primary-links, #block-views-Trams-block_5{
  display: none;
}

/*
 * Sidebar first
 */

/* line 153, ../sass/style.sass */
#sidebar-first {
/*  background: #e7edff;*/
}

#sidebar-first-inner{
}

#sidebar-first ul{
  padding: 0;
  list-style-type: none;
}

#sidebar-first li.leaf{
  list-style-image: none;
  list-style-type: none;
  padding: 3px 3px 3px 10px;
}

#sidebar-first #block-block-1{
  padding: 0;
}

#sidebar-first ul.menu li{
  margin:0;
}

#sidebar-first a:link, #sidebar-first a:visited{
  color: black;
}

#block-menu-menu-elcami, #block-block-6, #block-menu-menu-elcami-bis{
  font-size: 1.1em;
  background-color: #E1D8C9;
  font-weight: 700;
}

.view-display-id-block_1 select{
  width: 130px;
  font-size: 0.8em;
}

#block-menu-menu-elcami a, #block-block-6 a{
}

.front #block-menu-menu-elcami li.col-laboradors{
  display: none;
}

#block-menu-menu-elcami-bis li{
  border-bottom: dashed 2px white;
}

#block-menu-menu-elcami li{
  border-top: dashed 2px white;
}

#block-block-6{
  padding-top: 6px;
}

#block-block-6 div.content{
  padding-left: 3px;
  line-height: 1em;
}

#block-block-6 a:link, #block-block-6 a:visited{
  font-size: 1.1em;
}


#block-block-6, #block-block-6 a:link, #block-block-6 a:visited, #block-block-6{
  color: #C5142D;
}

#block-block-6 li{
  font-size: .8em;
  font-weight: 400;
  padding-left: 5px;
  color: black;
}

#block-block-6 .fes-te{
  font-size: 0.8em;
  font-weight: 400;
}

/* line 156, ../sass/style.sass */
#sidebar-second {
  background: #ffd075;
}

/* line 159, ../sass/style.sass */
#navigation {
  background: #feffa5;
}

/* Rotor xec al menú lateral*/

#block-views-xecs-block_2{
  background-color:#E1D8C9;
}

#block-views-xecs-block_2 .views-row{
  padding: 0 10px;
  font-size: 10px;
  line-height: 1em;
}



#block-views-Comptador_amics-block_1, #block-block-11{
  font-size: 14px;
}

#block-views-Comptador_amics-block_1 p, , #block-block-11 p{
  margin-bottom: 0;
}

#block-block-9, #block-views-Comptador_amics-block_1, #block-block-11{
 background-color:#E1D8C9;
 border-top: 2px dashed white;
  padding: 9px;
}
/* En lluis m'ha demanat de gestionar els aquest bloc
#block-block-9{
  font-size: 10px;
}

#block-block-9 img{
  float: left;
  width: 15px;
  height: 15px;
  margin: 0 4px 0 0 !important;
}
*/
#block-block-3{
  padding: 9px 9px 4px;
 background-color:#E1D8C9;
 border-top: 2px dashed white;
  padding: 9px;
}

#block-block-3 img{
  width: 115px;
}

#block-views-Trams-block_2{
  padding-top: 30px;
}

#block-views-Trams-block_2 img, #block-views-Trams-block_4 img{
}

/* bloc gtranslate */

#block-gtranslate-0 select{
  max-width: 120px;
}

/* Bloc login*/

#block-user-0{
  border: dotted red 1px;
}

#block-user-0 h3{
  margin-bottom: 0;
}

#block-user-0 label{
  float: left;
  margin-left: 6px;
  font-weight: 400;
}

#block-user-0 input#edit-submit{
  color: red;
  background: #DADADA;
  width: 92%;
  margin: 6px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

/*
 * Peu
 */

#footer{
  color: white;
  background: #D70F2B;
  font-weight: 700;
}

#footer p{
  margin: 0;
}

div#footer{
  padding: 11px;
  margin-top: 20px;
}

#footer .logo img{
  float: left;
  padding-top: 4px;
  width: 105px;
}

#footer .logo p{
  font-size: 11px;
  padding: 45px 0 0 190px;
  font-weight: 400;
}

#footer div.logo{
}

#footer p.logo{
  padding: 50px 0 0 30px;
}

#footer a, #footer a:link, #footer a:visited{
  color: white;
}



/*
 * Petites coses
 */

#admin-menu ul{
  font-size: 14px;
}


/*
 * Portada
 */

/*.front #content-area .panel-flexible,*/ .front #content-header, .front #content-area{
  display: none;
}

/* panel mapa portada */

#panell-mapa-portada{
  width: 405px;
}

#block-block-7{
  width: 460px;
  float: left;
  margin-top: 10px;
}

#block-block-7 p{
  margin-bottom: 0;
}

#panell-mapa-portada .pane-title, #block-block-7 h1 {
  color: white;
  background-color: #C5142D;
  font-size: 2.5em;
  font-weight: 700;
  border-radius: 9px 9px 0 0;
  padding: 3px 10px 0;
  margin-bottom: 0;
  height: 50px;
}

#panell-mapa-portada span, #block-block-7 span{
  font-size: 0.8em;
  font-weight: 400;
}

/* panel noticies i activitats */



#block-views-Novetats-block_2{
  width: 298px;
  line-height: 1.3em;
  float: right;
  margin-left: 35px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#noticies-portada{
  width: 260px;
  line-height: 1em;
}

#noticies-portada .pane-title, #block-views-Novetats-block_2 .title{
  color: white;
  background-color: #F9B234;
  border-radius: 9px 9px 0 0;
  padding: 3px 10px 0;
  margin-bottom: 0;
  font-size: 2.2em;
  line-height: 50px;
  font-weight: 400;
}

#panell-mapa-portada .pane-title, #noticies-portada .pane-title, #block-views-Novetats-block_2 .title, #block-block-7 .title{
  height: 50px;
}

#noticies-portada .views-row, #block-views-Novetats-block_2 .views-row{
  padding: 12px 10px;
  min-height: 65px;
  font-size: 16px;
}

#block-views-Novetats-block_2 .views-row.views-row-first{
  padding: 17px 10px 12px;
}

#block-views-Novetats-block_2 .views-field-title{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#block-views-Novetats-block_2 .views-row .views-field-created{
  font-size: 13px;
}

#noticies-portada img, #block-views-Novetats-block_2 img{
  float: left;
  clear: left;
  padding-right: 10px;
}

#noticies-portada .views-field-created, #block-views-Novetats-block_2 .views-field-created, #block-views-Novetats-block_2 .views-field-field-text-breu-value{
  padding: 10px 0 0 108px;
  color: grey;
  font-size: 0.8em;
  line-height: 1em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#block-views-Novetats-block_2 .views-field-field-data-value{
  color: grey;
  font-size: 0.8em;
  line-height: 1em;
}

#block-views-Novetats-block_2 .views-field-field-text-breu-value p{
  margin-bottom: 0;
}

#block-views-Novetats-block_2 .more-link{
  margin-top: 20px;
}

#block-views-Novetats-block_2 .views-row-1, #block-views-Novetats-block_2 .views-row-2{
  background-color: #FFE7CC;
}

#block-views-Novetats-block_2 .views-row-1 a:link, #block-views-Novetats-block_2 .views-row-2 a:link, #block-views-Novetats-block_2 .views-row-1 a:visited, #block-views-Novetats-block_2 .views-row-2 a:visited{
  color: #F9B234;
  font-weight: 700;
}

/* Ruta recomanada */

#block-views-Rutes-block_1{
  float: left;
  width: 370px;
}

#block-views-Rutes-block_1 .block-inner{
  border-left: solid 2px #CD1230;
  border-radius: 0 0 10px 10px;
}

#block-views-Rutes-block_1 .title{
  color: white;
  background: #D22743;
  font-weight: 400;
  font-size: 14px;
  border-radius: 0 0 10px 10px;
  margin-left: 7px;
  padding: 14px 8px 8px;
  max-width: 243px;
}

#block-views-Rutes-block_1 div.content{
  border-right: solid 2px #CD1230;
  border-bottom: solid 2px #CD1230;
  border-radius: 0 0 10px 10px; 
  padding: 0 15px 3px;
  min-height: 110px;
}

#block-views-Rutes-block_1 .views-field-field-ruta-imatge-fid{
  float:left;
  margin-right: 15px;
}

#block-views-Rutes-block_1  .views-field-title{
  color: #CD1230;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
}

#block-views-Rutes-block_1  .views-field-field-ruta-subtitol-value{
  line-height: 1em;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}



/* Agenda oberta */

#block-views-Agenda-block_2{
  float: right;
  width: 360px;
}

#block-views-Agenda-block_2 .block-inner{
  position: relative;
  background: url('../images/claudator_esquerra.png') no-repeat top left;
  background-size: 13px;
}

#block-views-Agenda-block_2 .title{
  color: #595959;
  font-size: 30px;
/*  border-left: solid #595959 5px;*/
/*  border-right: solid #595959 5px;*/
  padding: 0px 10px 20px;
  margin: 0;
  background: url('../images/claudator_dreta.png') no-repeat top right;
  background-size: contain;
}

#block-views-Agenda-block_2 .view-header{
  position: absolute;
  top:32px;
  padding-left: 10px;
  color: grey;
}

#block-views-Agenda-block_2 .view-content{
  padding: 10px 10px 10px;
  background-color: #E7E7E7;
  color: grey;
}

#block-views-Agenda-block_2 .views-row{
  min-height: 76px;
  margin: 20px 10px 0;
  line-height: 1.1em;
}

#block-views-Agenda-block_2 img{
  float: right;
  clear: right;
  height: 75px;
  width: 117px;
  margin: 0 0 0 10px;
}

#block-views-Agenda-block_2 .views-field-title{
  font-size: 1.1em;
  line-height: 1em;
  font-weight: 700;
}

#block-views-Agenda-block_2 .views-field-field-ubicacio-value{
  font-weight: 700;
}

#block-views-Agenda-block_2 .more-link{
  float: none;
  padding: 0 20px 5px 10px;
  background-color: #E7E7E7;
  text-align: right;
}

/* Anuncis portada */

div.block-id-681{
  width: 240px;
  float: left;
  margin-top: 20px;
}

div.block-id-681 .views-row{
  margin-bottom: 10px;
}

/* Imatge rotatòria portada */

.block-id-666{
  width: 550px;
  float: left;
  margin-top: 20px;
}

/*
 * Bloc novetats malla camí
 */

#block-views-Novetats-block_3{
  float: left;
  border: dashed #CBBB9F 2px;
  border-radius: 5px;
  padding: 15px 15px 25px;
  margin-bottom: 50px;
  margin-top: 60px;
  width: 344px;
  position: relative;
  clear: both;
}

#block-views-Novetats-block_3 h3.block-title{
  color: #CBBB9F;
  font-size: 17px;
  line-height: 1em;
}

#block-views-Novetats-block_3 .view-header{
  position: absolute;
  top: -46px;
  left: -24px;
}

#block-views-Novetats-block_3  div.view-content{
 padding-left: 25px; 
}

#block-views-Novetats-block_3  .views-field-type{
  color: red;

}

#block-views-Novetats-block_3 a{
  color: grey;
}

/*
 * Bloc Vols ser vetllador
 */

#block-block-8{
  float: left;
  clear: left;
  background: #CEE398;
  width: 300px;
  margin-left: 45px;
  padding: 10px 10px 10px 17px;
}

#block-block-8 a{
  color: black;
}

#block-block-8 h3{
  font-size: 23px;
  margin-bottom: 0;
}

#block-block-8 p{
  font-size: 15px;
  margin-bottom: 0;
}

/* Correccions temporals panells */

img.imagecache-Activitat{
  width: 100%;
}

/* 
 * Trams
 */

.node-type-tram h1.title{
  margin-top: 20px;
  color: #C5142D;
  font-weight: 700;
  font-size: 26px;
  margin-left: 20px;
}

.node-type-tram .field-field-tram-subtitol{
  color: #C5142D;
  font-size: 20px;
  margin-left: 20px;
}

.node-type-tram .panels-flexible-row-26-4{
  margin-top:15px;
  padding-top: 25px;
  border-top: solid 1px #C6C6C6;
}

.node-type-tram .panels-flexible-column-26-6-inside{
  padding-left: 30px;
}

.node-type-tram .field-field-tram-fotografies img{
  padding-bottom: 3px;
}

.node-type-tram .panels-flexible-row-26-4-middle{
}

.node-type-tram .panels-flexible-row-26-9-middle{
}

.node-type-tram img.imagefield-field_tram_imatge_situacio{
  width: 200px;
  height: auto;
  margin-left: 20px;
}



.node-type-tram .panels-flexible-region-26-dades_b__siques{
  background-color: #EDEDED;
  border-radius: 10px;
}

.node-type-tram .panels-flexible-region-26-dades_b__siques .panel-pane{
  margin: 10px 0;
}

.node-type-tram .panels-flexible-region-26-dades_b__siques .panels-flexible-region-inside-last{
  padding: 0 10px 10px 25px;
}

.node-type-tram .panels-flexible-region-26-dades_b__siques .panel-pane.pane-field-tram-tipus{
  margin: 0;
}

.node-type-tram .field-field-tram-tipus img{
  width: 20px;
  position: relative;
  left: 12px;
  top: 7px;
}

.node-type-tram .field-field-tram-tipus{
  text-transform: lowercase;
}

.node-type-tram .field-field-tram-tipus .field-label-inline-first{
  text-transform: capitalize;
}


.node-type-tram img.linkimagefield-field_miniatura_guia_enllacada{
  width: 76px;
  height: 116px;
  box-shadow: 3px 6px #C6C6C6;
}

.node-type-tram .field-field-text-breu .field-label-inline-first{
  font-size: 20px;
  margin: 20px 0 10px;
}

/* descripció general */
.node-type-tram .pane-field-text-breu .pane-title{
  font-weight: 700;
  font-size: 18px;
  margin-top: 26px;
  padding-left: 20px;
}

.node-type-tram .field-field-text-breu {
  margin-left: 20px;
}

.node-type-tram .pane-custom.pane-1{
  font-size: 19px;
  margin-left: 20px;
  padding: 0;
}

.node-type-tram .pane-custom.pane-1{
  border: dotted #CB1130 2px;
  margin-right: 40px;
  margin-bottom: 32px;
}

.node-type-tram .pane-custom.pane-1 img.vetlladors{
  margin-right: 17px;
    padding: 2px;
    vertical-align: middle;
    width: 55px;
}

.node-type-tram .pane-custom.pane-1 img.arroba{
    vertical-align: middle;
    width: 31px;
  margin-left: 10px;
}

.node-type-tram .pane-custom.pane-1 a{
  color: red;
}

/* mapa */

.node-type-tram .pane-trams-panel-pane-14 h2{
  color: white;
  background-color: #D94D63;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
  padding: 2px 14px;
}

.node-type-tram .pane-trams-panel-pane-14 img{
  max-width: 100%;
}

.node-type-tram .pane-trams-panel-pane-14 .pane-content{
  padding-bottom: 5px;
  border-bottom: dotted 2px #CB1130;
}

/* Avisos */
.node-type-tram .field-field-tram-avisos .field-label{
  color: #CB1130;
  font-weight: 700;
  padding-left: 20px;
  margin-top: 7px;
  background: no-repeat url('/sites/default/fitxers/asterisc.png');
  font-size: 20px;
  background-position: 0 1px;
  background-size: auto 18px;
  margin-bottom: 0;
}

.node-type-tram .field-field-tram-avisos .field-items, .node-type-tram .pane-field-tram-senyalitzacio .field-items, .node-type-tram .field-field-dificultat .field-item p{
  padding-left: 20px;
}

/* senyalitzacio */
.node-type-tram .pane-field-tram-senyalitzacio  .field-label, .node-type-tram .field-field-dificultat .field-label-inline-first{
  color: #CB1130;
  font-weight: 700;
  padding-left: 20px;
  font-size: 16px;
  margin-bottom: 0;
}

/* apte bici */
.node-type-tram  .field-field-tram-apte-bici, .node-type-tram .field-field-tram-accessibilitat {
  padding-left: 20px;
  margin-top: 15px;
}

.node-type-tram  .field-field-tram-apte-bici .field-label-inline-first, .node-type-tram .field-field-tram-accessibilitat  .field-label-inline-first{
  color: #CB1130;
  font-weight: 700;
  font-size: 16px;
}

/* entre tots fem el camí */
.node-type-tram .pane-custom.pane-2{
  border-top: 2px dotted #CB1130;
  border-bottom: 2px dotted #CB1130;
  margin: 30px 0 20px;
}

.node-type-tram .pane-custom.pane-2 h2{
  color: #CB1130;
  padding-left: 20px;
  margin-top: 4px;
  background: no-repeat url('/sites/default/fitxers/arroba.png');
  font-weight: 700;
  font-size: 20px;
  background-position: 0 5px;
  background-size: auto 16px;
  margin-bottom: 7px;
}

.node-type-tram .pane-custom.pane-2 .pane-content{
  padding-left: 20px;

}


/* blocs mitja pàgina */

.node-type-tram .pane-field-tram-desnivell, 
.node-type-tram .pane-3, 
.node-type-tram .pane-4, 
.node-type-tram .pane-trams-panel-pane-7,
.node-type-tram .pane-trams-panel-pane-6,
.node-type-tram .pane-trams-panel-pane-11,
.node-type-tram .pane-trams-panel-pane-9,
.node-type-tram .pane-trams-panel-pane-8
{
  width: 46%;
  float: left;
  margin: 0 2%;
  color: grey;
  line-height: 1.2em;
  min-height: 162px;
}

.node-type-tram .pane-field-tram-desnivell .pane-title, 
.node-type-tram .pane-3 .pane-title, 
.node-type-tram .pane-4 .pane-title, 
.node-type-tram .pane-trams-panel-pane-7 .pane-title,
.node-type-tram .pane-trams-panel-pane-6 .pane-title,
.node-type-tram .pane-trams-panel-pane-11 .pane-title,
.node-type-tram .pane-trams-panel-pane-9 .pane-title,
.node-type-tram .pane-trams-panel-pane-8 .pane-title
{
  background: #D94D63;
  color: white;
  font-size: 15px;
  font-weight: 400;
  padding: 3px 10px;
}

.node-type-tram .pane-field-tram-desnivell img{
  max-width: 100%;
}

.node-type-tram .pane-3 img, 
.node-type-tram .pane-4 img, 
.node-type-tram .pane-trams-panel-pane-7 img,
.node-type-tram .pane-trams-panel-pane-6 img,
.node-type-tram .pane-trams-panel-pane-11 img,
.node-type-tram .pane-trams-panel-pane-9 img,
.node-type-tram .pane-trams-panel-pane-8 img{
  padding-right: 10px;
  max-width: 50%;
  float: left;
  max-height: 81px;
}

.node-type-tram .pane-3 tbody, 
.node-type-tram .pane-4 tbody, 
.node-type-tram .pane-trams-panel-pane-7 tbody,
.node-type-tram .pane-trams-panel-pane-6 tbody,
.node-type-tram .pane-trams-panel-pane-11 tbody,
.node-type-tram .pane-trams-panel-pane-9 tbody,
.node-type-tram .pane-trams-panel-pane-8 tbody{
  border: none;
}

.node-type-tram .pane-field-tram-desnivell div.field:after{
  content: "Visualitza les dist\00e0ncies i els desnivells de l'itinerari";
}

.node-type-tram .pane-trams-panel-pane-6{
  font-size: 0.7em;
}

.node-type-tram  .panels-flexible-row-26-10,
.node-type-tram  .panels-flexible-row-26-15,
.node-type-tram  .panels-flexible-row-26-20,
.node-type-tram  .panels-flexible-row-26-25{
  display: none;
}

/* vetlles */

.node-type-tram .pane-trams-panel-pane-16{
  border-top: 2px dotted #CB1130;
  position: relative;
  border-bottom: 2px dotted #CB1130;
  padding-bottom: 20px;
}

.node-type-tram .pane-trams-panel-pane-16 .pane-title{
  color: #CB1130;
  margin-top: 4px;
  background: no-repeat url('/sites/default/fitxers/exclamacio.png');
  font-weight: 700;
  font-size: 20px;
  background-position: 0 5px;
  background-size: auto 28px;
  margin-bottom: 7px;
  padding: 5px 5px 5px 14px;
}

.node-type-tram .pane-trams-panel-pane-16 .view-header{
  position: absolute;
  left: 400px;
  top: 8px;
  background-color: #59C2BD;
  border-radius: 5px;
  transform:rotate(-6deg);
    -ms-transform:rotate(-6deg); /* IE 9 */
    -webkit-transform:rotate(-6deg); /* Safari and Chrome */
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.1em;
  padding: 6px;
}
.node-type-tram .pane-trams-panel-pane-16 .view-header a:link, .node-type-tram .pane-trams-panel-pane-16 .view-header a:visited{
  color: white;
}

.node-type-tram .pane-trams-panel-pane-16 thead{
  background: #D94D63;
  color: white;
  font-size: 14px;
  font-weight: 700;
  padding: 3px 10px;
}

.node-type-tram .pane-trams-panel-pane-16 .view-content{
  margin-top: 20px;
}

.node-type-tram .pane-trams-panel-pane-16 thead th{
  padding: 2px 5px;
}

.node-type-tram .pane-trams-panel-pane-16 .view-empty{
  display: none;
}

/* Barra lateral dreta */

.node-type-tram  .panels-flexible-region-26-dreta_-inside{
  background-color: #ededed;
  font-size: .85em;
}

.node-type-tram  .panels-flexible-region-26-dreta_-inside .panel-pane{
  padding: 1px 13px;
}

.node-type-tram  .panels-flexible-region-26-dreta_-inside h2{
  font-size: 1em;
  margin-bottom: 0;
  margin-top: 1.8em;
}

.node-type-tram  .panels-flexible-region-26-dreta_-inside .panel-pane.pane-field-tram-fotografies{
  background-color: white;
  padding: 15px 0 0;
}

.node-type-tram  .panels-flexible-region-26-dreta_-inside .panel-pane.pane-field-tram-fotografies.superiors .field-items div:nth-child(n+3){
  display: none;
}

.node-type-tram  .panels-flexible-region-26-dreta_-inside .panel-pane.pane-field-tram-fotografies.inferiors .field-items div:nth-child(1), .node-type-tram  .panels-flexible-region-26-dreta_-inside .panel-pane.pane-field-tram-fotografies.inferiors .field-items div:nth-child(2){
  display: none;
}


/*
 * Rutes
 */

.page-node.node-type-ruta .field-field-ruta-subtitol{
  font-size: 1.3em;
}

.page-node.node-type-ruta .field-field-tram div.field-item:after{
  content: "\A Consulteu els calendaris de festes locals a la p\00e0gina de cada poblaci\00f3  dins la p\00e0gina del tram";
  white-space: pre;
}

/* Seccions interiors */

.not-front .field-field-text-breu{
  /*font-weight: 700;*/
}

/*
 * Versió mòbil: passar-la a un fitxer mobil.css? o no cal?
 */

@media all and (max-width: 680px) {

	html body.admin-menu{
	  margin-top: 0!important;
	}

	#page{
	  width: 100%!important;
	}

	#content{
	  margin-right: 1px!important;
	}

	#sidebar-first, #block-views-Banner_superior-block_1, #admin-menu{
	  display:none;
	}

	.sidebar-left .center{
	  margin-left: 0!important;
	}

	div#logo-title{
	  margin-right: 1%!important;
	  max-width: 30%;
	}

	#logo img{
	  height: auto !important;
	  width: 100%;
	}

	#block-menu-primary-links{
	  display: block!important;
	  padding-top: 2px;
	}

	#block-menu-primary-links li.leaf{
	  border: dashed black 2px;
	  list-style-image: none;
	  list-style-type: none;
	  float: left;
	  margin-bottom: 3px;
	  padding: 0 4px;
	  font-weight: 700;
	}

	#block-views-Trams-block_5{
	  display: block!important;
	}

	#block-views-Trams-block_5 option{
	}

	#footer .logo p{
	  padding: 5px !important;
	}

	/* Portada */

	#content #content-bottom .block{
	  max-width: 100%!important;
	  clear: none !important;
	  float: left !important;
	  margin-left: 0 !important;
	  margin-top: 10px;	
	}

	#block-views-30ac71d87f8feae3583605fbb78e971e, #block-block-7, #block-views-6b3fe15d604b859abdcfebdc06a3c999{
	  display:none;
	}

	.content #block-views-Novetats-block_2 .title{
	  font-size: 1.7em;
	}

	#content #block-views-Novetats-block_3{
	  width: 100%!important;
	  padding: 0 !important;	
	}

	#content #block-block-8{
	  width: 100%!important;
	  margin-left: 0!important;
	  padding: 0;	  
	}

	/* Tram */

	.node-type-tram .panels-flexible-row-26-4-middle{
	  float: left;
	  margin-right: 0!important;
	}

	.node-type-tram .panels-flexible-row-26-4-right{
	  clear: left;
	}

	.panels-flexible-region-26-mapa_situaci__, .node-type-tram img.imagefield-field_tram_imatge_situacio{
	  width: auto;
	}

	.node-type-tram .pane-trams-panel-pane-14 img{
	  width: 100%;
	}

	.node-type-tram .pane-trams-panel-pane-16 .view-header{
	  left:80%!important;
	  top: 30px!important;
	}

	#comment-form input{
	  max-width: 60%;
	}

	.pane-trams-panel-pane-5{
	  display: none;
	}

	.views-field-field-patrocinadors-fid img{
	  width: 80%;
	}


}