/* Font styles. */
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: 16px/1.5em "Georgia", helvetica, Arial, sans-serif;
  letter-spacing: 0.03em; }

/* Links */
a:link, a:visited {
  color: #de3961;
  text-decoration: none; }

a:hover, a:active {
  color: #de3961;
  text-decoration: underline; }

/* Titles. */
#site-name {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em; }

h1 {
  font-size: 2.2em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }

h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.4em;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em; }

h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0; }

h6 {
  font-size: 1em;
  font-weight: bold; }

/* Paragraph styles. */
p {
  margin: 0 0 1em 0; }

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

/* Table styles. */
table {
  width: 99%;
  font: 19px/1.5em "Georgia", Helvetica, Arial, sans-serif; }


tr.odd {
  background-color: white; }

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

pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa; }

/* List styles. */
ul {
  list-style-type: disc; }
  ul ul {
    list-style-type: circle; }
    ul ul ul {
      list-style-type: square; }
      ul ul ul ul {
        list-style-type: circle; }

ol {
  list-style-type: decimal; }
  ol ol {
    list-style-type: lower-alpha; }
    ol ol ol {
      list-style-type: decimal; }

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

/* UI improvments. */
#edit-title {
  font-size: 24px;
  width: 99%; }

#system-themes-form img {
  width: 100px; }

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

#edit-delete {
  color: #cc0000; }

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

div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55; }

div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522; }

div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77; }

.not-logged-in .error {
  display: none; }

@font-face {
  font-family: "OpenSansCondensedLight";
  src: url("OpenSans-CondLight-webfont.eot");
  src: url("OpenSans-CondLight-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-CondLight-webfont.woff") format("woff"), url("OpenSans-CondLight-webfont.ttf") format("truetype"), url("OpenSans-CondLight-webfont.svg#OpenSansCondensedLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "OpenSansCondensedLightItalic";
  src: url("OpenSans-CondLightItalic-webfont.eot");
  src: url("OpenSans-CondLightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-CondLightItalic-webfont.woff") format("woff"), url("OpenSans-CondLightItalic-webfont.ttf") format("truetype"), url("OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "OpenSansCondensedBold";
  src: url("OpenSans-CondBold-webfont.eot");
  src: url("OpenSans-CondBold-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-CondBold-webfont.woff") format("woff"), url("OpenSans-CondBold-webfont.ttf") format("truetype"), url("OpenSans-CondBold-webfont.svg#OpenSansCondensedBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "GraublauWebBold";
  src: url("GraublauWebBold.eot");
  src: url("GraublauWebBold.eot?#iefix") format("embedded-opentype"), url("GraublauWebBold.woff") format("woff"), url("GraublauWebBold.ttf") format("truetype"), url("GraublauWebBold.svg#GraublauWebBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "GraublauWeb";
  src: url("GraublauWeb.eot");
  src: url("GraublauWeb.eot?#iefix") format("embedded-opentype"), url("GraublauWeb.woff") format("woff"), url("GraublauWeb.ttf") format("truetype"), url("GraublauWeb.svg#GraublauWeb") format("svg");
  font-weight: normal;
  font-style: normal; }

#header {
  /* overflow: hidden; */
  padding-top: 60px;
  border-bottom: solid 2px #bfbfbf;
  padding-bottom: 10px;
  position: relative; }
  #header #site-name {
    padding: 0 0 0 15px; }
    #header #site-name a {
      background: url(../images/logo.jpg) no-repeat;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 306px;
      height: 47px;
      text-indent: -9999px; }
  #header #name-and-slogan {
    float: left;
    display: inline;
    width: 306px; }
  #header #header-region {
    float: left;
    display: inline;
    width: 100%; }
    #header #header-region:after {
      clear: both;
      content: ""; }
  #header h3 {
    color: #8A8A8A;
    font-size: 20px;
    /* font-family: GraublauWebBold;  */
    font-family: GraublauWeb;
    font-weight: bold;}
  #header #content-area {
    padding: 0 20px; }

body {
  border-top: solid 15px #de3961;
  padding-top: 40px; }
  body #main {
    padding-top: 25px;
    padding-left: 0px; }
    body #main h1.title {
      padding: 0;
      margin-bottom: 30px; }
  body.sidebar-second #content-inner {
    width: 700px;
    margin-rigth: 260px; }
  body.sidebar-second #sidebar-second {
    margin-top: 70px;
    width: 260px;
    text-align: right; }
    body.sidebar-second #sidebar-second h2.block-title {
      color: #c7c7c7;
      /* font-family: GraublauWebBold; */
      /* font-family: GraublauWeb; */
      font-family: Georgia, serif;
      font-weight: bold;
      /* font-size: 23px; 25/02/2013 */
      font-size: 15px;
      padding-bottom: 16px; }

/*
body.node-type-sons #main {
  padding: 0; }
*/

