/* 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,
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; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus {outline:0}
body {line-height:1; color:black; background:white}
ol, ul {list-style:none}
table {border-collapse:separate; border-spacing:0}
table h2 {font-weight:bold}
caption, th, td {text-align:left; font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after {content:""}
blockquote, q {quotes: "" ""}
/* Start Styles Apec */
/* General Styles */
body{background:url(general-background.jpg) repeat-x #002245}
#container{
	left:50%;
	margin-left: -410px;
	margin-top:30px;
	position: absolute;
	width:890px;
	float:left}
p, a, span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none}
.underline{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:underline}
p {color:#333}
div, strong, em{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px}
strong{font-weight:700}
em{font-style:italic}
.thumbtack{clear:both}
.thumbtack-left{clear:left}
.thumbtack-right{clear:right}
.float-left{float:left}
.float-right{float:right}
.replace-text{text-indent:-9999px}
.text-bold{font-weight:700}
.text-gold{color:#ac8730}
.relative{position:relative}
#content p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:22px}
#content a{
	color:#0b6bce;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:700;
	font-size:12px}
	#content a:hover{text-decoration:underline}
.light-grey-border{border-bottom:solid 2px #ededed}
.right10{margin-right:10px}
.right20{margin-right:20px}
.left10{margin-left:10px}
.left20{margin-left:20px}
.top10{margin-top:10px}
.top20{margin-top:20px}
.bottom10{margin-bottom:10px}
.bottom20{margin-bottom:20px}
/* Header */
#header{
	background:url(banner-header.png) no-repeat;
	position:relative;
	height:140px}
	.logo-apec{
		margin:-10px 0 0 -70px;
		position:absolute}
	.menu-languages{
		float:right;
		margin:10px 23px 0 0;
		position:relative}
		.menu-languages li{
			float:left;
			margin:0 0 0 5px}
		.menu-languages a{
			color:#3f5f73;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:700;
			font-size:9px}
			.menu-languages a:hover{text-decoration:underline}
/* Footer */
#footer{
	background-color:#181818;
	height:220px}
	.banner-footer{
		padding:10px 0;
		text-align:center;
		background-color:#e8e8e8}
		.banner-footer a{
			margin:10px;
			display:inline}
	.address{
		border-bottom:solid 1px #FFF;
		width:350px; 
		padding:15px 0 10px;
		margin:0 0 10px -175px;
		left:50%;
		position:relative}
	#footer p, #footer a, #footer span{
		font-family:Verdana, Geneva, sans-serif;
		font-size:9px;
		text-align:center;
		text-decoration:none;
		line-height:15px}
	#footer p, #footer a{color:#fff}
		#footer a:hover{text-decoration:underline}
/*  Content */
#content{
	background-color:#fff;
	margin-top:0!important;
	margin-top:-1px;
	padding-top:30px}
	#content .photo-gallery ul li{
		float:left;
		position:relative;
		list-style:none;
		margin:20px 10px;;
		padding:0}
	.content-big-photo {
		text-align:center;
		width:500px}
	.content-big-photo img {
		padding:5px;
		border:1px solid #cecece}
/* Sidebar */
#sidebar{
	width:295px;
	float:right;
	margin-right:25px !important;
	margin-right:15px}
	#sidebar h2{
		color:#525252;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:700;
		font-size:14px;
		padding:8px 0 28px 10px;
		background:url(sprite-bk-titles.jpg) no-repeat 0px -208px}
	#sidebar h3{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:700;
		font-size:16px;
		color:#555;
		margin:0 0 10px 0}
	#sidebar p{margin:0 0 0 10px}
	.portlet{
		margin:0 0 50px 0;
		float:none;
		position:relative}
	.portlet-activities{
		margin:0 0 10px 0;
		float:none;
		position:relative}
		#content #sidebar .portlet h2 a, #content #sidebar .portlet-activities h2 a{color:#525252}
		#content #sidebar .portlet h3 a.title-emociona{
			color:#525252;
			display:block;
			font-size:14px;
			margin:10px 0 0 10px;
			line-height:normal}
	.gallery{margin:0 0 0 12px}
		#sidebar .gallery h3{
			color:#fff;
			background:url(rounded-borders.png) no-repeat #303030;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:700;
			font-size:13px;
			line-height:17px;
			padding:10px 0 10px 10px;
			margin:0;
			width:260px}
  		#sidebar .gallery h3 a{
  			color:#fff;
  			font-family:Arial, Helvetica, sans-serif;
  			font-weight:700;
  			font-size:13px}
		.gallery .content-photo{
			border:solid 1px #999;
			border-top:none;
			display: table-cell;
			height:206px;
			overflow:hidden;
			vertical-align: middle;
			width:268px}
			.gallery .content-photo img {
				display:block;
				margin:0 auto}
		.content-photo01{
			border:solid 1px #ccc;
			display: table-cell;
			height:100px;
			padding:3px;
			margin:0 10px 10px 0;
			float:left;
			overflow:hidden;
			vertical-align: middle;
			width:100px}
		.content-photo01 div{
			display: table-cell;
			height:100px;
			float:left;
			overflow:hidden;
			vertical-align: middle;
			width:100px}
			.content-photo01 img {
				display:block;
				margin:0 auto}
