/* CSS Document */

@media (min-width: 980px) {

  .lista_video {
    position: relative;
    margin-bottom: 256px;
  }
  
  .lista_video .c1 {
    position: absolute;
    right: 0;
  } 

  .lista_video .c2 {
    margin-left: 0;
    position: absolute;
    left: 0;
  }  
  
  .contenidos > ul > li + li + li {
    position: relative;
    margin-bottom: 256px;    
  } 
  
  .contenidos > ul > li + li + li .c1 {
    position: absolute;
    right: 0;
  } 
  
  .contenidos > ul > li + li + li .c2 {
    margin-left: 0;
    position: absolute;
    left: 0;
  }  
   
}

@media  (max-width: 979px) { 

  body {
    width: auto;
    padding: 5px; 
    /* background: red */; 
  }
  
  #home .slider li img {
    width: 100%; 
  }

  .header .menu li + li {
    margin-left: 20px;
  }
  
  .header .menu li p a {
    background-size: ;
    font-size: 14px;
  }

  .categorias li {
    width: auto;
    display: block;
    height: 66px;
  }
  
  .categorias .autos {
    background-size: 37px;
  }
  
  .categorias .llar {
    background-size: 45px;  
  }
  
  .categorias .vida {
    background-size: 54px;    
  }
  
  .categorias li + li {
    margin-left: 0;
    margin-top: 5px;
  }
  
  .categorias li p {
    width: auto;
  }
  
  .contenido,
  .contenidoBig {
    width: 100%;
  }  
  
  .contenido img,
  .contenidoBig img {
    margin: 0 auto 15px;
    display: block;
    width: 100%;
  }

  .contenidos li li div {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    min-height: 64px;
    height: 34%;
  }
  
  .contenidos li li + li {
    margin-left: 1.1%;
  }


  
  .c1 {
    width: 32.6%;
    height: 176px; 
  }
  
  .c2 {
    width: 66.3%;   
    height: 176px;
  }
  
  .video_home {
    /* width: 100%; */
  }
  
  .video_home li {
    width: 55%;
  }
  
  .video_home li iframe {
    width: 100% !important;
    height: 176px;  
  }
  
  .contenidos div h3 {
    font-size: 16px;    
  }
  
  .contenidos .video_home li + li {
    width: 43.9%;
    margin-left: 1.1%;
    height: 176px;
  }
  
  .contenidos .video_home li:firsl-child {
    background: #1a1a1a;    
  }
  
  .contenidos .video_home li + li div {
    width: 100%;
  }
  
  .contenidos .c1 div, .contenidos .c2 div {
    width: 100%;  
  }
  
  .contenidos li li img {
    width: 100%;
  }
  
  .contenidos .content_video img {
    width: 30%;
  }
  
  .contenidos .content_video img {
    margin: 3% auto 3%;
  }

  #footer .ft_destacados {
    margin: 0 auto;
    width: auto; 
  }

  #footer .ft_destacados > li {
    margin-bottom: 20px;
  }
  
  #footer .ft_destacados > li + li {
    margin-left: 0px;
    margin-top: 0px;
  }

  #footer .ft_destacados li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  #footer .ft_destacados  li li, #footer .ft_destacados .events li {
    margin: 0;
    padding-left: 40px;
  }

  #footer .ft_destacados li li {
    width: 100%;
  }

  #footer .map {
    padding: 18px 38px 38px;
  }
  
  #footer .facebook, #footer .associacions {
    /*display: none;*/
  }

  #footer .map h3 {
    margin-bottom: 0;
  }

  #footer .map > li {
    width: auto;
  }

  #footer > .map > li {
    display: block;
  }
  
  #footer > .map > li + li {
    margin-left: 0;
    margin-top: 10px;
  }

  #footer .map li ul li {
    display: inline-block;
  }

  #footer .map li ul li + li {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #B8D2E2;
  }
  
  #footer .map li .list_doble > li + li {
    border: 0;
    margin-left: 20px;
  }
  
  #footer .map ul ul {
    margin-bottom: 0;
  }
  
  .right_column {
    margin-left: 0;
    width: 100%;
  }  
  
  .right_column li {
    width: 32.6%;
    height: auto;
  }
  
  #contacte .right_column li + li{
    margin-left: 1.1%;
    margin-top: 0;
  }

  .right_column li + li{
    margin-left: 1.1%;
    margin-top: 0;
  }

  .right_column li img {
    width: 100%;
  }
  
  .right_column li > div {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 64px;
    height: 50%;  
  }
  
  .right_column li > div h3 {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 18px;
    width: auto;
    padding-right: 40px;
  }
  
  .right_column li > div p {
    width: 232px;
    font-size: 12px;
    display: none;
  }
  
  .right_column li {
    position: relative;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
  }
  
  .right_column li img {
    width: 100%;
  }
 
  .right_column li > div {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 64px;
    height: 35%;
    bottom: 0px;
    padding-top: 10px;        
  }

  .right_column li:hover div {
    bottom: 0px;
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial; 
  }

  
  .right_column .flecha {
    bottom: 14px;
  }

  .right_column li:hover div .flecha {
    bottom: 14px;
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial; 
  }
    
  .right_column li > div p {
    display: none;
  }
  
  #serveis .contenido .llista_serveis > li + li,
  #serveis .contenidoBig .llista_serveis > li + li {
    margin-left: 1.1%;
  }
  
  #serveis .contenido .llista_serveis > li,
  #serveis .contenidoBig .llista_serveis > li {
    width: 32.6%;
  } 
  
  #serveis .contenido .llista_serveis > li img,
  #serveis .contenidoBig .llista_serveis > li img {
    width: 100%; 
    height: 100%; 
  } 
  
  #particulars .categorias li {
    display: inline-block;
    width: 49.6%; 
    margin-top: 0;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    height: 98px;   
  }

  #particulars .categorias li + li {
    margin-left: 0.8%;  
  }

  .subcategeorias {
    margin-bottom: 15px;
  }

  .subcategeorias > li {
    width: 100%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    height: 142px;
  }

  .subcategeorias li .titulo_subcat {
    width: 20%;
    height: 100%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
  }

  .subcategeorias div {
    width: 78%;
    margin-left: 2%;
  }
  
  #noticias .lista > li > .mini + div {
    width: 78%;
    margin-left: 2%;
  }

  #noticias .lista li .mini {
    width: 20%;
    height: 18%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
  }

  /*
  #contacte .marcas ul li:nth-child(6n+1) {
  margin-left: 7px;
}
 
  #contacte .marcas ul li:nth-child(7n+1) {
  margin-left: 0px;
}
*/

  #contacte .marcas ul li:nth-child(6n+1) {
  margin-left: 0.5%;
  }

  #contacte .marcas ul {
    width: 100%;
  }

  #contacte .marcas li {
    margin: 0.5%;
    width: 13.2%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
  } 
  
  #contacte .marcas li img {
  }
  
  #contacte .condiciones + li {
    width: 548px;
  }

  #contacte  #modal-content .condiciones + li {
    width: auto;
  }
  
  #contacte .condiciones + li .field-validation-error {
    padding-left: 240px; 
  }
  
  .contenidos li div {
    bottom: 0;
  }
  
  .contenidos li > div {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 64px;
    height: 35%;
    bottom: 0px;
    padding-top: 10px;        
  }

  .contenidos li:hover div {
    bottom: 0px;
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial; 
  }

  
  .contenidos .flecha {
    bottom: 14px;
  }

  .contenidos li li:hover div .flecha {
    bottom: 14px;
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
    transition: initial; 
  }
    
  .contenidos li > div p {
    display: none;
  }
  
  #contacte form {
    width: 100%;
    margin: 0; 
  }
  
  #contacte input[type=submit] {
    margin-right: 0;
  }
  
  #contacte form .fullp {
    width: 546px;
    margin: 0;
  }
  
  .modal-content #contacte form {
    width: 100%
  }
  
  #contacte + #contacte {
    width: 546px;
    float: left; 
    margin-bottom: 10px;
    margin-top: 10px;   
  }

  #contacte + #contacte .resultado .btn_contacta {
    margin-right: 0;
  } 
  
  #contacte #marcas {
    width: 100%;
  } 
  
  #submitFormLife {
    width: 546px; 
  }
  
    #noticias .lista li > .mini img {
    width: auto;
    height: auto;
  }
  
  
}