.node-pagina {
  font-size: 16px;
/*   text-align: justify; */ }
  .node-pagina .checkboxes li {
    background: url(../images/checkbox.png) no-repeat left 5px;
    padding-left: 30px; }

#block-menu_block-1, #block-nice_menus-1 {
  margin: -5px 0 0 0;
  clear: both;
  float: right; }
  
  #block-nice_menus-1 .block-title { display: none; }

ul.nice-menu a {
	padding: 0.3em 6px 0.3em 5px;
}

.menu-block-1, #block-nice_menus-1 {
  /* font-family: GraublauWebBold; */
  /* font-family: GraublauWeb; */
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 15px;
  color: #76787b; }
  .menu-block-1 ul, #block-nice_menus-1 ul {
    margin-left: 25px;
   /*  overflow: hidden;  */}
    .menu-block-1 ul li, #block-nice_menus-1 ul li {
      float: left;
      display: inline; }
      .menu-block-1 ul li a, #block-nice_menus-1 ul li a {
        color: #646464;
        font-size: 17px;}
      .ie9 .menu-block-1 ul li a {
	     letter-spacing: -1pt; 
      }
        .menu-block-1 ul li a.active, .menu-block-1 ul li a:hover, #block-nice_menus-1 ul li a:hover {
          color: black;
          text-decoration: none; }

h1.title {
  /* font-family: GraublauWebBold; */
  /* font-family: GraublauWeb; */
  font-family: Georgia, serif;
  font-weight: bold;
  color: black; }

h3 {
  color: #8A8A8A;
  /* font-family: GraublauWebBold; */
  /* font-family: GraublauWeb; */
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 23px;
}

h4.h4_noir {
  color: black;
  font-size: 12px;
  font-weight: bold; }

/*
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; }
*/

a {
  /* color: #669900; */ }
  a:link, a:visited {
    /* color: #669900; */ }

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none; }

li {
  margin-bottom: 15px; }

p.date {
  padding: 10px 0 0;
  font-size: 15px;
  font-weight: bold;
  color: #444444; }
  p.date .bleu {
    color: #28b2e9; }

.bloc_droite {
  float: right; }

/*footer */
#block-block-3 {
  margin-top: 30px;
  padding-top: 10px;
  padding-left: 15px;
  border-top: solid 1px #cccccc;
  color: #989898;
  font-size: 12px; }
  #block-block-3 strong {
    color: #de3961;
    font-weight: normal; }

/*front */
.front #projets {
  overflow: hidden; }
.front #cap02, .front #cap03 {
  margin-left: 10px; }
.front #cap01, .front #cap02, .front #cap03 {
  background-image: url("prj_001.jpg");
  background-repeat: no-repeat;
  border-bottom-style: none;
  border-bottom-width: 0;
  float: left;
  height: 130px;
  margin-left: 0;
  margin-top: 0;
  width: 288px; }
  .front #cap01 a, .front #cap02 a, .front #cap03 a {
    background-image: url("prj_001.jpg");
    background-repeat: no-repeat;
    border-bottom-style: none;
    border-bottom-width: 0;
    float: left;
    height: 130px;
    margin-left: 0;
    margin-top: 0;
    width: 288px; }
    .front #cap01 a:hover, .front #cap02 a:hover, .front #cap03 a:hover {
      background-image: url("prj_001s.jpg"); }
.front #cap02 {
  background-image: url("prj_002.jpg"); }
  .front #cap02 a {
    background-image: url("prj_002.jpg"); }
    .front #cap02 a:hover {
      background-image: url("prj_002s.jpg"); }
.front #cap03 {
  background-image: url("prj_003.jpg"); }
  .front #cap03 a {
    background-image: url("prj_003.jpg"); }
    .front #cap03 a:hover {
      background-image: url("prj_003s.jpg"); }
 .front .field-name-body ul {
    list-style: none;
    padding:0;
    margin:0 0 0 25px;
 } .front .field-name-body li { 
     padding-left: 30px; 
     display: block;
     background: url(../images/bullet.png) no-repeat;
   }
   
 .front .field-name-body p span {
	 font-size: 24px;
	 font-weight: bold;
     padding-left: 60px;
     padding-top: 10px; 
     height: 50px;
     display: block;
     background: url(../images/bombolla.png) no-repeat;
	 
 }  
