body,td,th,nav {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #666;
  margin:0;
  padding:0;
}


/*Imatge tope al Inici*/
.tope img{width: 1%; height:1%; visibility: hidden; }

/*Navegador Idioma i Navegador Pàgines*/
.container, .container2{
 margin-top: 0;
 padding: 0;
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

/*Navegador Xarxes*/
.container3 {float:right; margin-right: 15px; margin-top: 0; padding:0;clear:both; display:block; overflow:hidden;}
.container3 #xarxes{list-style-type: none; position:relative; display:block;}
#xarxes {float:right;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;}

 #xarxes li {
 float:right;
 position:relative;
 margin-top: 5px;
 margin-right: 7px;
 }

#xarxes a img {background-color: #666; position:relative; margin: auto;}
#xarxes .twtr a:hover img {background-color: #32aadc; }
#xarxes .fcbk a:hover img {background-color: #2b5997; }

/*Navegador Idioma*/
.container2 #idioma .ini a{ color: #000000;}
.container2 #idioma #inici{ color: #000000;}

/*Navegador Menu*/
#menu {
 float:left;
 left: 50%;
 list-style-type:none;
 margin:0 auto;
 padding:1px;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right: 50%;
 margin-right: 50px;
}

/*Navegador Manu i Navegador idioma*/
#menu li a, #idioma li a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #767676;
  text-decoration: none;}

.container2 #idioma #inici{ color: #000000;}

#menu li a:hover, #idioma li a:hover{color: #000;
}
  
#idioma {float:right;
 
 list-style-type:none;
 margin:0 auto;
 padding:1px;
 position:relative;
}

#idioma li {
 float:right;
 position:relative;
 /*right:50%;
 margin-right: 50px;*/
 
 margin-right: 20px;
}

/*Fi Navegadors*/

/*Slider Cincopa j180415-2*/
#cp_widget_deef4aec-8156-4b2c-b021-8e255c132fd1 {margin-top: 10%;}

/*Cos Imatges*/
#contenedor2 {
  display: table;
  border-spacing: 5px;
  margin-top: 10px; padding: 0;
}

#contenedor2 img {width: 100%; padding: 0;}

#contenedor2 {margin-left: 18%; margin-right: 20%; padding: 0;}

#contenidos2 {
  display: table-row; padding: 0;
}

#principal2, #secundario2, #lateral2 {
  display: table-cell; padding: 0;
}

#principal2 {
  width: 5%; padding: 0;
}
#secundario2, #lateral2 {
  width: 5%; padding: 0;
}

/*Cos Text*/
#contenedor {
  display: table;
  border-spacing: 10px; margin-top: 0; padding: 0;
}

#contenedor { margin-left: 20%; margin-right: 18%; padding-left: 0%;}

#contenidos {
  display: table-row; padding: 0; margin-top:0;
}

#principal, #secundario, #lateral {
  display: table-cell; padding-left: 2%; margin-top:0;
}

#principal {
  width: 15%;  
}

#secundario{
  width: 15%;  
}

#lateral {width: 15%; }

