/* default sNews stylesheet */

/* Per anivellar a l'esquerra un menu posar una etiqueta amb <div class="left"> (més avall hi ha les propietats; .left) o/i tipus menú	<div class="menu"> i tancar-ho </div> */
		


/* propietats de pàgina */
body { 
	padding:0; 
	line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Arial 
}

p { 
	margin: 2px 4px; 
	padding: 0; 
	color: #303030; 
	background: inherit; font-size:13px
}

/* enllac */
a { 
	color: #327EC5;
	background: inherit; 
	text-decoration:none; font-size:12px
}

/* enllac premut */
a:hover { 
	color:#2669AB; 
	background: inherit;
	text-decoration:none; font-size:12px
}

h1 { 
	padding:0; 
	margin:0; 
	color: #660066; 
	background: inherit;
	letter-spacing: -1px; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.8em; font-family:Arial
}

h1 a {
	color: #800080; 
	background: inherit
}


/* titols sense enllaç - titols dels articles */
h2 { 
	background-color: inherit; 
	color:#808080; 
	font-size:18px; 
	font-weight:bold; 
	margin: 5px 0; 
	padding:0 
}

h2 a { 
	background-color:#FFFFFF; 
	color:#000000; 
}

ul { 
	margin: 0 0 10px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 1px solid #eee; 
}
	
li { 
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
	
}

img {
	border: 0;
}

.content { 
	background: #FFF;
	color: #000; 
	margin: 0 auto; 
	padding: 0; 
	width: 750px; 
}

.header {  
	height: 55px; 
	margin:0; 
	background: #327EC5 url('bg.gif');
	color: #333333;padding-left:1em; padding-right:14px; padding-top:22px; padding-bottom:12px 
}

/* menú en linia recta horitzontal */
.hmenu { 
	float: right; 
	padding: 5px; color:#333333 
}

.hmenu ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
	border: none;
}
	
.hmenu li { 
	display: inline;
	
}

.hmenu li a {
	color: #333333;
	background: inherit;
	font-weight: bold;
	margin-left:8px; margin-right:0; margin-top:0; margin-bottom:0
}

/* menu en vertical */
.left {  
	clear: both; 
	font-size: 90%; 
	float:left; 
	width: 130px; 
	padding: 0 0 1em 1em; 
}

/* menu en vertical centrat */
.left_centrat {  
	padding:0; clear: both; 
	font-size: 14px; 
	width: 130; 
	text-align:center; font-family:Arial; text-transform:uppercase; color:#003399; list-style-type:none; font-weight:bold 
}



.left_article { 
	margin: 10px 0; 
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee; text-align:center; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px 
}
	
.center { 
	float:left; 
	width: 500px; 
	margin: 0 0 10px 30px; 
	padding: 0; 
	background: #FFF; 
	color: #000;
}

.footer { 
	clear:both;
	color:#999999;  
	background: #FFF; 
	font-size:90%; 
	margin: 5px 0px 10px 0px; 
	padding: 1em; 
	border-top: 5px solid #eee; 
	text-align:center; 
}

.footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}


fieldset {
	border: 1px solid #eee;
}

textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #000;
}

textarea:hover.text { 
	border: 1px solid #eee; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #FFFFFF; 
	width: 200px; 
	color: #000;
}

input:hover.field { 
	border: 1px solid #eee; 
	background: #FFFFF4; 
	color: #000;
}

input.text { 
	margin: 0; 
	width: 110px;
	border: 1px solid #eee; 
	background: #FFF;
	color: #000; 
}

/* enllac */
input:hover.text { 
	border: 1px solid #ccc; 
}

input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 1px; 
	font-weight: bold; 
}

.date { 
	color: #ccc; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* requadre fons formulari comentaris */
.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

/* requadre fons comentaris */
.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}