/*
Theme Name: Tema Senescencia
Theme URI: http://www.onextrapixel.com
Description: A clean and minimal theme that is completely compatible with WordPress 3.0
Author: Marcel Safont
Author URI: http://slackrmedia.com
Version: 1.0
*/

a{
	text-decoration:none;
	color:#333;
	margin:0;
	padding:0;
	border:none;
}

strong{
	font-weight:normal;
	color:#333;
	font-size:17px;
}

body{
	color:#333;
}

h2, h3{
	font-weight:normal;
	margin:0;
	padding:0;
}

a img{
	border:none;
	border:0;
	display:block;
}

#logo img{
	display:inline;
}

#content{
	width:964px;
	float:left;
}


#languages{
	float:right;
	margin-top:35px;
}

/*hide english in fron page*/


#header h1{
	display:inline-block;
	float:left;
}


#wrapper{
	max-width:964px;
	margin:auto;
	position:relative;
	min-height:400px;
	background:url('img/border-dotted.gif') no-repeat top left;
}

#header{
	border-top:6px solid #333;
	height:129px;
	background: url("img/border-dotted.gif") no-repeat left bottom;
}

#header #page-title{
	display:none;

}

#header #logo{
	margin-top:25px;
}

#header:after{
	clear:both;
	content:".";
	display:block;
	visibility: hidden;
}

#description{
	width:170px;
	float:left;
	padding-right:155px;
	margin-top:37px;
	font-size:13px;
	font-family:"Share";
	font-height:16px;
}

#footer{
	clear:both;
}

#llista-notis{
	width:100%;
}

.single-noti #content{
	width:100%;
}

.single-noti #noti{
	width:637px;
	margin-right:15px;
	margin-top:14px;
	float:left;
	font-family:'Share';
	position:relative;
}

.single-noti #noti .text-resum{
	font-size:18px;
	color:#333;
	padding-left:18px;
}

.single-noti #noti .text-resum .orange{
	margin-left:-16px;
}

#detall-entrevista h2{
	position:absolute;
	margin:0;
}

.single-noti img.alignleft{
	float:left;
	margin:0 14px 5px 0;
}

.single-noti #col-right{
	float:left;
	/*background-color:#e5e5e5;*/
	width:312px;
	font-family:'Share';
	font-size:14px;
	margin-top:14px;
	background:none;
	/*background-repeat:no-repeat;
	background-position: bottom left;*/
}

.single-noti #col-right h3{
	padding:16px 0 15px 14px;
	font-size:25px;
	font-weight:bold;
}

.single-noti #col-right ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

.single-noti #col-right ul li{
padding:5px 14px 7px 15px;
}

.single-noti #col-right ul li h2{
	font-size:1.1em;
}

.single-noti #col-right ul li h2 a{
	color:#FF6632;
}

.single-noti #col-right ul li h2 a:hover{
  color:#333;
}

.single-noti #col-right ul li .punts{
	padding:0 5px 5px 5px;
	height:5px;
	clear:both;
}

.single-noti #col-right ul li .orange{
	padding-top:3px;
	width:12px;
}

.single-noti #col-right ul li p{
	margin:5px 0;
}

.single-noti #col-right ul li a:hover, #list-portada .info-portada ul li a:hover{
	color:#FF6632;
}

.single-noti #col-right .item-related h2{margin-bottom:0px;}

/*.single-noti #col-right ul li:nth-child(odd){
background:url('img/bg-list.jpg');
}*/

.single-noti .text p{
	color:#7d7d7d;
	font-size:16px;
	line-height:20px;
}

.single-noti .text p a{
	color:#FF6632;
}

.single-noti .text p a:hover{
	text-decoration:underline;
}



.single-noti .text blockquote{
	float:left;
	width:250px;
	margin:10px 10px 10px 0;

}

.single-noti .text blockquote p{
	font-size:27px;
	margin:0;
	line-height:29px;
}

/*estils text destacat*/

h5{
	line-height:20px;
}

h5 a{
	color:#FF6632;
}

/*estils articles*/

article{
	float:left;
	width:312px;
	background:url('img/border-dotted.gif') no-repeat bottom left;
	position:relative;
	padding-bottom:5px;
	padding-top:14px;
}


article.entrevista{
	width:637px;
	position:relative;
}

article.entrevista a{
	margin-bottom:-2px;
}

article.noti-no-image{

	padding-top:23px;
}

article.no-resum{
	padding-bottom:26px;
}

