body {background: #f5f5f5 none repeat scroll 0 0 !important;}
ul, ol, dl {font-size: 0.75rem;}
p {font-size: 0.8rem;}

#content h1.documentFirstHeading {font-size: 2rem;line-height: 2rem;}
h2.tileHeadline {font-size: 1.5rem !important;}

/*MENU LINKS*/

#menu_lateral #item-historia-i-museus a,
#menu_lateral #item-museus-i-patrimoni a, 
#menu_lateral #item-tarragona-turisme a,
#menu_lateral #item-patrimoni-historia a {font-size: 0.95rem;height: 27px;font-weight: bold;} 

/*PEU*/

#peu #template-dades {float: none;width: 100%;padding: 10px 0;font-size: 0.75rem;line-height: 1rem;}
#peu #template-dades p{margin-bottom: 0}
#peu #acces {float: none;}
#peu {font-size: 1rem !important;}


/*BANNERS*/

.menutopbanners {padding: 15px 0;}
.menubottombanners {display: none;padding: 25px 0;}
.menubottombanners li {display: block;}
.menubanners {background: #fff none repeat scroll 0 0;text-align: center;}
.menubanners ul {margin:0 !important}
.menubanners ul li {margin: 0 2%;}


/*CONTINGUT*/

#minisite_content {background: #ffffff none repeat scroll 0 0;box-shadow: 0 7px 7px rgba(226, 226, 226, 1);clear: both;color: #6d6c6c;font-family: "Open sans",Arial,Tahoma,sans-serif;font-size: 0.85rem;letter-spacing: 0;line-height: 1.5em;margin: 0px auto 12px;min-height: 500px;padding-bottom: 20px;padding-top: 0;position: relative;text-align: left;text-decoration: none;word-spacing: 0.05em;}
#minisite_content h2, #minisite_content h1 {font-family: "OpenSansLight";font-size: 1.7rem;line-height: 1.7rem;margin-bottom: 20px;margin-top: 0;text-transform: uppercase;}
#minisite_content h2 {padding-bottom: 0;}
#minisite_content h3 {color: #0065b7;font-family: "OpenSansLight";font-size: 1.3rem;line-height: 19px;margin-bottom: 11px;text-transform: uppercase;padding-bottom: 0;}
#minisite_content h4 {font-family: "OpenSansLight";font-size: 1.1rem;line-height: inherit;margin-bottom: 0.5rem;text-transform: uppercase;padding-bottom: 0;}
#minisite_content .itemNoticia a {font-size: 0.8rem;}
#minisite_content .noticiesPortada {margin-bottom: 1.5rem;}
#minisite_content .image-inline {float: none;margin: 0 !important;}
#minisite #content {margin: 0;}
#minisite #content #noticies {margin-top: 0;}
.portletWrapper {font-size: 0.75rem !important;}
#noticia_text {padding: 0;}
#content .noticia_data_agenda {color: black;font-size: 0.9rem;font-weight: normal;}

.tileItem {border-bottom: 1px solid #ddd;margin-bottom: 15px;}


/*SOCIALBOX*/

#boxBottom .contentbox {max-height: 415px;overflow: hidden;padding: 12px;}
#boxBottom .contentbox .portletHeader {border-bottom: 1px solid #e5e9eb;font-family: "OpenSansLight";font-size: 1rem;line-height: 19px;margin-bottom: 14px;padding-bottom: 8px;}
#boxBottom .boxBottomTwitter {border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;} 
/*#boxBottom .contentbox .fb-like-box > span > iframe,
#boxBottom .contentbox .fb-like-box > span {height: 400px !important;}*/
#boxBottom .contentbox dl.portlet {margin: 0 0 1.7rem !important;}

/*.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}*/
#sharesection #twitter-widget-0 {display: inline-block;}
#sharesection {border-bottom: 1px solid #e2dddd;border-top: 1px solid #e2dddd;clear: both;margin-bottom: 30px;margin-top: 70px;padding-bottom: 11px;padding-top: 14px;text-align: right;}
#sharesection h2 {border-bottom: 0 none;display: inline-block;  float: left;  line-height: 1.3rem !important;  margin-bottom: 0 !important;  padding-bottom: 0 !important;}
#sharesection .fb_iframe_widget {display: inline-block;margin-right: 18px;position: relative;}


/*CALENDARI*/
.topcalendari {margin: 0 auto;width: 100%;}
.portletCalendar table thead {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}
.portletCalendar {border-bottom: 1px solid #DDDDDD;float: none;margin: 0 auto !important;padding: 0 0 23px;width: 100%;}
.portletCalendar table {border: medium none;background:none repeat scroll 0 0 transparent !important;border-collapse: collapse;empty-cells: hide;margin: 0 !important;padding: 0;}
.portletCalendar th {background: none repeat scroll 0 0 transparent !important;color: #1a67b5 !important;font-weight: bold !important;padding: 0 0 10px !important;text-align: center !important;}
.portletCalendar .portletHeader {margin-bottom: 6px;padding: 2px 6px;color: #555555;font-size: 0.9rem;font-weight: normal !important;}
.portletCalendar .portletHeader a {display: block !important;height: 13px;width: 17px;}
.portletCalendar .portletHeader a#calendar-previous {color: transparent !important;float: left;background: url("calendar-previous.png") no-repeat scroll 0 5px transparent;height: 20px;}
.portletCalendar .portletHeader a#calendar-next {background: url("calendar-next.png") no-repeat scroll right 5px transparent;color: transparent !important;float: right;height: 20px;}
.portletCalendar .portletHeader a#calendar-next:after {clear:both;}
.portletCalendar .event {background-color: transparent;font-size: 0.75rem;font-weight: normal;}
.portletCalendar .event strong {font-weight: normal;}
.portletCalendar .event a {color:#000;padding: 3px 0;background-color: #eeeeee;border-radius: 3px 3px 3px 3px;display: block;}
.portletCalendar td {height: 23px;padding: 1px !important;text-align: center;vertical-align: middle !important;width: 16px;}
.ploneCalendar .todayevent {background-color: #FFFFFF !important;border: medium none !important;border-radius: 7px 7px 7px 7px;font-weight: bold;}
.ploneCalendar .todaynoevent {border: medium none;color: #0065B7 !important;font-weight: bold !important;}
.ploneCalendar .todaynoevent strong {background: none repeat scroll 0 0 #458ed8;border-radius: 4px 4px 4px 4px;color: #FFFFFF !important;display: block;padding: 3px 0;}
.ploneCalendar .todayevent a {padding: 3px 0;border-radius: 4px 4px 4px 4px;display: block;}
.eventDetails .camp .titol{border-bottom: 1px solid #a8113c}

.innerBanners {padding-left: 0;}
.innerBanners .menubannersItem {display: block !important;margin: 0 0 10px !important;}
.innerBanners .menubannersItem img {width: 100%;}

/*RELATEDS*/

dl#relatedItemBox {background: #f2f2f2 none repeat scroll 0 0;padding: 14px;}
dl#relatedItemBox dt {font-size: 0.9rem;margin-bottom: 0.5rem !important;}
dl#relatedItemBox dd {margin: 0 0 0.3rem 1rem !important;}

/* TIRA */
#topheader {background: -moz-linear-gradient(center top , #5C5C5C, #464646) repeat scroll 0 0 rgba(0, 0, 0, 0);background: #5c5c5c; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5c5c', endColorstr='#464646'); /* for IE */background: -webkit-gradient(linear, left top, left bottom, from(#5c5c5c), to(#464646)); /* for webkit browsers */border-bottom: 1px solid #393E3F;overflow: hidden;margin-bottom: 10px;padding-bottom: 10px;}
#topheader #idiomes {border-left: medium none;display: inline-block;height: 25px;margin-top: 0;padding: 0;vertical-align: middle;}
#topheader ul {font-size: 0.7rem;margin: 0 !important;}
#topheader #eines {font-weight: bold;padding-top: 16px;}
#topheader #eines ul li a {color: #FFFFFF;padding-left: 22px;}
#topheader #eines #personaltools-login a{padding-left: 0}
#topheader .logo, #tira #logo {display: block;padding-bottom: 12px;padding-top: 20px;text-align: right;}
#topheader #xsocials {display: inline-block;float: none !important;margin-right: 30px !important;padding-bottom: 5px;padding-top: 4px;vertical-align: middle;}
#topheader #idiomes #LauncherTranslatePhrase {padding: 1px 0;}
#LauncherLogo {display: none !important;}
#WidgetLauncher {height: auto !important;margin: 0 !important;}
#topheader #eines #personaltools-dashboard {background: url("++resource++tarragona.theme.images/user.gif") no-repeat scroll left center rgba(0, 0, 0, 0);}
#topheader #eines #personaltools-kbanneradmin {background: url("++resource++tarragona.theme.images/KBannerAd.gif") no-repeat scroll left center rgba(0, 0, 0, 0);}
#topheader #eines #personaltools-newsletteradmin {background: url("++resource++tarragona.theme.images/mail_icon.gif") no-repeat scroll left center rgba(0, 0, 0, 0);}
#topheader #eines #personaltools-logout {background: url("++resource++tarragona.theme.images/error.gif") no-repeat scroll left center rgba(0, 0, 0, 0);}


/*EDICIO*/

#edit-bar{font-size: 83%;min-height: 2.4em;padding-top: 0.2em;}
#edit-bar ul, #edit-bar ol, #edit-bar dl{font-size: 0.8rem;margin:0;padding:0;line-height: 2;}
#edit-bar ul li ul, #edit-bar ul li ol{font-size: 0.8rem;margin:0;padding:0;}
#listing-table th{float:none;width:auto;}
#listing-table td input{margin:0;}
#listing-table tr th, #listing-table tr td{font-size: 0.8rem;}
.portlet-action button, .portlet-action .button{padding:0;}
#portlets ul, #portlets ol, #portlets dl{font-size: 0.8rem;margin:0;padding:0;line-height: 2;}
#edit_form select,
.formPanel select{height:auto;width:auto;padding:0px;}
#edit_form textarea,
.formPanel textarea{height:auto;width:auto;}
#edit_form input,
.formPanel input{height:auto;}
#edit_form input[type="checkbox"],
.formPanel input[type="checkbox"], 
#edit_form input[type="radio"],
.formPanel input[type="radio"]{float:left;margin:.2rem .4rem 0 0;}
.formPanel .newTagsSection{margin-left:0px;}
.formPanel .newTagsSection label{width: 57%;}
.formPanel .newTagsSection .newTags{margin-left:1rem;}
.formPanel .fieldTextFormat{float:right;}
#edit_form label,
#edit_form .label,
.formPanel label,
.formPanel .label{white-space: normal;font-weight:bold;background:none;color: #4D4D4D;cursor: pointer;display: block;font-size: 0.875rem;margin-bottom: 0.5rem;padding:0;text-align:left;}
#atrbResults table tr th, #atrbResults table tr td{padding: 5px;line-height: 1rem !important;}
#atrbResults table tr td img{float:left; margin-bottom: 15px;margin-right: 2px;}
#search .field,
#search .field input{display:inline;margin:0px;}
#plonebrowser #searchtext{height: 28px;}
.template-translate_item #portlets{display:none;}
.template-translate_item #portal-column-content{width:100%;}
.template-translate_item #portal-columns{max-width:80rem;}


@media screen and (max-width : 1026px){
  #boxBottom .boxBottomTwitter {
    border-left: 1px solid #DDDDDD;
    border-right: 0px solid #DDDDDD;
  }
  .innerBanners .menubannersItem {
    display: inline-block;
    margin: 10px !important;
  }
}

@media screen and (max-width : 642px){
  #header_minisite img {
    max-width: inherit;
    width: 800px;
  }
  #header_minisite {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 1rem;
    overflow: hidden
  }
  #topheader .logo {
  display: block;
  padding-bottom: 0;
  padding-top: 27px;
  text-align: center;
  }
  #topheader #xsocials {
  display: block;
  margin: 0 !important;
  }
  #topheader #idiomes {padding-top: 10px;display: block;}
  #peu #template-dades,
  .mobile-center {text-align: center;}
  .firstcolumns,
  #menutopbanners .columns,
  #header .columns {padding-left: 0;padding-right: 0;} 
  #topheader {
  border-bottom: 0 solid #393E3F;
  margin-bottom: 0;
  }
  #peu {margin-top: 0;}
  #boxBottom .boxBottomTwitter {
  border-left: 0px solid #DDDDDD;
  border-right: 0px solid #DDDDDD;
  margin-bottom: 1.9rem;
  }

  .innerBanners .menubannersItem {
  display: inline-block;
  margin: 10px;
  }
  .innerBanners .menubannersItem img {width: auto;} 
  .innerBanners {
  padding: 0;
  text-align:center;
  }

  .image-inline {
  float: none;
  margin: 0 !important;
  }
  #header_minisite .columns {padding: 0;}
  #peu #acces {
  padding: 10px 10px 20px;
  }
  #peu #template-dades {padding-bottom: 20px;}
  .menutopbanners {display:none;}
  .menubottombanners {display:block;}
  #noticia_imatge {
    float: none;
    margin: 0;
    width: 100%;
  }
  #noticia_imatge img {
    width: 100%;
  }
  .eventDetails {
    float: none;
    margin: 0 0 18px;
    width: 100%;
  }
  .image-right,
  .image-left {
    float: none;
    display: block;
    margin: 0 0 1rem !important;
    padding: 0 !important;
  }
  .fb_iframe_widget,
  .fb_iframe_widget > span,
  #boxBottom .contentbox iframe {
    width: 100% !important;
  }
  .template-portada_patrimoni #portal-columns,
  .template-portada_cultura #portal-columns {background: none;}
    /* iframe content */
.template-full_collection_view #content-core iframe, .template-esdeveniment #content-core iframe { width: 100%; height: 214px;  }
}