/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 
 #simple-menu {
	display:none;
}

 
.custom-logo {
	width: 260px;
	height: 85px;
	background: url(../../../images/logo_web2015.png) 50% 50% no-repeat;
	background-size:  contain;
}

#menu .dropdown  {
	width:200px!important;
}

hr#system-readmore {
	display:none;	
}


/* Estils de la portada */

/* format general */

.newsFormat1,
.newsFormat2,
.newsFormat3,
.newsFormat4 {
}

.newsFormat1 p,
.newsFormat2 p,
.newsFormat3 p,
.newsFormat4 p {
	margin:0;
	font-size:.9em;
	line-height: 140%;
}

a.imageLink {
	display:block;
}

a.imageLink img {
	border-bottom:3px solid #ccc;
	display: block;
}

a.imageLink img:hover {
	opacity: 0.95;
}

div.inset {
	display: block;
	position: relative;
}

img.commentsimage {
	vertical-align:text-top
}


/* Particularitats Format 0 */
div.newsFormat1, div.newsFormat2, div.newsFormat3Container {
	display: block;
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}



div.newsFormat1 .textoverimage {
    position: absolute; 
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 40px;
    padding: 10px;
    right: 0;
    text-align: right;
    width: 80%;
    z-index: 1;
}

div.newsFormat1.narrow .textoverimage {
    bottom: 20px;
}

div.newsFormat1 .textoverimage h2  {
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,0.9);
	margin-top:5px;
	font-size:2em;
	line-height:1.1em;
}

div.newsFormat1.narrow .textoverimage h2  {
	font-size:1.6em;
}

div.newsFormat1 .textoverimage p {
	width:90%;
	float:right;
	text-shadow:1px 1px 2px rgba(0,0,0,0.9);
	font-weight: bold;
}

div.newsFormat1.narrow .textoverimage p {
	width:90%;
	float:right;
	text-shadow:1px 1px 2px rgba(0,0,0,0.9);
	font-weight: normal;
	font-size: .9em;
	line-height: 1.2em;
}


div.newsFormat1 .textoverimage a {
	color: white;
}

div.newsFormat1 div.textoverimage a.catname {
	color:white!important;
	padding: 5px 10px;
	box-shadow:0px 0px 2px rgba(0,0,0,0.7);
	font-size:12px;
}

div.newsFormat1.narrow div.textoverimage a.catname {
	font-size:10px;
}

div.newsFormat1 div.textoverimage a.commentbox {
	background-color:white;
	padding: 5px 10px;
	box-shadow:0px 0px 2px rgba(0,0,0,0.7);
	color:#505050;
	font-size:12px;
	margin-left:10px;
	font-weight: bold;
}

div.newsFormat1.narrow div.textoverimage a.commentbox {
	font-size:10px;
	vertical-align: middle;
}



/* Particularitats Format 1 */

.newsFormat2 h3 {
	font-size: 1.5em;
	line-height:120%;
	margin-top:0;
}

.newsFormat2 .commentbox,
.newsFormat3 .commentbox,
.newsFormat4 .commentbox {
	font-size:11px;
	padding-left:10px;
	margin-left:5px;
	border-left:1px dotted #ccc;
}

.catname {
	font-size: 11px;
	font-weight: bold;
}

.newsRow2 {
	display:table-row;
	width:50%;
}

.newsFormat3 h3 {
	font-size: 1.15em;
	line-height:120%;
	margin-top:0;
}


.newsFormat3 div {
	margin: 0 8px 15px 8px;
}

.newsFormat3 div.alpha,
.itemContainerFirst div.newsFormat3 div.inset {
	margin-left:0;
}

.newsFormat3 div.omega,
.itemContainerLast div.newsFormat3 div.inset {
	margin-right:0;
}

.newsFormat4 {
	border-bottom: 1px solid #eee;
}

.newsFormat4 .imageLink, .newsFormat4 .grid-box {
	padding:8px 0;
}

.newsFormat4 div.inset {
	margin-left:8px;
}


.newsFormat4 h3 {
	margin-top:0;
}

div.itemHeader {
	border-left: 5px solid gray;
	padding: 5px 10px 5px 10px;
}

div.itemHeader h1 {
	margin-top: 0;
}

.image-footer {
    background-color: #F8F8F8;
    border-bottom: 3px solid #EEEEEE !important;
    color: #555555;
    font-size: 0.85em;
    margin-top: -5px;
    padding: 5px;
    text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
}

p.image-footer {
	margin-top:-15px;
}

p.oldImage, a.oldImage {
	text-align: center;
	padding:10px;
	background-color: #F8F8F8;
	margin:10px 0;
	display:block;
}

div.oldGallery {
	background-color: #f0f0f0;
	margin-top:-10px;
	padding:10px;	
	overflow: auto;
	
}

div.oldGallery img {
	float:left;
	
}



/* Hemeroteca */
.tableHemeroteca h3 {
	font-size: 1.25em;
	margin:0 0 5px 0;
}

.tableHemeroteca h4{
	font-size: .8em;
	margin:0 0 5px 0;
	font-weight: normal;
}

.tableHemeroteca p {
	font-size: .9em;
	line-height: 1.2em;
}

.module p.hemerobutton {
	text-align:left;
	margin-top: 5px;
	font-size:.9em;
}