/*modificat per carlos*/
/*#section h2.emocionaeuropa-side{
	background:url(title-side-temociona-europa.png) no-repeat left top;
	height:71px;
	padding:0;
	margin:0 0 15px;
	display:block}
#sidebar h2.emocionaeuropa-side{
	background:url(title-side-temociona-europa.png) no-repeat left top;
	height:71px;
	padding:0;
	margin:0 0 15px;
	display:block}
*/
#section h2.emocionaeuropa-side_ca,#section h2.emocionaeuropa-side_es,#section h2.emocionaeuropa-side_en,#sidebar h2.emocionaeuropa-side_ca,#sidebar h2.emocionaeuropa-side_es,#sidebar h2.emocionaeuropa-side_en{
	height:71px;
	padding:0;
	margin:0 0 15px;
	display:block}
#section h2.emocionaeuropa-side_ca, #sidebar h2.emocionaeuropa-side_ca{
	background:url(title-temociona-europa_ca.png) no-repeat left top}
#section h2.emocionaeuropa-side_es, #sidebar h2.emocionaeuropa-side_es{
	background:url(title-temociona-europa_es.png) no-repeat left top}
#section h2.emocionaeuropa-side_en, #sidebar h2.emocionaeuropa-side_en{
	background:url(title-temociona-europa_en.png) no-repeat left top}
.activities-text{
	margin:10px 20px;
	padding:0 0 20px}
	#sidebar .portlet-activities .activities-text p a{
		font-weight:normal;
		color:#333}
	#sidebar .portlet-activities .activities-text p{
		margin: 0}
	.datatime{
		font-size:11px;
		color:#777;
		line-height:16px;
		margin:0 0 5px}
		#content .datatime a{
			font-size:11px;
			color:#777;
			font-weight:normal}
.abstract{
	color:#999;
	border: solid 2px #f5f5f5;
	padding:10px;
	margin-bottom:15px}
div.layer_pagination{clear:both}
div.layer_pagination strong{
	color:#666666;
	font-size:18px;
	padding:3px}
	#content div.layer_pagination a{
		color:#999;
		font-size:13px;
		padding:3px}
#content .list-title{font-size:16px}
/* Buttons */
/*modificat per carlos*/
/*.header-button{
	background:url(button-header.png) no-repeat left top;
	display:block;
	position:absolute;
	right:18px;
	bottom:40px;
	height:53px;
	width:215px}
.header-button:hover{background:url(button-header.png) no-repeat left bottom}
*/
.header-button_ca,.header-button_es,.header-button_en{
	display:block;
	position:absolute;
	right:18px;
	bottom:10px;
	height:53px;
	width:215px}
.header-button_ca{background:url(button-header_ca.png) no-repeat left top}
.header-button_es{background:url(button-header_es.png) no-repeat left top}
.header-button_en{background:url(button-header_en.png) no-repeat left top}
.header-button_ca:hover{background:url(button-header_ca.png) no-repeat left bottom}
.header-button_es:hover{background:url(button-header_es.png) no-repeat left bottom}
.header-button_en:hover{background:url(button-header_en.png) no-repeat left bottom}
#content a.button-icons{
	background:url(sprite-icons.jpg) no-repeat;
	color:#777;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:normal;
	padding:0 0 0 15px;
	margin:10px 0 0}