article.noti-no-image h3, article.noti-image h3{
	padding:0;
	display:inline;
	font-family: "Anton";
	display:block;
	letter-spacing:1px;
	-webkit-text-stroke: 0.2px #333;
}


article.noti-image h3{
	margin-top:-32px;
	font-size:18px;
	position:relative;
	z-index:30;
	line-height:20px;
}

article.noti-no-image h3{
	font-size:23px;
	padding-bottom:15px;
	line-height:22px;
}

article h3 a{
	color:#ff6632;

}

article h3.titol-gris a{
	color:#fff;
}

article.entrevista h3, #detall-entrevista h2, .info-portada h2{
	position:absolute;
	font-size:25px;
	display:inline-block;
	padding:7px 14px 7px 14px;
	z-index:10;
	left:0;
	background-color:#333;
	color:#fff;
	font-family: "Anton";
}

article.entrevista h3{
	padding-bottom:0;
}

article > a{
	display:inline-block;
}

article.entrevista h3, #detall-entrevista h2{position: absolute;
    left: 50%;
    top:180px;
    transform: translate(-50%, 0);}

.single-numero_revista article.entrevista h3{
	padding-bottom:6px;
}

article.entrevista > a:hover, article.noti-image > a:hover{
	background:url('img/trama.png');
}

article.entrevista a:hover > img, article.noti-image a:hover > img{
	opacity:0.7;
}

.info-portada h2{
	font-size:18px;
	font-weight:normal;
}

#detall-imatge h2 span, #detall-no-imatge h2 span{
	display:inline-block;
	padding:1px 13px;
	background-color:#333;
	color:#fff;
	font-family: "Anton";
	font-size:26px;
}

.llista-cerca h2 a span{
	background-color:#999;
	display:inline-block;
	font-family: "Anton";
	padding:1px 13px;
	font-size:19px;
	font-weight:normal;
}

.llista-cerca h2 a span{
		color:#fff;
}


#detall-imatge h2, #detall-no-imatge h2, .llista-cerca h2{
	margin-top:0;
}

#detall-imatge h2, #detall-no-imatge h2{
	width:400px;
	font-weight:normal;
	margin-top:-46px;
}

#detall-no-imatge h2{
	margin-top:0;
}



.llista-cerca h2{
	width:300px;
}


#detall-imatge img.vertical + span + h2{
	margin-top:0;
}

#detall-imatge img.vertical + span + h2 + .text{
	margin-top:100px;
}

#detall-imatge img.vertical + span + h2 + .text-resum + .text{
	margin-top:100px;
}


article img{
	width:100%;
	height:auto;
}


/*estisl titols*/

article h3 div, .detall-imatge h2 div{
	padding:7px 13px 7px 13px;
	background-color:#333;
	font-weight:normal;
	display:inline-block;
	margin-top: -7px;
}

.noti-no-image h3 div{
	padding:9px 13px;
	margin-top: -8px;
}


article h3.titol-gris div{
	background-color:#999999;
	font-weight:normal;
	margin-top: -7px;
    padding: 7px 13px;
}

article.noti-image h3.titol-negre a{
	color:#fff;
}

/*estils blok llenguas*/

#languages ul{
	list-style-type: none;
	margin:0;
	padding:0;
}

#languages ul li{
	margin:0;
	padding:0;
	line-height:15px;
}

#languages ul li a{
	font-family: "Share";
	font-size:12px;
	float:right;
	line-height: 16px;
}


#languages ul li.current-lang a{
	color:#ff632b;
}

.titol-revista{
	display:inline-block;
	padding:0;
	margin:-5px 10px 0 0;
	font-family:"Anton";
	font-weight:normal;
	font-size:20px;
}

#sub-header{
	width:100%;
	clear:both;
	background:url('img/border-dotted.gif') no-repeat bottom left;
	padding:7px 0 13px 0;
}

#sub-header a{
	text-transform: uppercase;
}


#searchform{
	display:inline-block;
	float:right;
	margin-top:4px;
}

#searchform #s{
	width:285px;
	height:20px;
	float:left;
	border:1px solid #ccc;
	margin-right:0px;
	background-color:#fafafa;
	margin-top:0;
}

#searchform #searchsubmit{
	background:url('img/lupa.jpg') no-repeat;
	border:none;
	width:25px;
	height:25px;
	float:left;
}

.site-info #menu-menu-peu, .site-info #menu-menu-peu-angles, .site-info #menu-menu-peu-espanol {
	list-style-type:none;
	font-size:20px;
	font-family:"Anton";
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
}

