/* 
Observatori de les Dones
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background: #FFFFFF;
	}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	}
/* links */

a:link, a:visited {
	color: #FF6600;
	}
a:hover {
	color: #13ADB5;
	}
.aclaracio {
	color: #FF6600;
	font-weight: bold;
}
.aclaracio2 {
	color: #999999;
	font-weight: bold;
}

/* estructura
---------------------------------------------- */

#wrap {
	width: 938px;
	font-size: 95%;
	}
#alpha {
	float: left;
	width: 200px;
	margin: 12px 10px 4px 0;
	}
#content {
	float: left;
	width: 500px;
	margin: 12px 0px 12px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #13ADB5;
	}
#sidebar {
	float: right;
	width: 200px;
	margin: 12px 4px 4px 0px;
	}
#footer {
	clear: both;
	border-top: 1px solid #13ADB5;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 17px;
	}
	

/* cabecera
---------------------------------------------- */

#header {
	margin: 0 0 0 0px;
	}


/* banner */

#banner {
	clear: right;
	border-bottom: 2px solid #FFFFFF;
	}

/* datos de contacto izquierda
---------------------------------------------- */
#alpha div.contacto {
	font-size: 80%;
	color: #4D4D4D;
	text-align: center;
}


/* Inicio Navegación izquierda 
	---------------------------------------------- */
#nav, 
#nav ul {
	float:left;
	padding:0 0 0px;
	margin:0;
	list-style:none;
	font: 11px verdana, sans-serif;
	background:#FFFFFF;
	position:relative;
	z-index:200;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	width: 190px;
}

#nav li li {background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {
	display:block;
	color:#000000;
	margin:0 0px;
	text-decoration:none;
	white-space:normal;
	background-color: #13ADB5;
	width: 190px;
	border: thin solid #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2px;
	padding-left: 2px;
}

#nav li.navInici a {
	background-color: #13ADB5;
	color: #000000;
	background-image: url(../imagenes/Icon_home.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#nav li.navInici_on a {
	background-color: #FF6600;
	color: #FFFFFF;
	background-image: url(../imagenes/Icon_home.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#nav li.nav1_on a {
	background-color: #FF6600;
	color: #FFFFFF;
}
#nav li.nav2 a {
	background-color: #FFB27F;
	width: 180px;
	padding-left: 12px;
}
#nav li.nav2_on a {
	background-color: #FFB27F;
	width: 180px;
	padding-left: 12px;
	color: #FFFFFF;
}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#FFFFFF;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#FFFFFF;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#000000;}


/* Final Navegación Izquierda */

/* Inicio Navegación Horizontal 
---------------------------------------------- */

#navh, 
#navh ul {
	padding:0 0 0px;
	margin:0;
	list-style:none;
	font: 11px verdana, sans-serif;
	background:#FFFFFFF;
	position:relative;
	z-index:200;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#navh li {float:left;}
#navh li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #navh li li {float:left;}

#navh li a {
	display:block;
	float:left;
	color:#000000;
	margin:0 0px;
	text-decoration:none;
	white-space:normal;
	background-color: #13ADB5;
	width: 112px;
	border: thin solid #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: center;
}

#navh li.nav1_on a {
	background-color: #FF6600;
	color: #FFFFFF;
}
#navh li.nav2 a {
	background-color: #FFB27F;
	width: 102px;
	padding-left: 12px;
}
#navh li.nav2_on a {
	background-color: #FFB27F;
	width: 102px;
	padding-left: 12px;
	color: #FFFFFF;
}

#navh li li a {float:none;}

#navh li:hover {position:relative; z-index:300;}
#navh li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #navh li:hover ul {left:10px;}

#navh ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #navh ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#navh li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#navh li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#navh li:hover > a {text-decoration:none; color:#FFFFFF;}



/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#navh li:hover li:hover ul,
#navh li:hover li:hover li:hover ul,
#navh li:hover li:hover li:hover li:hover ul,
#navh li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#navh li:hover ul ul,
#navh li:hover li:hover ul ul,
#navh li:hover li:hover li:hover ul ul,
#navh li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#navh li:hover a,
#navh li:hover li:hover a,
#navh li:hover li:hover li:hover a,
#navh li:hover li:hover li:hover li:hover a,
#navh li:hover li:hover li:hover li:hover li:hover a,
#navh li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#FFFFFF;}