#content a.button-comment{background-position:0px 1px}
#content .news a.button-comment {background-position:0 2px}
#content a.button-go-section{background-position:0px -12px}
#content a.button-go-sections{
	background-position:0px -26px;
	padding:0 0 2px 16px}
#content a.button-all-rss{
	background-position:0px -57px;
	padding:5px 0 5px 22px}
	.button-comment:hover{text-decoration:underline}
	#sidebar a.button-comment{margin:10px 5px 0 0}
#content .button-return{
	color:#ac8730;
	font-size:11px;
	font-weight:700}
.icons-contact{
	width:32px;
	height:32px;
	display:block;
	background-image:url(icons-contact.png)}
.icon-website{background-position:32px}
.icon-email{background-position:0px}
/* Elastic Button */
.UILinkButton .UILinkButton_A {
	background:transparent url(button-elastic.png) no-repeat scroll left top;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:26px;
	margin:0;
	position:relative}
.UILinkButton a.UILinkButton_A {padding:4px 10px 4px 12px}
.UILinkButton input.UILinkButton_A {
	padding:0px 10px 4px 12px!important;
	padding:4px 0px 4px 0px}
		.UILinkButton .UILinkButton_R {
			background:transparent url(button-elastic.png) no-repeat scroll right 0;
			height:27px;
			position:absolute;
			right:0;
			top:0;
			width:4px}
		.UILinkButton .UILinkButton_RW {
			float:left;
			height:26px;
			overflow:hidden;
			position:relative;
			top:0px;
			width:4px}
div.comments #big-button-comment{
	background-image:url(big-button.png);
	display:block;
	width:194px;
	height:39px;
	margin:auto;
	color:#fff;
	padding:15px 0 0 0;
	font-smooth:always;
	font-size: 17px;
	text-align:center}
	div.comments #big-button-comment:hover{
		background-position:bottom;
		text-decoration:none}
/* Section */
.title-icon-rss{
	background:url(sprite-icons.png) 0 36px;
	position:absolute;
	right:15px;
	line-height:normal;
	top:7px;
	display:block;
	width:16px;
	height:16px!important;
	height:10px}
#full-windows{
	margin-left:20px !important;
	margin-left:10px;
	width:95%}
#section-card{
	float:left;
	position:relative;
	margin-left: 160px;
	width:502px}
#section{
	float:left;
	margin-left:20px !important;
	margin-left:10px;
	width:502px}
	#section h2, #full-windows h2{
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:700;
		padding:8px 0 28px 10px;
		background-image:url(sprite-bk-titles.jpg);
		background-repeat:no-repeat;
		z-index: 0 !important; 
		z-index: -1}
	#section h2 a {color:#fff}
	#full-windows h2 a {color:#525252}
		.title-opinion, .title-static{
			background-position:0px -104px;
			z-index:1}
		.title-news{background-position:0px -53px}
		.title-rss-home{background-position:0px -156px}
		.title-card{background-position:0px 0px}
	#section ul li{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		line-height:25px;
		list-style-type:disc;
		margin-left:15px}
.opinion, .news, .rss-home, .static{
	margin:0 0 30px;
	position:relative}
	#section .news ul li, #section .rss-home ul li, #section .section-downloads ul li, #section .section-links ul li{list-style:none}
	.opinion h3, .static h3{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:700;
		font-size:18px;
		color:#555;
		margin:10px 0 20px}
		.opinion h4, .static h4{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:700;
			font-size:11px;
			font-variant:small-caps;
			color:#cacaca}
	.opinion-photo-home{
		float:left; 
		margin:0 10px 10px 0px}
.rss-home .list-title {
	font-size:16px;
	color: #666;
	font-weight:bold;
	margin: 0 0 5px 0;
}
.news ul li{
	list-style: none;
	background:url(icon-bullet.png) no-repeat 0 10px;
	padding:0 0 0 15px;
	margin:0 5px 10px 5px}
	.news ul li.first-news{
		padding:0 0 15px 15px;
		margin:0 5px 15px 5px}
#content .static .news ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700}
#content .static .title-big{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	color:#002245}
#content .news ul li a.button-comment{
	color:#777;
	font-size:11px;
	line-height:normal}
	#content .news ul li a.button-comment span{
		color:#AC8730;
		line-height:normal;
		font-size:11px}
	#section .news ul li a{
		font-size:12px;
		color:#002245;;
		font-weight:normal;
		line-height:18px}
		#section .news ul li a span{
			font-family:Verdana, Geneva, sans-serif;
			font-size:14px;
			font-weight:700;
			color:#002245;
			line-height:18px}
	#section .news ul.list-multimedia li{
		background:none;
		display:table;
		height:100px;
		width:100%}
		#section .news ul.list-multimedia li object{
			display:block;
			float:left;
			height:100px;
			position:relative;
			width:150px}
		#section .news ul.list-multimedia li img{
			float:left}
		#section .news ul.list-multimedia li a{
			display:table-cell;
			padding:0 0 0 20px;
			vertical-align:middle}