#menu-menu-peu li, #menu-menu-peu-angles li, #menu-menu-peu-espanol li {
	float:left;
	margin-right:26px;
}

#menu-menu-peu li a:hover, #menu-menu-peu-angles li a:hover, #menu-menu-peu-espanol li a:hover{
	color:#FF6632;
}

.llista-oficials{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	float:right;
}

.llista-oficials li{
	float:left;
}
.llista-oficials li.ub-logo{
	margin-top:-5px;
}

footer{
	clear:both;
	padding-top:30px;
	display:inline-block;
	border-bottom:6px solid #333;
	width:100%;
	padding-bottom:20px;
}

.link-revistes{
font-size:20px;
	font-family:"Anton";
	color:#949494;
}

.text-resum{
font-family:"Share";
margin:18px 0 19px 0;
padding-left:15px;
line-height:20px;
}


.noti-image .text-resum, .noti-no-image .text-resum{
	font-size:13px;
	margin-bottom:10;
	line-height:16px;
}

.noti-no-image h3 + .text-resum{
	margin-top:3px;
}

/*estils llista revistes*/

.menu-page #content{
	width:637px;
	float:left;
	margin-right:15px;
	overflow:hidden;
	margin-top:14px;
}

.menu-page #editorial{
	width:284px;
	float:left;
	background-color:#e5e5e5;
	padding:14px;
	font-family: "Share";
	font-size:13px;
	line-height:17px;
	height:100%;
	margin-top:14px;
}

.menu-page #editorial h3{
	margin:0 0 40px 0;
}

#list-portada{
	list-style-type: none;
	margin:0;
	padding:0;
}


#list-portada .info-portada{
	display:inline-block;
	margin-bottom:10px;
	padding-bottom:15px;
	background:url('img/border-dotted.gif') no-repeat bottom left;
	position:relative;
}


#list-portada .info-portada ul{
	list-style-type: none;
	margin:15px 0 0 0;
	padding:0;
}

#list-portada .info-portada ul li{
	width:301px;
	float:left;
	background:none;
	font-family: "Share";
	font-size:13px;
	padding-left:14px;
	margin-bottom:10px;
}

.orange{
	color:#FF6632;
	padding-right:3px;
	display:inline-block;
	/*float:left;*/
	margin-left:2px;
	margin-bottom:10px;
}

#list-portada .info-portada ul li .orange{
	margin-bottom:0px;
	margin-left:-12px;
}

.text-resum .orange{
	color:#FF6632;
	padding-right:1px;
	display:block;
	float:left;
	margin-left:-13px;
}

.punts{
	background-image:url('img/border-dotted.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	display:block;
	padding-top:15px;
	height:15px;
	background-color:#fff;
}

/*estils menu idiomes per a movil*/
#mobil-lang{
	display:none;
	font-family: "Share";
	font-size:14px;
	position:absolute;
	top:10px;
	right:5px;
	z-index:9;
}

#mobil-lang ul{
	display:none;
	margin:0 0 0 -10px;
	padding:5px;
	background-color:#eee;
	border:1px solid #ccc;
	font-size:16px;

}

#mobil-lang ul li{
	list-style-type: none;
	margin:5px 0;
}

#mobil-lang .btn_lang{
	background:url('img/arrow_down.gif') no-repeat 0 3px;
	padding-left:15px;
	font-weight:bold;
}

/*estils cms*/

.cms #left{
	float:left;
	width:312px;
	padding-top:40px;
	padding-right:14px;
}

.cms #left h2{
	margin:0;
	padding-left:20px;
	font-family: "Share";
	font-size:20px;
}

.cms #content{
	float:left;
	width:623px;
	padding-top:40px;
	padding-right:15px;
	font-family: "Share";
	font-size:14px;

}

.cms #content p{
	margin:0 0 20px 0;
}

.gris{
	background-color:#f2f2f2;
	display:inline-block;
	margin-top:10px;
	padding-bottom:20px;
}

/*estils formulari*/

.cms #content form p{
}

.cms #content p.nom, .cms #content p.cognoms{
	margin:0 14px 20px 0;
	width:312px;
	float:left;
}

.cms #content p.email, .cms #content p.assumpte{
	margin:0 -10px 20px 0;
	width:297px;
	float:left;
}

.cms #content p.email input, .cms #content p.assumpte input{
	width:297px;
}

.cms form textarea{
	width:618px;
	border:1px solid #eee;
	margin-top:5px;
	margin-right:-10px;
}

.cms form input[type="text"], .cms form input[type="email"]{
	width:312px;
	height:25px;
	border:1px solid #eee;
	margin-top:5px;
}