/* hide futher possible paths */
#navh li:hover li a,
#navh li:hover li:hover li a,
#navh li:hover li:hover li:hover li a,
#navh li:hover li:hover li:hover li:hover li a,
#navh li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#000000;}
/* Final Navegación Horizontal */


/* contenido
---------------------------------------------- */

/*Vertical Accordions*/
		
.accordion_toggle {
	display: block;
	width: 460px;
	background: #13ADB5;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 10px;
	color: #000000;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
		
.accordion_toggle_active {
	background: #FF6600;
	color: #ffffff;
	border-bottom: 1px solid #FFFFFF;
}
		
.accordion_content {
	background-color: #ffffff;
	color: #000000;
	overflow: hidden;
	width: 460px;
	padding-right: 10px;
	padding-left: 10px;
}
			
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #13ADB5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
			
.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
			
		
  		

/* pagina PORTADA
---------------------------------------------- */

#contentP {
	float: left;
	width: 500px;
	margin: 12px 0px 12px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #13ADB5;
	}
	
#contentP div.cap {
	float: left;
	margin: 0 0 12px;
	padding: 8px 0px 8px 10px;
	background: #13ADB5;
	width: 500px;
	}
#contentP div.cap h2 {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1em;
	text-transform: uppercase;
	}
	
#contentP div.cap h2 a {
	color: #FFFFFF;
	}
#contentP div.cap h2 a:hover {
	color: #FF6600;
	text-decoration: none;
	}
	
#contentP div.cap ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#contentP div.landing ul { /* left-align for landing pages */
	float: none;
	}
#contentP div.cap ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	font-family: Verdana, sans-serif;
	font-size: 85%;
	line-height: 1em;
	color: #7f7f7f;
	border-right: 1px solid #9a9a9a;
	}
#contentP div.cap ul li.last {
	margin: 0;
	padding: 0;
	border: none;
	}
#contentP div.cap ul li a {
	color: #333;
	}
#contentP div.cap ul li.rss a {
	color: #7f7f7f;
	}
#contentP div.cap ul li.rss a.rss-link {
	padding-left: 16px;
	color: #333;
	line-height: 12px;
	background: url(/common/images/template/icon-rss.gif) no-repeat 0 50%;
	}
#contentP div.cap ul li a:hover,
#contentP div.cap ul li.rss a:hover {
	color: #555;
	}


/* panel agrupado para secciones */

#contentP div.group {
	margin: 0 0 10px 0;
	padding: 10px 10px 20px 10px;
	font-size: 100%;
	}
#contentP div.group a {
	color: #FF6600;
	}
#contentP div.group a:hover {
	color: #13ADB5;
	}
#contentP div.group h3.from {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #13adb5;
	}
#contentP div.group h3.from a {
	color: #888;
	}
#contentP div.group h3.from a:hover {	
	color: #555;
	}

/* sub grupos para dos columnas */

#contentP div.group-sub {
	float: left;
	width: 230px;
	}
#contentP div.last {
	margin-left: 20px;
	}

/* teaser package */

#contentP dl.teaser {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #13ADB5;
	}
#contentP dl.last { /* don't show border on bottom teasers */
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}
	
#contentP dl.teaser dt,
#contentP dl.last dt {
	margin: 0 0 8px;
	padding: 0;
	color: #13ADB5;
	font-size: 12px;
	}
#contentP dl.teaser dt a,
#contentP dl.last dt a {
	color: #FF6600;
	text-decoration: none;
	}
#contentP dl.teaser dt a:hover,
#contentP dl.last dt a:hover {
	color: #13ADB5;
	}
#contentP dl.teaser dd,
#contentP dl.last dd {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	}
#contentP dl.teaser dd img,
#contentP dl.last dd img {
	float: left;
	margin-top: 3px;
	padding: 0 10px 0 0;
	background: #fff;
	}
#contentP dl.teaser dd a.comments,
#contentP dl.last dd a.comments {
	margin-left: 9px;
	padding-left: 24px;
	border-left: 1px solid #999;
	background: url(/common/images/template/icon-comment.gif) no-repeat 9px 50%;
	}
#contentP dl.teaser dd span.time,
#contentP dl.last dd span.time {
	margin-left: 9px;
	padding-left: 9px;
	border-left: 1px solid #999;
	}
#contentP dl.teaser dd.deck,
#contentP dl.last dd.deck {
	margin: 6px 0 0 0;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	border-top: 1px dashed #b2b2b2;
	}

