/*RESET CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; background:transparent }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
:focus { outline:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:'';}
section, header{ display: block; }
/*FI RESET CSS*/

/*:focus { outline:1px #2ecc71 dashed; }
*:focus { outline:1px #2ecc71 dashed; }*/

/* GENERAL Style */
body{ height: 100%; font-size:15px; outline:0; }
.clr{ clear: both; }
.none { display:none; }

/*HOLAAAA*/

#taulaGran {width:100%; overflow-x:auto;}

/* ---------------------------------  STRUCTURE MASTER  ---------------------------------------------------------------------- */
#Main { width:1238px; margin:0 auto; height:100%; }
#Main .Header { float:left; width:100%; height:110px; display:block; }  
#Main .Header .HeaderCont { float:left; padding:10px 20px 10px 20px; width:1198px; height:87px; } /* 110-20-3=87 */
#Main .Header .HeaderCont .logo { float:left; height:80px; width:395px; display:block; margin:3px 20px 0px 0px; overflow:hidden;  }
#Main .Header .HeaderCont .logo img {float:left; height:80px; width:395px; display:block; }

/* -- Header Search */
#Main .Header .HeaderCont .SearchCont { float:right; width:782px; position:relative; z-index:999; display:block; height:40px; }
#Main .Header .HeaderCont .SearchBttn {  float:right; width:auto; height:24px; padding:5px 5px 5px 10px; }
#Main .Header .HeaderCont .SearchBttn a i { margin-right:10px; }

#Main .Header .HeaderCont .SearchCont .SearchPopup { display:none; position:absolute; top:0px; right:53px;; z-index:999; padding:10px;}

/* -- Main Nav */
#Main .Header .HeaderCont .MainNav { float:right; width:573px; margin-right:20px; display: block; }
#Main .Header .HeaderCont .MainNav ul { width:573px; top:65px; position:absolute; z-index:888; display:block; visibility:visible; } /* 783 - 200 */
#Main .Header .HeaderCont .MainNav ul li { float: right; font-size:16px; margin-left:30px; text-transform:uppercase; }
#Main .Header .HeaderCont .MainNav ul li a, #Main .Header .HeaderCont .MainNav ul li a:hover {text-transform:uppercase;}
#Main .Header .HeaderCont .MainNav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item  { margin-right:0px; border:0px; }

#Main .Header .HeaderCont .MainNav .MobileBttn { display:none; width:24px; height:24px; padding:5px;}
#Main .Header .HeaderCont .MainNav .MobileBttn a { width:20px; height:20px; overflow:hidden; padding:4px; }
#Main .Header .HeaderCont .MainNav .MobileBttn a i {}

/* -- Login */
#Main .Header .HeaderCont .LoginCont { float:right; height:40px; position:relative; z-index:998; display:block; margin-top:7px; }
#Main .Header .HeaderCont .Login {  float:left; width:170px; height:24px; padding:5px 10px 5px 10px; }
#Main .Header .HeaderCont .Login a { width:170px; display:block; height:20px; overflow:hidden; text-overflow:ellipsis;  }
#Main .Header .HeaderCont .Login a i { margin-right:10px; width:15px; }
#Main .Header .HeaderCont .LoginCont .LoginPopup { display:none; position:absolute; top:35px; right:0; z-index:999; padding:0px 30px 20px 30px; }
#Main .Header .HeaderCont .LoginCont .LoginPopup .NoLogged { }
#Main .Header .HeaderCont .LoginCont .LoginPopup .NoLogged .FormCont {float:left; width:100%; height:auto; overflow:hidden; padding-bottom:10px;  }
#Main .Header .HeaderCont .LoginCont .LoginPopup .Logged .FormCont {float:left; width:100%; height:auto; overflow:hidden; padding-bottom:10px;  }
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormCont { float:left; width:100%; margin-top:20px;}
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormCont .FormCol{ float:left; width:100%; }
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormCont .FormCol .inputcont { width:290px; height:37px; margin:0px 10px 10px 0px; }
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormCont .FormCol .inputcont .inputicon { float:left; width:30px; height:27px; padding:5px; text-align:center;}
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormCont .FormCol .inputcont .inputicon i {}
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormCont .FormCol input { float:left; width:248px; height:17px; padding:10px 0px 10px 0px; border:0px; }
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormCont .FormCont textarea { float:left; border:0px;  }

#Main .Header .HeaderCont .LoginCont .LoginPopup .FormButtons { float:left; width:100%; margin-top:20px; }
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormButtons input { border:0px; min-width:105px; float:right; height:34px; padding:5px 10px 5px 10px; font-size:14px; }


#Main .Header .HeaderCont .LoginCont .LoginPopup .FormActions { float:left; width:100%; margin-top:20px;}
#Main .Header .HeaderCont .LoginCont .LoginPopup .FormActions a { margin-left:10px;} 

#Main .Header .HeaderCont .LoginCont .LoginPopup ul.LoginLinks { float:left; width:100%; }
#Main .Header .HeaderCont .LoginCont .LoginPopup ul.LoginLinks li { float:left; margin-top:20px; display:block; } 
#Main .Header .HeaderCont .LoginCont .LoginPopup ul.LoginLinks li .Txt { float:left; }
#Main .Header .HeaderCont .LoginCont .LoginPopup ul.LoginLinks li a { clear:both; float:left; min-width:180px; }

/* -- Footer */
#Main .Footer { float:left; width:1238px; height:55px; margin:20px 0px 20px 0px; }
#Main .Footer .FooterCont { float:left; width:1198px; height:12px; padding:20px; margin-bottom:2px; }
#Main .Footer .FooterCont ul { float:left; width:798px; }
#Main .Footer .FooterCont ul li { float:left; margin-right:20px; }
#Main .Footer .FooterCont .copy { float:left; width:400px; text-align:right; }

/* ---------------------------------  LAYOUTS  ---------------------------------------------------------------------- */
/* for firefox */ #Main .Page { clear:both; }
#Main .Page { width:1238px; margin:0 auto; height:100%; }
#Main .LeftCont { float:left; width:903px; margin-right:30px; }
#Main .Sidebar { float:left; width:305px; }

/* ---------------------------------  LAYOUT HOME NO LOGGED ---------------------------------------------------------------------- */
/* -- Banner */
#Main .Banner { float:left; width:1238px; height:420px; position:relative; overflow:hidden; } /*review overlay */
#Main .Banner .SearchZone { position:absolute; top:30px; left:0px; width:630px; height:298px; z-index:888; overflow:hidden; display:block; padding:20px;   } /* review mides */
#Main .Banner .BannerImg { position:absolute; left:0px; top:0px; z-index:111; }
#Main .Banner .SearchZone h1 { float:left; width:145px; font-size:24px; height:50px; }
#Main .Banner .SearchZone ul.formoptions { float:left; width:485px; height:40px; padding:10px 0px 0px 0px; }
#Main .Banner .SearchZone ul.formoptions li { float:left; width:auto; height:25px; padding-bottom:5px; display:block; margin-right:20px; }
#Main .Banner .SearchZone ul.formoptions li.selected { height:22px; }
#Main .Banner .SearchZone ul.formoptions a { height:25px; display:block; width:100%;}
#Main .Banner .SearchZone ul.formoptions a:hover { text-decoration:none; }
#Main .Banner .SearchZone ul.formoptions a i {margin-right:10px; }
#Main .Banner .SearchZone ul.formoptions li:hover a { text-decoration:none; }
#Main .Banner .SearchZone fieldset { float:left; width:630px; }
#Main .Banner .SearchZone ul.formset { float:left; width:630px; margin-top:10px; }
#Main .Banner .SearchZone ul.formset li { float:left; width:100%; height:35px; margin-bottom:20px; }
#Main .Banner .SearchZone ul.formset li label { float:left; width:140px; font-size:18px; height:29px; padding:3px 0px 3px 0px; margin-left:5px; }
#Main .Banner .SearchZone ul.formset li input { float:left; height:27px; padding:3px 5px 3px 5px; font-size:14px;}
#Main .Banner .SearchZone ul.formset li select::-ms-expand { display: none; }
#Main .Banner .SearchZone ul.formset li .SelectDate select { width:175px; height:27px; padding:3px 35px 3px 5px; font-size:14px; line-height:1; border:0; border-radius:0; background:transparent; 
-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
appearance: none;
}
#Main .Banner .SearchZone ul.formset li .SelectDate {float:left; height:33px; width:147px; overflow:hidden; border:1px solid #fff; margin-right:20px; }
#Main .Banner .SearchZone ul.formset li .SelectTopic select { width:348px; height:27px; line-height:1; padding:3px 35px 3px 5px; font-size:14px; border:0; border-radius:0; background:transparent; 
-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
appearance: none;
}
#Main .Banner .SearchZone ul.formset li .SelectTopic {float:left; height:33px; width:320px; overflow:hidden; margin-right:20px; }
#Main .Banner .SearchZone .SearchBttn { float:right; width:auto; height:24px; padding:5px 10px 5px 10px;}
#Main .Banner .SearchZone .SearchBttn i { margin-right:10px; }

/* -- Num Ultim BOPA */
.slideinfo { z-index:777; position:absolute; top:30px; right:20px; height:200px; width:285px; }
.slideinfo .new { float:left; width:94%;  padding:3%; font-size:18px; }
.slideinfo .num { float:left; width:100%; }
.slideinfo .num a{ float:left; width:100%; height:100%; display:block; font-size:36px; text-align:center; }
.slideinfo .num strong { font-weight:normal; font-size:100px; }
.slideinfo .slidelink { float:left; font-size:18px; width:94%; padding:3%; } 
.slideinfo a.slidelink:hover { text-decoration:none; }
.slideinfo a.slidelink:visited { text-decoration:none; }
.slideinfo .slidelink i { float:right;}
.slideinfo .bopatools ul.DowloadOptions { float:left;  width:284px; height:45px; background: #ffffff;}     
.slideinfo .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:5px 0px 5px 10px; display:block; position:relative;}
.slideinfo .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
.slideinfo .bopatools ul.DowloadOptions li a.mail { text-align:center; }
.slideinfo .bopatools ul.DowloadOptions li a.mail i { margin:8px;}




/* -- Did you know */
.Didyouknow { float:left; width:903px; height:auto; overflow:hidden; margin-top:20px; }
.Didyouknow .KnowCont { float:left; width:863px; padding:20px; }
.Didyouknow .KnowCont h2 { float:left; width:100%; font-size:30px; margin-bottom:20px; }
.Didyouknow .KnowCont ul li { font-size:18px; line-height:20px; }
.Didyouknow .KnowCont ul li strong { font-size:24px; font-style:normal; font-weight:normal; }
.Didyouknow .KnowCont ul li em { font-style:normal; }
.Didyouknow .KnowFooter { float:left; width:100%; height:40px; text-align:right; }
.Didyouknow .KnowFooter a { font-size:18px; padding:10px 0px 10px 10px; }
.Didyouknow .KnowFooter a i { height:20px; width:20px; text-align:center; padding:10px; margin-left:10px;}
.Didyouknow .KnowFooter a:hover { text-decoration:underline; }
.Didyouknow .KnowFooter a:hover i { text-decoration:none; }

/*-- Adv */
.Adv { float:left; width:903px; height:auto; overflow:hidden; position:relative; margin-top:20px;}
.Adv .AdvTxt { float:left; width:863px; padding:20px; position:absolute; z-index:999; top:25%; right:20px;  } 
.Adv .AdvTxt h2 { float:right; height:auto; font-size:18px; text-transform:uppercase; padding:10px;   } 
.Adv .AdvTxt h3 { clear:both; float:right; height:auto; font-size:18px; padding:10px;  } 
.Adv .AdvImage { position:relative; top:0px; left:0px; z-index:111; width:903px; height:215px; } 

/*-- Twitter */
.Twitter { float:left; display:block; margin-top:20px; }
.TopHeader { height:30px; padding:10px 20px 10px 20px; font-size:20px; }
.TopHeader i { margin-right:10px; }
.TwitterCont { float:left; width:265px; padding:10px 20px 10px 20px; min-height:328px;}
.TwitterCont ul { float:left; width:100%; }
.TwitterCont ul li { float:left; width:100%; padding:10px 0px 10px 0px; }
.TwitterCont ul li:last-child { border-bottom:0px; }
.TwitterCont ul li a { float:left; width:100%; }
/*-últims 3 bops-*/
    #slides .slidesjs-navigation {
      margin-top:5px;
    }

	#bannerUltimsBopa .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }
    #bannerUltimsBopa .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }
    #bannerUltimsBopa .slidesjs-slide{
		left:initial !important;
    } 
    #bannerUltimsBopa .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/Style%20Library/BOPA/images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
      z-index: 1000;
    }
    #bannerUltimsBopa .slidesjs-pagination li a.active{
      background-position: 0 -13px
    }

/*--*/


/* ---------------------------------  LAYOUT HOME LOGGED ---------------------------------------------------------------------- */
/* -- Columns */
.container { float:left; width:1238px; padding:0px; margin:0px 0px 20px 0px; display:block;}
.container .column { float:left; display:inline; margin-right:25px; }
.container .last { margin-right:0px; }
.container .four { width:290px; } 
.container .three { width:396px; }

/* -- hightlight (old menu ) */
.container .ca-img {  float:left; width:100%; height:auto; overflow:hidden; }
.container .ca-img img {  float:left; width:100%; height:auto; 
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}
.container .ca-img:hover img {  
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear
}

/* -- estructura meu bopa */
.container .three .ca-content { float:left; width:364px; padding:16px; text-align:center; overflow:hidden; height:130px;   }
.container .four .ca-content { float:left; width:258px; padding:16px; text-align:center; overflow:hidden; height:130px;   }
.container .ca-content h2 { float:left; width:100%; } 

.container .SectionHeader { width:100%; height:52px; margin-bottom:10px; margin-top:20px;}
.container .SectionHeader .icon { float:left; text-align:left; width:374px; height:32px; padding:10px; }
.container .SectionHeader .icon i { font-size:24px; margin:0px 10px 0px 0px; }
.container .SectionHeader .tools { float:right;  height:42px; width:52px; padding:10px 0px 0px 0px; text-align:center;  }

.container .cau-content { float:left; width:364px; padding:16px; overflow:hidden; min-height:300px;   }
.container .cau-options { float:left; width:364px; padding:16px; text-align:right; }

/* -- Les meves alertes */
.container .cau-content ul.items { float:left; width:364px; display:block; }
.container .cau-content ul.items li { float:left; width:364px; margin-bottom:10px; }
.container .cau-content ul.items li a { float:left; width:364px; height:37px; }
.container .cau-content ul.items li .Num { float:left; width:12px; padding:10px; height:17px; font-size:18px; }
.container .cau-content ul.items li .Txt { float:left; width:257px; padding:10px; height:17px; font-size:16px; } /* 364 - 52 - 35 - 20 = 257  */
.container .cau-content ul.items li .arrow { float:left; width:15px; padding:0px 10px 10px 10px; font-size:30px;  }

/* -- Les meves cerques, els meus articles */
.cau-content .itemsmenu, .cau-content .itemsmenu ul, .cau-content .itemsmenu li, .itemsmenu a { margin:0; padding:0; border:0; list-style:none; 
font-weight: normal; text-decoration:none; line-height:1;  }
.cau-content .itemsmenu { float:left; width:364px; display:block; overflow:hidden; }
.cau-content .itemsmenu ul { float:left; width:364px; margin-bottom:15px; }
.cau-content .itemsmenu > ul > li > a.itemtitle { display:block; }
.cau-content .itemsmenu > ul > li > a:hover { text-decoration: none; }