.front #twitter-widget-0,
.front #block-block-4 { width: 200px; float: right; margin-bottom: 20px; }
.front #block-block-4 .block-title { display: none; }
.front #block-block-1 { margin-top: 20px;}
.front .fronttip { cursor: pointer; color: #de3961;}
.front .qtip img {
	/* width: 100%; */ }     
/*taules sons */
.block-sonscatala-api .block-title {
  /* font-family: GraublauWebBold; */
  /* font-family: GraublauWeb; */
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 20px; }
.block-sonscatala-api table, .block-sonscatala-api th, .block-sonscatala-api tr, .block-sonscatala-api td, .block-sonscatala-api tr.even, .block-sonscatala-api tr.odd {
  margin: 0;
  padding: 0; }
.block-sonscatala-api table {
  width: 100%;
  margin: 0 auto;
    margin-font-weight: normal; }
.block-sonscatala-api tr.even, .block-sonscatala-api tr.odd {
  background: #f3f3f3;
  border: none; }
  .block-sonscatala-api tr.even td, .block-sonscatala-api tr.odd td {
    border: solid 1px white;
    padding: 0 5px; }
    .block-sonscatala-api tr.even td a, .block-sonscatala-api tr.odd td a {
      color: black; }
    .block-sonscatala-api tr.even td.row_header, .block-sonscatala-api tr.odd td.row_header {
      padding: 7px 20px;
      width: 185px;
      background-color: #de3961;
      color: white;
      text-align: right;
      border: solid 1px white;
      line-height: 21px;
      cursor: pointer; }
      
    .block-sonscatala-api tr.even td.header, .block-sonscatala-api tr.odd td.header {
      background-color: #76787b;
      color: white;
      text-align: center;
      border: solid 2px white; }
      .block-sonscatala-api tr.even td.header .main, .block-sonscatala-api tr.odd td.header .main {
        cursor: pointer; }
    .block-sonscatala-api tr.even td.line, .block-sonscatala-api tr.odd td.line {
      text-align: center;
      font-size: 15px;
      background: white url(../images/line.png) repeat-x center left; }
      .block-sonscatala-api tr.even td.line span, .block-sonscatala-api tr.odd td.line span {
        margin-left: 8px;
/*
        padding-left: 8px;
        padding-right: 8px;
*/
        background: none;
        background-color: white;
        color: black; }
    .block-sonscatala-api tr.even td.no_bg, .block-sonscatala-api tr.odd td.no_bg {
      background: none white; }
  .block-sonscatala-api tr.even ul, .block-sonscatala-api tr.odd ul {
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .block-sonscatala-api tr.even ul li, .block-sonscatala-api tr.odd ul li {
      margin: 0;
      padding: 0;
      display: inline; }
      .block-sonscatala-api tr.even ul li.first, .block-sonscatala-api tr.odd ul li.first {
        float: left; }
      .block-sonscatala-api tr.even ul li.last, .block-sonscatala-api tr.odd ul li.last {
        float: right; }
   #block-sonscatala_api-consonants td.row_header:hover, #block-sonscatala_api-consonants_central td.row_header:hover, #block-sonscatala_api-consonants_valencia td.row_header:hover, #block-sonscatala_api-consonants_balear td.row_header:hover {
      background: #c1c1c1; }
   #block-sonscatala_api-consonants tr ul li img, #block-sonscatala_api-consonants_central tr ul li img, #block-sonscatala_api-consonants_valencia tr ul li img, #block-sonscatala_api-consonants_balear tr ul li img {
      padding-top: 4px; }
#block-sonscatala_api-vocals, #block-sonscatala_api-vocals_central, #block-sonscatala_api-vocals_valencia, #block-sonscatala_api-vocals_balear {
  margin-top: 45px;
  width: 450px;
  float: left;
  display: inline; }
  #block-sonscatala_api-vocals td, #block-sonscatala_api-vocals_central td, #block-sonscatala_api-vocals_valencia td, #block-sonscatala_api-vocals_balear td {
    width: 85px; }
    #block-sonscatala_api-vocals td.row_header, #block-sonscatala_api-vocals_central td.row_header, #block-sonscatala_api-vocals_valencia td.row_header, #block-sonscatala_api-vocals_balear td.row_header {
      width: 150px; }
    #block-sonscatala_api-vocals td.row_header:hover, #block-sonscatala_api-vocals_central td.row_header:hover, #block-sonscatala_api-vocals_valencia td.row_header:hover, #block-sonscatala_api-vocals_balear td.row_header:hover {
      background: #c1c1c1; }
    #block-sonscatala_api-vocals td ul, #block-sonscatala_api-vocals_central td ul, #block-sonscatala_api-vocals_valencia td ul, #block-sonscatala_api-vocals_balear td ul {
      text-align: center; }
      #block-sonscatala_api-vocals td ul li, #block-sonscatala_api-vocals_central td ul li, #block-sonscatala_api-vocals_valencia td ul li, #block-sonscatala_api-vocals_balear td ul li {
        float: none; }

#block-sonscatala_api-menu_taules {
  /* font-size: 23px; 25/02/2013 */
  font-size: 20px;
  /* font-family: GraublauWebBold; */
  /* font-family: GraublauWeb; */
  font-family: Georgia, serif;
  font-weight: bold;
  display: block;
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 35px;
  color: #8a8a8a }
  #block-sonscatala_api-menu_taules a {
    margin-right: 10px;
    margin-left: 10px;
    color: #8a8a8a; }
    #block-sonscatala_api-menu_taules a.active, #block-sonscatala_api-menu_taules a:hover {
      color: #de3961;
      text-decoration: none; }
    #block-sonscatala_api-menu_taules a:first-child {margin-left: 5px;}