.cms form input[type="submit"]{
	border:none;
	background-color: #ff6633;
	color:#fff;
	padding:4px 8px;
}

.cms form p.ample{
	clear:both;
	width:640px;

}

.cms form label{
	padding-bottom:4px;
	display:block;
}

/*estils detall noticies*/

#detall-imatge img{

}

/*estils cerca*/

.titol-cerca{
	font-family: 'Share';
	margin:18px 0 6px 0;
}

.llista-cerca{
	margin:0 -20px 0 0;
	padding:0;
	list-style-type: none;
	font-family: 'Share';
}

.llista-cerca li{
	float:left;
	width:310px;
	padding:15px 0 10px 0;
	background:url('img/border-dotted.gif') no-repeat bottom left;
	margin-right:14px;
}

.llista-cerca .result-cerca{
	height:229px;
	overflow:hidden;
	padding-right:14px;
}

.llista-cerca .result-cerca p{
	font-size:14px;
	line-height:19px;
	color:#999;
}

.llista-cerca .result-cerca p.text-resum{
	color:#333;
	margin-bottom:15px;
}

.st_sharethis_custom{
	background: url("img/sharethis.png") no-repeat scroll left top transparent;
	width:20px;
	height:20px;
	position:absolute;
	right:4px;
	top:7px;
	z-index:30;
	display:block;
}

img.vertical{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	width:260px;
}

.dos-col{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}


#mc_embed_signup .clear{
	clear:both;
}

.alm-btn-wrap{clear:both;margin-top:50px;}
.tags{position:absolute; top:10px; z-index:30; right:0; background-color:#333; color:#fff; padding:5px 10px; font-family: "Share";}
.tags a{color:#fff;}
.archive .page-title{font-family: "Share";}
button.alm-load-more-btn{border-radius:0!important; width:200px!important;background-color: #ff6632!important}


@media screen and (max-width:964px) and (min-width:640px){

	#wrapper{
		width:640px;
	}

	#content{
		width:100%;
	}


	#description{
		display:none;
	}

	.cms #content{
		padding-left:20px;
		padding-right:10px;
		width:607px;
	}

	.menu-page #editorial{
		width:600px;
	}

	#searchform #s{
		width:130px;
	}
}

@media screen and (max-width:640px){
	#wrapper{
		width:320px;
	}
	.single-noti #col-right{
		width:100%;
		float:none;
	}

	article.entrevista h3, #detall-entrevista h2{position: absolute;
    left: 30%;
    top:50px;
    transform: translate(-30%, 0);
    }

	article.entrevista{
		width:316px;
	}

	#content{
		width:100%;
	}

	#header{
		height:90px;
	}


	#description{
		display:none;
	}

	#menu-menu-peu li, #menu-menu-peu-angles li, #menu-menu-peu-espanol li{
		font-size:13px;
		margin-right:6px;
	}

	.menu-peu{
		margin-bottom:10px;
	}

	.single-noti #noti{
		width:316px;
	}

	.single-noti #noti img{
		width:100%;
		height:auto;
	}

	#languages{
		display:none;
	}

	#mobil-lang{
		display:block;
	}


	#sub-header{
		min-height:70px;
		padding-bottom:25px;
	}



	#logo{
		width:220px;
		height:auto;
		margin:auto!important;
		margin-top:10px!important;
		display:block;
	}

	.cms form input[type="text"], .cms form input[type="email"]{
		width:270px;
	}

	.cms #content{
		padding-left:20px;
		width:290px;
		padding-right:10px;
	}
	.cms form textarea{
		width:270px;
	}

	.menu-page #editorial{
		width:290px;
	}

	.menu-page #content,
#list-portada .info-portada ul{
		width:320px;
	}

	.info-portada img{
		width:100%;
		height:auto;
	}

	#detall-imatge h2, #detall-no-imatge h2{
		width:98%;
	}

	#detall-imatge img.vertical + span + h2 + .text-resum + .text {
		margin-top:10px;
	}

	.site-info #menu-menu-peu, .site-info #menu-menu-peu-angles, .site-info #menu-menu-peu-espanol{
		margin-bottom:15px;
	}
	footer{
		padding-top:15px;
	}

	#list-portada .info-portada ul li{
		margin-bottom:6px;
	}

	.dos-col{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}

	.text iframe{
		width:90%;
		height:auto;
	}

	#detall-imatge h2 span, #detall-no-imatge h2 span{
		font-size:21px;
	}

	.info-portada h2{
		top:30px!important;
	}
}