.cau-content .itemsmenu ul li { float:left; width:364px; min-height:42px; margin-bottom:10px;  }
.cau-content .itemsmenu ul li a.itemtitle { float:left; width:322px; cursor:pointer; } /* 364 - 42 = 322 */
.cau-content .itemsmenu ul li a.itemtitle i { float:left; width:52px; }
.cau-content .itemsmenu ul li.has-sub a.itemtitle i.fa-plus { margin:0px 10px 10px 0px; height:22px; width:22px; text-align:center; padding:7px 5px 3px 5px;  }
.cau-content .itemsmenu ul li.active a.itemtitle i.fa-minus { margin:0px 10px 10px 0px; height:22px; width:22px; text-align:center; padding:7px 5px 3px 5px;  }

.cau-content .itemsmenu ul li.has-sub a.itemview { float:left; font-size:30px;  width:32px; height:22px; padding:3px 5px 12px 5px; text-align:center; display:block; cursor:pointer; }

.cau-content .itemsmenu ul li a.itemtitle h4 { float:left; width:260px; margin-right:10px; padding-top:5px;   }

.cau-content .itemsmenu ul li .tools { float:left; height:32px; width:32px; padding:10px; } 
.cau-content .itemsmenu ul li .tools a.itemremove { float:left; height:22px; width:22px; text-align:center; padding:5px; }

.cau-content .itemsmenu ul ul { float:left; display: none; margin-bottom:0px; }
.cau-content .itemsmenu ul ul li { float:left; width:90%; padding:5%; }


/* ---------------------------------  LAYOUT TOTS ELS BUTLLETINS I TOTS ELS DOCUS ---------------------------------------------------------------------- */
/* -- PageHeader */
.Page .PageHeader  { float:left; width:1238px; height:34px; padding:3px 0px 3px 0px; }
.Page .PageHeader .DocumentTools { float:right; width:400px; height:34px; }
.Page .PageHeader .DocumentTools .LblTxt { float:right; height:24px; padding:5px 0px 5px 0px; }
.Page .PageHeader .DocumentTools ul.DownloadOptions { float:right; height:34px; padding:0px 10px 0px 10px;  }     
.Page .PageHeader .DocumentTools ul.DownloadOptions li { float:left; width:34px; margin-left:10px; }
.Page .PageHeader .DocumentTools ul.DownloadOptions li a { float:left; height:34px; width:34px; }
.Page .PageHeader .DocumentTools ul.DownloadOptions li a.mail { text-align:center; }
.Page .PageHeader .DocumentTools ul.DownloadOptions li a.mail i { margin:8px;}
.Page .PageHeader .DocumentTools .Separator { float:right; width:3px; height:34px; }

.Page .PageHeader .DocumentTools ul.DocumentViews { float:right; height:34px; margin-left:10px; }
.Page .PageHeader .DocumentTools ul.DocumentViews li { float:left; }
.Page .PageHeader .DocumentTools ul.DocumentViews a { float:left; height:34px;}
.Page .PageHeader .DocumentTools ul.DocumentViews a i { float:left; height:24px; width:34px; background:#293036; padding:5px 0px 5px 0px; text-align:center; font-size:20px; margin-right:10px; }

/* Breadcrumb asp:sitemappath  */
.Page .PageHeader .Breadcrumb { float:left; width:800px; height:60px; }
.Page .PageHeader .Breadcrumb span {float:left; width:auto;  } 


.Page .PageHeader .Breadcrumb .rootNodeStyle { float:left; width:20px; height:20px; overflow:hidden; }
.Page .PageHeader .Breadcrumb .pathSeparatorStyle { float:left; width:8px; height:20px; overflow:hidden;  }
.Page .PageHeader .Breadcrumb .nodeStyle { padding:0px 5px 0px 5px;}
.Page .PageHeader .Breadcrumb .currentNodeStyle { max-width:350px; height:20px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right:20px;}
.Page .PageHeader .docpage { float:left; width:950px; height:60px; }
.Page .PageHeader .docpage .currentNodeStyle { width:750px;}

/* -- PageSidebar  */
.Page .PageSidebar { float:left; width:100%; }
.Page .PageSidebar .sidebar { float:left; width:290px; }
.Page .PageSidebar .containerRight { display:block; height:100%; overflow:hidden; min-height:750px; }
/*.PageSidebar .menulist { float:left; width:290px; background:#3b4551; margin:0px; }*/

/* -- Menu Style  */
.PageSidebar .itemsmenu, .PageSidebar .itemsmenu ul, .PageSidebar .itemsmenu li, .itemsmenu a { margin:0; padding:0; border:0; list-style:none; 
font-weight: normal; text-decoration:none; line-height:1; /*font-size: 1em; position: relative;*/ }
.PageSidebar .itemsmenu { width:290px; }
.PageSidebar .itemsmenu > ul > li > a.itemtitle { font-size:16px; font-family: 'opensanslight',Arial, Helvetica, sans-serif; /*font-size: .9em;*/ display:block; }
.PageSidebar .itemsmenu > ul > li > a:hover { text-decoration:none; }
.PageSidebar .itemsmenu ul li { float:left; width:290px; min-height:32px; margin-bottom:10px; }
.PageSidebar .itemsmenu ul li a.itemtitle { float:left; width:290px; line-height:20px;  }
.PageSidebar .itemsmenu ul li a.itemtitle i { float:left; width:52px; }
.PageSidebar .itemsmenu ul li.has-sub a.itemtitle i.fa-plus { height:22px; width:22px; text-align:center; padding:5px; }

/* --- years */
.PageSidebar .itemsmenu ul li a.itemtitle h2 { float:left; width:228px; margin-right:10px; padding:5px 0px 5px 10px; font-size:16px; }
/* --- categories */
.PageSidebar .itemsmenu ul li a.itemtitle h3 { float:left; width:228px; margin-right:10px; padding:5px 0px 5px 10px; font-size:16px; }

.PageSidebar .itemsmenu ul ul { float:left; display: none; margin-bottom:0px; }
.PageSidebar .itemsmenu ul ul li { float:left; font-size:15px; min-height:32px; margin:10px 0px 0px 0px;  }
.PageSidebar .itemsmenu ul ul li a {float:left; width:290px; min-height:32px; }
.PageSidebar .itemsmenu ul li.has-sub ul li i.fa-caret-right { float:left; height:22px; width:22px; text-align:center; padding:5px; margin:0px 10px 0px 0px; } 

/* --- months*/
.PageSidebar .itemsmenu ul li.has-sub ul li .month { float:left; width:228px; margin-right:10px; padding:5px 0px 5px 10px; font-size:16px;} 
/* --- subcategory */
.PageSidebar .itemsmenu ul li.has-sub ul li h4 { float:left; width:228px; margin-right:10px; padding:5px 0px 5px 10px; font-size:16px; } 

/* --- Isotope Filtering  */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* --- Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/* --- disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* --- disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* --- bopa extra ---*/
.BopaExtra
{
	float: left;
	background-color: #16a085;
	color: white;
	height: 16px;
	width: 34px;
	font-size: 11px;
	text-align: center;
	margin-bottom: 12px;
}

.ButlettiText
{
}

.covers .ButlettiText{
	padding-top: 50px;
}

.covers-list .ButlettiText{
	padding-top: 15px;
}


/* --- Isotope styles */
/* required for containers to inherit vertical size from window */
/*html, body { height: 100%; } si ho actives desapareix scroll*/
/* 1238 - 290 = 948px ; */
.containerRight { float:left; padding:10px 0px 15px 0px; width:948px; display:block; height:100%; overflow:hidden; }
/* ---- squareelements */
.squareelements .bopart { width:300px; height:335px; margin:8px 0px 8px 15px; float:left; overflow:hidden; position:relative;  }
.squareelements .bopart * { position: absolute; margin: 0;}

.squareelements .bopart .bopartcont { width:300px; margin-top:5px; height:330px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}
.squareelements .bopart .bopartcont .date { font-size:14px; top:10px; left:10px; }
.squareelements .bopart .bopartcont blockquote { font-size:16px; top:50px; padding:10px; width:280px; height: 160px; overflow:hidden;}
.squareelements .bopart .bopartcont blockquote a { width:inherit; }
.squareelements .bopart:hover .bopartcont { cursor:pointer; }
.squareelements .bopart .bopartcont .categoria { height:40px; width:280px; padding:5px 10px 5px 10px; bottom:50px; color:#fff; }
.squareelements .bopart .bopartcont .subcategoria { min-height:40px; width:280px; padding:5px 10px 5px 10px; bottom:0px; }
.squareelements .bopart .bopartcont .fav { height:23px; width:23px; padding:8px; font-size:20px; right:0px; cursor:pointer; }
.squareelements .bopart .subcategoria a { float:left; width:270px; padding-left:10px; cursor:default; }

/* ---- listelements */
.listelements .bopart { width:918px; height:105px; margin:8px 0px 8px 15px; float:left; overflow:hidden; position:relative; }
.listelements .bopart * { position: absolute; margin: 0;}
.listelements .bopart .bopartcont { float:left; width:913px; margin-left:5px; height:105px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}
.listelements .bopart .bopartcont .date { float:left; width:65px; height:45px; font-size:12px; padding:10px; text-align:center; display:block; left:10px;}
.listelements .bopart .bopartcont blockquote { float:left; font-size:16px; padding:5px; width:753px; left:100px; height: 63px; overflow:hidden;}
.listelements .bopart:hover .bopartcont {cursor:auto; }
.listelements .bopart .bopartcont .categoria { float:left; padding:5px 10px 5px 10px; width:425px; font-size:12px; height:15px; bottom:0px; }
.listelements .bopart .bopartcont .subcategoria { float:left; padding:5px 10px 5px 10px; width:447px; font-size:12px; height:15px; bottom:0px; left:445px; }
.listelements .bopart .bopartcont .fav { height:23px; width:23px; padding:8px; font-size:20px; right:0px; cursor:pointer; }

/* ---- covers */
.covers .bopart { width:300px; height:315px; margin:8px 0px 8px 15px; float:left; overflow:hidden; position:relative; }
.covers .bopart * { position: absolute; margin: 0;}
.covers .bopart .bopartcont { width:300px; margin-top:0px; height:335px; 
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}
.covers .bopart .bopartcont .cover { float:left; width:300px; height:206px; overflow:hidden; }
.covers .bopart .bopartcont .cover a {width:300px; height:206px; }
.covers .bopart .bopartcont .cover img { float:left; width:300px; height:206px; 
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear

}
.covers .bopart .bopartcont .cover a:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear
}
.covers .bopart .bopartcont .cover .Num { right:0px; bottom:0px; height:45px; width:75px; padding:5px; }
.covers .bopart .bopartcont .cover .Num span { bottom:10px;}
.covers .bopart .bopartcont .cover .Num strong { font-size:26px; bottom:7px; left:35px; text-align:center; width:50px;}
.covers .bopart .bopartcont .bopatitle { height:25px; width:280px; padding:10px; top:206px; }
.covers .bopart .bopartcont .bopatitle a { text-decoration:none; }
.covers .bopart .bopartcont .bopatools { height:40px; width:300px; top:252px; }

.covers .bopart .bopartcont .bopatools ul.DowloadOptions { float:left;  width:300px; height:54px; }     
.covers .bopart .bopartcont .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:10px 0px 10px 10px; display:block; position:relative;}
.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail { text-align:center; }
.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail i { margin:8px;}

/* ---- covers list */
.covers-list .bopart { width:965px; height:45px; margin:8px 0px 8px 15px; float:left; overflow:hidden; position:relative; }
.covers-list .bopart * { position: absolute; margin: 0;}
.covers-list .bopart .bopartcont { float:left; width:960px; margin-left:5px; height:65px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}
.covers-list .bopart .bopartcont .cover a {display:none; }
.covers-list .bopart .bopartcont .cover .Num { /*right:0px; bottom:0px;*/ height:45px; width:65px; padding:5px; } 
.covers-list .bopart .bopartcont .cover .Num span { float:left; }
.covers-list .bopart .bopartcont .cover .Num strong { left:45px; }
.covers-list .bopart .bopartcont .bopatools { display:block; margin-left: 92%; }
.covers-list .bopart .bopartcont .bopatools .DowloadOptions .pdf img {background-color:rgb(193, 30, 7); margin-top:5px;}
.covers-list .bopart .bopartcont .bopatitle { float:left; font-size:16px; padding:5px; width:880px; left:85px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}

/* ---------------------------------  LAYOUT ARTICLE ---------------------------------------------------------------------- */
#articlecont  { float:left; padding:10px 0px 15px 10px; width:980px; display:block; height:100%; overflow:hidden; /*min-height:300px;*/ }  /* 15px left */

