@charset "utf-8";

/*
	HTML
***************************************************/

* {
	padding: 0;
	margin: 0;
	}

img {
	border: none
	}


/*
	Main layers
***************************************************/

#top_base {
	background: url(images/top_bg.jpg) repeat-x;
	height: 118px;
	border-bottom: #929292;
	}

#top {
	margin: 0 auto;
	width: 932px;
	height: 118px;
	}

#logo {
	float: left;
	margin-top: 40px;
	border: 0;
	}

#base {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 932px;
	}
	
	#base a {
		color: #333333 !important;
		}
	
	#base a:hover {
		color: #000000 !important;
		}

#bottom {
	margin-top: 10px;
	padding-top: 40px;
	padding-right: 13px;
	text-align: right;
	}
	
	#bottom a {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 11px;
		color: #666666;
		text-decoration: none;
		}
	
	#bottom a.highlight {
		color: #000000;
		}
	
	#bottom a:hover {
		text-decoration: underline;
		}
	
	
	
/*
	Menu
***************************************************/

.menu_button, .menu_button_over {
	position: relative;
	margin-top: 47px;
	float: left;
	width: 196px;
	height: 71px;
	margin-right: -10px;
	cursor: pointer;
	}

.menu_button:hover {
	color: #000000;
	}
	
.menu_button_over {
	background: url(images/menu_button_top.jpg);
	color: #000000;
	}
	
.menu_button_over a, .menu_button:hover a, .menu_button a:hover {
	color: #000000 !important;
	}

.button_text a {
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif;
	font-size: 24px;
	color: #666666;
	text-decoration: none;
	}

	.button_text a span {
		font-size: 15px;
		}
	
	.button_text {
		position: absolute;
		right: 16px;
		bottom: 2px;
		width: 100px;
		height: 42px;
		padding-right: 10px;
		border-right: 1px solid #333333;
		text-align: right;
		line-height: 17px;
		}



/*
	Content
**************************************************/

	#base h2 {
		float: left;
		width: 133px;
		margin-right: 17px;
		font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif;
		font-size: 33px;
		font-weight: normal;
		color: #666666;
		text-align: right;
		line-height: 20px;
		}

		#base h2 a {
			color: #666666 !important;
			text-decoration: none;
			}

		#base h2 a:hover {
			color: #000000 !important;
			text-decoration: none !important;
			}
		
		#base h2 span{
			font-size: 20px;
			}

#intro_manfatta {
	margin-top: 50px;
	}
	
#explanation, #direct_access #explanation {
	padding-top: 2px;
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	line-height: 25px;
	}
	
	#explanation a {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-weight: normal;
		font-size: 12px;
		color: #000000;
		}

#intro_blog {
	margin-top: 65px;
	height: 200px;
	}

	#intro_blog h2 {
		float: none;
		font-size: 35px;
		margin-bottom: 20px;
		}

	#intro_blog #rss_blog {
		float: left;
		width: 133px;
		margin-right: 17px;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-weight: normal;
		font-size: 10px;
		}

		#intro_blog #rss_blog img {
			border: none;
			}

		#intro_blog #rss_blog a {
			text-decoration: none;
			color: #000000;
			}

		#intro_blog #rss_blog a:hover {
			text-decoration: underline;
			}

#last_at_blog {
	float: left;
	width: 359px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-weight: normal !important;
	font-size: 12px;
	color: #333333;
	}
	
	#last_at_blog .post {
		width: 359px;
		line-height: 19px;
		margin-bottom: 21px;
		}

	#last_at_blog h4 {
		font-family: Georgia;
		font-weight: bold;
		color: #000000;
		}
	
		#last_at_blog .post a {
			color: #666666;
			}
	
		#last_at_blog .post a:hover {
			color: #000000;
			}
			
#highlight {
	float: left;
	margin-left: 27px;
	background: #f9f9f9;
	width: 359px;
	height: 179px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-weight: normal !important;
	font-size: 12px;
	color: #333333;
	text-align: center;
	line-height: 25px;
	}
			
	#highlight h5 {
		margin-top: 10px;
		margin-bottom: 12px;
		color: #cccccc;
		font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
		font-weight: bold;
		font-size: 14px;
		}

#direct_access {
	margin-top: 60px;
	height: 50px;
	}

	#direct_access #explanation {
		float: left;
		padding-top: 2px;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 12px;
		}
		
		#direct_access #explanation a {
			line-height: 22px;
			}



