/* BONUS TYPOGRAPHY STYLES */
pre, .code{
	background:#D9D9D9;
	border:1px solid #7F7F7F;
	color:#c74627;
	display:block;
	margin:15px 0;
	padding:8px 8px 8px 45px;
	font: 1em/1.5 "Courier News", monospace;
}/*bloque de texto preformateado*/

/*blockquote*/
blockquote{
	color:#c74627; /*#960 MARRÓ*/
	font-style:italic;
	display:block;
	margin:5px 0;
	padding:5px 5px 1px 10px;
}

blockquote p{
	padding:0px 10px 0px 0px;
}

/*ENTRADETA*/
span.inici{
	font-style:italic;
	color:#000000;
	font-size:100%;
	padding-top:20px;
	padding-bottom:20px;
}

span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}
/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}
.num{
	text-align:center;
	color:#c74627;
	font-size:275%;
	font-weight: bold;
}
.any{
	text-align:center;
	color:#c74627;
	font-size:120%;
	font-weight: bold;
}
.destacats-esquerre {
	font-style: italic;
	text-align: left;
	font-size:110%;
	line-height: 25px;
	vertical-align: middle;
	white-space: normal;
	padding: 10px;
	float: right;
	width: 50%;
	height:auto;
	border: 1px solid #666666;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:6px;
	color:#c74627;
}
.destacats-dreta {
	font-style: italic;
	text-align: left;
	font-size:110%;
	line-height: 25px;
	vertical-align: middle;
	white-space: normal;
	padding: 10px;
	float: left;
	width: 50%;
	border: 1px solid #666666;
	position: relative;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:6px;
	color:#c74627;
}

.destacats-petit-dreta{
	padding: 10px;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:6px;
	display: block;
	padding-top: 8px;
	color: #666666;
	border: 1px dotted #E8E9C0;
	font-size:80%;
	white-space: normal;
	float: left;
	width: 40%;
}

.espec-cap-dreta{
	margin-top:2px;
	margin-right:6px;
	padding: 10px;
	color: #ffffff;
	background-color:#c74627;
	text-transform: uppercase;
	font-size:90%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #c74627;
	border-right-color: #c74627;
	border-left-color: #c74627;
	white-space: normal;
	float: left;
	width: 50%;
}

.espec-dreta {
	text-align: left;
	font-size:85%;
	line-height: 15px;
	vertical-align: middle;
	white-space: normal;
	padding: 10px;
	float: left;
	width: 50%;
	margin-top:-5px;
	margin-bottom:2px;
	margin-right:6px;
	border: 1px dotted #c74627;
	line-height:15px;
	background-color:#fee5e2;
}

.mesinfo{
	padding: 10px;	
	margin: 15px 0px;
	color: #666666;
	font-size:85%;
	text-align: left;
	line-height: 15px;
	vertical-align: middle;
	white-space: normal;
	float: left;
	width:95%;
	border: 1px dotted #DC8B78;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 6px;
	padding: 6px 7px 6px 5px;
	display: block;
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #c74627;
	font: bold 110%/normal Arial, sans-serif;
}

/*spans*/
span.web{
	background:#FFFFFF url(../images/span-web.png) no-repeat scroll 10px 50%;
	color: #666666;
	border: 1px dotted #c74627;
}

span.llibres{
	background:#c8bdbb url(../images/span-book.png) no-repeat scroll 10px 50%;
	color: #666666;
	border: 1px dotted #5e5857;
}

span.config{
	background:#FFFFD9 url(../images/span-config.png) no-repeat scroll 10px 50%;
	border:2px solid #FDE179;
	color:#B79000;
}

span.alert{
	background:#FFD6D6 url(../images/span-alert.png) no-repeat scroll 10px 50%;/*rosat*/
	border:2px solid #FE7B7A;/*rosat*/
	color:#c00;/*vermell*/
}

span.down{
	background:#E8FFD9 url(../images/span-down.png) no-repeat scroll 10px 50%;
	border:2px solid #C2DF88;
	color:#57861A;
}

span.info{
	background:#DAE7F9 url(../images/span-info.png) no-repeat scroll 10px 50%;
	border:2px solid #629DE3;
    color: #0066CC;
}

span.llibres,
span.web,
span.alert,
span.down,
span.config,
span.info{
	display:block;
	margin:15px 0;
	padding:8px 8px 8px 45px;
}