/* - tablet.css - */
/* https://www.tarragona.cat/portal_css/tablet.css?original=1 */
@media only screen and (min-width: 641px) and (max-width: 960px), only screen and (min-device-width: 641px) and (max-device-width: 960px) and (orientation : portrait){
body{background-size: 1427px 700px;}
#web{width: 600px}
#cap{width: 600px}
#cos{width: 600px}
#peu{width: 100%}
#megafooter{width: 600px; /**/}
#megafooter .menuportada ul > li { width: auto; margin-top: 10px; }
#megafooter .menuportada > ul > li {  margin-top: 20px; }
#megafooter .menuportada ul li ul li { margin-bottom: 0px; }
#megafooter .menuportada > ul > li > .seccio  ul > li { display: inline-table; padding-right: 10px; white-space: nowrap; }
#megafooter .menuportada > ul > li > .seccio  ul > li:after { content: "·"; padding-left: 10px }
#megafooter .menuportada > ul > li > .seccio  ul > li:last-child:after { content: ""; }
#megafooter .menuportada .seccio { margin-top: -6px }
#peu .tira .container{width: 600px; margin-left: auto; margin-right: auto}
#peu #acces { padding: 10px 0 5px; margin-top: 15px }
#peu #template-dades .dades { width: 60%; margin-left: -10px; }
/* */
#tira #menuresponsive .togglebutton{display: block;margin:8px 20px 0 0;}
#tira #einesidiomes #menuresponsive .togglebutton{display: block;margin-right: 20px;}
#tira .inner{width: 100%;}
#tira #mainTopHeader #menu-wrap { margin-right: 10px }
#tira #mainTopHeader #last-logo{ display: none }
#tira #mainTopHeader #logos-wrap{margin-left:15px;}
#tira #mainTopHeader #idiomes { margin-right: 0 }
#tira #mainTopHeader #additional-logos{ display: none }
#tira #einesidiomes{float: left; /* */}
#tira #einesidiomes #eines{float: left;}
#tira #einesidiomes #logo{margin-left: 23px}
.template-portada_conselleria_blanc_view #cos #dreta{width: 600px}
.template-portada_conselleria_blanc_view #cos #noticies, .template-index_html #cos #noticies,
.template-portada_conselleria_blanc_view #cos #agenda, .template-index_html #cos #agenda{width: 600px}
.flexslider .slides a div{width: 100%; height: 135px; padding-top: 25px; top: auto; bottom: 0; text-align: center}
#sliderv2 .flexslider .slides img{width: 100%}
.template-index_html .bloc25{width: 286px; }
.template-index_html .bloc50,
.template-index_html .bloc100 { width: 600px; padding: 20px 0px;}
#minisite #blocetramits {width: 570px !important;}
#blocetramits h1 {margin: -20px -15px 5px -15px}
.template-portada_conselleria_blanc_view #cos #noticies .element .titlecontainer,
.template-index_html #cos #noticies .element .titlecontainer{float: left; width: 450px;}
.template-portada_conselleria_blanc_view #cos #noticies .element:first-child .titlecontainer,
.template-index_html #cos #noticies .element:first-child .titlecontainer{ width: 294px;}
.template-index_html .portlet-static-el-nostre-alcalde {width: 568px;}
.template-index_html .portlet-static-el-nostre-alcalde .portletItem.odd { text-align: center; }
.template-portada_conselleria_blanc_view #cos #agenda, .template-index_html #cos #agenda{
width: 600px !important }
#agenda #banner-agenda { padding: 12px 0px 8px 0px; text-align: center;}
#carrousel2{width: 558px}
.template-index_html #blocetramits{width: 570px; margin-right: 0}
.template-index_html .portlet-static-telefons-dinteres, .template-index_html .portlet-static-planol{ width: 256px; margin-right: 24px}
.template-index_html #portlet-meteo { width: 273px; margin-right: 24px}
.template-index_html #facebook { margin-right: 0; width: 273px; }
.template-portada_conselleria_blanc_view #facebook { float: none; clear: both; margin: 10px auto; }
.template-index_html .portlet-static-planol{margin-right: 0}
#tira #menuresponsive #menu .menuportada ul li > a:hover span{color:#fff;}
#tira #menuresponsive #menu{display: none; width: 100%; position: absolute; top: 70px; left: 0; background-color: #c1254a; z-index: 20;
box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.75); padding-bottom: 20px;}
#tira #einesidiomes #menuresponsive #menu{ top: 95px; }
#tira #menuresponsive #menu #portal-searchbox{ float: none; clear: both; margin-bottom: 6px;}
#tira #menuresponsive #menu .menuportada{margin: 30px 20px 20px;}
#tira #menuresponsive #menu .menuportada ul li, #tira #menuresponsive #menu .menuportada ul li a{color: #ffffff}
#tira #menuresponsive #menu .menuportada > ul > li > a > span::after { background: url("++resource++tarragona.theme.images/megamenuli.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); content: "icon"; display: inline-block; height: 10px; left: 5px; position: relative; text-indent: -999em; top: 6px; width: 10px;}
#tira #menuresponsive #menu .menuportada ul li a:hover { color: #28262b;}
#tira #menuresponsive #menu .menuportada > ul > li > a {color: #ffffff; clear: both; display: block; /**/ border-top: 1px solid #fffcfd; font-size: 11pt; font-weight: 600; padding-bottom: 6px; padding-top: 6px; }
#tira #menuresponsive #menu .menuportada ul li .seccio h2{display: none;}
#tira #menuresponsive #menu .menuportada > li {border-bottom: 1px solid #e092a5; clear: both}
#tira #menuresponsive #menu .menuportada ul li ul li{ }
/* */
#tira #menuresponsive #menu .menuportada ul li > ul li { /**/ padding: 4px 0 4px 4px; width: 100%;} /* */
#menuresponsive .seccio > ul { padding-top: 6px; }
#menuresponsive #menu .menuportada .seccio ul li { font-size: 10pt; display: list-item; width: 45%; float: left; border-bottom: 1px solid #CD516E; padding-top: 4px; padding-left: 6px;}
#menuresponsive #menu .menuportada .seccio { /**/ /**/ border-top: 1px solid #ff9fb5;}
#menuresponsive #menu .menuportada .seccio li strong { display: block;  margin-top: 6px; }
#menuresponsive #menu .menuportada .seccio li strong:hover { color: #fff;}
#cercador { float: none; position: relative !important; left: 20px; top: 15px !important; display: inline-block; }
.template-index_html #cap #slide {margin-top: 25px;}
#capsal{ text-align: center; }
/* */
.flexslider {width: 600px;}
.flexslider .slides div{top: 190px; padding-top: 20px; width: 565px; height: 140px; left:0; right: auto; text-align: center}
.flexslider .slides div .myboto{margin-top: 13px;}
#sliderv2 .slides div{top: 0; text-align: left}
/* */
.template-index_html #cap #slidev2{ float: none; clear: none }
#cos #dreta { width: 380px; margin-right: 0}
/* */
#minisite .portlet-dancing, #minisite .portlet-static-youtube, #minisite .portlet-destacats  { width: 600px !important; height: auto;  padding-bottom: 10px; }
#minisite .portlet-banner { margin-top: 20px;  padding: 0 10px; }
/* */
.template-esdeveniment #content-core .image-wrapper.horizontal img,
.template-esdeveniment #content-core .image-wrapper.vertical img,
.template-full_collection_view  #content-core .image-wrapper.horizontal img,
.template-full_collection_view #content-core .image-wrapper.vertical img { margin: 15px 0; display: block; width: 100% }
.template-folder_summary_view #content .tileItem { margin: 15px 10px; display: block }
#content-core .eventDetails { float: none; width: inherit; margin: 20px 0 0 0; }
.template-esdeveniment #parent-fieldname-text, .invert-order { display: flex; flex-flow: column-reverse; }
.template-folder_summary_view .invert-order { display: block; flex-flow: unset; }
.template-document_view #cos #dreta #parent-fieldname-text, .template-document_full_view #cos #dreta #parent-fieldname-text, .template-esdeveniment #cos #dreta #parent-fieldname-text {padding:0 10px;}
.template-full_collection_view #content .tileItem, .template-folder_listing_full #content-core { margin-left: 10px; margin-right: 10px; }
.template-noticia #cos #dreta #content, .portaltype-noticiagm #cos #dreta #content, .template-agenda_consellers_view #cos #dreta #content{ margin: 0 10px 0 10px; }
.template-noticia #noticia_text, .portaltype-noticiagm #noticia_text { margin-top: 0 }
.template-noticia #noticia_imatge.vertical, .portaltype-noticiagm #noticia_imatge.vertical { float: none; margin: 12px 0 12px 0px; width: 100%; }
.template-noticia #content > div, .portaltype-noticiagm #content > div { display: flex; flex-flow: column-reverse; }
div.block-vert .block-text {width: 90%; }
div.block-horiz  .list li { max-width: 31%; }
.template-document_full_view #cos #dreta{width: 600px;}
/* */
#portlet-wrap-instagram .info-content span { display: none; }
#portlet-wrap-instagram .insta-likes { margin-left: 10px }
#portlet-wrap-instagram .insta-comments {margin-left: 25px; }
#portlet-wrap-instagram .insta-logo { margin-left: 10px }
/* */
.template-agenda_consellers_view #filtreAgenda{ margin: 0 auto; float: none; padding: 0; }
.template-agenda_consellers_view .blockAvui{ clear: both }
/* */
.template-full_collection_view #content-core iframe, .template-esdeveniment #content-core iframe, .template-noticia #content iframe, .portaltype-noticiagm #content iframe { width: 360px; height: 202px }
/* */
#content div.listingBar .previous, #content div.listingBar .next{ float: none; display: block; }
.template-index_html #topBanners{ float: none; display: block; margin: 30px auto 0; width: calc(141px*4); }
ul.responsivetabs li{padding: 8px 14px 6px 14px;}
}