#intro_servicios, #intro_aviso-legal {
	margin-top: 20px;
	margin-bottom: 30px;
	}
	
	#intro_servicios h2, #intro_aviso-legal h2 {
		width: 175px;
		}
	
	#intro_servicios h1 {
		padding-top: 25px;
		font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
		font-weight: bold;
		font-size: 18px;
		color: #000000;
		}
		
	#intro_aviso-legal #explanation {
		padding-top: 17px;
		width: 717px;
		margin-left: 200px;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 12px;
		font-weight: normal;
		}
		
	#intro_aviso-legal p {
		margin: 8px 0;
		}
		
	#intro_aviso-legal h6 {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 12px;
		font-weight: bold;
		}
		
#words {
	background: #f2f2f2;
	}
		
#conversations {
	background: #e7e7e7;
	}
		
#reputation {
	background: #dadada;
	}

.table_tasks {
	float: left;
	width: 294px;
	height: 426px;
	margin: 0 8px;
	}
	
	.table_tasks .cap {
		background: #969696;
		padding: 3px 0;
		padding-left: 16px;
		font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif;
		font-size: 25px;
		color: #ffffff;
		}
		
	.table_tasks ul {
		list-style: none;
		margin-left: 31px;
		margin-bottom: 8px;
		}
		
	.table_tasks li {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 14px;
		}
		
	.table_tasks h4 {
		margin: 0 15px;
		font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
		font-weight: bold;
		font-size: 14px;
		padding: 10px 0;
		}

#where_start {
	margin-top: 476px; /* as .table_tasks height + 20px */
	text-align: center;
	}

#where_start a {
	font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .1em;
	color: #000000;
	}

#intro_contacto {
	margin-top: 50px;
	}
	
	#intro_contacto h2, #map_content h2 {
		width: 170px;
		}
	
	#intro_contacto h3, #map_content h3 {
		font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
		font-size: 18px;
		font-weight: bold;
		color: #000000;
		}
	
	#map_content h3 {
		padding-bottom: 16px;
		}
	
#map_content {
	margin-top: 20px;
	padding-left: 186px;
	height: 336px;
	}
	
#map_cont {
	float: left;	
	border: 3px solid #666666;
	width: 276px;
	height: 280px;
	}
	
#adreca {
	float: left;
	height: 336px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 28px;
	padding-left: 87px;
	}
	


/*
	section: Nosotros
***************************************************/

#intro_nosotros {
	margin-top: 20px;
	margin-bottom: 30px;
	}
	
	#intro_nosotros h2, #intro_colaboramos h2 {
		width: 190px !important;
		}
	
	#intro_nosotros #explanation {
		padding-left: 206px;
		padding-top: 4px;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 14px;
		font-weight: normal;
		}
	
		#intro_nosotros #explanation a {
			font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
			font-size: 14px;
			font-weight: normal;
			}

#intro_colaboramos {
	height: 320px;
	}
	
	#intro_colaboramos h2 {
		margin: 0;
		}
	
.clients_cont {	
	float: left;
	margin-left: 17px;
	background: #f4f4f4;
	width: 300px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 17px;
	padding: 15px 22px;
	}
	


/*
	section: Biblioteca
***************************************************/

.taula_biblioteca {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 12px;
	}
	
	.taula_biblioteca td {
		vertical-align: top;
		line-height: 18px;
		padding: 4px;
		}
	
	.taula_biblioteca h3 {
		font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
		font-weight: bold;
		font-style: italic;
		font-size: 14px;
		}
	
		.taula_biblioteca h3 span {
			font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
			font-size: 12px;
			font-weight: normal;
			font-style: normal;
			}
	
	.taula_biblioteca .autor_editorial {
		color: #666666;
		}
	
	.taula_biblioteca .image_cont {
		width: 179px;
		padding-top: 0px;
		padding-right: 10px;
		text-align: right;
		vertical-align: top;
		}
	
	.taula_biblioteca a {
		color: #000000; 
		}
	
#white-papers h3 {
	margin-bottom: 18px;
	}

#libros, #white-papers {
	margin-top: 30px;
	position: relative;
	}
	
	#libros h2, #white-papers h2 {
		width: 180px;
		}
		
	#white-papers h2 {
		font-style: italic;
		font-weight: bold;
		}

.linia, .linia_blog {
	float: right;
	margin: 10px 0px;
	width: 733px;
	height: 17px;
	background: url(images/pixel_gris.gif) center repeat-x;
	}

.linia_blog {
	margin: 30px 0 30px 90px;
	float: none;
	width: 600px !important;
	}

.senefa {
	background: url(images/senefa_separador.gif) no-repeat;	
	margin: 0 auto;
	height: 17px;
	width: 86px;
	}