.articletxt .bopart { float:left; width:925px; height:auto; margin:8px 0px 8px 15px; float:left; overflow:hidden; display:block;}
.articletxt .bopart .bopartcont { width:925px; margin-top:5px; height:auto; overflow:hidden; }
.articletxt .bopart .bopartcont .date { font-size:14px; float:left; width:100%; margin:10px; }
.articletxt .bopart .bopartcont blockquote { font-size:16px; float:left; width:895px; padding:10px;}
.articletxt .bopart .bopartcont .downloadarticle { float:left; margin:10px; width:885px; padding:10px; font-size: 14px;}
.articletxt .bopart .bopartcont .downloadarticle ul { float:left; height:34px; }     
.articletxt .bopart .bopartcont .downloadarticle ul li { float:left; width:auto; margin-left:10px; }
.articletxt .bopart .bopartcont .downloadarticle ul li a { float:left; height:34px; width:34px; }
.articletxt .bopart .bopartcont .downloadarticle ul li a.mail { text-align:center;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.mail i { margin:8px 0px 0px 0px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.txt { float:left; width:auto; padding:10px; }
.articletxt .bopart .bopartcont .downloadarticle ul li a.print { text-align:center; background-color: rgb(59, 69, 81);}
.articletxt .bopart .bopartcont .downloadarticle ul li a.print i { margin:8px 0px 0px 0px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.print img { height: 35px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.ePUB{ text-align:center; background-color: rgb(59, 69, 81);}
.articletxt .bopart .bopartcont .downloadarticle ul li a.ePUB i { margin:8px 0px 0px 0px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.ePUB img { height: 35px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.XML{ text-align:center; background-color: rgb(59, 69, 81);}
.articletxt .bopart .bopartcont .downloadarticle ul li a.XML i { margin:8px 0px 0px 0px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.XML img { height: 35px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.word{ text-align:center; background-color: rgb(59, 69, 81);}
.articletxt .bopart .bopartcont .downloadarticle ul li a.word i { margin:8px 0px 0px 0px;}
.articletxt .bopart .bopartcont .downloadarticle ul li a.word img { height: 25px;margin-top:5px;}


.articletxt .bopart .bopartcont .categoria {  float:left; width:945px; height:40px; padding:5px 10px 5px 10px; bottom:50px; }
.articletxt .bopart .bopartcont .subcategoria { float:left; width:945px; min-height:40px;  padding:5px 10px 5px 10px; bottom:0px; }

.articletxt .bopart .bopartcont .articfav { width:923px; position:absolute; }
.articletxt .bopart .bopartcont .articfav .fav { position:absolute; height:23px; width:23px; padding:8px; font-size:20px; right:0px; cursor:pointer; }

.articletxt .bopart .subcategoria ul li a { cursor:default; }

.articletxt .doccontent { float:left; width:905px; padding:10px; height:auto; margin:8px 0px 8px 15px; float:left; overflow:hidden; display:block; }
.articletxt .doccontent .invisible { display: none;}
.articletxt .doccontent p { float:left; width:100%; margin-bottom:10px; line-height:24px;  } 
.articletxt .doccontent table { clear:both;	float:left;}
.articletxt .doccontent table, .articletxt .doccontent td, .articletxt .doccontent th { border-collapse:collapse; padding: 2px 10px 2px 10px; }


/* ---------------------------------  DOCUS NEW ELEMENTS ---------------------------------------------------------------------- */
/* -- menuTabs */
.PageSidebar .menuTabs { float:left; height:45px; width:100%; margin-bottom:10px; }
.PageSidebar .menuTabs ul { float:left; height:45px; width:100%;}
.PageSidebar .menuTabs ul li { float:left; width:50%; text-align:center; height:45px; }
.PageSidebar .menuTabs ul li a { width:100%; padding:10px 0px 10px 0px; height:25px; display:block; }
.PageSidebar .menuTabs ul li a i { margin-right:10px; display:inline; }
.PageSidebar .menuTabs ul li a h2 { display:inline; font-size:15px;}

/** -- menutabs mini */
.PageSidebar .menuTabsMobile { display: none; }
.PageSidebar .TancaCategories { display: none; }


/* -- Date Range */
.PageSidebar .sidebar .DateRange { float:left; width:290px; padding-bottom:20px;   }
.PageSidebar .sidebar .DateRange .DateRangeCont { position:relative; float:left; width:270px; padding:10px; display:block; overflow:hidden; }

.PageSidebar .sidebar .DateRange label { float:left; width:25px; margin:0px 5px 0px 0px; font-size:12px; }
.PageSidebar .sidebar .DateRange input { float:left; width:80px; padding:5px; border:0px; margin:0px 5px 20px 0px; }
.PageSidebar .sidebar .DateRange .longlbl { clear:both; float:left; width:100%; margin-right:0px; margin-bottom:5px; }
.PageSidebar .sidebar .DateRange input.longinput { float:left; width:262px; padding:5px; border:0px; margin:10px 0px 20px 0px; }

.PageSidebar .sidebar .DateRange .BOPADates { float:left; width:270px; }
.PageSidebar .sidebar .DateRange .BOPADates label { float:left; width:auto; margin:5px 5px 0px 0px; font-size:12px; }
.PageSidebar .sidebar .DateRange .BOPADates input { float:left; width:80px; padding:5px; border:0px; margin:0px 5px 20px 0px; }

/* -- Old search exact/checkbox
.PageSidebar .sidebar .DateRange .DateRangeCont .SearchExact { position:absolute; top:10px; right:20px; width:150px;  }
.PageSidebar .sidebar .DateRange .DateRangeCont .SearchExact input { float:left; background:transparent; width:auto; padding:0px; margin:0px; border:0px;  }
.PageSidebar .sidebar .DateRange .DateRangeCont .SearchExact input.GreenCheck { float:right; margin-right:5px; height:14px; width:14px; padding:3px; color:#366; }
.PageSidebar .sidebar .DateRange .DateRangeCont .SearchExact label { float:right; color:#fff; font:12px; width:auto; padding-top:3px; }
*/
.PageSidebar .sidebar .DateRange .DateRangeCont .SearchExact { position:absolute; top:10px; right:0px; width:180px;  }
.PageSidebar .sidebar .DateRange .DateRangeCont .SearchExact .SelectSortby select { width:198px; height:20px; line-height:1; padding:0px 35px 0px 3px; font-size:12px; border:0; border-radius:0; background:transparent; 
-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
appearance: none;
}
.PageSidebar .sidebar .DateRange .DateRangeCont .SearchExact .SelectSortby {float:left; height:23px; width:170px; overflow:hidden; }

.PageSidebar .sidebar .DateRange .RangeOptions { clear:both; float:left; width:270px; display:block; }
.PageSidebar .sidebar .DateRange .RangeOptions .GreenBttn { float:right; width:auto; height:24px; padding:5px 10px 5px 10px; margin:0px 5px 0px 5px;}
.PageSidebar .sidebar .DateRange .RangeOptions .GreenBttn i { margin-right:5px; }

/* --  Go back */
.PageSidebar .sidebar .GoBack { float:left; width:305px; color:#111; padding-bottom:20px; }
.PageSidebar .sidebar .GoBack a { float:left; width:305px; height:34px;}
.PageSidebar .sidebar .GoBack a i { float:left; height:24px; width:34px; padding:5px 0px 5px 0px; text-align:center; font-size:20px; margin-right:10px; }
.PageSidebar .sidebar .GoBack a span { float:left; height:24px; padding:5px 0px 5px 0px; }

/* ---------------------------------  OTHER LAYOUTS ---------------------------------------------------------------------- */
/* - PageMain */ 
.Page .PageMain { float:left; width:1158px; padding:40px; min-height:400px; margin:2px 0px 5px 0px; } /* 1238 - 80 = 1158 */  
.Page .PageMain p { margin-bottom:10px; line-height:24px; } 
.Page .PageMain strong { font-weight:bold; }
.Page .PageMain h2 { font-size:18px; margin:10px 0px 10px 0px; } 
.Page .PageMain ul { margin:10px 0px 20px 10px; list-style-position:inside; list-style-type:disc; padding-left:10px; }
.Page .PageMain ul li { margin-bottom:10px; }
.Page .PageMain ol { margin:10px 0px 20px 10px; list-style-position:inside; list-style-type:decimal; padding-left:10px; }
.Page .PageMain ol li { margin-bottom:10px; }

.Page .PageTitle { float:left; width:1198px; padding:5px 20px 5px 20px; margin-bottom:10px;}
.Page .PageTitle h1 { font-size:20px; }


/* - Know Quotes  */
.Page .PageMain ul#KnowQuotes { float:left; width:100%; list-style:none; }
.Page .PageMain ul#KnowQuotes li { font-size:18px; line-height:20px; }
.Page .PageMain ul#KnowQuotes li strong { font-size:24px; font-style:normal; font-weight:normal; }
.Page .PageMain ul#KnowQuotes li em { font-style:normal; }

/* - FAQS */
.Page .PageMainNoBG { float:left; width:1238px; margin:2px 0px 5px 0px; }  
.Page .FAQ { }
.Page .FAQList { float:left; width:1238px; margin-top:10px; display:block;  }
.Page .FAQList ul { float:left; width:1158px; padding-left:40px; }
.Page .FAQList ul li.Question { float:left; list-style-position: outside; list-style-type:decimal; margin-bottom:20px; }
.Page .FAQList ul li.Question h2 { font-size:14px; }
.Page .FAQList ul li.Question ul { float:left; width:1138px; margin-right:20px; }
.Page .FAQList ul li.Question ul li.Answer { list-style:none; width:1000px; padding:20px 20px 20px 0px; margin-top:10px; margin-bottom:20px; overflow:hidden; }
.Page .FAQList ul li.Question ul li.Answer i { float:left; width:20px; height:20px; padding:10px; color:#fff; text-align:center; margin-right:10px; }
.Page .FAQList ul li.Question ul li.Answer .AnswerTxt { float:left; width:950px; }

/* - Form */
.Page .PageMain .FormCont { float:left; width:600px; }
.Page .PageMain .FormCont .FormCol{ float:left; width:300px; }
.Page .PageMain .FormCont .FormCol .inputcont { width:290px; height:37px; margin:0px 10px 10px 0px; }
.Page .PageMain .FormCont .FormCol .inputcont .inputicon { float:left; width:30px; height:27px; padding:5px; text-align:center; }
.Page .PageMain .FormCont .FormCol input { float:left; width:248px; height:17px; padding:10px 0px 10px 0px; border:0px; }
.Page .PageMain .FormCont .FormCont textarea { float:left; border:0px;  }

.Page .PageMain .FormButtons { float:left; width:100%; margin-top:30px; }
.Page .PageMain .FormButtons input { height:40px; border:0px; min-width:300px; padding:0px 5px 0px 5px; }

.Page .PageMain .FormActions { float:left; width:100%; margin-top:20px;}
.Page .PageMain .FormActions a { margin-left:10px;}

/* -- Magnificent Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* - Contacto */
.Page .PageMain .Col50 { float:left; width:50%; }
.Page .PageMain .Col50 ul.contact { list-style:none; padding-left:20px; }
.Page .PageMain .Col50 ul.contact li { list-style-position:outside; }
.Page .PageMain .Col50 ul.contact li.envelope:before{ margin-right:10px; }
.Page .PageMain .Col50 ul.contact li.phone:before{ margin-right:10px; }
.Page .PageMain .Col50 ul.contact li.home:before{ margin-right:10px; }

/* -  FBA Form */
.FBAForm { float:left; width:630px; margin-top:10px; }
.FBAForm table { }
.FBAForm table tr { white-space:nowrap; }
.FBAForm table tr td { text-align:left; padding-bottom:10px;  }
.FBAForm table tr td label { width:140px; font-size:15px; height:29px; padding:3px 0px 3px 0px; text-align:left; margin-right:20px; }
.FBAForm table tr td input { float:left; height:27px; padding:3px 5px 3px 5px; font-size:16px; }
.FBAForm table tr td span {}
.FBAForm table tr td a {  clear:both; float:left;  }
.FBAForm table tr td input.GreenBttn { border:0px; min-width:105px; float:right; height:34px; padding:5px 10px 5px 10px; font-size:14px; }
.FBAForm table tr .lblError { font-size:14px; margin-left:10px; }

.Page .PageMain .Nota { float:left; width:1138px; padding:10px; margin:10px 0px 10px 0px; font-size:14px; }

/* ---------------------------------  OLD SEARCH PAGE RESULTS ---------------------------------------------------------------------- */
.Page .PageSearch { float:left; width:1238px; background:#fff; height:100%; display:block; padding:20px 0px 20px 0px; border-top:5px solid #009e5d; }
.Page .PageSearch #searchIcon { display:none; }
ul#ResultFooter{ display:none; }

/* - SP Search sideNavBox */
.Page .PageSearch #sideNavBox { width:280px;  }
.Page .PageSearch #sideNavBox .ms-searchCenter-refinement { margin-top:0px;}
.Page .PageSearch #sideNavBox .ms-searchCenter-refinement .ms-ref-refinername:link, .Page .PageSearch #sideNavBox .ms-searchCenter-refinement .ms-ref-refinername:visited  { width:260px;}
.Page .PageSearch #sideNavBox .ms-searchCenter-refinement .ms-ref-refiner #Value, 
.Page .PageSearch #sideNavBox .ms-searchCenter-refinement .ms-ref-unsel-toggle #OtherValue, 
.Page .PageSearch #sideNavBox .ms-searchCenter-refinement #SubmitValue { width:260px; }


/* ---------------------------------  HEADER SEARCH ---------------------------------------------------------------------- */
.Page .PageHeaderSearch  { float:left; width:1238px; height:0px; padding:3px 0px 3px 0px; }
.Page .PageHeaderSearch .SearchTools {  float:right; position:relative; }
.Page .PageHeaderSearch .SearchTools .GreenBttn { position:absolute; top:30px; right:20px; border:0px; width:350px; height:24px; padding:5px 10px 5px 10px;}
.Page .PageHeaderSearch .SearchTools .GreenBttn i { margin-right:10px; }

/* ---------------------------------  DIALOG ---------------------------------------------------------------------- */
#dialog-form { display:none; }
#dialog-form p { margin-bottom:20px;}
#dialog-form .FormCont label { clear:both; float:left; width:100px; font-size:16px; height:29px; padding:3px 0px 3px 0px; margin-left:5px; margin-bottom:10px;  }
#dialog-form .FormCont input { float:left; height:27px; padding:3px 5px 3px 5px; font-size:16px; margin-bottom:10px; }
#dialog-form .FormCont textarea { float:left; padding:3px 5px 3px 5px; font-size:16px; margin-bottom:10px;   }
#dialog-form .FormButtons { float:left; width:100%; margin-top:30px; }

#dialog-form .FormButtons input { border:0px; width:105px; float:right; display:block; font-size:15px; height:34px; padding:5px 10px 5px 10px; }

/* --------------------------------- USER LOGGED OPTIONS/admin ---------------------------------------------------------------------- */
.ItemsAdmin { float:left; width:50%; }
.ItemsAdmin .SectionHeader { float:left; width:550px; }
.ItemsAdmin .SectionHeader .icon { float:left; text-align:left; width:550px; height:32px; padding:10px; font-size:24px; }
.ItemsAdmin .SectionHeader .icon i { font-size:24px; margin:0px 10px 0px 0px; }
.ItemsAdmin .SectionHeader .tools { float:right;  height:42px; width:52px; padding:10px 0px 0px 0px; text-align:center; font-size:24px;  }

.ItemsAdmin .cau-content { float:left; width:380px; padding:16px 0px 16px 16px; overflow:hidden; min-height:300px;    }
.ItemsAdmin .cau-options { float:left; width:364px; padding:16px; text-align:right; }
.ItemsAdmin table {}
.ItemsAdmin table thead { width:100%; height:52px; }
.ItemsAdmin table thead tr th { padding:5px 10px 5px 10px; }
.ItemsAdmin table thead tr th.title { width:440px; }
.ItemsAdmin table thead tr th.description { width:636px; } 
.ItemsAdmin table thead tr th.view { width:40px; text-align:center; }
.ItemsAdmin table thead tr th.delete { width:40px; text-align:center; }
.ItemsAdmin table tbody tr td { padding:5px 10px 5px 10px; }
.ItemsAdmin table tbody tr td input { margin-left:10px; height:20px; width:20px; }
.ItemsAdmin table tbody tr td a.icon { width:32px; height:22px; padding:10px 5px 5px 5px; text-align:center; display:block; cursor:pointer;}

/* -- Les meves cerques */
.ItemsAdmin .cau-content { float:left; width:550px; padding:0px; overflow:hidden; }

.ItemsAdmin .cau-content ul.items { float:left; width:560px; display:block; list-style:none; margin:10px 0px 20px 0px; padding:0px; }
.ItemsAdmin .cau-content ul.items li { float:left; width:560px; margin-bottom:10px; }
.ItemsAdmin .cau-content ul.items li a { float:left; width:560px; height:37px; }
.ItemsAdmin .cau-content ul.items li .Num { float:left; width:32px; padding:10px; height:17px; }
.ItemsAdmin .cau-content ul.items li .Txt { width:500px; padding:10px; height:17px; } 
.ItemsAdmin .cau-content ul.items li .arrow { float:right; width:52px; margin-top:10px; }
.ItemsAdmin .cau-content ul.items li ul { float:left; list-style:none; padding:20px 0px 0px 50px; display:none; margin:0px; }
.ItemsAdmin .cau-content ul.items li ul li input { margin:0px 10px 0px 0px; }


/* --------------------------------- SHAREPOINT CSS CORRECTIONS ---------------------------------------------------------------------- */
.ms-core-menu-box { z-index:9999!important;}
#Main .ms-core-menu-box { z-index:9999!important;}
.raonaRibbon .ms-core-brandingText { display:none;}
.Page .PageMain ul.ms-core-menu-list { padding-left:0px; margin-top:0px; margin-bottom:0px; margin:0px; list-style:none; }



/* --------------------------------- RESPONSIVE MEDIAQUERIES ---------------------------------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 322px) and (max-width : 480px) { 
	/* -- master 350 */
	body { font-size:12px; }
	#Main { width:350px; }	
	#Main .Header { width:350px; height:50px; }  
	#Main .Header .HeaderCont { padding:5px; width:340px; height:40px; } 
	#Main .Header .HeaderCont .logo { height:35px; width:auto;  }
	#Main .Header .HeaderCont .logo img {float:left; height:35px; width:auto; display:block; }
	
	#Main .Header .HeaderCont .SearchCont { display:none; }
	
	#Main .Header .HeaderCont .MainNav .MobileBttn { display:block; font-size:15px; }
	#Main .Header .HeaderCont .MainNav { width:auto; }
	#Main .Header .HeaderCont .MainNav ul { display:none; background:#fff; width:200px; position:absolute; top:35px; right:65px; z-index:998; padding:0px 10px 0px 10px; border:1px solid #c6c6c6; border-top:5px solid #009e5d;  } 
	#Main .Header .HeaderCont .MainNav ul li { font-size:14px; width:200px; margin:10px 0px 10px 0px; }
	#Main .Header .HeaderCont .LoginCont { margin-top:0px; }
	#Main .Header .HeaderCont .Login {  width:24px; height:24px; padding:5px; font-size:15px; }
	#Main .Header .HeaderCont .Login a { width:20px; display:block; height:20px; overflow:hidden; padding:4px; visibility:hidden;  }
	#Main .Header .HeaderCont .Login a i { margin-right:0px; width:auto; visibility:visible; }
	#Main .Header .HeaderCont .LoginCont .LoginPopup { padding:0px 20px 20px 20px; font-size:14px; }
	
	#Main .Footer { width:350px; height:auto; margin:5px 0px 5px 0px; font-size:12px; }
	#Main .Footer .FooterCont { width:330px; height:100%; padding:10px; }
	#Main .Footer .FooterCont ul { width:100%; }
	#Main .Footer .FooterCont ul li { margin:0px 20px 20px 0px; }
	#Main .Footer .FooterCont .copy { width:100%; text-align:left; }
	
	#Main .Page { width:350px; }
	#Main .LeftCont { width:350px; margin-right:0px; }
	#Main .Sidebar { width:350px; }

	
	/* -- Banner 350 */
	#Main .Banner { width:350px;  height:500px; }
	#Main .Banner .BannerImg { height:338px; overflow:hidden; }
	#Main .Banner .SearchZone { top:10px; width:330px; height:298px; padding:10px; } 
	#Main .Banner .SearchZone h1 { width:70px; font-size:12px; height:auto; margin-right:20px; }
	#Main .Banner .SearchZone ul.formoptions { width:240px; height:35px; padding:0px; }
	
	#Main .Banner .SearchZone fieldset { width:330px; }
	#Main .Banner .SearchZone ul.formset { width:330px; margin-top:10px; }
	#Main .Banner .SearchZone ul.formset li { width:100%; height:auto; margin-bottom:10px; }
	#Main .Banner .SearchZone ul.formset li label { width:100%; font-size:12px; height:auto; margin-bottom:5px;  }
	#Main .Banner .SearchZone ul.formset li input { height:20px; padding:3px 5px 3px 5px; font-size:12px;}
	#Main .Banner .SearchZone ul.formset li .SelectDate select { width:155px; height:20px; font-size:12px; }
	#Main .Banner .SearchZone ul.formset li .SelectDate { width:127px; height:26px; margin-right:20px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic select { width:308px; height:20px; font-size:12px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic { height:26px; width:280px; margin-right:0px; }
	
	/* -- Num Ultim BOPA 350 */
	.slideinfo { top:338px; right:0px; height:200px; width:350px; }
	.slideinfo .new { padding:1%; width:98%; font-size:14px; }
	.slideinfo .num a{ font-size:18px; }
	.slideinfo .num strong { font-size:33px; }
	.slideinfo .slidelink { padding:1%; width:98%; font-size:14px;} 
	
	/* -- Did you know 350 */
	.Didyouknow { width:350px; margin-top:10px; }
	.Didyouknow .KnowCont { width:330px; padding:10px; }
	.Didyouknow .KnowCont h2 { font-size:14px; margin-bottom:10px; }
	.Didyouknow .KnowCont ul li { font-size:12px; line-height:14px; }
	.Didyouknow .KnowCont ul li strong { font-size:18px; }
	.Didyouknow .KnowFooter a { font-size:12px;  }
	.Didyouknow .KnowFooter a i { font-size:15px;}
	
	/*-- Adv */
	.Adv { clear:both; width:350px; margin-top:10px;}
	.Adv .AdvTxt { width:330px; padding:10px; position:absolute; z-index:999; top:10px; right:0px;  } 
	.Adv .AdvTxt h2 { font-size:14px; } 
	.Adv .AdvTxt h3 { font-size:12px; } 
	.Adv .AdvImage { width:350px; height:160px; overflow:hidden; } 
	
	/*-- Twitter */
	.Twitter { margin-top:10px; }
	.TopHeader { height:20px; padding:5px 10px 5px 10px; font-size:14px; }
	.TwitterCont { width:330px; padding:10px;}
	
	/* -- Columns */
	.container { width:350px; padding:0px; margin:0px 0px 10px 0px; }
	.container .column { margin-right:0px; }
	.container .four { width:350px; } 
	.container .three { width:350px; }
	
	/* -- estructura meu bopa */
	.container .SectionHeader { height:auto; margin-bottom:0px; margin-top:10px;}
	.container .SectionHeader .icon { width:330px; height:auto; padding:5px 10px 5px 10px; font-size:14px;  }
	.container .SectionHeader .icon i { font-size:18px; }
	.container .cau-content { width:330px; padding:10px; }
	.container .cau-options { width:330px; padding:5px 10px 5px 10px; }
	
	/* -- Les meves alertes */
	.container .cau-content ul.items { width:330px; }
	.container .cau-content ul.items li { width:330px; }
	.container .cau-content ul.items li a { width:330px; height:auto; font-size:12px; }
	.container .cau-content ul.items li .Num { font-size:16px; width:20px; }
	.container .cau-content ul.items li .Txt { width:235px; padding:10px; font-size:14px;  } /* 330 - 40 - 35 - 20 = 235  */
	.container .cau-content ul.items li .arrow { font-size:24px; }
	
	/* -- Les meves cerques, els meus articles */
	.cau-content .itemsmenu { width:330px; }
	.cau-content .itemsmenu ul { width:330px; margin-bottom:10px; }
	.cau-content .itemsmenu ul li { width:330px; min-height:52px; margin-bottom:10px;  }
	.cau-content .itemsmenu ul li.has-sub a.itemview { font-size:24px;  width:22px; height:14px;  }
	.cau-content .itemsmenu ul li a.itemtitle { width:298px; font-size:12px; } /* 330 - 32 = 298 */
	.cau-content .itemsmenu ul li a.itemtitle h4 { width:240px;  } 
	
	.slideinfo .bopatools ul.DowloadOptions { float:left;  width:350px; height:45px; background: #ffffff;}     
	.slideinfo .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:5px 0px 5px 10px; display:block; position:relative;}
	.slideinfo .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
	.slideinfo .bopatools ul.DowloadOptions li a.mail { text-align:center; }
	.slideinfo .bopatools ul.DowloadOptions li a.mail i { margin:8px;}
	
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions { float:left;  width:350px; height:54px; }     
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:10px 0px 10px 10px; display:block; position:relative;}
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail { text-align:center; }
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail i { margin:8px;}

	
	/* - LAYOUT TOTS ELS BUTLLETINS I TOTS ELS DOCUS - */
	/* -- PageHeader */
	.Page .PageHeader  { width:350px; margin-top:5px; }
	.Page .PageHeader .DocumentTools { width:120px; height:34px; }
	.Page .PageHeader .DocumentTools .LblTxt { display:none; }
	.Page .PageHeader .DocumentTools ul.DownloadOptions { display:none;  }     
	.Page .PageHeader .DocumentTools .Separator { display:none; }

	.Page .PageHeader .DocumentTools ul.DocumentViews a i { margin-right:5px; margin-left:15px;}
	
	/* -- Breadcrumb asp:sitemappath  */
	.Page .PageHeader .Breadcrumb { width:230px; height:auto; }
	.Page .PageHeader .Breadcrumb .currentNodeStyle { width:70px; padding-right:5px;}
	
	/* -- sidebar */
	.Page .PageSidebar .sidebar { float:left; width:350px; }
	
	/* -- no mobile menu */
	.PageSidebar .itemsmenu { display:none; }
	
	/* -- Isotope styles */
	.containerRight { padding:10px 0px 10px 0px; width:350px;  }
	.squareelements .bopart .bopartcont blockquote { font-size:14px; }
	
	/* ---- listelements */
	.listelements .bopart { width:350px; height:125px; margin:8px 0px 8px 0px; }
	.listelements .bopart .bopartcont { width:345px; height:125px;}
	.listelements .bopart .bopartcont .date { width:65px; height:45px; font-size:12px; padding:10px 0px 10px 0px; }
	.listelements .bopart .bopartcont blockquote { float:left; font-size:12px; padding:5px; width:255px; left:80px;}
	.listelements .bopart .bopartcont .categoria { width:330px; bottom:25px; }
	.listelements .bopart .bopartcont .subcategoria { width:330px; bottom:0px; left:0px; }
	.listelements .bopart .bopartcont .fav { display:none; }
	
	/* ---- covers list */
	.covers-list .bopart { width:350px; height:45px; margin:8px 0px 8px 0px; }
	.covers-list .bopart .bopartcont { width:345px; margin-left:5px; height:65px; }
	.covers-list .bopart .bopartcont .bopatitle { font-size:12px;  width:250px; left:80px;} 

	/* - LAYOUT ARTICLE - */
	#articlecont  { padding:0px; width:350px; } 
	.articletxt .bopart { width:350px;  margin:8px 0px 8px 0px;}
	.articletxt .bopart .bopartcont { width:350px; margin-top:5px; }
	.articletxt .bopart .bopartcont .date { font-size:12px; margin-bottom:0px; }
	.articletxt .bopart .bopartcont blockquote { font-size:14px; width:330px; padding:10px;}
	.articletxt .bopart .bopartcont .downloadarticle { margin:10px 0px 10px 0px; width:330px; }
	.articletxt .bopart .bopartcont .downloadarticle ul { height:auto; }
	.articletxt .bopart .bopartcont .articfav { display:none; }
	.articletxt .doccontent { width:330px; padding:10px; margin:8px 0px 8px 0px; }
	
	/* -- menuTabs */
	.PageSidebar .menuTabs { display:none; }
	
	/* -- Date Range */
	.PageSidebar .sidebar .DateRange { width:350px; padding-bottom:0px;   }
	.PageSidebar .sidebar .DateRange .DateRangeCont { width:330px; padding: 10px 10px 20px 10px; }
	.PageSidebar .sidebar .DateRange .longlbl { margin-top:5px; }
	.PageSidebar .sidebar .DateRange input.longinput { width:320px;  }
	.PageSidebar .sidebar .DateRange .BOPADates {  width:330px; }

	/* --  Go back */
	.PageSidebar .sidebar .GoBack { width:350px; padding-bottom:0px;  }
	.PageSidebar .sidebar .GoBack a { width:350px; }
	
	/* -  OTHER LAYOUTS - */
	/* - PageMain */ 
	.Page .PageMain { width:330px; padding:10px; margin:2px 0px 5px 0px; }   
	.Page .PageMain h2 { font-size:14px; } 
	
	.Page .PageTitle { float:left; width:330px; padding:5px 10px 5px 10px; margin-bottom:10px;}
	.Page .PageTitle h1 { font-size:14px; }
	
	/* - Know Quotes  */
	.Page .PageMain ul#KnowQuotes li { font-size:12px; line-height:14px; }
	.Page .PageMain ul#KnowQuotes li strong { font-size:18px; }
	
	/* - FAQS */
	.Page .FAQList { width:350px; margin-top:10px;  }
	.Page .FAQList ul { width:330px; padding-left:20px; }
	.Page .FAQList ul li.Question { margin-bottom:10px; }
	.Page .FAQList ul li.Question h2 { font-size:12px; }
	.Page .FAQList ul li.Question ul { width:310px; margin-right:10px; }
	.Page .FAQList ul li.Question ul li.Answer { width:300px; padding:10px 10px 10px 0px; margin-bottom:10px;  }
	.Page .FAQList ul li.Question ul li.Answer .AnswerTxt { float:left; width:250px; }
	
	/* - Form */
	.Page .PageMain .FormCont { width:350px; }
	.Page .PageMain .FormCont textarea { width:300px; }
	
	/* - Contacto */
	.Page .PageMain .Col50 { width:350px; }
	.Page .PageMain .Col50 ul.contact { width:300px; }
	
	.Page .Maps {width:350px; overflow:hidden; }
	.Page .Maps iframe {width:350px; height:150px;}
	
	/* -  FBA Form */
	.FBAForm { width:330px; margin-top:10px;/* overflow:scroll;*/ }
	.FBAForm table { width:100%; }
	.FBAForm table tr { width:100%; white-space:normal; }
	.FBAForm table tr td label { width:50px; font-size:12px; height:29px; padding:3px 0px 3px 0px; text-align:left; margin-right:10px; }
	.FBAForm table tr td input { float:left; height:27px; padding:3px 5px 3px 5px; font-size:16px; }
	.FBAForm table tr td span {}
	.FBAForm table tr td a { margin-top:10px;  }
	.FBAForm table tr td input.GreenBttn { width:auto; height:34px; padding:5px; font-size:12px; margin-bottom:20px; }
	.FBAForm table tr .lblError { clear:both; float:left; font-size:10px; margin-left:0px; margin-top:5px; }

	.Page .PageMain .Nota { width:308px; font-size:12px; }
	
	/* - HEADER SEARCH - */
	.Page .PageHeaderSearch  { display:none; }

	/* -- DIALOG */
	#dialog-form { display:none; }
	#dialog-form p { margin-bottom:20px;}
	#dialog-form .FormCont label { font-size:12px;  }
	#dialog-form .FormCont input { font-size:12px; }
	#dialog-form .FormCont textarea { font-size:12px; }
	#dialog-form .FormButtons { margin-top:20px; }
	
	#dialog-form .FormButtons input { font-size:12px; height:24px; padding:5px 10px 5px 10px; }
	
	/* - USER LOGGED OPTIONSadmin - */
	.ItemsAdmin .SectionHeader { width:330px; }
	.ItemsAdmin .SectionHeader .icon { width:310px; font-size:14px; }
	.ItemsAdmin .SectionHeader .icon i { font-size:14px;  }
	
	.ItemsAdmin table thead tr th.title { width:50px; }
	.ItemsAdmin table thead tr th.description { width:200px; } 

	/* -- Les meves cerques */
	.ItemsAdmin .cau-content { width:330px; }
	
	.ItemsAdmin .cau-content ul.items { width:330px;  }
	.ItemsAdmin .cau-content ul.items li { width:330px;  }
	.ItemsAdmin .cau-content ul.items li a {  width:330px; height:auto; }
	.ItemsAdmin .cau-content ul.items li .Txt { float:left; width:206px; padding:10px; height:17px; } 

	/*-banner 3 últims bopa-*/
      	.slidesjs-container {
      	height: 500px !important;
    	}

	/*-- MODIFICACIONS MOBIL */
	
	/* -- menuTabs Mobile*/
	.DocumentViews { display: none;}
	.Page .PageHeader .Breadcrumb .currentNodeStyle {width:auto; padding-right:5px;}
	
	/* -- menuTabs */
	.PageSidebar .TancaCategories { display: block; }
	.PageSidebar .menuTabsMobile{float:left;height:30px;width:100%;margin-bottom: 10px; display: block;}
	.PageSidebar .menuTabsMobile ul { float:left; height:30px; width:100%;}
	.PageSidebar .menuTabsMobile ul li { float:left; width:50%; text-align:center; height:30px; }
	.PageSidebar .menuTabsMobile ul li a { width:100%; padding:4px 0px 4px 0px; height:22px; display:block; }
	.PageSidebar .menuTabsMobile ul li a i { margin-right:10px; display:inline; }
	.PageSidebar .menuTabsMobile ul li a h2 { display:inline; font-size:15px;}
	#filters {	margin-left: 10px;}
	.TancaCategories {position: absolute; top: 315px; left: 330px; }
	.TancaTemes {position: absolute; top: 315px; left: 330px; }
	
	.PageSidebar .itemsmenu { display:none; }
	
	/* -- Botonera cerca */
	.PageSidebar .sidebar .DateRange .RangeOptions .GreenBttn { float:right; width:auto; height:15px; padding:5px 10px 5px 10px; margin:0px 5px 0px 5px;}
	.PageSidebar .sidebar .DateRange .RangeOptions .GreenBttn { background:#01c675; border-bottom:2px solid #009e5d !important; color:#fff; }
}

/* Smartphones (portrait) -----------*/
@media only screen and (max-width : 321px) { 
	/* -- master 300 */
	body { font-size:12px; }
	#Main { width:300px; }	
	#Main .Header { width:300px; height:50px; }  
	#Main .Header .HeaderCont { padding:5px; width:290px; height:40px; } 
	#Main .Header .HeaderCont .logo { height:35px; width:auto;  }
	#Main .Header .HeaderCont .logo img {float:left; height:35px; width:auto; display:block; }
	
	#Main .Header .HeaderCont .SearchCont { display:none; }
	
	#Main .Header .HeaderCont .MainNav .MobileBttn { display:block; font-size:15px; }
	#Main .Header .HeaderCont .MainNav { width:auto; }
	#Main .Header .HeaderCont .MainNav ul { display:none; background:#fff; width:200px; position:absolute; top:35px; right:65px; z-index:998; padding:0px 10px 0px 10px; border:1px solid #c6c6c6; border-top:5px solid #009e5d;  } 
	#Main .Header .HeaderCont .MainNav ul li { font-size:14px; width:200px; margin:10px 0px 10px 0px; }
	
	#Main .Header .HeaderCont .LoginCont { margin-top:0px; }
	#Main .Header .HeaderCont .Login {  width:24px; height:24px; padding:5px; font-size:15px; }
	#Main .Header .HeaderCont .Login a { width:20px; display:block; height:20px; overflow:hidden; padding:4px; visibility:hidden;  }
	#Main .Header .HeaderCont .Login a i { margin-right:0px; width:auto; visibility:visible; }
	#Main .Header .HeaderCont .LoginCont .LoginPopup { padding:0px 20px 20px 20px; font-size:14px; }
	
	#Main .Footer { width:300px; height:auto; margin:5px 0px 5px 0px; font-size:12px; }
	#Main .Footer .FooterCont { width:280px; height:100%; padding:10px; }
	#Main .Footer .FooterCont ul { width:100%; }
	#Main .Footer .FooterCont ul li { margin:0px 20px 20px 0px; }
	#Main .Footer .FooterCont .copy { width:100%; text-align:left; }
	
	#Main .Page { width:300px; }
	#Main .LeftCont { width:300px; margin-right:0px; }
	#Main .Sidebar { width:300px; }

	
	/* -- Banner 300 */
	#Main .Banner { width:300px;  height:500px; }
	#Main .Banner .BannerImg { height:338px; overflow:hidden; }
	#Main .Banner .SearchZone { top:10px; width:280px; height:298px; padding:10px; } 
	#Main .Banner .SearchZone h1 { width:70px; font-size:12px; height:auto; margin-right:20px; }
	#Main .Banner .SearchZone ul.formoptions { width:190px; height:35px; padding:0px; }
	
	#Main .Banner .SearchZone fieldset { width:300px; }
	#Main .Banner .SearchZone ul.formset { width:300px; margin-top:10px; }
	#Main .Banner .SearchZone ul.formset li { width:100%; height:auto; margin-bottom:10px; }
	#Main .Banner .SearchZone ul.formset li label { width:100%; font-size:12px; height:auto; margin-bottom:5px;  }
	#Main .Banner .SearchZone ul.formset li input { height:20px; padding:3px 5px 3px 5px; font-size:12px;}
	#Main .Banner .SearchZone ul.formset li .SelectDate select { width:145px; height:20px; font-size:12px; }
	#Main .Banner .SearchZone ul.formset li .SelectDate { width:117px; height:26px; margin-right:20px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic select { width:298px; height:20px; font-size:12px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic { height:26px; width:270px; margin-right:0px; }
	
	/* -- Num Ultim BOPA 300 */
	.slideinfo { top:338px; right:0px; height:200px; width:300px; }
	.slideinfo .new { padding:1%; width:98%; font-size:14px; }
	.slideinfo .num a{ font-size:18px; }
	.slideinfo .num strong { font-size:33px; }
	.slideinfo .slidelink { padding:1%; width:98%; font-size:14px;} 
	
	/* -- Did you know 300 */
	.Didyouknow { width:300px; margin-top:10px; }
	.Didyouknow .KnowCont { width:280px; padding:10px; }
	.Didyouknow .KnowCont h2 { font-size:14px; margin-bottom:10px; }
	.Didyouknow .KnowCont ul li { font-size:12px; line-height:14px; }
	.Didyouknow .KnowCont ul li strong { font-size:18px; }
	.Didyouknow .KnowFooter a { font-size:12px;  }
	.Didyouknow .KnowFooter a i { font-size:15px;}
	
	/*-- Adv */
	.Adv { clear:both; width:300px; margin-top:10px;}
	.Adv .AdvTxt { width:280px; padding:10px; position:absolute; z-index:999; top:10px; right:0px;  } 
	.Adv .AdvTxt h2 { font-size:14px; } 
	.Adv .AdvTxt h3 { font-size:12px; } 
	.Adv .AdvImage { width:300px; height:160px; overflow:hidden; } 
	
	/*-- Twitter */
	.Twitter { margin-top:10px; }
	.TopHeader { height:20px; padding:5px 10px 5px 10px; font-size:14px; }
	.TwitterCont { width:280px; padding:10px;}
	
	/* -- Columns */
	.container { width:300px; padding:0px; margin:0px 0px 10px 0px; }
	.container .column { margin-right:0px; }
	.container .four { width:300px; } 
	.container .three { width:300px; }
	
	/* -- estructura meu bopa */
	.container .SectionHeader { height:auto; margin-bottom:0px; margin-top:10px;}
	.container .SectionHeader .icon { width:280px; height:auto; padding:5px 10px 5px 10px; font-size:14px;  }
	.container .SectionHeader .icon i { font-size:14px; }
	.container .cau-content { width:280px; padding:10px; }
	.container .cau-options { width:280px; padding:5px 10px 5px 10px; }
	
	/* -- Les meves alertes */
	.container .cau-content ul.items { width:280px; }
	.container .cau-content ul.items li { width:280px; }
	.container .cau-content ul.items li a { width:280px; height:auto; font-size:12px; }
	.container .cau-content ul.items li .Num { font-size:16px; width:20px; }
	.container .cau-content ul.items li .Txt { width:185px; padding:10px; font-size:14px;  } /* 280 - 40 - 35 - 20 = 185  */
	.container .cau-content ul.items li .arrow { font-size:24px; }
	

	/* -- Les meves cerques, els meus articles */
	.cau-content .itemsmenu { width:280px; }
	.cau-content .itemsmenu ul { width:280px; margin-bottom:10px; }
	.cau-content .itemsmenu ul li { fwidth:280px; min-height:52px; margin-bottom:10px;  }
	.cau-content .itemsmenu ul li.has-sub a.itemview { font-size:24px;  width:22px; height:14px;  }
	.cau-content .itemsmenu ul li a.itemtitle { width:248px; font-size:12px; } /* 280 - 32 = 248 */
	.cau-content .itemsmenu ul li a.itemtitle h4 { width:190px;  } 
	
	.slideinfo .bopatools ul.DowloadOptions { float:left;  width:350px; height:45px; background: #ffffff;}     
	.slideinfo .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:5px 0px 5px 10px; display:block; position:relative;}
	.slideinfo .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
	.slideinfo .bopatools ul.DowloadOptions li a.mail { text-align:center; }
	.slideinfo .bopatools ul.DowloadOptions li a.mail i { margin:8px;}
	
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions { float:left;  width:350px; height:54px; }     
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:10px 0px 10px 10px; display:block; position:relative;}
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail { text-align:center; }
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail i { margin:8px;}

	
	/* - LAYOUT TOTS ELS BUTLLETINS I TOTS ELS DOCUS - */
	/* -- PageHeader */
	.Page .PageHeader  { width:300px; margin-top:5px; }
	.Page .PageHeader .DocumentTools { width:120px; height:34px; }
	.Page .PageHeader .DocumentTools .LblTxt { display:none; }
	.Page .PageHeader .DocumentTools ul.DownloadOptions { display:none;  }     
	.Page .PageHeader .DocumentTools .Separator { display:none; }

	.Page .PageHeader .DocumentTools ul.DocumentViews a i { margin-right:5px; margin-left:15px;}
	
	/* -- Breadcrumb asp:sitemappath  */
	.Page .PageHeader .Breadcrumb { display:none; }
	
	/* -- sidebar */
	.Page .PageSidebar .sidebar { float:left; width:300px; }
	
	/* -- no mobile menu */
	.PageSidebar .itemsmenu { display:none; }
	
	/* -- Isotope styles */
	.containerRight { padding:10px 0px 10px 0px; width:300px;  }
	.squareelements .bopart .bopartcont blockquote { font-size:14px; }
	
	/* ---- listelements */
	.listelements .bopart { width:300px; height:145px; margin:8px 0px 8px 0px; }
	.listelements .bopart .bopartcont { width:295px; height:145px;}
	.listelements .bopart .bopartcont .date { width:65px; height:45px; font-size:12px; padding:10px 0px 10px 0px; }
	.listelements .bopart .bopartcont blockquote { float:left; font-size:12px; padding:5px; width:205px; left:80px;}
	.listelements .bopart .bopartcont .categoria { width:280px; bottom:25px; }
	.listelements .bopart .bopartcont .subcategoria { width:280px; bottom:0px; left:0px; }
	.listelements .bopart .bopartcont .fav { display:none; }
	
	/* ---- covers list */
	.covers-list .bopart { width:300px; height:45px; margin:8px 0px 8px 0px; }
	.covers-list .bopart .bopartcont { width:295px; margin-left:5px; height:65px; }
	.covers-list .bopart .bopartcont .bopatitle { font-size:12px; width:200px; left:80px;} 

	/* - LAYOUT ARTICLE - */
	#articlecont  { padding:0px; width:300px; } 
	.articletxt .bopart { width:300px;  margin:8px 0px 8px 0px;}
	.articletxt .bopart .bopartcont { width:300px; margin-top:5px; }
	.articletxt .bopart .bopartcont .date { font-size:12px; margin-bottom:0px; }
	.articletxt .bopart .bopartcont blockquote { font-size:14px; width:280px; padding:10px;}
	.articletxt .bopart .bopartcont .downloadarticle { margin:10px 0px 10px 0px; width:280px; }
	.articletxt .bopart .bopartcont .downloadarticle ul { height:auto; }
	.articletxt .bopart .bopartcont .articfav { display:none; }
	.articletxt .doccontent { width:280px; padding:10px; margin:8px 0px 8px 0px; }
	
	/* -- menuTabs */
	.PageSidebar .menuTabs { display:none; }
	
	/* -- menuTabs */
	.PageSidebar .TancaCategories { display: block; }
	.PageSidebar .menuTabsMobile { display: block !important; }
	.PageSidebar .menuTabsMobile {float:left;height:30px;width:100%;margin-bottom: 10px; display: block;}
	.PageSidebar .menuTabsMobile ul { float:left; height:30px; width:100%;}
	.PageSidebar .menuTabsMobile ul li { float:left; width:50%; text-align:center; height:30px; }
	.PageSidebar .menuTabsMobile ul li a { width:100%; padding:4px 0px 4px 0px; height:22px; display:block; }
	.PageSidebar .menuTabsMobile ul li a i { margin-right:10px; display:inline; }
	.PageSidebar .menuTabsMobile ul li a h2 { display:inline; font-size:15px;}
	#filters {	margin-left: 10px;}
	.TancaCategories {position: absolute; top: 315px; left: 330px; }
	.TancaTemes {position: absolute; top: 315px; left: 330px; }



	/* -- Date Range */
	.PageSidebar .sidebar .DateRange { width:300px; padding-bottom:0px;   }
	.PageSidebar .sidebar .DateRange .DateRangeCont { width:280px; padding:10px; }
	.PageSidebar .sidebar .DateRange .longlbl { margin-top:5px; }
	.PageSidebar .sidebar .DateRange input.longinput { width:280px;  }
	.PageSidebar .sidebar .DateRange .BOPADates {  width:280px; }

	/* --  Go back */
	.PageSidebar .sidebar .GoBack { width:300px; padding-bottom:0px;  }
	.PageSidebar .sidebar .GoBack a { width:300px; }
	
	/* -  OTHER LAYOUTS - */
	/* - PageMain */ 
	.Page .PageMain { width:280px; padding:10px; margin:2px 0px 5px 0px; }   
	.Page .PageMain h2 { font-size:14px; } 
	
	.Page .PageTitle { float:left; width:280px; padding:5px 10px 5px 10px; margin-bottom:10px;}
	.Page .PageTitle h1 { font-size:14px; }
	
	/* - Know Quotes  */
	.Page .PageMain ul#KnowQuotes li { font-size:12px; line-height:14px; }
	.Page .PageMain ul#KnowQuotes li strong { font-size:18px; }
	
	/* - FAQS */
	.Page .FAQList { width:300px; margin-top:10px;  }
	.Page .FAQList ul { width:280px; padding-left:20px; }
	.Page .FAQList ul li.Question { margin-bottom:10px; }
	.Page .FAQList ul li.Question h2 { font-size:12px; }
	.Page .FAQList ul li.Question ul { width:270px; margin-right:10px; }
	.Page .FAQList ul li.Question ul li.Answer { width:250px; padding:10px 10px 10px 0px; margin-bottom:10px;  }
	.Page .FAQList ul li.Question ul li.Answer .AnswerTxt { float:left; width:200px; }
	
	/* - Form */
	.Page .PageMain .FormCont { width:300px; }
	.Page .PageMain .FormCont textarea { width:250px; }
	
	/* - Contacto */
	.Page .PageMain .Col50 { width:300px; }
	.Page .PageMain .Col50 ul.contact { width:250px; }
	
	.Page .Maps {width:300px; overflow:hidden; }
	.Page .Maps iframe {width:300px; height:150px;}
	
	/* -  FBA Form */
	.FBAForm { width:280px; margin-top:10px;/* overflow:scroll;*/ }
	.FBAForm table { width:100%; }
	.FBAForm table tr { width:100%; white-space:normal; }
	.FBAForm table tr td label { width:50px; font-size:12px; height:29px; padding:3px 0px 3px 0px; text-align:left; margin-right:10px; }
	.FBAForm table tr td input { float:left; height:27px; padding:3px 5px 3px 5px; font-size:16px; }
	.FBAForm table tr td span {}
	.FBAForm table tr td a { margin-top:10px;  }
	.FBAForm table tr td input.GreenBttn { width:auto; height:34px; padding:5px; font-size:12px; margin-bottom:20px; }
	.FBAForm table tr .lblError { clear:both; float:left; font-size:10px; margin-left:0px; margin-top:5px; }

	.Page .PageMain .Nota { width:258px; font-size:12px; }
	
	/* - HEADER SEARCH - */
	.Page .PageHeaderSearch  { display:none; }

	/* -- DIALOG */
	#dialog-form { display:none; }
	#dialog-form p { margin-bottom:20px;}
	#dialog-form .FormCont label { font-size:12px;  }
	#dialog-form .FormCont input { font-size:12px; }
	#dialog-form .FormCont textarea { font-size:12px; }
	#dialog-form .FormButtons { margin-top:20px; }
	
	#dialog-form .FormButtons input { font-size:12px; height:24px; padding:5px 10px 5px 10px; }
	
	/* - USER LOGGED OPTIONSadmin - */
	.ItemsAdmin .SectionHeader { width:280px; }
	.ItemsAdmin .SectionHeader .icon { width:260px; font-size:14px; }
	.ItemsAdmin .SectionHeader .icon i { font-size:14px;  }
	
	.ItemsAdmin table thead tr th.title { width:50px; }
	.ItemsAdmin table thead tr th.description { width:120px; } 

	/* -- Les meves cerques */
	.ItemsAdmin .cau-content { width:280px; }
	
	.ItemsAdmin .cau-content ul.items { width:280px;  }
	.ItemsAdmin .cau-content ul.items li { width:280px;  }
	.ItemsAdmin .cau-content ul.items li a {  width:280px; height:auto; }
	.ItemsAdmin .cau-content ul.items li .Txt { float:left; width:156px; padding:10px; height:17px; } 
	/*-banner 3 últims bopa-*/
      	.slidesjs-container {
      	height: 500px !important;
    	}
}

/* other smartphones */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
/* -- master 460 */
	body { font-size:12px; }
	#Main { width:460px; }	
	#Main .Header { width:460px; height:70px; }  
	#Main .Header .HeaderCont { padding:5px; width:450px; height:60px; } 
	#Main .Header .HeaderCont .logo { height:55px; width:auto;  }
	#Main .Header .HeaderCont .logo img {float:left; height:55px; width:auto; display:block; }
	
	#Main .Header .HeaderCont .SearchCont { display:none; }
	
	#Main .Header .HeaderCont .MainNav .MobileBttn { display:block; font-size:15px; }
	#Main .Header .HeaderCont .MainNav { width:auto; }
	#Main .Header .HeaderCont .MainNav ul { display:none; background:#fff; width:200px; position:absolute; top:35px; right:65px; z-index:998; padding:0px 10px 0px 10px; border:1px solid #c6c6c6; border-top:5px solid #009e5d;  } 
	#Main .Header .HeaderCont .MainNav ul li { font-size:14px; width:200px; margin:10px 0px 10px 0px; }
	#Main .Header .HeaderCont .LoginCont { margin-top:0px; }
	#Main .Header .HeaderCont .Login {  width:24px; height:24px; padding:5px; font-size:15px; }
	#Main .Header .HeaderCont .Login a { width:20px; display:block; height:20px; overflow:hidden; padding:4px; visibility:hidden;  }
	#Main .Header .HeaderCont .Login a i { margin-right:0px; width:auto; visibility:visible; }
	#Main .Header .HeaderCont .LoginCont .LoginPopup { padding:0px 20px 20px 20px; font-size:14px; }
	
	#Main .Footer { width:460px; height:auto; margin:5px 0px 5px 0px; font-size:12px; }
	#Main .Footer .FooterCont { width:440px; height:100%; padding:10px; }
	#Main .Footer .FooterCont ul { width:100%; }
	#Main .Footer .FooterCont ul li { margin:0px 20px 20px 0px; }
	#Main .Footer .FooterCont .copy { width:100%; text-align:left; }
	
	#Main .Page { width:460px; }
	#Main .LeftCont { width:460px; margin-right:0px; }
	#Main .Sidebar { width:460px; }

	
	/* -- Banner 460 */
	#Main .Banner { width:460px;  height:500px; }
	#Main .Banner .BannerImg { height:338px; overflow:hidden; }
	#Main .Banner .SearchZone { top:10px; width:440px; height:298px; padding:10px; } 
	#Main .Banner .SearchZone h1 { width:70px; font-size:12px; height:auto; margin-right:20px; }
	#Main .Banner .SearchZone ul.formoptions { width:350px; height:35px; padding:0px; }
	
	#Main .Banner .SearchZone fieldset { width:440px; }
	#Main .Banner .SearchZone ul.formset { width:440px; margin-top:10px; }
	#Main .Banner .SearchZone ul.formset li { width:100%; height:auto; margin-bottom:10px; }
	#Main .Banner .SearchZone ul.formset li label { width:100%; font-size:12px; height:auto; margin-bottom:5px;  }
	#Main .Banner .SearchZone ul.formset li input { height:20px; padding:3px 5px 3px 5px; font-size:12px;}
	#Main .Banner .SearchZone ul.formset li .SelectDate select { width:155px; height:20px; font-size:12px; }
	#Main .Banner .SearchZone ul.formset li .SelectDate { width:127px; height:26px; margin-right:20px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic select { width:308px; height:20px; font-size:12px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic { height:26px; width:280px; margin-right:0px; }
	
	/* -- Num Ultim BOPA 460 */
	.slideinfo { top:338px; right:0px; height:200px; width:460px; }
	.slideinfo .new { padding:1%; width:98%; font-size:14px; }
	.slideinfo .num a{ font-size:18px; }
	.slideinfo .num strong { font-size:33px; }
	.slideinfo .slidelink { padding:1%; width:98%; font-size:14px;} 
	
	/* -- Did you know 460 */
	.Didyouknow { width:460px; margin-top:10px; }
	.Didyouknow .KnowCont { width:440px; padding:10px; }
	.Didyouknow .KnowCont h2 { font-size:14px; margin-bottom:10px; }
	.Didyouknow .KnowCont ul li { font-size:12px; line-height:14px; }
	.Didyouknow .KnowCont ul li strong { font-size:18px; }
	.Didyouknow .KnowFooter a { font-size:12px;  }
	.Didyouknow .KnowFooter a i { font-size:15px;}
	
	/*-- Adv */
	.Adv { clear:both; width:460px; margin-top:10px;}
	.Adv .AdvTxt { width:440px; padding:10px; position:absolute; z-index:999; top:10px; right:0px;  } 
	.Adv .AdvTxt h2 { font-size:14px; } 
	.Adv .AdvTxt h3 { font-size:12px; } 
	.Adv .AdvImage { width:460px; height:160px; overflow:hidden; } 
	
	/*-- Twitter */
	.Twitter { margin-top:10px; }
	.TopHeader { height:20px; padding:5px 10px 5px 10px; font-size:14px; }
	.TwitterCont { width:440px; padding:10px;}
	
	/* -- Columns */
	.container { width:460px; padding:0px; margin:0px 0px 10px 0px; }
	.container .column { margin-right:0px; }
	.container .four { width:460px; } 
	.container .three { width:460px; }
	
	/* -- estructura meu bopa */
	.container .SectionHeader { height:auto; margin-bottom:0px; margin-top:10px;}
	.container .SectionHeader .icon { width:440px; height:auto; padding:5px 10px 5px 10px; font-size:14px;  }
	.container .SectionHeader .icon i { font-size:18px; }
	.container .cau-content { width:440px; padding:10px; }
	.container .cau-options { width:440px; padding:5px 10px 5px 10px; }
	
	/* -- Les meves alertes */
	.container .cau-content ul.items { width:440px; }
	.container .cau-content ul.items li { width:440px; }
	.container .cau-content ul.items li a { width:440px; height:auto; font-size:12px; }
	.container .cau-content ul.items li .Num { font-size:16px; width:20px; }
	.container .cau-content ul.items li .Txt { width:345px; padding:10px; font-size:14px;  } /* 440 - 40 - 35 - 20 = 345  */
	.container .cau-content ul.items li .arrow { font-size:24px; }
	
	/* -- Les meves cerques, els meus articles */
	.cau-content .itemsmenu { width:440px; }
	.cau-content .itemsmenu ul { width:440px; margin-bottom:10px; }
	.cau-content .itemsmenu ul li { width:440px; min-height:52px; margin-bottom:10px;  }
	.cau-content .itemsmenu ul li.has-sub a.itemview { font-size:24px;  width:22px; height:14px;  }
	.cau-content .itemsmenu ul li a.itemtitle { width:408px; font-size:12px; } /* 440 - 32 = 408 */
	.cau-content .itemsmenu ul li a.itemtitle h4 { width:350px;  } 
	
	.slideinfo .bopatools ul.DowloadOptions { float:left;  width:460px; height:45px; background: #ffffff;}     
	.slideinfo .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:5px 0px 5px 10px; display:block; position:relative;}
	.slideinfo .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
	.slideinfo .bopatools ul.DowloadOptions li a.mail { text-align:center; }
	.slideinfo .bopatools ul.DowloadOptions li a.mail i { margin:8px;}
	
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions { float:left;  width:460px; height:54px; }     
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li { float:left; width:34px; height:34px; margin:10px 0px 10px 10px; display:block; position:relative;}
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a { float:left; height:34px; width:34px; display:block;  }
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail { text-align:center; }
	.covers .bopart .bopartcont .bopatools ul.DowloadOptions li a.mail i { margin:8px;}


	/* - LAYOUT TOTS ELS BUTLLETINS I TOTS ELS DOCUS - */
	/* -- PageHeader */
	.Page .PageHeader  { width:460px; margin-top:5px; }
	.Page .PageHeader .DocumentTools { width:120px; height:34px; }
	.Page .PageHeader .DocumentTools .LblTxt { display:none; }
	.Page .PageHeader .DocumentTools ul.DownloadOptions { display:none;  }     
	.Page .PageHeader .DocumentTools .Separator { display:none; }

	.Page .PageHeader .DocumentTools ul.DocumentViews a i { margin-right:5px; margin-left:15px;}
	
	/* -- Breadcrumb asp:sitemappath  */
	.Page .PageHeader .Breadcrumb { width:340px; height:auto; }
	.Page .PageHeader .Breadcrumb .currentNodeStyle { width:180px; padding-right:5px;}
	
	/* -- sidebar */
	.Page .PageSidebar .sidebar { float:left; width:460px; }
	
	/* -- no mobile menu */
	.PageSidebar .itemsmenu { display:none; }
	
	/* -- Isotope styles */
	.containerRight { padding:10px 0px 10px 0px; width:460px;  }
	.squareelements .bopart .bopartcont blockquote { font-size:14px; }
	
	/* ---- listelements */
	.listelements .bopart { width:460px; height:125px; margin:8px 0px 8px 0px; }
	.listelements .bopart .bopartcont { width:455px; height:125px;}
	.listelements .bopart .bopartcont .date { width:65px; height:45px; font-size:12px; padding:10px 0px 10px 0px; }
	.listelements .bopart .bopartcont blockquote { float:left; font-size:12px; padding:5px; width:360px; left:80px;}
	.listelements .bopart .bopartcont .categoria { width:440px; bottom:25px; }
	.listelements .bopart .bopartcont .subcategoria { width:440px; bottom:0px; left:0px; }
	.listelements .bopart .bopartcont .fav { display:none; }
	
	/* centrat covers */
	.covers .bopart {  margin:8px 0px 8px 75px;  }
	
	/* ---- covers list */
	.covers-list .bopart { width:460px; height:45px; margin:8px 0px 8px 0px; }
	.covers-list .bopart .bopartcont { width:455px; margin-left:5px; height:65px; }
	.covers-list .bopart .bopartcont .bopatitle { font-size:12px;  width:360px; left:80px;} 

	/* - LAYOUT ARTICLE - */
	#articlecont  { padding:0px; width:460px; } 
	.articletxt .bopart { width:460px;  margin:8px 0px 8px 0px;}
	.articletxt .bopart .bopartcont { width:460px; margin-top:5px; }
	.articletxt .bopart .bopartcont .date { font-size:12px; margin-bottom:0px; }
	.articletxt .bopart .bopartcont blockquote { font-size:14px; width:440px; padding:10px;}
	.articletxt .bopart .bopartcont .downloadarticle { margin:10px 0px 10px 0px; width:440px; }
	.articletxt .bopart .bopartcont .downloadarticle ul { height:auto; }
	.articletxt .bopart .bopartcont .articfav { display:none; }
	.articletxt .doccontent { width:440px; padding:10px; margin:8px 0px 8px 0px; }
	
	/* -- menuTabs */
	.PageSidebar .menuTabs { display:none; }
	
	/* -- Date Range */
	.PageSidebar .sidebar .DateRange { width:460px; padding-bottom:0px;   }
	.PageSidebar .sidebar .DateRange .DateRangeCont { width:440px; padding:10px; }
	.PageSidebar .sidebar .DateRange .longlbl { margin-top:5px; }
	.PageSidebar .sidebar .DateRange input.longinput { width:430px;  }
	.PageSidebar .sidebar .DateRange .BOPADates {  width:440px; }

	/* --  Go back */
	.PageSidebar .sidebar .GoBack { width:460px; padding-bottom:0px;  }
	.PageSidebar .sidebar .GoBack a { width:460px; }
	
	/* -  OTHER LAYOUTS - */
	/* - PageMain */ 
	.Page .PageMain { width:440px; padding:10px; margin:2px 0px 5px 0px; }   
	.Page .PageMain h2 { font-size:14px; } 
	
	.Page .PageTitle { float:left; width:440px; padding:5px 10px 5px 10px; margin-bottom:10px;}
	.Page .PageTitle h1 { font-size:14px; }
	
	/* - Know Quotes  */
	.Page .PageMain ul#KnowQuotes li { font-size:12px; line-height:14px; }
	.Page .PageMain ul#KnowQuotes li strong { font-size:18px; }
	
	/* - FAQS */
	.Page .FAQList { width:460px; margin-top:10px;  }
	.Page .FAQList ul { width:440px; padding-left:20px; }
	.Page .FAQList ul li.Question { margin-bottom:10px; }
	.Page .FAQList ul li.Question h2 { font-size:12px; }
	.Page .FAQList ul li.Question ul { width:400px; margin-right:10px; }
	.Page .FAQList ul li.Question ul li.Answer { width:410px; padding:10px 10px 10px 0px; margin-bottom:10px;  }
	.Page .FAQList ul li.Question ul li.Answer .AnswerTxt { float:left; width:360px; }
	
	/* - Form */
	.Page .PageMain .FormCont { width:460px; }
	.Page .PageMain .FormCont textarea { width:410px; }
	
	/* - Contacto */
	.Page .PageMain .Col50 { width:460px; }
	.Page .PageMain .Col50 ul.contact { width:410px; }
	
	.Page .Maps {width:460px; overflow:hidden; }
	.Page .Maps iframe {width:460px; height:150px;}
	
	/* -  FBA Form */
	.FBAForm { width:440px; margin-top:10px;/* overflow:scroll;*/ }
	.FBAForm table { width:100%; }
	.FBAForm table tr { width:100%; white-space:normal; }
	.FBAForm table tr td label { width:50px; font-size:12px; height:29px; padding:3px 0px 3px 0px; text-align:left; margin-right:10px; }
	.FBAForm table tr td input { float:left; height:27px; padding:3px 5px 3px 5px; font-size:16px; }
	.FBAForm table tr td span {}
	.FBAForm table tr td a { margin-top:10px;  }
	.FBAForm table tr td input.GreenBttn { width:auto; height:34px; padding:5px; font-size:12px; margin-bottom:20px; }
	.FBAForm table tr .lblError { clear:both; float:left; font-size:10px; margin-left:0px; margin-top:5px; }

	.Page .PageMain .Nota { width:418px; font-size:12px; }
	
	/* - HEADER SEARCH - */
	.Page .PageHeaderSearch  { display:none; }

	/* -- DIALOG */
	#dialog-form { display:none; }
	#dialog-form p { margin-bottom:20px;}
	#dialog-form .FormCont label { font-size:12px;  }
	#dialog-form .FormCont input { font-size:12px; }
	#dialog-form .FormCont textarea { font-size:12px; }
	#dialog-form .FormButtons { margin-top:20px; }
	
	#dialog-form .FormButtons input { font-size:12px; height:24px; padding:5px 10px 5px 10px; }
	
	/* - USER LOGGED OPTIONSadmin - */
	.ItemsAdmin .SectionHeader { width:440px; }
	.ItemsAdmin .SectionHeader .icon { width:400px; font-size:14px; }
	.ItemsAdmin .SectionHeader .icon i { font-size:14px;  }
	
	.ItemsAdmin table thead tr th.title { width:50px; }
	.ItemsAdmin table thead tr th.description { width:300px; } 

	/* -- Les meves cerques */
	.ItemsAdmin .cau-content { width:440px; }
	
	.ItemsAdmin .cau-content ul.items { width:440px;  }
	.ItemsAdmin .cau-content ul.items li { width:440px;  }
	.ItemsAdmin .cau-content ul.items li a {  width:440px; height:auto; }
	.ItemsAdmin .cau-content ul.items li .Txt { float:left; width:206px; padding:10px; height:17px; } 
	/*-banner 3 últims bopa-*/
      	.slidesjs-container {
      	height: 500px !important;
    	}

	/*--*/


}
 
/* other tablets */
@media only screen and (min-width : 768px) and (max-width : 991px) { 
	/* -- master 740 */
	#Main { width:740px; }	
	#Main .Header { width:740px; height:80px;  }  
	#Main .Header .HeaderCont { width:710px; height:60px; } 
	#Main .Header .HeaderCont .logo { height:60px; width:auto;  }
	#Main .Header .HeaderCont .logo img {float:left; height:60px; width:auto; display:block; }
	
	#Main .Header .HeaderCont .SearchCont { display:none; }
	
	#Main .Header .HeaderCont .MainNav .MobileBttn { display:block; font-size:15px; margin-top:7px; }
	#Main .Header .HeaderCont .MainNav { width:auto; }
	#Main .Header .HeaderCont .MainNav ul { display:none; background:#fff; width:200px; position:absolute; top:35px; right:65px; z-index:998; padding:0px 10px 0px 10px; border:1px solid #c6c6c6; border-top:5px solid #009e5d;  } 
	#Main .Header .HeaderCont .MainNav ul li { font-size:14px; width:200px; margin:10px 0px 10px 0px; }
	
	#Main .Footer { width:740px; height:auto; margin:10px 0px 10px 0px; }
	#Main .Footer .FooterCont { width:720px; height:100%; padding:10px; }
	#Main .Footer .FooterCont ul { width:500px; }
	#Main .Footer .FooterCont .copy { width:220px; text-align:right; font-size:12px;  }
	
	/* - LAYOUTS - */
	#Main .Page { width:740px; }
	#Main .LeftCont { float:left; width:425px; margin-right:10px; }

	#Main .Sidebar { float:left; width:305px; }
	
	/* -- Banner 740 */
	#Main .Banner { width:740px; height:338px; }
	#Main .Banner .BannerImg { height:338px; overflow:hidden; }

	#Main .Banner .SearchZone { top:10px; width:330px; height:298px; padding:10px; } 
	#Main .Banner .SearchZone h1 { width:70px; font-size:12px; height:auto; margin-right:20px; }
	#Main .Banner .SearchZone ul.formoptions { width:240px; height:35px; padding:0px; }
	
	#Main .Banner .SearchZone fieldset { width:330px; }
	#Main .Banner .SearchZone ul.formset { width:330px; margin-top:10px; }
	#Main .Banner .SearchZone ul.formset li { width:100%; height:auto; margin-bottom:10px; }
	#Main .Banner .SearchZone ul.formset li label { width:100%; font-size:12px; height:auto; margin-bottom:5px;  }
	#Main .Banner .SearchZone ul.formset li input { height:20px; padding:3px 5px 3px 5px; font-size:14px;}
	#Main .Banner .SearchZone ul.formset li .SelectDate select { width:155px; font-size:14px; }
	#Main .Banner .SearchZone ul.formset li .SelectDate { width:127px; height:26px; margin-right:20px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic select { width:308px; font-size:14px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic { height:26px; width:280px; margin-right:0px; }
	
	/* -- Num Ultim BOPA */
	.slideinfo { z-top:15%; }
	.slideinfo .new { font-size:14px; }
	.slideinfo .num a{ font-size:24x; }
	.slideinfo .num strong { font-size:50px; }
	.slideinfo .slidelink { font-size:14px; } 
	
	/* -- Did you know */
	.Didyouknow { width:425px; margin-top:10px; }
	.Didyouknow .KnowCont { width:405px; padding:10px; }
	.Didyouknow .KnowCont h2 { font-size:18px; margin-bottom:10px; }
	.Didyouknow .KnowCont ul li { font-size:14px; line-height:20px; }
	.Didyouknow .KnowCont ul li strong { font-size:14px;  }
	.Didyouknow .KnowFooter a { font-size:14px; padding:10px 0px 10px 10px; }
	
	/*-- Adv */
	.Adv { width:425px; margin-top:10px;}
	.Adv .AdvTxt { width:395px; padding:10px; top:15%; right:10px; } 
	.Adv .AdvTxt h2 { height:auto; font-size:14px; padding:5px;   } 
	.Adv .AdvTxt h3 { height:auto; font-size:14px; padding:5px;  } 
	.Adv .AdvImage { width:425px; height:215px; } 
	
	/*-- Twitter */
	.Twitter { margin-top:10px; }
	.TopHeader { height:30px; padding:10px 10px 10px 10px; font-size:14px; }
	.TwitterCont { float:left; width:285px; padding:10px 10px 10px 10px; }
	
	/* -- Columns */
	.container { width:350px; padding:0px; margin:0px 10px 10px 10px; }
	.container .column { margin-right:0px; }
	.container .four { width:350px; } 
	.container .three { width:350px; }
	
	/* -- estructura meu bopa */
	.container .SectionHeader { height:auto; margin-bottom:0px; margin-top:10px;}
	.container .SectionHeader .icon { width:330px; height:auto; padding:5px 10px 5px 10px; font-size:14px;  }
	.container .SectionHeader .icon i { font-size:18px; }
	.container .cau-content { width:330px; padding:10px; }
	.container .cau-options { width:330px; padding:5px 10px 5px 10px; }
	
	/* -- Les meves alertes */
	.container .cau-content ul.items { width:330px; }
	.container .cau-content ul.items li { width:330px; }
	.container .cau-content ul.items li a { width:330px; height:auto; font-size:12px; }
	.container .cau-content ul.items li .Num { font-size:16px; width:20px; }
	.container .cau-content ul.items li .Txt { width:235px; padding:10px; font-size:14px;  } /* 330 - 40 - 35 - 20 = 235  */
	.container .cau-content ul.items li .arrow { font-size:24px; }
	
	/* -- Les meves cerques, els meus articles */
	.cau-content .itemsmenu { width:330px; }
	.cau-content .itemsmenu ul { width:330px; margin-bottom:10px; }
	.cau-content .itemsmenu ul li { fwidth:330px; min-height:52px; margin-bottom:10px;  }
	.cau-content .itemsmenu ul li.has-sub a.itemview { font-size:24px;  width:22px; height:14px;  }
	.cau-content .itemsmenu ul li a.itemtitle { width:298px; font-size:12px; } /* 330 - 32 = 298 */
	.cau-content .itemsmenu ul li a.itemtitle h4 { width:240px;  } 
	
	/* -- Botonera cerca */
	.PageSidebar .sidebar .DateRange .RangeOptions .GreenBttn { float:right; width:auto; height:15px; padding:5px 10px 5px 10px; margin:0px 5px 0px 5px;}
	
	/* -  LAYOUT TOTS ELS BUTLLETINS I TOTS ELS DOCUS ---------------------------------------------------------------------- */
	/* -- PageHeader */
	.Page .PageHeader  { width:740px; height:34px; padding:3px 0px 3px 0px; }
	
	
	/* -- PageHeader */
	.Page .PageHeader  { width:740px; margin-top:5px; }
	.Page .PageHeader .DocumentTools { width:120px; height:34px; }
	.Page .PageHeader .DocumentTools .LblTxt { display:none; }
	.Page .PageHeader .DocumentTools ul.DownloadOptions { display:none;  }     
	.Page .PageHeader .DocumentTools .Separator { display:none; }

	.Page .PageHeader .DocumentTools ul.DocumentViews a i { margin-right:5px; margin-left:15px;}
	
	/* -- Breadcrumb asp:sitemappath  */
	.Page .PageHeader .Breadcrumb { width:600px; height:auto; }
	.Page .PageHeader .Breadcrumb .currentNodeStyle { width:400px; padding-right:5px;}
	
	/* sidebar 290 by default */
	/* -- Isotope styles */
	.containerRight { padding:10px 10px 10px 10px; width:430px;  } /* 740 - 290 - 20 = 430 */
	.squareelements .bopart .bopartcont blockquote { font-size:14px; }
	
	/* ---- listelements */
	.listelements .bopart { width:430px; height:145px; margin:10px 0px 10px 0px; }
	.listelements .bopart .bopartcont { width:425px; height:145px;}
	.listelements .bopart .bopartcont .date { width:65px; height:45px; font-size:12px; padding:10px 0px 10px 0px; }
	.listelements .bopart .bopartcont blockquote { float:left; font-size:14px; padding:5px; width:290px; left:80px;}
	.listelements .bopart .bopartcont .categoria { width:430px; bottom:25px; }
	.listelements .bopart .bopartcont .subcategoria { width:430px; bottom:0px; left:0px; }
	
	/* centrat covers */
	.covers .bopart {  margin:8px 0px 8px 75px;  }
	
	/* ---- covers list */
	.covers-list .bopart { width:430px; height:45px; margin:10px 0px 10px 0px; }
	.covers-list .bopart .bopartcont { width:425px; margin-left:5px; height:65px; }
	.covers-list .bopart .bopartcont .bopatitle { font-size:12px;  width:320px; left:80px;} 

	/* - LAYOUT ARTICLE - */
	#articlecont  { padding:0px; width:430px; } 
	.articletxt .bopart { width:430px;  margin:8px 0px 8px 0px;}
	.articletxt .bopart .bopartcont { width:430px; margin-top:5px; }
	.articletxt .bopart .bopartcont .date { font-size:12px; margin-bottom:0px; }
	.articletxt .bopart .bopartcont blockquote { font-size:14px; width:410px; padding:10px;}
	.articletxt .bopart .bopartcont .downloadarticle { margin:10px 0px 10px 0px; width:410px; }
	.articletxt .bopart .bopartcont .downloadarticle ul { height:auto; }
	.articletxt .bopart .bopartcont .articfav { display:none; }
	.articletxt .doccontent { width:410px; padding:10px; margin:8px 0px 8px 0px; }
	
	/* -  OTHER LAYOUTS - */
	/* - PageMain */ 
	.Page .PageMain { width:720px; padding:10px; margin:2px 0px 5px 0px; }   
	.Page .PageMain h2 { font-size:14px; } 
	
	.Page .PageTitle { float:left; width:720px; padding:5px 10px 5px 10px; margin-bottom:10px;}
	.Page .PageTitle h1 { font-size:14px; }
	
	/* - Know Quotes  */
	.Page .PageMain ul#KnowQuotes li { font-size:12px; line-height:14px; }
	.Page .PageMain ul#KnowQuotes li strong { font-size:18px; }
	
	/* - FAQS */
	.Page .FAQList { width:740px; margin-top:10px;  }
	.Page .FAQList ul { width:720px; padding-left:20px; }
	.Page .FAQList ul li.Question { margin-bottom:10px; }
	.Page .FAQList ul li.Question h2 { font-size:12px; }
	.Page .FAQList ul li.Question ul { width:700px; margin-right:10px; }
	.Page .FAQList ul li.Question ul li.Answer { width:690px; padding:10px 10px 10px 0px; margin-bottom:10px;  }
	.Page .FAQList ul li.Question ul li.Answer .AnswerTxt { float:left; width:630px; }
	
	/* - Form */
	.Page .PageMain .FormCont { width:300px; }
	.Page .PageMain .FormCont textarea { width:290px; }
	
	/* - Contacto */
	.Page .PageMain .Col50 { width:300px; margin-right:20px; }
	.Page .PageMain .Col50 ul.contact { width:300px; }
	
	.Page .Maps {width:740px; overflow:hidden; }
	.Page .Maps iframe {width:740px; height:250px;}
	
	/* -  FBA Form */
	.FBAForm { width:720px; margin-top:10px; }
	.FBAForm table { width:100%; }
	.FBAForm table tr { width:100%;  }
	.FBAForm table tr td label { font-size:14px;  }
	.FBAForm table tr td input { font-size:14px; }
	.FBAForm table tr td span {}
	.FBAForm table tr td a { margin-top:10px;  }
	.FBAForm table tr td input.GreenBttn {  }
	.FBAForm table tr .lblError { font-size:12px; margin-left:5px; }

	.Page .PageMain .Nota { width:698px; font-size:12px; }
	
	/* - HEADER SEARCH - */
	.Page .PageHeaderSearch  { display:none; }

	/* -- DIALOG */
	#dialog-form { display:none; }
	#dialog-form p { margin-bottom:20px;}
	#dialog-form .FormCont label { font-size:12px;  }
	#dialog-form .FormCont input { font-size:12px; }
	#dialog-form .FormCont textarea { font-size:12px; }
	#dialog-form .FormButtons { margin-top:20px; }
	
	#dialog-form .FormButtons input { font-size:12px; height:24px; padding:5px 10px 5px 10px; }
	
	/* - USER LOGGED OPTIONSadmin - */
	.ItemsAdmin .SectionHeader { width:720px; }
	.ItemsAdmin .SectionHeader .icon { width:700px; font-size:14px; }
	.ItemsAdmin .SectionHeader .icon i { font-size:14px;  }
	
	.ItemsAdmin table thead tr th.title { width:190px; }
	.ItemsAdmin table thead tr th.description { width:600px; } 

	/* -- Les meves cerques */
	.ItemsAdmin .cau-content { width:740px; }
	
	.ItemsAdmin .cau-content ul.items { width:720px;  }
	.ItemsAdmin .cau-content ul.items li { width:720px;  }
	.ItemsAdmin .cau-content ul.items li a {  width:720px; height:auto; }
	.ItemsAdmin .cau-content ul.items li .Txt { float:left; width:590px; padding:10px; height:17px; } 
	.ItemsAdmin .cau-content ul.items li ul { width:670px;}
	.ItemsAdmin .cau-content ul.items li ul li { width:670px;}
	/*-banner 3 últims bopa-*/
      	.slidesjs-container {
      	height: 440px !important;
    	}

	/*--*/



}
/* iPads (portrait and landscape) & desktop inf 1280 ----------- */
@media only screen and (min-width : 992px) and (max-width : 1240px) { 
	/* -- master 960 */
	#Main { width:960px; }	
	#Main .Header { width:960px; height:100px;   }  
	#Main .Header .HeaderCont { width:940px; height:80px; padding:10px; position:relative; } 
	#Main .Header .HeaderCont .logo { height:60px; width:309px; margin-top:10px;  }
	#Main .Header .HeaderCont .logo img {float:left; height:60px; width:309px; display:block; }
	
	#Main .Header .HeaderCont .SearchCont { position:absolute; right:20px; top:50px; width:auto; }
	
	/* -- Main Nav */
	#Main .Header .HeaderCont .MainNav { width:655px; font-size:12px; margin-right:0px; display: block; height:auto; }
	#Main .Header .HeaderCont .MainNav ul { width:655px; top:60px; right:80px; } 
	#Main .Header .HeaderCont .MainNav ul li { font-size:14px; margin-left:20px; }
	
	/* -- Login */
	#Main .Header .HeaderCont .LoginCont { right:20px; top:5px; height:40px; position:absolute; z-index:998; display:block; margin-top:0px; }

	#Main .Footer { width:960px; height:auto; margin:10px 0px 10px 0px; }
	#Main .Footer .FooterCont { width:940px; height:100%; padding:10px; }
	#Main .Footer .FooterCont ul { width:700px; }
	#Main .Footer .FooterCont .copy { width:220px; }
	
	/* - LAYOUTS - */
	#Main .Page { width:960px; }
	#Main .LeftCont { float:left; width:645px; margin-right:10px; }
	#Main .Sidebar { float:left; width:305px; }
	
	/* -- Banner 740 */
	#Main .Banner { width:960px; height:338px; }
	#Main .Banner .BannerImg { height:338px; overflow:hidden; }

	#Main .Banner .SearchZone { top:10px; width:330px; height:298px; padding:10px; } 
	#Main .Banner .SearchZone h1 { width:70px; font-size:12px; height:auto; margin-right:20px; }
	#Main .Banner .SearchZone ul.formoptions { width:240px; height:35px; padding:0px; }
	
	#Main .Banner .SearchZone fieldset { width:330px; }
	#Main .Banner .SearchZone ul.formset { width:330px; margin-top:10px; }
	#Main .Banner .SearchZone ul.formset li { width:100%; height:auto; margin-bottom:10px; }
	#Main .Banner .SearchZone ul.formset li label { width:100%; font-size:12px; height:auto; margin-bottom:5px;  }
	#Main .Banner .SearchZone ul.formset li input { height:20px; padding:3px 5px 3px 5px; font-size:14px;}
	#Main .Banner .SearchZone ul.formset li .SelectDate select { width:155px; font-size:14px; }
	#Main .Banner .SearchZone ul.formset li .SelectDate { width:127px; height:26px; margin-right:20px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic select { width:308px; font-size:14px; }
	#Main .Banner .SearchZone ul.formset li .SelectTopic { height:26px; width:280px; margin-right:0px; }
	
	/* -- Num Ultim BOPA */
	.slideinfo { z-top:15%; }
	.slideinfo .new { font-size:14px; }
	.slideinfo .num a{ font-size:24x; }
	.slideinfo .num strong { font-size:50px; }
	.slideinfo .slidelink { font-size:14px; } 
	
	/* -- Did you know */
	.Didyouknow { width:645px; margin-top:10px; }
	.Didyouknow .KnowCont { width:625px; padding:10px; }
	.Didyouknow .KnowCont h2 { font-size:18px; margin-bottom:10px; }
	.Didyouknow .KnowCont ul li { font-size:14px; line-height:20px; }
	.Didyouknow .KnowCont ul li strong { font-size:14px;  }
	.Didyouknow .KnowFooter a { font-size:14px; padding:10px 0px 10px 10px; }
	
	/*-- Adv */
	.Adv { width:645px; margin-top:10px;}
	.Adv .AdvTxt { width:625px; padding:10px; top:15%; right:10px; } 
	.Adv .AdvTxt h2 { height:auto; font-size:14px; padding:5px;   } 
	.Adv .AdvTxt h3 { height:auto; font-size:14px; padding:5px;  } 
	.Adv .AdvImage { width:645px; height:215px; } 
	
	/*-- Twitter */
	.Twitter { margin-top:10px; }
	.TopHeader { height:30px; padding:10px 10px 10px 10px; font-size:14px; }
	.TwitterCont { float:left; width:285px; padding:10px 10px 10px 10px; }
	
	/* -- Columns */
	.container { width:960px; padding:0px; margin:0px 0px 10px 0px; }
	.container .column { margin: 0px 10px 0px 10px; }
	.container .four { width:460px; } 
	.container .three { width:460px; }
	
	/* -- estructura meu bopa */
	.container .SectionHeader { height:auto; margin-bottom:0px; margin-top:10px;}
	.container .SectionHeader .icon { width:440px; height:auto; padding:5px 10px 5px 10px; font-size:14px;  }
	.container .SectionHeader .icon i { font-size:18px; }
	.container .cau-content { width:440px; padding:10px; min-height:450px;    }
	.container .cau-options { width:440px; padding:5px 10px 5px 10px; }
	
	/* -- Les meves alertes */
	.container .cau-content ul.items { width:440px; }
	.container .cau-content ul.items li { width:440px; }
	.container .cau-content ul.items li a { width:440px; height:auto; font-size:12px; }
	.container .cau-content ul.items li .Num { font-size:16px; width:20px; }
	.container .cau-content ul.items li .Txt { width:345px; padding:10px; font-size:14px;  } /* 440 - 40 - 35 - 20 = 345  */
	.container .cau-content ul.items li .arrow { font-size:24px; }
	
	/* -- Les meves cerques, els meus articles */
	.cau-content .itemsmenu { width:440px; }
	.cau-content .itemsmenu ul { width:440px; margin-bottom:10px; }
	.cau-content .itemsmenu ul li { width:440px; min-height:52px; margin-bottom:10px;  }
	.cau-content .itemsmenu ul li.has-sub a.itemview { font-size:24px;  width:22px; height:14px;  }
	.cau-content .itemsmenu ul li a.itemtitle { width:408px; font-size:12px; } /* 440 - 32 = 408 */
	.cau-content .itemsmenu ul li a.itemtitle h4 { width:350px;  } 
	
	
	/* -  LAYOUT TOTS ELS BUTLLETINS I TOTS ELS DOCUS ---------------------------------------------------------------------- */
	/* -- PageHeader */
	.Page .PageHeader  { width:960px; height:34px; padding:3px 0px 3px 0px; margin-top:5px; }
	.Page .PageHeader .DocumentTools { width:120px; height:34px; }
	.Page .PageHeader .DocumentTools .LblTxt { display:none; }
	.Page .PageHeader .DocumentTools ul.DownloadOptions { display:none;  }     
	.Page .PageHeader .DocumentTools .Separator { display:none; }

	.Page .PageHeader .DocumentTools ul.DocumentViews a i { margin-right:5px; margin-left:15px;}
	
	/* -- Breadcrumb asp:sitemappath  */
	.Page .PageHeader .Breadcrumb { width:840px; height:auto; }
	.Page .PageHeader .Breadcrumb .currentNodeStyle { width:600px; padding-right:5px;}
	
	/* sidebar 290 by default */
	/* -- Isotope styles */
	.containerRight { padding:10px 10px 10px 10px; width:650px;  } /* 960 - 290 - 20 = 650 */
	.squareelements .bopart .bopartcont blockquote { font-size:14px; }
	
	/* ---- listelements */
	.listelements .bopart { width:650px; height:145px; margin:10px 0px 10px 0px; }
	.listelements .bopart .bopartcont { width:650px; height:145px;}
	.listelements .bopart .bopartcont .date { width:65px; height:45px; font-size:12px; padding:10px 0px 10px 0px; }
	.listelements .bopart .bopartcont blockquote { float:left; font-size:14px; padding:5px; width:520px; left:80px;}
	.listelements .bopart .bopartcont .categoria { width:650px; bottom:25px; }
	.listelements .bopart .bopartcont .subcategoria { width:650px; bottom:0px; left:0px; }
	
	/* ---- covers list */
	.covers-list .bopart { width:430px; height:45px; margin:10px 0px 10px 0px; }
	.covers-list .bopart .bopartcont { width:425px; margin-left:5px; height:65px; }
	.covers-list .bopart .bopartcont .bopatitle { font-size:12px;  width:320px; left:80px;} 

	/* - LAYOUT ARTICLE - */
	#articlecont  { padding:0px; width:650px; } 
	.articletxt .bopart { width:650px;  margin:8px 0px 8px 0px;}
	.articletxt .bopart .bopartcont { width:650px; margin-top:5px; }
	.articletxt .bopart .bopartcont .date { font-size:12px; margin-bottom:0px; }
	.articletxt .bopart .bopartcont blockquote { font-size:14px; width:600px; padding:10px;}
	.articletxt .bopart .bopartcont .downloadarticle { margin:10px 0px 10px 0px; width:630px; }
	.articletxt .bopart .bopartcont .downloadarticle ul { height:auto; }
	
	
	.articletxt .bopart .bopartcont .articfav { width:650px; position:absolute; }
	.articletxt .bopart .bopartcont .articfav .fav { position:absolute; height:23px; width:23px; padding:8px; font-size:20px; right:0px; cursor:pointer; }

	.articletxt .doccontent { width:630px; padding:10px; margin:8px 0px 8px 0px; }
	
	/* -  OTHER LAYOUTS - */
	/* - PageMain */ 
	.Page .PageMain { width:940px; padding:10px; margin:2px 0px 5px 0px; }   
	.Page .PageMain h2 { font-size:14px; } 
	
	.Page .PageTitle { float:left; width:940px; padding:5px 10px 5px 10px; margin-bottom:10px;}
	.Page .PageTitle h1 { font-size:14px; }
	
	/* - Know Quotes  */
	.Page .PageMain ul#KnowQuotes li { font-size:12px; line-height:14px; }
	.Page .PageMain ul#KnowQuotes li strong { font-size:18px; }
	
	/* - FAQS */
	.Page .FAQList { width:960px; margin-top:10px;  }
	.Page .FAQList ul { width:940px; padding-left:20px; }
	.Page .FAQList ul li.Question { margin-bottom:10px; }
	.Page .FAQList ul li.Question h2 { font-size:12px; }
	.Page .FAQList ul li.Question ul { width:900px; margin-right:10px; }
	.Page .FAQList ul li.Question ul li.Answer { width:890px; padding:10px 10px 10px 0px; margin-bottom:10px;  }
	.Page .FAQList ul li.Question ul li.Answer .AnswerTxt { float:left; width:830px; }
	
	/* - Form */
	.Page .PageMain .FormCont { width:300px; }
	.Page .PageMain .FormCont textarea { width:290px; }
	
	/* - Contacto */
	.Page .PageMain .Col50 { width:300px; margin-right:20px; }
	.Page .PageMain .Col50 ul.contact { width:500px; }
	
	.Page .Maps {width:960px; overflow:hidden; }
	.Page .Maps iframe {width:960px; height:300px;}
	
	/* -  FBA Form */
	.FBAForm { width:940px; }
	.FBAForm table tr td label { font-size:14px; }
	.FBAForm table tr td input { font-size:14px; }
	.FBAForm table tr td span {}
	.FBAForm table tr td a { margin-top:10px;  }
	.FBAForm table tr .lblError { font-size:12px; margin-left:10px;  }

	.Page .PageMain .Nota { width:918px; font-size:12px; }
	
	/* - HEADER SEARCH - */
	.Page .PageHeaderSearch  { display:none; }

	/* -- DIALOG */
	#dialog-form { display:none; }
	#dialog-form p { margin-bottom:20px;}
	#dialog-form .FormCont label { font-size:12px;  }
	#dialog-form .FormCont input { font-size:12px; }
	#dialog-form .FormCont textarea { font-size:12px; }
	#dialog-form .FormButtons { margin-top:20px; }
	
	#dialog-form .FormButtons input { font-size:12px; height:24px; padding:5px 10px 5px 10px; }
	
	/* - USER LOGGED OPTIONSadmin - */
	.ItemsAdmin .SectionHeader { width:940px; }
	.ItemsAdmin .SectionHeader .icon { width:900px; font-size:14px; }
	.ItemsAdmin .SectionHeader .icon i { font-size:14px;  }
	
	.ItemsAdmin table thead tr th.title { width:300px; }
	.ItemsAdmin table thead tr th.description { width:600px; } 

	/* -- Les meves cerques */
	.ItemsAdmin .cau-content { width:960px; }
	
	.ItemsAdmin .cau-content ul.items { width:930px;  }
	.ItemsAdmin .cau-content ul.items li { width:930px;  }
	.ItemsAdmin .cau-content ul.items li a {  width:930px; height:auto; }
	.ItemsAdmin .cau-content ul.items li .Txt { float:left; width:800px; padding:10px; height:17px; } 
	.ItemsAdmin .cau-content ul.items li ul { width:880px;}
	.ItemsAdmin .cau-content ul.items li ul li { width:880px;}

	/*-banner 3 últims bopa-*/
      	.slidesjs-container {
      	height: 500px !important;
    	}

	/*--*/

}

/* iPhone 4 and high pixel ratio devices ----------- 
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { }*/

/* ---------------------------------  WEBKIT  ---------------------------------------------------------------------- */
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#Main .Banner .SearchZone ul.formset li select {padding-right:18px}
}
/**go to top**/
.uparrow {
    background: url('../images/arrow79.png');
    cursor: pointer;
    width: 66px;
    height: 67px;
    position: fixed;
    bottom: 40px;
    right:40px;
    display:none;
    background-repeat: no-repeat;
    opacity: 0.4;
}/**end go to top**/