/* - smartphone.css - */
/* https://www.tarragona.cat/portal_css/smartphone.css?original=1 */
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
body{ background-position-y:130px; background-size: 1427px 670px;}
/* */
#web{width: 300px}
#cap{width: 300px}
#cos{width: 300px}
#peu{width: 100%}
#tira {width: 100%; border-bottom: 1px solid #909090; height: 143px}
#tira .inner{width: 90%;}
#tira #einesidiomes{float: none;}
/* */
#tira #mainTopHeader #last-logo {display: none}
#tira #menuresponsive .togglebutton{display: block;margin-right: 6px; margin-top:-10px;}
#tira #menuresponsive .togglebutton:hover{ cursor: pointer }
#tira #mainTopHeader #menuresponsive .togglebutton{ margin-top: 4px; display: block; margin-right: 0; }
#mainTopHeader #menu-wrap{ min-width: auto; width: 100%; margin-top: 5px }
#tira #mainTopHeader #idiomes {  margin: 0; padding: 0; position: absolute; top: 112px; right: 0px; }
#mainTopHeader #portal-header {float: none; margin-top: 5px}
#mainTopHeader #menu-wrap #eines{ float: none;  margin: 5px auto; width: 100%;}
#tira #mainTopHeader #additional-logos{ display: none }
#tira #mainTopHeader, #tira #einesidiomes{float: none;}
#tira #eines{ float: none; margin-top: 5px; padding-left: 0}
#tira #mainTopHeader #idiomes #TranslateSpan{ visibility: hidden; position: absolute; margin-left: -60px; }
#tira #mainTopHeader #idiomes #LauncherTranslatePhrase, #tira #mainTopHeader #idiomes #LauncherTranslatePhrase:hover { background-color: transparent !important; border: none;}
#tira #mainTopHeader #idiomes #TranslateSpan::after{ visibility: visible; content: 'LANG' ; padding: 10px 6px; background-color: #B1A9A7 !important; color: #fff}
#tira #mainTopHeader #idiomes #TranslateSpan:hover::after{ color: #444  }
#WidgetFloaterPanels {left: 0px !important; top: 55px !important; }
#tira #mainTopHeader #eines ul { text-align:  center; }
#tira #mainTopHeader #xsocials{ margin: 10px auto 0; float: none }
#tira #mainTopHeader #logo { position: absolute }
#tira #einesidiomes #idiomes{padding: 0 0 4px;}
#tira #einesidiomes #xsocials{display: none;}
#tira #einesidiomes #logo { clear: both; margin: 0; width: 190px;}
#logo-patrimoni { top: 0; margin: 0; }
#tira #menuresponsive #menu {display: none; width: 320px; position: absolute; top: 143px; background-color: #c1254a; z-index: 40; padding: 20px; color: #ffffff; box-shadow: 0 3px 6px 0 rgba(50, 50, 50, 0.75); left: 0; right: 0; margin: 0 auto;}
#tira #einesidiomes #menuresponsive #menu {top: 105px;}
#tira #menuresponsive #menu .menuportada ul li, #tira #menuresponsive #menu .menuportada ul li a{color: #ffffff; min-height: 26px; height: auto;}
#tira #menuresponsive #menu .menuportada > ul > li > a {border-top: 1px solid #fffcfd; display: list-item; font-size: 10pt; font-weight: bold; padding-top: 6px; padding-bottom: 6px;}
#tira #menuresponsive #menu .menuportada > ul > li > a > span::after { background: url("++resource++tarragona.theme.images/megamenuli.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); content: "icon"; display: inline-block; height: 10px; left: 5px; position: relative; text-indent: -999em; top: 6px; width: 10px;}
#tira #menuresponsive #menu .menuportada ul li .seccio h2{display: none;}
#tira #menuresponsive #menu .menuportada ul li ul {clear:both; padding-top: 4px;}
#tira #menuresponsive #menu .menuportada ul li ul li {}
#tira #menuresponsive #menu .menuportada ul li > ul li { /**/ }
#tira #mainTopHeader #eines #personaltools-login { visibility: hidden }
/* */
#menuresponsive #menu .menuportada .seccio { border-top: 1px solid #ff9fb5; }
#menuresponsive #menu .menuportada .seccio ul li { border-bottom: 1px solid #CD516E; display: list-item; font-size: 10pt; padding-top: 4px; padding-left: 6px}
#menuresponsive #menu .menuportada .seccio li strong { display: block;  margin-top: 6px; }
#cercador { padding-bottom: 40px; position: relative !important; top: 0 !important;}
.template-index_html #cap #slide { margin-top: 30px;}
#mainTopHeader #portal-searchbox { width: 70%; float: none; margin: 0 auto; }
#einesidiomes #portal-searchbox { width: 90%; }
#portal-searchbox .LSBox .searchButton { margin-right: 10px; margin-top: 2px;}
#portal-searchbox .LSBox input#searchGadget { width: 82%; }
#portal-searchbox .LSBox #LSResult { left: 10px; width: 95%; top: 24px; margin: 0;}
#portal-searchbox .LSBox #LSResult .livesearchContainer{width:auto;}
.template-index_html #cap #slide{height:auto}
#carousel{display: none}
.responsivepanes{ background-color: transparent; border: none}
.responsivepane {padding: 10px 25px; display: block; border: 1px solid #c9c8c6; background-color: #fff;}
.responsivetabs {display: none;}
.tab_drawer_heading {
background-color: #fff; color: #363332; border: 1px solid #c9c8c6; margin: 2px 0; padding: 5px 20px; display: block;
font-weight: 600; font-size: 14px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;
-moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center;
}
.d_active {color: #ac0031;}
.columnlist.tablet ul, .columnlist2.tablet ul, .columnlist3.tablet ul, .columnlist4.tablet ul{width: 100%; border-right: none; margin-left: 0}
.columnlist.tablet ul:last-child, .columnlist2.tablet ul:last-child, .columnlist3.tablet ul:last-child, .columnlist4.tablet ul:last-child{ width: 100%}
#cos #noticies,
#cos #agenda{width: 100%}
#agenda #banner-agenda { padding: 12px 0px 8px 8px; width: 282px;}
#agenda #banner-agenda picture img{ width: 100%; }
.template-portada_conselleria_blanc_view #cos #dreta{width: 300px}
.template-portada_conselleria_blanc_view #cos #noticies, .template-index_html #cos #noticies { width: 300px}
.template-portada_conselleria_blanc_view #cos #agenda, .template-index_html #cos #agenda { width: 300px !important; margin-top: 30px}
.template-index_html #blocetramits{ width: 270px; height: auto}
.template-portada_conselleria_blanc_view #cos #noticies .element .titlecontainer, .template-index_html #cos #noticies .element .titlecontainer{ width: 100%}
.flexslider .slides a div{width: 100%; height: 200px; padding: 0; padding-top: 35px; top: auto; bottom: 0; text-align: center}
.template-index_html .bloc25{width: 300px; margin-right: 0px}
.template-index_html .bloc50,
.template-index_html .bloc100 { width: 300px; padding: 20px 0px;}
.template-index_html #blocetramits h1 {margin: -20px -15px 5px -15px}
.template-index_html #blocetramits input{width: 100%}
.template-index_html #blocetramits input[type="submit"]{margin-top: 5px}
#noticies .element .imgcontainer{display: none}
#noticies .element:first-child .imgcontainer{display: block}
#noticies .element .imgcontainer
.js #menuvertical { display: none; }
.js .selectnav { display: block; }
.template-index_html .portlet-static-el-nostre-alcalde{ width: 270px; height: auto; margin-top: 55px; /* */;}
.template-index_html .portlet-static-el-nostre-alcalde img{ width: 269px; height: auto}
#portlet-meteo {width: 270px; margin-right: 0}
.template-portada_conselleria_blanc_view #facebook, .template-index_html #facebook {width: 300px;}
.template-index_html .portlet-static-telefons-dinteres, .template-index_html .portlet-static-planol{width: 268px; margin-right: 0}
#carrousel2{ width: 258px}
#megafooter{ width: 300px; margin-left: auto; margin-right: auto}
#megafooter .menuportada > ul > li{clear: both; margin-top: 20px; width: 100%}
#megafooter .menuportada > ul > li:first-child { margin-top: 0; }
#peu .tira .container{ width: 285px; margin-left: auto; margin-right: auto}
#peu #acces, #peu #acces ul li, #peu #template-dades .enllacos { float: none; text-align: center; }
#peu #template-dades, #peu #template-dades .dades { float: none; width: 100%; margin-top: 0; padding-top: 0; }
#peu #acces ul li a img { margin-left: 0;}
#peu #acces ul li a span { vertical-align: middle; }
.flexslider {width: 300px; height: 400px}
.flexslider .slides div{top: 160px; padding-top: 35px}
.flexslider .slides div h2, .flexslider .slides div p{text-align: center}
.flexslider .slides li{height: 400px; overflow: hidden}
.flexslider .slides img{width: 440px; height: auto;}
.flexslider .flex-viewport{height: 400px}
/* */
.template-index_html #cap #slidev2 {width: 300px; height: auto; float: none; clear: none }
#slidev2 .flexslider {height: auto}
#sliderv2.flexslider .slides img{width: 300px; height: 139px;}
#sliderv2.flexslider .slides li{height: auto; overflow: hidden}
#sliderv2.flexslider .flex-viewport{height: auto}
#sliderv2.flexslider .slides div{top: 0; height: 50px; width: 290px; padding: 0px 5px 10px 5px;}
#sliderv2.flexslider .slides div h2,
#sliderv2.flexslider .slides div p{text-align: left}
#sliderv2 .flex-direction-nav li { height: 44px; top: 68px; width: 22px }
#sliderv2 .flex-direction-nav .flex-nav-prev { border-bottom-right-radius: 44px; border-top-right-radius: 44px; left: 0; display: visible;}
#sliderv2 .flex-direction-nav .flex-nav-prev::before { font-size: 14px; margin-top: 15px; margin-left: 2px;}
#sliderv2 .flex-direction-nav .flex-nav-next::before { font-size: 14px; margin-top: 15px; margin-left: 9px;}
#sliderv2.flexslider .slides div p { font-size: 9pt; }
#sliderv2.flexslider .slides div h2 a, #sliderv2.flexslider .slides div h2{ font-size: 16px; color: #ffffff; text-transform: uppercase }
/* */
/* */
.template-index_html #topBanners{ float: none; margin-top: 15px; margin-left: 8px }
#cos #dreta{width: 300px; margin-right: 0}
#cos #titlebreads{ margin: 0 10px; }
#cos #portal-breadcrumbs{ background-color: #fff9f9; }
#cos #dreta #content table{ width: 100% }
.template-esdeveniment #parent-fieldname-text .image-wrapper.horizontal img, .template-esdeveniment #parent-fieldname-text .image-wrapper.vertical img, .template-full_collection_view
#content-core .image-wrapper.horizontal img, .template-full_collection_view #content-core .image-wrapper.vertical img { width: 100% }
#content-core .eventDetails { float: none; width: inherit; margin: 20px 0 0 0; }
.template-esdeveniment #parent-fieldname-text, .invert-order { display: flex; flex-flow: column-reverse; }
.template-document_view #cos #dreta #parent-fieldname-text, .template-document_full_view #cos #dreta #parent-fieldname-text, .template-esdeveniment #cos #dreta #parent-fieldname-text {padding:0 10px;}
.template-document_view #content-core img{ margin: 0; max-width: 100%; }
.template-full_collection_view #content .tileItem, .template-folder_summary_view #content .tileItem, .template-folder_listing_full #content-core, .template-search #content-core { margin-left: 10px; margin-right: 10px }
.template-folder_summary_view .image-wrapper{width: 100%; height: auto}
.template-folder_summary_view #content .text-wrapper{ margin: 0 0 15px 0; }
/* */
#minisite .template-full_collection_view #parent-fieldname-text .eventDetails { float: none; width: inherit; margin: 20px 0 0 0; }
#minisite .template-full_collection_view #parent-fieldname-text{ display: flex; flex-flow: column-reverse; }
.template-noticia #cos #dreta #content, .portaltype-noticiagm #cos #dreta #content, .template-agenda_consellers_view #cos #dreta #content { margin: 0 10px }
.template-noticia #content > div, .portaltype-noticiagm #content > div { display: flex; flex-flow: column-reverse; }
.template-noticia #noticia_imatge.vertical, .portaltype-noticiagm #noticia_imatge.vertical { float: none; margin: 12px 0 12px 0px; width: 100%; }
#firstLevelNavigation{display: none}
.portletNavigationTree{display:none}
#minisite .portlet-dancing {width: 310px !important;}
#minisite .portlet-dancing input {width:98% !important;}
.portlet-static-mou-te iframe { width: 100%; }
.eventDetails { margin: 0; float: none; width: 285px;}
#minisite .portletStaticText.portlet-static-mou-te .portlet-dancing { width: 410px !important; margin-left: -50px; }
#minisite .portlet-destacats { height: auto; padding-bottom: 10px; }
div.block-vert .block-text {width: 90%; }
div.block-horiz  .list li { max-width: 48%; }
.template-document_full_view #cos #dreta{width: 300px;}
/* */
dl.portlet-static-foto-del-dia { float: left; width: 272px; clear: both; margin-top: 60px; }
#portlet-wrap-instagram { height: auto }
#portlet-wrap-instagram .img-box-instagram{ max-width: 100%; margin-right: 0; height: auto; }
#portlet-wrap-instagram .img-box-instagram img { height: auto; width: 100% }
#portlet-wrap-instagram .info-content span { display: none; }
#portlet-wrap-instagram .insta-likes { margin-left: 10px }
#portlet-wrap-instagram .insta-comments {margin-left: 25px; }
#portlet-wrap-instagram .insta-logo { margin-left: 10px }
#portlet-wrap-instagram .info-content { padding-top: 0; text-align: right; margin-right: 60px;}
#portlet-wrap-instagram #tags-i { margin: 20px 0 10px 0; }
/* */
.template-agenda_consellers_view #filtreAgenda{ margin: 0 auto 28px; padding: 0; float: none }
.template-agenda_consellers_view .llistatAvui span.guion{ display: none }
.template-agenda_consellers_view #content .llistatAvui dd{ display: inline-block; margin: 0}
/* */
.template-full_collection_view #content-core iframe, .template-esdeveniment #content-core iframe, .template-noticia #content iframe, .portaltype-noticiagm #content iframe { width: 280px; height: 157px }
/* */
#content div.listingBar .previous, #content div.listingBar .next{ float: none; display: block; }
}