.indicacio_lateral {
	position: absolute;
	left: 20px;
	float: left;
	margin-top: 44px;
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif;
	color: #e3e3e3;
	line-height: 18px;
	text-align: right;
	}
	
	.indicacio_lateral a {
		text-decoration: none;
		}
	
	.indicacio_lateral a .estil-1 {
		font-size: 18px;
		color: #e3e3e3;
		}
	
	.indicacio_lateral a:hover .estil-1, .indicacio_lateral a:active .estil-1 {
		color: #666666 !important;
		}
	
	.indicacio_lateral a .estil-2 {
		font-style: italic;
		font-weight: bold;
		font-size: 18px;
		color: #b8b8b8;
		}
	
	.indicacio_lateral a:hover .estil-2, .indicacio_lateral a:active .estil-2 {
		color: #000000 !important;
		}
	
	.indicacio_lateral a .estil-3 {
		font-size: 30px;
		color: #e3e3e3;
		}
	
	.indicacio_lateral a:hover .estil-3, .indicacio_lateral a:active .estil-3 {
		color: #666666 !important;
		}
	
	.indicacio_lateral a .estil-4 {
		color: #b8b8b8;
		font-weight: bold;
		}
	
	.indicacio_lateral a:hover .estil-4, .indicacio_lateral a:active .estil-4 {
		color: #000000 !important;
		}
	
#white-papers .indicacio_lateral  {
	left: 40px;
	margin-top: 70px;
	}
	


/*
	section: Gazetta & Blog
***************************************************/

#blog_cont {
	margin-top: 42px;
	}

	#theme_list h3 {
		padding-bottom: 2px;
		margin-bottom: 2px;
		}

	#theme_list .date {
		margin-top: -10px;
		margin-bottom: 12px;
		color: #666666;
		}

	#theme_list .intro {
		margin-bottom: 10px;
		}

#left_menu {
	float: left;
	margin-left: -20px;
	width: 190px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	text-align: right;
	}
	
	#left_menu img {
		border: none;
		}

	#left_menu h6 {
		margin-top: 38px;
		font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif;
		font-size: 20px;
		color: #666666;
		}

	#left_menu ul {
		margin: 8px 0 27px 0;
		list-style: none;
		}

		#left_menu ul li {
			font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
			font-size: 11px;
			}

		#left_menu ul a {
			text-decoration: underline;
			color: #000000;
			}

#issn {
	margin-top: 38px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.opcio_newsletter {
	float: right;
	background: #e5e5e5;
	margin-top: 20px;
	padding: 13px 10px 0 10px;
	width: 153px;
	height: 109px;
	text-align: center;
	}
	
	.opcio_newsletter input.text {
		margin: 11px 0 16px 0;
		font-weight: bold;
		font-size: 14px;
		color: #999999;
		border: none;
		text-align: center;
		width: 153px;
		}
	
	.opcio_newsletter input.submit {
		padding: 2px;
		border: 2px solid #666666;
		background: #999999;
		}
	
	.opcio_newsletter input.submit, .opcio_newsletter {
		color: #000000;
		font-size: 12px;
		}

#content_cont {
	padding-left: 190px; /* #left_menu width + padding dessitjat */
	width: 730px;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 19px;
	}
	
	#content_cont ul {
		list-style: inside;
		}
	
	#content_cont h3 {
		margin-bottom: 17px;
		font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
		font-weight: bold;
		font-size: 14px;
		}
	
	#content_cont h4 {
		margin: 17px 0 -17px 0;
		font-weight: bold;
		}
	
	#content_cont p {
		margin: 17px 0;
		color: #333333;
		font-weight: normal;
		}
	
	#content_cont a {
		color: #333333;
		}
		
	#content_cont .signatura {
		margin-top:45px;
		}
		
	#left_menu h2 {
		float: right;
		width: 180px;
		padding: 0;
		margin: 0;
		}

	#left_menu #rss {
		height: 20px;
		margin-top: 40px;
		}

		#left_menu #rss a {
			font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
			font-weight: normal;
			font-size: 10px;
			color: #000000;
			text-decoration: none;
			}

	#left_menu h3 {
		margin-top: 26px;
		font-family: "Book Antiqua", Palatino, "Palatino Linotype", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif;
		font-size: 20px;
		color: #666666;
		}

	.categories li {
		line-height: 19px;
		}
	
		.categories li a {
			text-decoration: none !important;
			}
	
		.categories li a:hover {
			text-decoration: underline !important;
			}
	
		#left_menu ul.blogroll li {
			line-height: 17px;
			font-size: 10px;
			}
		
			#left_menu ul.blogroll li a {
					text-decoration: none;
					}
		
			#left_menu ul.blogroll li a:hover {
					text-decoration: underline;
					}