#contentP dl.teaser dd.deck2,
#contentP dl.last dd.deck2 {
	margin: 0 0 0 0;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 11px;
	}
	
/* big main story */

#contentP dl.main dt {
	margin: 10px 0 0 0;
	padding-bottom: 6px;
	font-size: 150%;
	}
#contentP dl.main dd.deck {
	font-size: 107%;
	line-height: 1.5em;
	}
#contentP dl.main dd img {
	padding-right: 16px;
	}
#contentP dl.main dd em.main {
	margin-right: 9px;
	padding-right: 9px;
	border-right: 1px solid #999;
	}
#contentP dl.main dd h3.from {
	font-size: 90%;
	}
#contentP blockquote.featured {
	clear: both;
	margin: 6px 0 0;
	padding: 6px;
	font-size: 100%;
	font-style: italic;
	color: #FFFFFF;
	background: #13ADB5;
	}
#contentP blockquote.featured p {
	margin-left: 6px;
	}


/* titulares */

#content div.cap {
	float: left;
	margin: 0 0 12px;
	padding: 8px 0px 8px 10px;
	background: #13ADB5;
	width: 500px;
	}
#content div.cap h2 {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1em;
	text-transform: uppercase;
	}
	
#content div.cap h2 a {
	color: #FFFFFF;
	}
#content div.cap h2 a:hover {
	color: #FF6600;
	text-decoration: none;
	}
	
#content div.cap ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#content div.landing ul { /* left-align for landing pages */
	float: none;
	}
#content div.cap ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	font-family: Verdana, sans-serif;
	font-size: 85%;
	line-height: 1em;
	color: #7f7f7f;
	border-right: 1px solid #9a9a9a;
	}
#content div.cap ul li.last {
	margin: 0;
	padding: 0;
	border: none;
	}
#content div.cap ul li a {
	color: #333;
	}
#content div.cap ul li.rss a {
	color: #7f7f7f;
	}
#content div.cap ul li.rss a.rss-link {
	padding-left: 16px;
	color: #333;
	line-height: 12px;
	background: url(/common/images/template/icon-rss.gif) no-repeat 0 50%;
	}
#content div.cap ul li a:hover,
#content div.cap ul li.rss a:hover {
	color: #555;
	}


/* panel agrupado para secciones */

#content div.group {
	margin: 0 0 10px 0;
	padding: 10px 10px 20px 10px;
	font-size: 100%;
	}
#content div.group a {
	color: #FF6600;
	}
#content div.group a:hover {
	color: #13ADB5;
	}
#content div.group h3.from {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #4D4D4D;
	}
#content div.group h3.from a {
	color: #888;
	}
#content div.group h3.from a:hover {	
	color: #555;
	}

/* sub grupos para dos columnas */

#content div.group-sub {
	float: left;
	width: 230px;
	}
#content div.last {
	margin-left: 20px;
	}

/* teaser package */

#content dl.teaser {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #13ADB5;
	}
#content dl.last { /* don't show border on bottom teasers */
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}
	
#content dl.teaser dt,
#content dl.last dt {
	margin: 0 0 8px;
	padding: 0;
	color: #13ADB5;
	}
#content dl.teaser dt a,
#content dl.last dt a {
	color: #FF6600;
	text-decoration: none;
	}
#content dl.teaser dt a:hover,
#content dl.last dt a:hover {
	color: #13ADB5;
	}
#content dl.teaser dd,
#content dl.last dd {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	}
#content dl.teaser dd img,
#content dl.last dd img {
	float: left;
	margin-top: 3px;
	padding: 0 10px 0 0;
	background: #fff;
	}
#content dl.teaser dd a.comments,
#content dl.last dd a.comments {
	margin-left: 9px;
	padding-left: 24px;
	border-left: 1px solid #999;
	background: url(/common/images/template/icon-comment.gif) no-repeat 9px 50%;
	}
#content dl.teaser dd span.time,
#content dl.last dd span.time {
	margin-left: 9px;
	padding-left: 9px;
	border-left: 1px solid #999;
	}
#content dl.teaser dd.deck,
#content dl.last dd.deck {
	margin: 6px 0 0 0;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	border-top: 1px dashed #b2b2b2;
	}

#content dl.teaser dd.deck2,
#content dl.last dd.deck2 {
	margin: 0 0 0 0;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 11px;
	}
	
/* big main story */

#content dl.main dt {
	margin: 10px 0 0 0;
	padding-bottom: 6px;
	font-size: 150%;
	}
#content dl.main dd.deck {
	font-size: 107%;
	line-height: 1.5em;
	}
#content dl.main dd img {
	padding-right: 16px;
	}
#content dl.main dd em.main {
	margin-right: 9px;
	padding-right: 9px;
	border-right: 1px solid #999;
	}
#content dl.main dd h3.from {
	font-size: 90%;
	}

/* homepage specific
---------------------------------------------- */

#content blockquote.featured {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px;
	font-size: 100%;
	font-style: italic;
	color: #FFFFFF;
	background: #13ADB5;
	}
#content blockquote.featured p {
	margin: 0;
	padding-left: 30px;
	}
#content blockquote.featured p.lastline {
	float: left;
	margin-bottom: 10px;
	padding: 7px 30px 0 30px;
	background: url(/common/images/template/blockq-right.gif) no-repeat bottom right;
	}
#content blockquote.featured p.by {
	clear: left;
	font-family: Verdana, sans-serif;
	font-size: 80%;
	font-style: normal;
	}
#content blockquote.featured p.by strong {
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	}
#content blockquote.featured p.by em {
	display: block;
	margin-top: 3px;
	color: #666;
	}

/* member portfolios */

#content div.port {
	float: left;
	width: 121px;
	margin: 0 35px 0 0;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	display: inline;
	}
#content div.port-last {
	margin-right: 20px;
	}
#content div.port p {
	margin: 5px 0 0 0;
	padding: 0;
	}
#content div.port a,
#content div.port em {
	display: block;
	}
#content #find-des {
	float: left;
	width: 136px;
	font-family: Verdana, sans-serif;
	font-size: 85%;
	line-height: 1.4em;
	}
#content #find-des h4 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 100%;
	line-height: 1em;
	text-transform: uppercase;
	color: #666;
	}
#content #find-des p {
	margin: 0;
	padding: 0;
	}

/* design archives */

#content div.archives ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#content div.archives ul li {
	float: left;
	margin: 0 21px 10px 0;
	padding: 0;
	}
#content div.archives ul li.alt {
	margin-right: 35px;
	}
#content div.archives ul li.last {
	margin-right: 0;
	}
#content div.archives p {
	clear: left;
	margin:  0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	}



/* landing pages
---------------------------------------------- */

#content div.landing h1 {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	font-size: 200%;
	font-weight: normal;
	}
#content div.landing p {
	line-height: 1.5em;
	font-size: 11px;
	}



/* articles
---------------------------------------------- */

/* article tool bar */

#content #tools {
	padding: 4px 4px 0 4px;
	}
#content #tools ul {
	float: none;
	}
#content #tools ul li {
	display: block;
	float: left;
	padding: 4px 6px 0 6px;
	border: none;
	}
#content #tools ul li a {
	display: block;
	}
#content #tools ul li#tool-com a {
	padding: 2px 0 10px 16px;
	background: url(/common/images/template/icon-comment.gif) no-repeat 0 2px;
	}
#content #tools ul li#tool-print a {
	padding: 2px 0 10px 16px;
	background: url(/common/images/template/icon-print.gif) no-repeat 0 1px;
	}
#content #tools ul li#tool-book a {
	padding: 2px 0 10px 14px;
	background: url(/common/images/template/icon-bookmark.gif) no-repeat 0 1px;
	}
#content #tools ul li:hover,
#content #tools ul li.sfhover {
	padding: 3px 5px 0 5px;	
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	}



/* article headline */

#content div.article h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 220%;
	line-height: 1em;
	font-weight: normal;
	color: #FF6600;
	}
#content div.article h3.from {
	margin-bottom: 20px;
	}
#content div.article h3.from span.topics {
	letter-spacing: 0;
	}
#content div.article h3.from span.topics a {
	text-transform: none;
	color: #600;
	}
#content div.article h3.from span.topics a:hover {
	color: #900;
	}
#content div.article p.byline {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	font-size: 110%;
	font-style: italic;
	border-bottom: 1px solid #13ADB5;
	}
#content div.article p.byline a {
	color: #333;
	}
#content div.article p.byline a:hover {
	color: #555;
	}
#content div.article p.byline span.pubdate {
	margin-left: 9px;
	padding-left: 9px;
	font-style: normal;
	border-left: 1px solid #FF6600; 
	}
	