p.genericItemDateCreated {
	font-size: .75em;
	color: #aaa;
	margin-top: 5px;
	text-align: right;	
}

p span.peli {
	display:block;
	font-weight:bold;
}

.esporttitol, .box-title, .esporttitol2, .esportclassif {
	color:white;
	padding: 15px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 1.1em;
	background-color:#444;
	display: block;	
	font-weight: bold;
}

.esporttext, .box-below {
    border-bottom: 1px solid #DDDDDD;
    display: block;
    background-color: #f8f8f8;
    margin-top:0;
    padding: 15px;
	margin-top: -15px;
}

.esporttext strong {
	display:block;
}

.breadcrumbs a.last {
	background: none;
	font-weight: bold;
	
}


nav.sticky {
	position:fixed;	
}

#toolbar a.topbuttonslide, #toolbar a.topbuttonslideman {
	background: url(../../../images/topbuttonslide.png);
	height: 35px;
	float: left;
	display:block;
	width:35px;
}

#toolbar .float-left a.topbuttonslide,
#toolbar .float-left a.topbuttonslideman {
	border-right: 1px solid #444;
}

#toolbar .float-right a.topbuttonslide, 
#toolbar .float-right a.topbuttonslideman {
	border-left: 1px solid #444;
}

#toolbar a#eltotcat {
	width:89px;
	background-position: 0 0;
}

#toolbar a#portalmataro {
	background-position: -89px 0;
}

#toolbar a#mataronidelany {
	background-position: -124px 0;
}

#toolbar a#totesport {
	width:63px;
	background-position: -159px 0;
}

#toolbar a#btyoutube {
	background-position: -222px 0;
}
#toolbar a#bttwitter {
	background-position: -257px 0;
}
#toolbar a#btfacebook {
	background-position: -292px 0;
}
#toolbar a#btrss {
	background-position: -327px 0;
}
#toolbar a#btsubscripcio {
	background-position: -362px 0;
}
#toolbar a#btcerca {
	background-position: -397px 0;
}

p.center {
	
	text-align: center;
}

input.newssearch {
	width:100%;
	background-color:transparent;
	border:none;
	color:#ddd;
	font-size:1em;
}

ul.modulCultura {
	padding-left:0;
	margin:0;
}

ul.modulCultura li {
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	padding:5px 0;
}



div#xmap ul.level_0 {
	margin:0;
	padding:0;
}

div#xmap ul.level_0 > li {
	font-weight: bold;
	list-style-type: none;
	margin-bottom:20px;
	border-bottom: 5px solid #aaa;

}
div#xmap ul.level_0 > li a {
	background-color:#444;
	font-size:1.2em;	
	padding:10px;
	display: block;
	color:white;
}
div#xmap ul.level_1 {
	padding-left:0;	
	margin:0;

}
div#xmap ul.level_1 li {
	list-style-type: none;

}
div#xmap ul.level_1 li a {
	background-color:#eee;	
	padding:5px;
	display: block;
	font-weight: normal;
	padding-left:20px;
	border-bottom:1px dotted #ddd;
	color:#444;
	font-size:.9em;	
}

div#xmap ul.level_1 li a:hover {
	background-color:#ddd;	
}

div#slideinsearch {
	margin:0!important; padding:0!important; display:none; width:100%; border-bottom: 5px solid #F3E501; border-top:1px solid #666;
}

#closeslideinsearch {
	top:5px;right:5px;position:absolute;z-index:100;
}

div#slideinsearch img {
	margin:10px;
	
}

div.inputcover {
	padding:5px;border-radius: 3px; border:1px solid #666666;margin:5px;background-color: rgba(0,0,0,0.5);
	font-size:1.3em;
}

.jg_container {
	background-color:#f8f8f8;
	padding:5px;
	border-bottom:1px solid #ddd;
}

.jg_container .jg_imgalign_catimgs {
	padding:5px;	
}

div.mod-line ul.menu-sidebar {
	background-color: rgba(255, 255, 255, 0.8);
    line-height: 1.2em;
    padding: 0 10px 10px 10px;
    vertical-align: middle;
}

div.mod-line ul.menu-sidebar li {
	margin:0;
	border-bottom: 1px solid #DDDDDD;
	padding:10px 5px;
	font-size: .9em;
}

div.mod-line ul.menu-sidebar li a {
	padding:0;
	
}



div.mod-line ul.menu-sidebar li a:hover {
	padding: 0px;
	border:none;
	border-radius:0;
	
}

div.mod-line ul.menu-sidebar li a span {
	padding: 10px;margin-left:30px;
	
}

div.mod-line ul.menu-sidebar li a span:hover {
	background-color: none!important;
}

.module.plusbutton ul li a {background: url(../images/icons/buttonPlus.png) 7px 15px no-repeat #444;}
.module.plusbutton ul li a:hover {background: url(../images/icons/buttonPlus.png) 7px 15px no-repeat #444;}
	

/*banners header homepage*/

.banner_header_display_desktop {display:block;}
.banner_header_display_mobile {display:none;}

@media screen and (max-width:480px) {
	
.banner_header_display_desktop {display:none;}
.banner_header_display_mobile {display:block;margin:0 auto;text-align:center;}
	
}