.rss-list-home li{
	width:237px!important;
	width:225px;
	float:left;
	background:#f1f1f1;
	margin:7px !important;
	margin:3px;
	position:relative}
.rss-list{
	background-color:#f1f1f1;
	padding:7px 0 10px 0 }
	ul.rss-list li p.rss-text{
		text-indent:-17px;
		margin:0px 8px 0px 26px;
		padding:10px 0 12px 0 }
	ul.rss-list-home li p.rss-text{
		text-indent:-17px;
		margin:10px 8px 15px 26px}
	.header-rss-section{
		background:#e2e2e2;
		line-height:20px;
		padding:3px 35px 3px 8px}
	.banners-home{
		background-color:#FFF;
		text-align:center;
		padding:15px}
		.banners-home a{margin:10px}
			.banners-home ul li{display:inline}
	#section .rss-list-home li a, #section .rss-list li a{
		font-weight:normal;
		color:#777}
		#section .rss-list-home li a .text-gold-rss, #section .rss-list li a .text-gold-rss{
			font-weight:normal;
			color:#ac8730}
	.section-downloads, .section-links, .section-multimedia, .comments {
		border-top:solid 5px #f6f6f6;
		padding:5px}
		.section-downloads h3, .section-links h3, .section-multimedia h3 {
			margin:10px 0 0}
		.section-multimedia ul li{width:140px}
		.section-links li{padding:20px 15px 0px}
		.section-downloads li{padding:5px 15px 15px 0}
	.video-gallery ul li {position:relative}
	.video-gallery ul li h3{
		color:#888888;
		float:right;
		font-size:16px;
		line-height:normal;
		margin:0 0 0 15px;
		width:230px}
	.video-gallery ul li .button-comment {
		position:absolute;
		bottom:0;
		right:0}
	.video-gallery object{
		float:left}
			#section .section-downloads li a{
				color:#FF8235;
				font-weight:normal}
			.icon-pdf{
				background:url(icon-pdf.png) no-repeat 0 5px;
				display:block;
				position:relative;
				height:32px;
				width:33px;
				margin:-3px 10px 0 0;
				border-right:solid 1px #cacaca}
			.icon-note{
				background:url(icon-note.png) no-repeat 0 5px;
				display:block;
				position:relative;
				height:32px;
				width:33px;
				margin:-3px 10px 0 0;
				border-right:solid 1px #cacaca}
			.icon-photo{
				background:url(icon-photo.png) no-repeat 0 5px;
				display:block;
				position:relative;
				height:32px;
				width:33px;
				margin:-3px 10px 0 0;
				border-right:solid 1px #cacaca}
div.download-doc{margin:20px 0;}
	#content li div.download-doc a {color:red}
	#content li div.download-doc a span{margin:-6px 10px 0 0}
	.way-of-seeds{margin:-10px 0 20px 10px}
	#section .way-of-seeds a{
		font-weight:normal;
		color:#999}
/* Comments */
.comment{
	border-top:solid 2px #f3f3f3;
	padding:20px 0 0 0;
	margin:15px 0}
label{
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 -5px 0;
	display:block}
input, textarea{
	border:none;
	border:solid 1px #cacaca}
.following-hide-img-galeria{
	overflow:hidden;
	width:260px;
	height:195px;
	padding-left:4px}
.following-hide-img-thumb{
	overflow:hidden;
	width:150px;
	height:100px;
	padding-left:4px}
#content .static .news ul li a.petit{
	font-size:12px;
}