/* article body */

#content div.body {
	font-size: 12px;
	line-height: 1.5em;
	}
#content div.body p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 12px;
	}
#content div.body h3 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 130%;
	font-weight: normal;
	color: #300;
	}
#content div.body h4 {
	margin: 0 0 2px 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
/* dropcap */

span.drop {
	float: left;
	margin: 0;
	padding: .25em .08em 0 0;
	font-size: 3.2em;
	line-height: .4em;
	text-transform: capitalize;
	color: #666;
	}

/* photos in articles */

#content div.photo {
	float: left;
	margin: .5em 15px 5px 0;
	padding: 0;
	}
#content div.photo img {
	display: block;
	}
#content div.photo p {
	margin: 0;
	padding: 10px;
	font-size: 11px;
	line-height: 1.2em;
	font-style: italic;
	background: #f2f2f2;
	border-bottom: 1px solid #ccc;
	}
#content div.full {
	float: none;
	margin: 0 0 20px 0;
	}
#content div.half {
	width: 294px;
	}
#content div.third {
	width: 196px;
	}
#content div.quarter {
	width: 148px;
	}
#content div.alt {
	float: right;
	margin: 0 0 5px 15px;
	}
#content div.generic { /* any width floated left */
	float: left;
	margin: .5em 20px 10px 0;
	}

/* blockquote callout */

#content blockquote.half {
	float: right;
	width: 310px;
	margin: 0 0 5px 20px;
	padding: 0;
	font-size: 150%;
	line-height: 1.3em;
	color: #300;
	}
#content blockquote.half p {
	margin: 0;
	padding: 0;
	}

/* footnote */

#content div.footnote {
	padding: 10px 10px 6px;
	font-size: 90%;
	line-height: 1.5em;
	border-top: 1px solid #13ADB5;
	border-bottom: 1px solid #13ADB5;
	background: #f2f2f2;
	margin-top: 10px;
	}
#content div.footnote p {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#content div.footnoteespecial {
	padding: 5px 10px 0px;
	font-size: 11px;
	line-height: 1.5em;
	border: 1px solid #FF6600;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
#content div.footnoteespecialJoves {
	padding: 5px 10px 0px;
	font-size: 11px;
	line-height: 1.5em;
	border: 1px solid #FF6600;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}	
#content div.footnoteespecialDones {
	padding: 5px 10px 0px;
	font-size: 11px;
	line-height: 1.5em;
	border: 1px solid #FF6600;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
#content div.footnoteespecial h1 {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 6px;
	}
#content div.footnoteespecial dt a {
	font-size: 12px;
	}
#content div.footnoteespecial dt {
	font-size: 12px;
	}


/* basic, content page style */

#content div.basic {
	padding-bottom: 0;
	}
#content div.basic h1 {
	margin: 0 0 10px 0;
	padding: 10px 0;
	font-size: 200%;
	font-weight: normal;
	color: #333;
	border-bottom: 1px solid #ccc;
	}




/* sidebar
---------------------------------------------- */

#sidebar, select {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	padding-bottom: 6px;
	padding-left: 0px;
	border: thin solid #4D4D4D;
	}
#sidebar h3 {
	margin: 0px;
	padding: 8px 10px 7px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #4D4D4D;
	line-height: 1em;
	}
#sidebar h3.first { /* remove padding and border for first heading */
	margin: 0;
	padding: 0;
	border-top: none;
	}
#sidebar p {
	margin: 3px 0 0 0;
	padding: 0;
	}
#sidebar p.more {
	margin: 0;
	text-align: right;
	}
#sidebar ul.list {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	}
#sidebar ul.list li {
	margin: 0 0 4px 0;
	padding: 0 0 0 11px;
	background: url(/common/images/template/icon-bullet.gif) no-repeat 0 6px;
	}



/* news */

#sidebar dl.news {
	padding: 0;
	margin-top: 3px;
	color: #333333;
	}
#sidebar dl.news dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
#sidebar dl.news dt a {
	text-decoration: none;
	}
#sidebar dl.news dd {
	margin: 0 0 10px 0;
	padding: 0;
	}



/* promotional */

#sidebar div.promo {
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #d7d7d7;
	}
#sidebar div.promo ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#sidebar div.promo ul li {
	margin: 0 0 10px 0;
	padding: 0;
	}

	
/* related articles */

#sidebar dl.related {
	margin: 10px 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#sidebar dl.related dt {
	font-size: 12px;
	padding-left: 10px;
	}
#sidebar dl.related dt a {
	text-decoration: none;
	}
#sidebar dl.related dd.by {
	margin: 0;
	padding: 0;
	font-style: italic;
	}
#sidebar dl.related dd.deck {
	margin: 0 0 15px;
	padding: 0 10px;
	}

/* related images */

#sidebar ol.related-images {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#sidebar ol.related-images li {
	float: left;
	margin: 0 16px 16px 0;
	padding: 0;
	line-height: 1em;
	font-style: italic;
	}
#sidebar ol.related-images li img {
	display: block;
	margin-bottom: 4px;
	}



/* suggested links (search results */

#sidebar dl.suggested {
	margin: 10px 0 0 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#sidebar dl.suggested dt {
	font-size: 120%;
	font-weight: normal;
	}
#sidebar dl.suggested dt a {
	text-decoration: none;
	}
#sidebar dl.suggested dd {
	margin: 0;
	padding: 0;
	font-size: 110%;
	}
#sidebar dl.suggested dd.from {
	font-family: Verdana, sans-serif;
	font-size: 95%;
	}
#sidebar dl.suggested dd.from a {
	color: #333;
	}
#sidebar dl.suggested dd.from a:hover {
	color: #555;
	}
#sidebar dl.suggested dd.topics {
	margin: 0 0 10px 0;
	font-family: Verdana, sans-serif;
	font-size: 95%;
	}
#sidebar dl.suggested dd.last {
	padding-bottom: 10px;
	border-bottom: 1px solid #d7d7d7;
	}

/* footer
---------------------------------------------- */

#footer p {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 80%;
	line-height: 1.7px;
	}
#footer p img {
	float: left;
	margin-right: 10px;
	}
#footer a {
	color: #333;
	}
#footer a:hover {
	color: #555;
	}

/* misc.
---------------------------------------------- */

hr, .hide {
	display: none;
	}
a img, abbr {
	border: none;
	}
a { /* gets rid of dotted outline in FF */
	outline: none;
	}

/* self-clearing floats */

#nav-main:after,
#content div.cap:after,
#content div.group:after,
#content dl.teaser:after,
#content blockquote.featured:after,
#content div.results:after,
#content ol.comments li:after,
#content form#addcomment div.field:after,
#sidebar #search:after,
#sidebar form#login:after,
#sidebar ul.sponsors:after,
#sidebar ol.related-images:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

a.link-rss {
	padding-left: 16px;
	line-height: 12px;
	background: url(/common/images/template/icon-rss.gif) no-repeat 0 50%;
	}
	
	
/* REIMAGINAT
---------------------------------------------- */

.torna a{

	float:right;
	text-decoration:none;	
}

.caplogo {
	float:left;
	
}

.capreimaginatUp {
	float: left;
	margin: 0 0 12px;
	padding: 8px 0px 8px 10px;
	background: #f0ba00;
	width: 500px;
	
	}
.capreimaginatUp h2 {
	padding: 10px;
	margin-left: 20px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.2em;
	text-transform: uppercase;
	}
	
.capreimaginat {
	float: left;
	margin: 0 0 12px;
	padding: 8px 0px 8px 10px;
	background: #f0ba00;
	width: 475px;
	}
.capreimaginat h2 {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1;
	text-transform: uppercase;
	}
	
.teaserR {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	font-size:11px;
	text-align:justify;
	}

.teaserR dt a{
	color: #7e9c3d;
	text-decoration:none;
	}
.teaserR dt a:hover{
	color: #666666;
	text-decoration:none;
	}
.teaserR dd {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
}



.teaserR dd.deck2 {
	margin: 0 0 0 0;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 11px;
	}
.teaserR dd.deck2 a{
	margin: 0 0 0 0;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7e9c3d;
	font-size: 11px;
	text-decoration:none;

	}
.teaserR dd.deck2 a:hover{
	margin: 0 0 0 0;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	text-decoration:none;
	}	
.homeSeparador { border-bottom:#999 dotted 1px; _width:100%; * _width:100%!important;_margin:0; _padding:0;}

.descarrega {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-right: 5px;
	
}
.descarrega a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-right: 5px;
	
}
.descarrega a:hover, a:visited{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-right: 5px;
	
}
.ajuntament{
	font-size:10px;
}
.tacho{
	text-decoration:line-through;

}