.desc_image {
	font-size: 10px;
	margin: 4px 0 11px 0;
	}
	
	.desc_image a {
		text-decoration: none;
		}
	
	.desc_image a:hover{
		text-decoration: underline;
		}

#hemeroteca select {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-weight: normal;
	font-size: 10px;
	width: 50px;
	}

#hemeroteca input {
	margin-top: 6px;
	padding: 0px 4px;
	border: 1px solid #000000;
	background: #e0dfe3;
	}


#posts_cont {
	margin-left: 170px;
	width: 730px;
	}

.post_cont {
	min-height: 270px;
	}

.post_info {
	background: #f7f7f7;
	float: left;
	width: 161px;
	padding: 10px 6px;
	margin-left: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	text-align: right;
	line-height: 15px;
	}
	
	.post_info p {
		padding: 8px 0;
		}
	
	.post_info a {
		color: #000000;
		}
	
	.post_info .date {
		font-size: 18px;
		font-style: italic;
		color: #dad9d9;
		margin-bottom: 14px;
		}
	
	#posts_cont .post {
		margin-left: 200px;
		width: 550px;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 14px;
		}

		#posts_cont .post h2 {
			float: none;
			width: 100%;
			padding: 0 0 20px 0;
			margin: 0;
			font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
			font-weight: bold;
			font-size: 14px;
			color: #000000;
			text-align: left;
			}

		#posts_cont .post p {
			line-height: 18px;
			padding: 13px 0;
			}

		#posts_cont .post a {
			color: #000000;
			}
		
#pagination_table, #pagination_table a {
	font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-weight: bold;
	font-size: 14px;
	}
	
	#pagination_table a {
		font-weight: normal
		}

#technorati img {
	border: none;
	}

.comment {
	padding-left: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-weight: normal;
	font-size: 13px;
	}
	
	.comment .date {
		color: #666666;
		margin-bottom: 10px;
		}

#buscador {
	margin-top: 10px;
	}

	#buscador input {
		padding: 2px;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 11px;
		border: 1px solid #000000;
		}

	#buscador input.form {
		padding: 1px;
		background: #cccccc;
		}

#no-posts {
	padding-left: 34px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 14px;
	}
	
.comment_table {
	margin-left: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 13px;
	}
	
	.comment_table td {
		padding: 3px;
		}
	
	.comment_table textarea, .comment_table input {
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		padding: 2px;
		}
	
	.comment_table textarea {
		width: 510px;
		height: 120px;
		}
	
	.comment_table .text {
		width: 167px;
		padding-right: 10px;
		text-align: right;
		}
	
	.comment_table .title {
		width: 167px;
		padding-bottom: 10px;
		font-family: Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
		font-weight: bold;
		font-size: 16px;
		text-align: right;
		}
	
		.comment_table .submit input {
			border: 1px solid #666666;
			}

#sociable {
	margin-top: 20px;
	}
	
	#sociable img {
		border: 0;
		margin-left: 3px;
		}
	
	#sociable a {
		padding: 10px;
		}

#add_delicious {
	background: url(../images/delicious_grey.gif) center no-repeat;
	}

#add_delicious:hover {
	background: url(../images/delicious.gif) center no-repeat;
	}

#add_meneame {
	background: url(../images/meneame_grey.gif) center no-repeat;
	}

#add_meneame:hover {
	background: url(../images/meneame.gif) center no-repeat;
	}

#add_digg {
	background: url(../images/digg_grey.gif) center no-repeat;
	}

#add_digg:hover {
	background: url(../images/digg.gif) center no-repeat;
	}

#add_google {
	background: url(../images/google_bmarks_grey.gif) center no-repeat;
	}

#add_google:hover {
	background: url(../images/google_bmarks.gif) center no-repeat;
	}

#add_technorati {
	background: url(../images/technorati_grey.gif) center no-repeat;
	}

#add_technorati:hover {
	background: url(../images/technorati.gif) center no-repeat;
	}



/*
	Moodalbox content styles
**************************************************************/

#lightbox {
	width: 360px;
	margin: 0 auto;
	text-align: center;
	}

	#lightbox h2 {
		margin-top: 10px;
		padding-bottom: 18px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 24px;
		}
	
	#lightbox p {
		margin: 12px 0;
		text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
		font-size: 12px;
		}
	
	#lightbox p a {
		color: #000000;
		text-decoration: none;
		}
	
	#lightbox p.personal {
		color: #666666;
		}
		
	a #signa_grapa {
		font-family: "Courier New", Courier, monospace;
		font-size: 11px;
		text-decoration: none;
		color: #000000;
		}