#block-sonscatala_api-diacritics {
  margin-top: 45px;
  width: 210px;
  float: left;
  display: inline; }
  #block-sonscatala_api-diacritics td.row_header {
    padding: 0;
    width: 55px;
    background-color: #d53960; }
    #block-sonscatala_api-diacritics td.row_header img {
	      margin: 0 auto 10px auto;
	      display: block;}

#block-sonscatala_api-suprasegmentals {
  margin-top: 45px;
  float: left;
  display: inline;
  width: 250px;
  height: 325px;
  margin-left: 25px;
  margin-right: 25px; }
  #block-sonscatala_api-suprasegmentals td {
    padding: 12px 5px; }
    #block-sonscatala_api-suprasegmentals td.row_header {
      padding: 0;
      width: 55px;
      background-color: #d53960; }
      #block-sonscatala_api-suprasegmentals td.row_header img {
	      margin: 0 auto;
	      display: block;}
 

.qtip-content {
  font-size: 17px;	
  margin: 0 !important;
  padding: 0 !important; }
  .qtip-content .text_qtip {
    padding: 0; }
  .qtip-content .origen {
    padding: 10px;
    /* margin-top: 10px; */
    border-top: solid 1px white; }
  .qtip-content .descripcio, .qtip-content .us, .qtip-content .posicio, .qtip-content .alternatiu {
    padding: 10px;
    /* margin-top: 10px ;*/ }
  .qtip-content .us, .qtip-content .posicio {
    border-top: solid 1px white; }
   .qtip-content .us, .qtip-content .alternatiu {
    border-top: solid 1px white; }
  .qtip-content .imagefloat {
    float: left; /* margin-bottom: 10px; */ margin-right: 10px;}
  .qtip-content .top {
    padding: 10px; }
  .qtip-content .tooltip_header {
    padding: 10px;
    background: #76787b; }
  .qtip-content .tooltip_header_row {
    padding: 0; }
    .qtip-content .tooltip_header_row .titulo {
      border-bottom: solid 1px white;
      padding: 10px;
      background-color: #e5e5e5;
      text-align: right;
      color: black; }
    .qtip-content .tooltip_header_row .descripcion {
      padding: 10px;
      background-color: #e5e5e5;
      color: black; }
    
/*detall sons */
h3.titoltaules {
  /*
font-size: 2.2em;
  font-family: GraublauWebBold;
  color: black;
  margin-top: 40px;
  margin-left: 25px;
*/ 
	display: none;
 }

.node-sons {
  background-color: #de3961;
  padding-top: 15px;
  padding-bottom: 15px;
  /* margin: 0 20px; */ }
  .node-sons h2.block-title,
  .node-sons h3 {
    font-size: 20px;
    /* font-family: GraublauWeb; */
    font-family: Georgia, serif;
    color: white;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    /*
border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
*/
    background-color: #878787; }
  .node-sons .group-left, .node-sons .group-middle, .node-sons .group-right {
    background-color: white;
    text-align: center;
    width: 305px;
    padding-top: 10px;
    border: solid 1px #cccccc;
    margin-left: 10px;
    float: left;
    display: inline;
    overflow: hidden; }
  .node-sons .group-left {
    position: relative; }
    .node-sons .group-left .view-slider-videos {
      padding-left: 10px;
      position: absolute;
      top: 10px; }
    .node-sons .group-left p {
      margin: 0;
      padding: 0; }
    .node-sons .group-middle h2.block-title,
    .node-sons .group-left h3 {
      margin-top: 315px; }
    .node-sons .group-left .views-slideshow-controls-bottom {
      overflow: hidden;
      padding-left: 70px;
      padding-top: 70px;
      padding-bottom: 25px; }
    .node-sons .group-left .views-slideshow-pager-field-item {
      float: left;
      display: inline;
      width: 85px;
      height: 24px;
      text-align: left;
      cursor: pointer; }
    .node-sons .group-left #views_slideshow_pager_field_item_bottom_slider_videos-block_6, .node-sons .group-left #views_slideshow_pager_field_item_bottom_slider_videos-block_7, .node-sons .group-left #views_slideshow_pager_field_item_bottom_slider_videos-block_12, .node-sons .group-left #views_slideshow_pager_field_item_bottom_slider_videos-block_13, .node-sons .group-left #views_slideshow_pager_field_item_bottom_slider_videos-block_18, .node-sons .group-left #views_slideshow_pager_field_item_bottom_slider_videos-block_19 {
      margin-top: 30px; }
  .node-sons .group-header {
    overflow: hidden; }
    .node-sons .group-header .field-name-field-sons-titol-display {
      float: left;
      margin-top: 45px;
      display: inline;
      color: white;
      font-size: 25px;
      margin-left: 20px;
      line-height: 1.5em;
      text-transform: uppercase;
      /* font-family: GraublauWebBold; */
      /* font-family: GraublauWeb; */
      font-family: Georgia, serif;
      font-weight: bold; }
    .node-sons .group-header .field-name-field-sons-simbol-invers {
      float: left;
      display: inline;
      margin-left: 10px; }
  .node-sons .group-middle {
    padding-bottom: 0; }
    .node-sons .group-middle .field-name-sons-diagrama-flash .field-item,
    .node-sons .group-middle .field-name-sons-diagrama-articulatori .field-item {
      position: relative;
      padding-bottom: 50px; }
      .node-sons .group-middle .field-name-sons-diagrama-flash .field-item h2.block-title,
      .node-sons .group-middle .field-name-sons-diagrama-articulatori .field-item h3 {
        position: absolute;
        /* bottom: 0; */
        width: 100%;
        margin-top: 315px; }
        .node-sons .group-middle .field-name-sons-diagrama-flash .flash-link,
        .node-sons .group-middle .field-name-sons-diagrama-flash .video-link {
	      position: absolute;
	      bottom: -4px;
	      z-index: 10;
	      font-size: 14px;
	      color: #de3961;
	      cursor: pointer; }
	    .safari .node-sons .group-middle .field-name-sons-diagrama-flash .flash-link,
        .safari .node-sons .group-middle .field-name-sons-diagrama-flash .video-link {
          bottom: -10px;
        }
	    .node-sons .group-middle .field-name-sons-diagrama-flash .flash-link:hover,
        .node-sons .group-middle .field-name-sons-diagrama-flash .video-link:hover {
	      text-decoration: underline; }
	    .node-sons .group-middle .field-name-sons-diagrama-flash .flash-link {
	      left: 12px; }
	    .node-sons .group-middle .field-name-sons-diagrama-flash .video-link {
	      right: 12px; }
	      
    .node-sons .group-middle .field-name-sons-palatograma-fc {
      /* margin-top: 22px; */ }
      .node-sons .group-middle .field-name-sons-palatograma-fc .field-item {
        /*
position: relative;
        padding-bottom: 50px;
*/ }
        .node-sons .group-middle .field-name-sons-palatograma-fc .field-item h3 {
          /*
position: absolute;
          bottom: 0;
*/
          width: 100%;
          /* margin-bottom: 0;  */}
      .node-sons .group-middle .field-name-sons-palatograma-fc .view-content ul, .node-sons .group-middle .field-name-sons-palatograma-fc .view-content li {
        margin: 0;
        padding: 0;
        list-style: none;
        list-style-type: none; }
      .node-sons .group-middle .field-name-sons-palatograma-fc .view-content ul {
        overflow: hidden;
        margin-bottom: 10px; }
        .node-sons .group-middle .field-name-sons-palatograma-fc .view-content ul li {
          float: left;
          display: inline;
          margin-left: 10px;
          margin-right: 10px; }
  .node-sons .field-collection-view {
    margin: 0; }
  .node-sons .field-collection-item-field-sons-audio-sonido .views-row,
  .node-sons .field-name-sons-slider-audios .views-row {
    position: relative; }
  .node-sons .field-collection-item-field-sons-audio-sonido .field-name-field-sons-so-delimitat,
  .node-sons .field-collection-item-field-sons-audio-sonido .views-field-field-sons-so-delimitat,
  .node-sons .field-name-sons-slider-audios .field-name-field-sons-so-delimitat,
  .node-sons .field-name-sons-slider-audios .views-field-field-sons-so-delimitat {
    background-color: white;
    position: relative;
/*
    top: 0;
    left: 0;
    z-index: 0;
*/ }
  .node-sons .field-collection-item-field-sons-audio-sonido .field-name-field-sons-so-no-delimitat,
  .node-sons .field-collection-item-field-sons-audio-sonido .views-field-field-sons-so-no-delimitat,
  .node-sons .field-name-sons-slider-audios .field-name-field-sons-so-no-delimitat,
  .node-sons .field-name-sons-slider-audios .views-field-field-sons-so-no-delimitat {
    background-color: white;
    z-index: 1;
    position: relative; }
  .node-sons .group-right {
    position: relative;
    overflow: hidden; }
    .node-sons .group-right .view-slider-audios {
      padding-left: 10px;
      position: absolute;
      top: 10px;
      overflow: visible; }
    .node-sons .group-right p {
      margin: 0;
      padding: 0; }
    .node-sons .group-right h3 {
      margin-top: 315px; }
    .node-sons .group-right .views-slideshow-controls-bottom {
      overflow: hidden;
      padding-left: 70px;
      padding-top: 76px;
      padding-bottom: 25px; }
    .node-sons .group-right .views-field-field-sons-audio-audio {
      text-align: left;
      position: absolute;
      top: 280px;
      z-index: 20; }
    .node-sons .group-right .views-slideshow-pager-field-item {
      float: left;
      display: inline;
      width: 85px;
      height: 24px;
      text-align: left;
      cursor: pointer; }
    .node-sons .group-right #views_slideshow_pager_field_item_bottom_slider_audios-block_6, .node-sons .group-right #views_slideshow_pager_field_item_bottom_slider_audios-block_7, .node-sons .group-right #views_slideshow_pager_field_item_bottom_slider_audios-block_12, .node-sons .group-right #views_slideshow_pager_field_item_bottom_slider_audios-block_13, .node-sons .group-right #views_slideshow_pager_field_item_bottom_slider_audios-block_18, .node-sons .group-right #views_slideshow_pager_field_item_bottom_slider_audios-block_19 {
      margin-top: 30px; }
    .node-sons .group-right .audio-download {
      display: none; }

.node-type-pagina.sidebar-second h3 {
  margin-top: 35px; }
.node-type-pagina.sidebar-second #main {
  padding-left: 0px; }
  .node-type-pagina.sidebar-second #main .title {
    padding: 0; }

.page-node-2 .node-pagina,
.page-node-580 .node-pagina {
  font-size: 16px; }
  .page-node-2 .node-pagina ul, .page-node-2 .node-pagina li,
  .page-node-580 .node-pagina ul, .page-node-580 .node-pagina li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none; }
  .page-node-2 .node-pagina h3,
  .page-node-580 .node-pagina h3 {
    margin-top: 30px; }
  .page-node-2 .node-pagina ul,
  .page-node-580 .node-pagina ul {
    text-align: left; }
    .page-node-2 .node-pagina ul li,
    .page-node-580 .node-pagina ul li {
      margin-top: 10px; }
    .page-node-2 .node-pagina ul.responsables,
    .page-node-580 .node-pagina ul.responsables {
      overflow: hidden;
      margin-left: -30px;
      margin-bottom: 30px; }
      .page-node-2 .node-pagina ul.responsables li,
      .page-node-580 .node-pagina ul.responsables li {
        width: 150px;
        float: left;
        display: inline;
        margin-left: 30px; }
        .page-node-2 .node-pagina ul.responsables li img,
        .page-node-580 .node-pagina ul.responsables li img {
          /*
padding: 5px;
          background-color: white;
          border: solid 1px #76787b;
*/ }
        .page-node-2 .node-pagina ul.responsables li .nombre,
        .page-node-580 .node-pagina ul.responsables li .nombre {
          font-size: 18px;
          font-weight: bold;
          color: #de3961;
          text-align: center; }
    .page-node-2 .node-pagina ul.assessors,
    .page-node-580 .node-pagina ul.assessors {
      width: 480px;
      overflow: hidden; }
      .page-node-2 .node-pagina ul.assessors li,
      .page-node-580 .node-pagina ul.assessors li {
        float: left;
        display: inline;
        width: 200px; }
        .page-node-2 .node-pagina ul.assessors li.long,
        .page-node-580 .node-pagina ul.assessors li.long {
          width: 280px; }

ul.mitjans li {
  position: relative;
  padding-left: 75px;
  line-height: 55px; }
  ul.mitjans li a {
    color: #de3961;
    position: absolute;
    bottom: 0;
    left: 75px; }
  ul.mitjans li.tv3 {
    background: url(../images/logotv3.jpg) no-repeat left;
    height: 50px; }
  ul.mitjans li.vilaweb {
    margin-top: 28px;
    background: url(../images/logovilaweb.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.avui {
    margin-top: 45px;
    background: url(../images/logoavui.jpg) no-repeat left;
    height: 20px; }
  ul.mitjans li.badalona {
    margin-top: 35px;
    background: url(../images/logoradiociutat.jpg) no-repeat left;
    height: 31px; }
  ul.mitjans li.catalunya {
    margin-top: 35px;
    background: url(../images/logocatalunyaradio.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.el324 {
    margin-top: 28px;
    background: url(../images/logo324.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.logodirecte {
    margin-top: 28px;
    background: url(../images/logodirecte.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.logoedu3 {
    margin-top: 28px;
    background: url(../images/logoedu3.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.logoespainternet {
    margin-top: 28px;
    background: url(../images/logoespainternet.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.logopuntic {
    margin-top: 28px;
    background: url(../images/logopuntic.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.logorecercaixa {
    margin-top: 28px;
    background: url(../images/logorecercaixa.jpg) no-repeat left;
    height: 55px; }
  ul.mitjans li.filologiacatalana {
    margin-top: 28px;
    background: url(../images/logo-fil-cat-ub.png) no-repeat left;
    height: 55px; }
  ul.mitjans li.softcatala {
    margin-top: 28px;
    background: url(../images/softcatala.jpg) no-repeat left;
    height: 55px; }

.page-node-4 h3 strong, .page-node-782 h3 strong {
  color: black;
  font-weight: normal; }
.page-node-4 .node-pagina ul, .page-node-782 .node-pagina ul {
  margin-bottom: 50px;
  margin-top: 40px; }
  .page-node-4 .node-pagina ul li, .page-node-782 .node-pagina ul li {
    position: relative;
    overflow: hidden; }
    .page-node-4 .node-pagina ul li img, .page-node-782 .node-pagina ul li img {
      padding: 5px;
      border: solid 1px #cccccc; }
    .page-node-4 .node-pagina ul li a, .page-node-782 .node-pagina ul li a {
      position: absolute;
      top: 5px;
      margin-left: 15px;
      color: #de3961;
      font-weight: bold; }

.page-node-45 #block-system-main {
  display: none; }

body.taulasons h1.title {
  /* font-size: 35px; */
  margin-left: 0;
  margin-top: -5px; }
body.taulasons #block-sonscatala_api-menu_taules {
  margin-left: -5px;
  /* margin-top: 11px; */ }


/*PUNT ZERO*/

p.origentitle {margin: 0 5px 0 0;}
.qtip-content .descripcio { background: #e5e5e5; }
.qtip-content .descripcio p, .qtip-content .us p, .qtip-content .posicio p, .qtip-content .alternatiu p { display: inline; }
.qtip-content .us { background: #c1c1c1; }
.qtip-content .posicio { background: #838383; color: white; }
.qtip-content .alternatiu { background: #6D6D6D; color: white; }
.views-label-field-sons-so-no-delimitat, .views-label-field-sons-so-delimitat { font-weight: bold;}
.not-logged-in #content-header .tabs {display: none;}
.logosons {
	position: absolute;
	bottom: 15px;	
	left:0;
}
.logoub{
	/* width: 15%; */
	float: left;
	margin-right: 10px;
}
/*
.logoub img {
	width: 60%;
	height: auto;
	display: block;
}
*/
#block-block-3 p { text-align: right; }
.text_qtip .top, .text_qtip .origen { clear: both; text-align: justify; }
.text_qtip .imagefloat { margin: 0 10px 10px 0; display: block; float: left; max-width: 90px;}
.text_qtip .top p { margin-bottom: 0; text-align: justify;  /* display: block; float: left; */ }
.text_qtip .top p.textsimbol {/* width: 210px; text-indent: -20px; position: relative; padding-left: 15px; word-spacing: -3px; */}
.text_qtip .top .titoldisplay p { display: block; margin-bottom: 0; max-width: inherit; text-align: left;}
.text_qtip .origen p {display: inline;}
#node-81 { margin-top: -30px; }
.comparatapa {
	width: 100%;
	height: 40px;
	display: block;
	background: white;
	margin-bottom: -25px;
	position: relative;
	z-index: 1000;
}
.comparalink, .partstracte, .palatogramesbtn { float: right; }
.node-type-sons a.comparalink {display: none;}
.page-node-81 #block-sonscatala_api-menu_taules {margin-left: 0;}
/* .taulasons h1.title {display: none;} */
.page-node-81
.sons-tabs { display: block; height: 30px; width: auto;}
.sons-tabs a { color: black; font-weight: bold; color: #cccccc; }
.sons-tabs a.sonodelimitatbtn { margin-right: 20px;}
.sons-tabs a.active {color: black;}
.dialog-palato {
	position: absolute;
	background: white;
	min-height: 350px;
	max-height: 600px;
	width: 500px;
	padding: 20px;
	border: 1px solid #cccccc;
	top: 0;
	left: 200px;
	z-index: 100;
}
.i18n-en .sonodelimitatbtn,
.i18n-en .sodelimitatbtn {
	font-size: 12px;
}
.dialog-palato .close { text-indent: -99999px;}
.dialog-palato h3 { text-align: center; }
.view-slider-audios #views_slideshow_cycle_main_slider_audios-block {
	display: block;
	height: 300px;
	overflow: visible;
}

.view-id-slider_palatrogramas_fc.view-display-id-block_1 {
	padding: 15px;
	text-align: left;
}

.view-id-slider_palatrogramas_fc.view-display-id-block_1 .views-label {
	font-weight: bold;
	color: #878787;
}

.view-id-slider_palatrogramas_fc.view-display-id-block_1 .views-field { margin-bottom: 15px; }

.view-slider-palatrogramas-fc { text-align: justify; }

.view-slider-palatrogramas-fc .views-field:nth-child(1) { float: left; margin-right: 10px; }

.titoldisplay {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	float: left;
	text-align: left;
	width: 100%;
}

.titoldisplay p:nth-child(2) {
	font-size: 12px;
}

.node-sons .group-header .field-name-field-sons-titol-display p {margin-bottom: 0}

.node-sons .group-header .field-name-field-sons-titol-display p:nth-child(2) {
	font-size: 18px;
}

.tractetapa {
	height: 25px;
	width: 100px;
	background: white;
	position: absolute;
	z-index: 10000;
	top: 50px;
	right: 220px;
	text-indent: -999999px;
}

.node-sons .group-left .views-slideshow-pager-field-item.active .views-content-field-son-sonido-paraula,
.node-sons .group-right .views-slideshow-pager-field-item.active .views-field-field-sons-paraula {color: #de3961;}
.esquerra { float: left !important;}
.dreta { float: right !important;}
.mig { margin-right: 20px !important;}
.ecentral { position: relative; bottom: -35px;}

#block-nice_menus-1 ul li.menuparent ul {
	margin-left: 0;
}

#header-region ul.nice-menu ul {
	top: 16px;
}

ul.nice-menu, ul.nice-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: none;
}

#header-region ul.nice-menu li {
	margin: 0;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	background:	transparent;
}

ul.nice-menu-down li {
	border-top: none;
}

ul.nice-menu li {
	border: none;
	border-top: 0;
	float: left;
	background-color: transparent;
}

#header-region ul.nice-menu-down li.menuparent { background-color: transparent; }

#header-region ul.nice-menu-down li.menuparent.over { background-color: #eee; border: none; }

#header-region ul.nice-menu-down li.menuparent a:hover, #header-region ul.nice-menu-down li.menuparent a.active { background-color: transparent; border: none; }

#header-region ul.nice-menu ul {
	top: 30px;
	left: -1px;
	border: 0;
	border-top: none;
	margin-right: 0;
	background-color: #eee;
}

.nordoccidental-menu, 
.central-menu,
.valencia-menu { visibility: hidden; }

/**** GLOSSARI *****/

.view-glossary a {
	color: #de3961;
}

.view-glossary .attachment {
	margin-bottom: 30px;
}

.view-glossary thead { display: none; }

.view-glossary tbody { 
	border: none;
}

.view-glossary tr, .view-glossary td {
	background: white;
}

.glositem {
	position: absolute;
	right: 0;
	top: 90px;
	display: block;
	background: white;
	padding: 50px;
	font-size: 80px;
}

.view-glossary a.glositem {
	color: black;
}

.view-glossary a.glositem:hover {
	text-decoration: none;
}


/**** Language switcher *****/

#block-locale-language .block-title { display: none; }

#block-locale-language {
	display: block;
	float: right;
}

#block-locale-language li { 
	display: inline-block; 
	margin-left: 10px;
}

#block-locale-language li a {  color: #de3961; }

#block-locale-language li a.active {  color: black; font-weight: bold; }

.node .links { display: none; }



/**** Justify table *****/


div.qtip-wrapper {
	text-align: justify! important;
}

div.qtip.qtip-defaults.qtipe-active .qtip-wrapper,
.page-node .block-system .group-middle .views-field-field-sons-origen-simbol-llarg,
.page-node .block-system .group-middle .views-field-field-sons-origen-simbol {
	text-align: justify;
}

.descripcion,
.text_qtip .textsimbol {
	text-align: justify;
	word-spacing: -1.5pt;}



/**** Pàgina Equip *****/

.taula-equip {
	width: 600px !important;
	border: none;
}

.taula-equip tr td {
	width: 40% !important;
}

.taula-equip p {
	margin-bottom: 0;
	line-height: 13pt;
}

.taula-equip td p img {
	margin: 20px 0 10px 0;
}


.taula-equip td p span.frase {
	line-height: 22px;
	font-size: 16px;
	color: #c4c4c4;
	font-weight: bold;
}

.taula-equip a {
	color: #de3961;
	font-size: 14px;
	font-weight: bold;
}

.taula-equip h3 {
	margin: 0px !important;
	font-size: 18px;
	color: black;
}

/**** Pàgina Finançament *****/

.page-node-781 a {
	color: #de3961;
}


#views_slideshow_cycle_teaser_section_slider_audios-block {
	border: 2px solid black;
}


/***************************/

.group-middle .palatogramesbtn {
	font-size: 20px;
	font-family: Georgia, serif;
	color: white;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #878787;
	display: block;
	width: 100%;
}

#block-fb_likebox-0 .block-title { display: none; }    


/**** Submenu dreta *****/

.second-menu {
  position: relative;
}

.second-menu ul {
  position: absolute;
  right: 0;
  margin-top: 10px;
}

.second-menu ul li {
  display: inline;
  margin: 0;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background: transparent;
}

.second-menu ul li a {
  color: #646464;
  font-size: 17px;
  padding: 0.3em 6px 0.3em 5px;
  text-decoration: none;
  font-weight: bold;
}

.second-menu ul li a:hover {
  color: black;
}

.partstracte {
  margin-top: 20px;
}

/***************************/