/*Peu*/
footer{width:100%; margin-top: 5%; background-color: #666;}
footer{font-family: Arial, Helvetica, sans-serif;font-size: 16px; color: #FFF; padding: 0.2%; padding-bottom: 0.8%;}

#menu_peu { list-style-type:none; margin-left: 15%;}
#menu_peu a{color:#FFF;}
#menu_peu2 {float:right;list-style-type:none; margin-right: 15%; margin-top:-8%; }
#menu_peu2 a{color:#FFF;}
#menu_peu li a:hover, #menu_peu2 li a:hover{color: #000;
}

/*Responsive*/

@media only screen and (max-device-width: 1366px), screen and (max-width: 1366px) {

#menu_peu2 {float:right;list-style-type:none; margin-right: 15%; margin-top:-9.5%; }
}

@media only screen and (max-device-width: 1280px), screen and (max-width: 1280px) {

#menu_peu2 {float:right;list-style-type:none; margin-right: 15%; margin-top:-10.5%; }
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {

#menu_peu2 {float:right;list-style-type:none; margin-right: 15%; margin-top:-13%; }
}

@media only screen and (max-device-width: 1002px), screen and (max-width: 1002px) {

#cp_widget_deef4aec-8156-4b2c-b021-8e255c132fd1 {margin-top: 15%;} }

@media only screen and (max-device-width: 480px), screen and (max-width: 480px) {

#picture2, #picture3 {width: 70%;} }





@media only screen and (max-device-width: 719px), screen and (max-width: 719px) {



/*nav{color:#FFF;}*/

.container2{display:none;}
.container3{display:none;}
.container{
  height:auto;
  border-bottom:none;
  /*margin-top: 50%;*/
  }
  .container ul{
  width:100%;

  height:auto;
  background:none;
  float:none;
  padding-top:0;
  }
  .container li{
  float:none;
  width: 100%;

  }
  #menu li a{
    color:#FFF;
    line-height:30px;
    display:block;
    background:#666;
    padding:0;
    text-align:center;
    border-right:none;
    font-size:18px;
    margin-bottom:4px;

  }
  .container ul{text-align: center; }
  #cp_widget_deef4aec-8156-4b2c-b021-8e255c132fd1 {margin-top: 45%; margin-bottom: 20%;}
  #contenedor2{display:none;}
  #contenedor{display:none;}
  .containerpeu{display:none;}
  .containerpeu2{display:none;}
  footer{font-size: 13px;}
}

@media only screen and (max-device-width: 450px), screen and (max-width: 450px) {

#cp_widget_deef4aec-8156-4b2c-b021-8e255c132fd1 {width: 80%; margin-top:60%; margin-left: 10%;}

footer{font-size: 10px;}

 }





/*Pàgina Notícies*/
#picture{
  float:left;
  width: 17.85%;
  margin-top:20px;
  margin-right: 0.5%;
}
.caixa{
  float:left;
  width: 58.33%;
  margin-top: 20px;
  margin-left: 30px;

}

#picture2{
  float:left;
  /*width: 23.05%;*/
  margin-top:20px;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 4%;
}

.texto {
  
  margin-left: 5%;
  margin-top: 3%;
  margin-right: 20%;
}

.texto2{
  font-size: 15px;
  margin-right: 10%;

}

.floatstop{
  clear:both;
  visibility: hidden;
}

#picture3{
  float:left;
  /*width: 23.05%;*/
  margin-top:10px;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5%;
}

.texto3{

  margin-left: 5%;
  margin-top: 4%;
  margin-right: 20%;
}

.notiss{
  text-decoration: none;
  color: #666;

}

 .caixa a:hover {
  text-decoration: none;
  color: #000;
}

.caixa {
  -webkit-box-shadow: 1px 1px 10px 5px #a11121;
  box-shadow: 1px 1px 10px 5px #a11121;
}

@media only screen and (max-device-width: 640px), screen and (max-width: 640px) {

#picture { display: none;}
.caixa {width: 90%;}
.texto2{margin-left:5%;} }


/*Notícia*/
.caixanoti{
  float:left;
  width: 58.33%;
  margin-top: 20px;
  margin-left: 30px;

}

.caixanoti {
  -webkit-box-shadow: 1px 1px 10px 5px #a11121;
  box-shadow: 1px 1px 10px 5px #a11121;
}

.caixanoti h1{
  text-align: center;
  margin-right: 5%;
}

.caixanoti .imatgenoti1 img{
width: 42.12%;
display:block;
margin-left: auto;
margin-right: auto;

}

.textonoti {
  margin-left: 3%;
  margin-right: 5%;
  margin-bottom: 20px;
}  

.imatgenoti2{
float:left;
margin-right: 3%;
}

.caixanoti .imatgenoti2 img{
width: 100%;
}

.imatgenoti3{
float:right;
margin-left: 3%;
}

.caixanoti .imatgenoti3 img{
width: 100%;
}

@media only screen and (max-device-width: 640px), screen and (max-width: 640px) {
.caixanoti {width: 90%;}
 }

.imatgenoti11 img{
margin-top: 15px;
}

.imatgenoti12 img{
width: 70.12%;
display:block;
margin-left: auto;
margin-right: auto;
}

.imatgenoti13 img{
width: 32.12%;
display:block;
margin-left: auto;
margin-right: auto;
}

.imatgenoti14 img{
width: 49.12%;
}