/************************************************************************************* 
	Per tablets de maxim 785, 
	IMPORTANT abans del max-width: 481px q sobrescriu aquest   
**************************************************************************************/


@media only screen and (min-device-width: 785px) and (max-device-width: 1200px) {
/*  detalls */
  
  
  #logo-Anoia-Turisme { width: auto; height: 50%; margin-left: -80px; margin-top: 20px; }
  .flexslider {  height: 100px;  }
  .flexslider .slides img { max-width: 235% ; width: auto; height: 100% !important;  }
  
 
  /* castells */
  .castells-personatge { margin-top: 10px;  }
  
  
.img-familia { width: 150%; margin-left: -25px;}

.text-mini-destacat { padding: 20px; background: white;}
  
}




@media only screen and (device-width: 768px) and (orientation : portrait) {
  /* For general iPad layouts */
  
  
.castells-personatge { margin-top: 10px; width: 80%  }
  

.box-productes   { width: 50% !important; }

 
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  
  
}

@media only screen and (max-device-width: 785px) and (orientation:landscape) {
  /* For landscape layouts only */   
  
  #menu-cerca {  display: none !important;	}
  #main { padding-top: 0px; }
  
.header { border-top: 5px solid #63bee1; position: fixed; width: 100%; z-index: 9999999999; background-color: #FFF; position:relative; /* no fixa el top */ }
.footer { background-color: #63bee1; text-align: center; position: fixed; bottom: 0px; width: 100%; height: 40px; font-size: 14px; line-height: 1;position:relative; /* no fixa el top */}
.flexslider {  margin-top: 0px; height: 300px;  }
  
.banner1 { max-height: 420px; }
/* flex slider 1er */
.flex-caption { margin-top: 10%; }
.flexiLogo { position: absolute; top:40%; right: 20%; display: block !important; width: 30% !important; height: auto;  }
.flexiLogo img { width: 10% !important; height: auto; }


.videoInici { overflow: hidden; width: 350px; max-height: 190px;  margin-top:-50px; position:relative;}


/* 
.filtres-menu  { width: 15% !important; float: left; display: inline;}
.filtres-cos  { width: 50% !important; float: left; display: inline;}
 */
 
 
}

@media only screen and (max-width: 785px)   {




  

  #menu-castells { display: none;  }
  /* amaga menu castells http://anoiaturisme.cat/terra-de-castells/ruta3_orpi/ */
  


.header {   position:relative; /* no fixa el top */ }
.footer { 	position:relative; /* no fixa el top */ }
.flexslider {  margin-top: 0px; height: 50%; }


.threecol { width: 25%; /* width: 50%;*/ }
.sixcol { width: 50%; }
.twelvecol { width: 100%; }


.filtres-menu { width: 100% !important;  }
.text-mini-destacat { padding: 20px; background: white;}


#menu-lang { 	width: 10%;  position:relative; left: 0px; padding-top: 40px !important ; }
#menu-logo {	width: 25%; height: 60px; padding-left: 0px; left: 10px; position:relative; left: 0px;			 }
#menu-menu {   	width: 100%; height: 0px; padding-top: 0px; margin-top: 0px; position:relative; left: 0px; 	 }
#menu-cerca {  /* width: 70%; height: 30px;  z-index: 999999999999; */ display: none;	}
#main { padding-top: 0px; }
#logo-Anoia-Turisme { width: auto; height: 120%; }

#lang_sel_list.lang_sel_list_vertical li { width: 70px; overflow: hidden; }

/*
.banner1 { max-height: 500px; }
.banner2  { width: 50% !important; }
.banner3 { width: 50% !important; }
.banner4 { width: 50% !important; }
.banner5 { width: 50% !important; }
*/


/* flex slider 1er */
.flex-caption { margin-top: 10%; }
.flexiLogo { position: absolute; top:30%; right: 20%; display: block !important; width: 30% !important; height: auto; }
.flexiLogo img { width: 5% !important; height: auto; }
.flexslider .slides img { max-width: 235% !important; /* per q arribi la img a tota l'alçada */ }




/* ubermenu ipad vert */
#megaMenu { margin-top: -100px;  }
#megaMenu.megaMenuHorizontal ul.megaMenu { padding-left: 130px; /* separacio esquerra menu ppal*/ }
#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 { padding: 0px 10px 0px 10px;  /*separacio submenu items*/}

#megaMenu ul.megaMenu li.menu-item > a span  { font-size: 12px; color: #000; }


#megaMenu ul.megaMenu li.menu-item a{ padding-top: 40px !important;  /* distància fins la fletxa*/ }

/* fletxa blava sobre el current menu item */
#megaMenu ul.megaMenu li.menu-item.current-menu-item > a,
#megaMenu ul.megaMenu li.menu-item.current-menu-item > span.um-anchoremulator{
   /* padding-top: 40px !important; aqui. no pel submenu*/
   background-image: url('../images/fletxa-blava.png');
   background-position: center top;
   background-repeat: no-repeat;

}






.box250 {  height: auto; margin: 0%; padding: 0%; overflow: hidden; float: left; line-height: 0px; border: solid 1px white;
/* min-height: 250px; min-width: 250px;   */     }
.box500 { min-height: 60%; padding: 2%; overflow: hidden; }
.boxText250 { min-height: 25%; padding: 6% 4% 3% 6%; overflow: hidden; }

.text { line-height: 16px;  }
.titol { font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.descripcio { font-size: 11px; margin-bottom: 10px;}
.web { font-size: 12px;  }




/* google maps */
.wpgmza_map { width: 95% !important; height: 600px !important;  }
#wpgmza_filter_select { left: -200px;}
#main.mapas { padding-top: 0px; margin-top: -57px; }
.dataTables_wrapper { font-size: 14px;}



.videoInici { overflow: hidden; width: 350px; max-height: 190px;  margin-top:-50px; position:relative;}


/* agenda i fitxa */

.main_fitxa { padding-top: 0px; }
#agenda_box { margin: 80px 5px; font-size: 10px; }
#table_agenda { width: 95%; font-size: 14px; }
#lateral_categoria { margin: 5px 0px 0px 0px; padding: 7px; height: 380px;  }
#table { width: 95%; font-size: 14px; }
#lateral_categoria2 { width: 50%; height: auto; }

.flex-control-nav { bottom: 230px !important; }

.banner_cat_1 { width: 50%; height: 300px; overflow :hidden; }
.banner_cat_2 { width: 50%; height: 300px; overflow: hidden; padding: 10px;   }
.banner_cat_3  {  height: 450px !important;  }

.banner_cat_5 { width:100%; }
.banner_cat_6 { width:100%; }
#lateral_categoria2 { width:100%; }

.txt-info { font-size: 14px; }	 
.caption-text { font-size: 14px;  }









}

@media only screen and (max-width: 785px) and (orientation : landscape)  {

} /******   Per tablets de maxim 785   *******************/







@media only screen and (max-width: 750px) {
/* max-width: 750pxdesactiva efectes per pantalles petites */






/* EFECTES OVER */

.fletxa-esq { display: none;  }
.fletxa-dre { display: none; }

.fletxa-baix { background-image: url('../images/fletxa-blanca-baix.png'); width: 50px; height: 40px; background-position: center center;
   background-repeat: no-repeat; position: absolute; left: 20px; top: 0px; z-index: 9999999; display: block;}

.fletxa-dalt { background-image: url('../images/fletxa-blanca-dalt.png'); width: 50px; height: 40px; background-position: center center;
   background-repeat: no-repeat; position: absolute; left: 20px; bottom: 0px;  z-index: 9999999; display: block;}  
   

.txt-info { display: none; }	 
.caption-text { display: none; }



/* pagina categories */


.banner_cat_1 { width: 100%; height: 300px; overflow :hidden; }
.banner_cat_2 { width: 100%; height: 300px; overflow: hidden; padding: 10px;   }

.threecol{ width:  50%; }
.sixcol{ width:  100%; }
#lateral_categoria2 { width: 100%; height: auto; }


/* ubermenu */

#megaMenu .sub-menu .wpmega-link-title  { font-size: 12px !important; color: #000 !important; }

#megaMenu {  margin-right: 10px; margin: 0px; margin-top: -55px;  z-index: 99999999999;   }
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 {  border: none; margin-top: 3px; text-align: center;background: #333;}

#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { opacity:1;filter:alpha(opacity=1); }
#megaMenu.megaResponsive ul.megaMenu li.menu-item .ss-colgroup > .ss-col, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-sidebar > .wpmega-nonlink > ul > li.widget { padding: 0px; width: 30%;}

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega { padding: 0px; margin: 0px; 
background-color: #63bee1;background: -webkit-linear-gradient(#63bee1, #45D4FF); /* For Safari */background: -o-linear-gradient(#63bee1, #45D4FF); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#63bee1, #45D4FF); /* For Firefox 3.6 to 15 */background: linear-gradient(#63bee1, #45D4FF); /* Standard syntax */;
  }
  
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 {padding-left: 15px;   border: none; padding-bottom: 5px; border: solid 1px #63bee1; text-align: center;
background-color: #63bee1;background: -webkit-linear-gradient(#63bee1, #45D4FF); background: -o-linear-gradient(#63bee1, #45D4FF); background: -moz-linear-gradient(#63bee1, #45D4FF); background: linear-gradient(#63bee1, #45D4FF);  
}

#megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg { /* background-color: #5CA4FF ;  menu CATEGORIES ??  */
background-color: #63bee1;background: -webkit-linear-gradient(#63bee1, #45D4FF); /* For Safari */background: -o-linear-gradient(#63bee1, #45D4FF); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#63bee1, #45D4FF); /* For Firefox 3.6 to 15 */background: linear-gradient(#63bee1, #45D4FF); /* Standard syntax */;
}

#megaMenu #megaMenuToggle { /* margin-left: 210px; */ } 
#megaMenu.megaResponsiveToggle ul.megaMenu:target { display: block !important;}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 { padding: 0px 0px 0px 0px;  /*separacio submenu items*/}

#megaMenu .ss-nav-menu-with-img img { float: none; width: 80%; height: 80%; /* imatges submenu */ }
#megaMenu ul.megaMenu li.menu-item h2.subTitol { font-size: 12px; color: #ccc;  /* text submeenu*/}
#megaMenu ul.megaMenu li.menu-item h2.subTitol2 { font-size: 12px; margin: 0px; padding: 0px; color: #ccc;  /* text submeenu*/}

#megaMenu.megaMenuHorizontal ul.megaMenu { padding-left: 0px; padding-top: 10px; /* separacio esquerra menu ppal*/ }


#megaMenu ul.megaMenu li.menu-item a{ padding-top: 10px !important;padding-bottom: 10px !important;  /* distància fins la fletxa, afecta al submenu */ }


/* uber categories*/


#megaMenu.megaResponsive ul.megaMenu li.menu-item .ss-colgroup > .ss-col, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item, #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-sidebar > .wpmega-nonlink > ul > li.widget { width: 100%; margin-bottom: 30px;  /* categoria. 1 sola columna al submenu */ }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup ul.sub-menu li.menu-item { /* subcategoria */  }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu li { height: 20px;  /* subcategoria */  }





}  /* max-width: 750pxdesactiva efectes per pantalles petites */














/******************************************************** 
				Per mobils de maxim 480   
********************************************************/


@media only screen and (max-width: 481px) {


/*.omsc-toggle { width:90% !important;  }*/



img.size-full {
   width:100% !important;
   max-width:100% !important;
   height: auto !important;

}

img.size-medium {
   width:100% !important;
   max-width:100% !important;
   height: auto !important;
}


body {  font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.sols-mobil { display: block !important;}
.amaga-movil { display: none !important;}  /* mòbil amb B ehh! */
.amaga-mobil { display: none !important;}  
.mostra-mobil { display: inline  !important;}  
.marge-top { margin-top: 32px;  }

#top-icones { padding-right: 35%; }

/* punts destacats */


.text-mini-destacat { padding: 20px; background: white;}

.threecol .filtres-menu { width: 100% !important; }


/* Guia menjar i dormir */



.foto_fitxa  { width: 50% !important; float: left !important;  height: 150px !important;  }
.div-ico { width: 100% !important; float: left; display: inline; font-size: 12px; }
.dades_fitxa, .dades_secundaries { padding-left: 10px; }

.col-municipi { width: 100% ;}
.col-filtres { width: 100% ;}
.foto-fitxa { width: 100%; height: 150px; background-color: #f5f5f5;  background-size: cover; background-position: center;margin: auto 0%;  }
.box-productes { margin-bottom: 0px; }
.tornar {margin-top: 70px;}


/*  castells */

.img-familia { width: 150%; margin-left: -25px;}

#menu-castells { z-index: 99; position: relative; left: auto; }
.text-personatge {clear: both; margin-left: 10px;}

.castells-personatge { margin-left: 5%;  width: 80%;}

p { margin: 0% 3% 0% 3% }



.img200  { width: 200% !important; height: 200% !important; max-width: 200% !important; 
 	left: 50%;
    margin-left: -100%;
    position: relative;
    width: auto !important;
    height: auto !important;

 }

.threecol 	{ width: 99%; }
.sixcol 	{ width: 99%; }
.twelvecol 	{ width: 99%; }

#inner-header { height: 55px;}


.header { height: 60px; position:relative; /* no fixa el top */ }
.footer { height: 40px; font-size: 16px; line-height: 1; position:relative; /* no fixa el top */}


#menu-lang {  display: none; 	  /* position: absolute; left: 50%; margin-top: -7px; z-index: 9999999999999999;     padding-top: 20px !important ; height: 65px; */ }

#megaMenu ul.megaMenu li.menu-item.um-above-480 { display:block; }

#megaMenu { padding-right: 10px; }
 



#menu-logo {	width: 35%; height: 60px;padding-left: 0px; left: 10px; 		 }
#menu-menu {   	width: 100%; height: 0px; padding-top: 0px; margin-top: 0px;  	 }
#menu-cerca {  /* width: 70%; height: 30px;  z-index: 999999999999; */ display: none;	}
#main { padding-top: 0px; }

#searchform {  /* display: none;  z-index: 999999999999; */ }

#logo-Anoia-Turisme { height: 90%; width: auto; }

#lang_sel_list.lang_sel_list_vertical li { width: 26px; overflow: hidden; }


.box250 {  height: auto; margin: 0%; padding: 0%; overflow: hidden; float: left; line-height: 0px; border: solid 1px white; 
/*  min-width: 250px;   */     }
.box500 { min-height: 60%; padding: 6% 4% 3% 6%; overflow: hidden; }
.boxText250 { min-height: 25%; padding: 6% 4% 3% 6%; overflow: hidden; }

.text { line-height: 20px;  }
.titol { font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.descripcio { font-size: 14px; margin-bottom: 10px;}
.web { font-size: 14px; margin-bottom: 10px; }


/* inici */

.banner1 { height: auto;}

.videoInici { overflow: hidden; width: 350px; max-height: 190px;  margin-top:-50px; position:relative;}

.banner7 dre { height: 300px; }
.banner7 img {  /* width: auto; margin-left: -150px; */ }

/* flex slider 1er */


.flex-caption { background: none; font-size: 14px; bottom: 70%; left: 10%; letter-spacing: 0px; line-height: 20px; text-shadow: 2px 2px 2px; #000; width: 70%;   /* */ }
.flexslider { height: auto; margin-top: 0px; }
.flexiLogo { position: absolute; top:44%; right: 20%; display: block !important; width: 30% !important; height: auto;  }  
.flexslider .slides img { max-width: 135% ; /* width: auto; */ height: 100% !important; /* max-height: 500px; height: 500px; width: auto; */ }
.flexslider .flexiLogo  { max-width: 35% !important; /* max-height: 500px; height: 500px; width: auto; */ }
.flexiLogo img { width: 10% !important; height: auto !important; max-width: 35% !important; }
.flexslider .flexiLogo img { width: 10% !important; height: auto !important; max-width: 35% !important; }

/*
amaga slider inici
.flex-caption  { display: none !important; }
.banner1 {  display: none !important; }
.banner2 { display: none !important; }

*/
.flexiLogo  { display: none !important; }
#logo-AT-categoria { display: none !important;  }

/* wooslider */

body .wooslider .wooslider-direction-nav { margin-top: -60px;}
.wooslider-control-paging li a { background-color: #777; box-shadow:  1px 1px 5px #fff; border: solid 1 px #fff;  }
.wooslider-control-paging li a.wooslider-active  { background-color: #fff; box-shadow:  1px 1px 2px #000; }
body .wooslider .slide-content { margin: 0px !important; width: 100%; height: auto;}
.wooslider { margin-top: -20px;}
body .wooslider.wooslider-type-slides img {  margin-left: 2px;} 
.wooslider-viewport { width: 600px;}


/* agenda i fitxa */

.main_fitxa { padding-top: 0px; }
#agenda_box { margin: 80px 5px; font-size: 10px; }
#table_agenda { width: 95%; font-size: 14px; }
#lateral_categoria { margin: 5px 2px 10px 2px; padding: 5px; height: auto;  }
#table { width: 95%; font-size: 14px; }
.flex-control-nav { bottom: 40px !important; }


.banner_cat_5 { width:100%; }
.banner_cat_6 { width:100%; }




/* categories */

.banner_cat_2 { min-height: 300px; padding: 20px;   }


/* google maps */

.wpgmza_map { width: 90% !important; height: 400px !important;  }
#wpgmza_filter_select { left: -70px;}
#main.mapas { padding-top: 0px; margin-top: -57px; }
.dataTables_wrapper { font-size: 12px;}




/* footer */
#content { padding-bottom: 0px; }




.pad-newsletter { padding: 5px;}



/* Rutes */

.Files_400_scroll { height: auto !important; overflow-y: scroll !important; overflow-x: scroll !important; }

.resum-rutes  {  padding-top: 35px !important;  }
.superText { font-size: 150%;}





/* PAQUETS TURISTICS */


.alt450 { height: auto; }

h1.fitxa-pack  { font-size: 24px;  width: 80%; line-height: 36px; padding: 10px; }
h2.fitxa-pack  { font-size: 18px; width: 95%; line-height: 36px;  padding: 10px; }


.pack-columna1 p {  line-height: 18px;  }




.box-negre p { line-height: 22px; }

.titol-gran { font-size: 300%; line-height:100%; width: 99%; margin-bottom: 10px;  }
.subtitol-gran { font-size: 180%; line-height:100%; width: 99%; margin-bottom: 30px; }




}	/******   final per mobils de maxim 480   *******************/



/******************************************************** 
				Per mobils vist horitzontals
*****************************************************/

@media only screen and (max-width: 681px) and (orientation : landscape)  {


.header { position:relative; /* no queda fixe */}
.footer { position:relative; }

#menu-logo {	width: 30%;  		 }

.flexslider { margin-top: 0px;}

}




@media only screen and (min-device-width: 768px) and (max-device-width: 1100px) { 
/*  detalls */


#megaMenu ul.megaMenu > li.menu-item > a { padding-right: 0px !important;  font-size: 80%; }

}