/************************************ Landscape phones and down ***************************/  
@media (max-width: 660px) { 

  .header .menu.mobile {
    display: none;
  }
  
  .header .menu.mobile li {
    display: block;
    height: auto;
  }
  
  .header .menu.mobile li + li {
    margin-left:0px;
    border-top: 1px solid #fff;
  }
  
  .header .menu.mobile li p {
    text-align: left;
  }
  
  .header .menu.mobile li p a {
    background-position: left center; 
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 60px; 
    font-size: 18px;
  }
  
  h1 {
    font-size: 30px;
  }
  
  .header {
    padding-top: 10px;
    margin-top: 0;
    text-align: right;
  }
  
  .header .menu {
    display: none;
  }
  
  .header .logo {
    width: 224px;
    display: inline;
    padding-top: 32px;
  }
  
  .header .buscar {
    margin-top: -8px;
    top: 10px;
    //right: 0;
    position: absolute;
    left: 0;
  }
  
  .header form {
   text-align: left;
  }
  
  .header .menu_superior {
    right: 5px;
    top: 5px;
    text-align: left;
  }
  
  .header .menu_superior > li:first-child {
    //font-size: 11px;
	display: none;
  }
  
  
  .header .menu_superior .idioma li {
    font-size: 13px;
  }
  
  .header .btn_menu_mobile {
    display: inline-block;
  }
  
  .header .btn_menu_mobile:hover +  .header .menu.mobile {
      display: block;
  }
  
  #home h2 {
    font-size: 20px;
  }
  
  input[type=text], select {
    height: 24px;
  }
  
  .c1 {
    width: 100%;
    height: auto;
  }
  
  .c2 {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  
  .contenidos li .c2 > img {
    width: 201%;
  }
  
  .contenidos li .content_video img {
    margin: 9% auto 9%;
    width: auto;
  }
  
  .contenidos > ul > li + li {
    margin-top: 0px;
  }
  
  .contenidos > ul > li > ul > li {
    margin-top: 6px;
  }
  
  .contenidos li li + li {
    margin-left: 0;
  }  
  
  .submenu {
    padding: 15px 0;
    margin-top: 10px;
  }
  
  .submenu li {
    margin: 0 15px;
  }
  
  .submenu li + li {
    margin-left: 15px;
  }

  .right_column li {
    width: 100%;
  }
  
  .right_column li + li {
    margin-top: 6px;
    margin-left: 0;
  }
  
  .right_column li > div h3 {
    margin-bottom: 4px;
  }
  
  .right_column li > div p {
    width: 232px;
    font-size: 12px;
  }
  
  #contacte .right_column li + li {
    margin-left: 0;
    margin-top: 6px;
  }

  #contacte label {
    display: block;
    text-align: left;
    width: auto;
  }
  
  #contacte .condiciones {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  
  #contacte .condiciones label {
    display: inline-block;
  }

  #contacte.hogar .resultado li {
    width: 100%;
  }
  
  #contacte select {
    width: 100%;
  }
  
  #contacte textarea {
    width: 100%;
  }
  
  #contacte input[type=text] {
    width: 100%;
  }
  
  #contacte input[type=file] {
    width: 100%;
  }
  
  #contacte input[type=submit] {
    margin-right: 0;
  }
  
  #contacte input[type=radio]:first-of-type {
    margin-left:0;
  }
  
  #contacte input[type=radio] + label {
    display: inline-block;  
  }
  
  #contacte label + input[type=radio] {
    margin-left: 0;
  }
  
  #contacte #dia {
    width: 20%;
  }
  
  #contacte #mes {
    width: 48%;
  }
  
  #contacte #any {
    width: 30%;
  }
  
  #contacte select + select {
    margin-left: 1%;
  }
  
  #contacte form li p {
    text-align: left;
  }
  
  #contacte .resultado p {
    width: auto;
  }
  
  #contacte .resultado p + p {
    margin-left: 10px;
  }
  
  #contacte .resultado .btn_contacta {
    margin-right: 0;
  }
  
  #footer .ft_destacados .events li {
    margin-left: 0;
  }
  
  #footer .ft_destacados li {
    width: 100%;
  }
  
  #footer .ft_destacados {
    width: 100%;  
  }
  
  #footer .map {
    padding: 38px 0;
  }
  
  #footer .map li .list_doble > li + li {
    margin-left: 0;
    padding: 0;
  }

  #serveis .contenido .llista_serveis > li + li,
  #serveis .contenidoBig .llista_serveis > li + li {
    margin-left: 0;
    margin-top: 6px;
  }
  
  #serveis .contenido .llista_serveis > li,
  #serveis .contenidoBig .llista_serveis > li  {
    width: 100%%;
  } 
  
  #serveis .contenido .llista_serveis > li img,
  #serveis .contenidoBig .llista_serveis > li img {
    width: 100%;  
  } 

  .subcategeorias li .titulo_subcat {
    width: 100%;
    height: auto;

    float: none;
  }

  .subcategeorias div {
    width: 100%;
    margin-left: 0;
     float: none;
  }
  
  #particulars .categorias li {
    display: block;
    width: 100%;
  }

  #particulars .categorias li + li {
    margin-left: 0;
    margin-top: 6px;
  }

  .subcategeorias li .titulo_subcat {
    margin-bottom: 6px;
  }
  
  .subcategeorias > li {
    padding-bottom: 12px;
  }
  
  #noticias .lista > li > .mini + div {
    width: 100%;
    margin-left: 0;
  }

  #noticias .lista li .mini {
    display: none;
  }

  #noticias .contenido,
  #noticias .contenidoBig {
    margin-bottom: 15px;
  }

  #contacte .marcas ul li:nth-child(6n+1) {
  margin-left:1%;
  }

  #contacte .marcas ul {
    width: 100%;
  }

  #contacte .marcas li {
    margin: 1%;
    width: 31.3%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
  }

  #contacte .otras_marcas label {
    display: inline-block;
  }  
  
  #contacte .otras_marcas > ul > li {
    display: block;
    width: 100%;
  }

  #contacte .capital {
    display: inline-block;
    *display: inline;
    zoom: 1;    
    width: 50%;    
  }
  
  #contacte .resultado_capital {
    width: 50%;
    display: inline-block;
    *display: inline;
    zoom: 1; 
    vertical-align: top; 
  }

  #contacte .resultado_capital li {
    margin-left: 0;
  }

  #contacte .resultado_capital li + li {
    margin-left: 0;
  }
  
  iframe {
    margin: 0 auto;
    display: block;
  }
  
  .video_home li {
    width: 100%;
  }

  .video_home li iframe {
    height: 234px !important;
  }
  
  .contenidos .video_home li + li {
    margin: 0;
    width: 100%;
    margin-top: 6px;
    height: auto;
  }

  #contacte .capital input[type=submit] {
    margin-left: 0;
    display: block;
  }  

  #contacte .capital input[type=submit] + input[type=submit] {
    margin: 0;
    margin-top: 8px;
  } 
  
  .subcategeorias > li {
    height: auto;    
  }
  
  p.fullp {
    width: 100%;
  }
  
  #contacte .resultado_capital li {
    display: block;
  }
  
  #contacte .blue-box {
    width: auto;
  }
  
  #contacte .resultado_capital li {
    width: auto;
  }
  
  #contacte form .field-validation-error {
    padding-right: 0;
    width: 100%;  
  } 
  
  #contacte .condiciones + li .field-validation-error {
    padding-left: 0;
  }

  #contacte #marcas .marcas {
    width: 100%;
    text-align: center;
  }
  
  #contacte form .fullp {
  width: auto;
  }
  
  #contacte .capital p {
    width: 100%;
  }
  
  #contacte .resultado {
    margin: 0 0 20px 0; 
    padding: 0;
    float: right;
  }
  
  #contacte #modal-content {
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  }
  
  #contacte form {
    width: 100%;
  }
  
  #contacte + #contacte {
    width: 100%;
  }
  
  #contacte #marcas li input[type=submit] {
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  
  #contacte .otras_marcas > ul > li {
    margin-bottom: 0;
    margin-top: 0;
  }
  
  #contacte form .tooltip {
    width: 100%;
    text-align: right;  
  }
  
  #contacte form .tooltip div {
      width: 100%;    
  }
  
  #contacte form .tooltip >  p {
    display: inline-block;
  }
  
  #contacte form .tooltip div p {
    text-align: left;
  }
  
  #contacte form .tooltip:hover div {
    right: 0;
    left: initial;

  }
  
  #modal-content #contacte form .tooltip div {
    width: 100%;
    right: 0;
    left: initial;
  }
  
  #contacte .home_step_2b + li {
    width: auto;
  }
  
  #submitFormLife {
    width: auto;
  }
  
  #contacte .blue-box {
    display: block;
  }
  
  #contacte .condiciones + li {
    width: 100%;
  }
  
}
  
  
@media (min-width: 660px) { 

  .header .menu.mobile {
    display: none !important;
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */