@import "web.css";
@import "especials.css";

body {
    background: none;
    background-color: white;
}

/** Estils pel formulari principal de l'enquesta **/
#enquesta
{
	color		: #7c6d52;
	background-color: #fffbd8;
	float		: right;
}

a
{
	color		: #c7a159;
}

.messageEnquesta{
	background-color:#FFDC62;
	color: #7C6D52;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding: 3px 0px 3px 0px;
	margin-bottom:11px;
}

.titolparticipacio a{
	text-decoration:none;
}

.textpadding .noticiaParticipacio a{
	text-decoration:none;
}

.noticiaParticipacio a:hover{
	text-decoration:none;
}

h1
{
	font-size	: 12px;
	color		: #c7a159;
	border-bottom	: 1px solid #f4ce4c;
	margin-bottom	: 10px;
	font-weight: bold;
}

#enquesta .cap-enquesta
{
	float		: left;
	width		: 259px;
	font-size:	11px;
}

#enquesta .cap-enquesta .text
{
	margin-top	: 10px;
	background-color: #fff19b;
	padding		: 0px 8px 8px 8px;
	line-height: 1.3em;
}

#enquesta .cap-enquesta .text h4
{
	margin		: 10px 0px 0px 0px;
	background-color: #fff19b;
	padding		: 0px 8px 8px 8px;
	font-size	: 13px;
	text-align	: right;
	font-weight: bolder;
}

#enquesta .cap-enquesta .text h3
{
	margin-top	: -10px;
	background-color: #fff19b;
	padding		: 0px 8px 8px 8px;
	font-size	: 11px;
	text-align	: right;
	font-weight: bolder;
}

.conclusions_margin {
    margin-left: 15px;
}

html > body .conclusions_margin {
     margin-left: 0px;
}

#enquesta .cos-enquesta
{
	border-left: 259px solid #fff19b;
	background-color: #fffbd8;
	padding	: 0px 10px 10px 15px;
	color:	#7C6D52;
	font-size:11px;
	line-height:1.3em;
}

#enquesta .cos-enquesta a
{
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
}

.forum-tancat{
	color:#C7A159;
	font-weight:bolder;
	font-size:12px;
	font-family:verdana;
	float:left;
}

.missatgeforum{
	font-weight:bold;
	padding:10px 0px 0px 10px;
}

#enquesta .cos-enquesta div
{
	line-height:1.3em;
	color:#7C6D52;
	font-size:11px;
}
#enquesta .cos-enquesta .data
{
	height		: 14px;
	border-bottom	: 1px solid #f4ce4c;
	font-weight	: bold;
	padding-top	: 20px;
	text-align	: right;
	color		: #c7a159;
	font-size	: 11px;
}

#enquesta .cos-enquesta h4
{
	padding		: 5px 0px 10px 0px;
	font-size	: 13px;
	color		: #7c6d52;
	font-weight: bolder;
}

#enquesta .cos-enquesta form .resposta
{
	padding-bottom	: 15px;
}

#enquesta .cos-enquesta form .resposta .text-resposta
{
	display		: inline;
	position:relative;
	top:-2px;
	margin-left	: 5px;
	font-weight	: bold;
	color		: #c7a159;
	font-size	: 11px;
}

#enquesta .cos-enquesta form .resposta .text-vots
{
	font-weight	: normal;
	color		: #7c6d52;
	font-size	: 10px;
	padding-left	: 5px;
}

#enquesta .cos-enquesta form .resposta .barra-vots
{
	border-left	: 3px double black;
	border-bottom	: 1px solid black;
	display		: inline;
	float		: left;
	margin		: 0px 0px 0px 20px;
	background-color: #ffdc62;
}

#enquesta #peu-enquesta
{
	width		: 100%;
	float		: right;
}

#enquesta #peu-enquesta .sep_barra
{
	float		: left;
	width		: 243px;
	padding		: 5px 8px 5px 8px;
	background-color: #fff19b;
	clear		: both;
}

#enquesta #peu-enquesta .sep_cos
{
	background-color: #fffbd8;
	padding		: 5px 10px 5px 15px;
	border-left	: 259px solid #fff19b;
	color		: #7c6d52;
	font-size:11px;
}

#enquesta #peu-enquesta .sep
{
	border-top	: 1px solid #f4ce4c;
	padding-top	: 5px;
}

/** Estils per les opinions de l'enquesta **/
#opinions-enquesta
{
	margin		: 10px 0px 10px 0px;
	border-bottom	: 1px solid #f4ce4c;
	padding-bottom	: 10px;
	color		: #7c6d52;
	width		: 627px;
	float		: right;
	font-size:11px;
}


#opinions-enquesta .primer-comentari-opinio
{
	background	: url('/imgfront/comentari_fort.png') no-repeat scroll  0.4em 0em;
	padding-left	: 29px;
	list-style	: none;
}

#opinions-enquesta .titol-primer-comentari
{
	background-color: #fffbd8;
	display:block;
	padding	: 3px 0px 3px 0px;
	margin-top	: 5px;
}

#opinions-enquesta .comentari-opinio
{
	margin		: 10px 0px 10px 5px;
	background	: url('/imgfront/comentari_clar.png') no-repeat scroll  0.4em 0em;
	padding-left	: 29px;
	list-style	: none;
}

#opinions-enquesta .comentari
{
	padding-left	: 10px;
	font-weight	: bold;
}
#opinions-enquesta .autor
{
	font-weight	: normal;
	font-style	: italic;
}
#opinions-enquesta .data
{
	color		: #c7a159;
	font-weight	: bold;
	font-size: 10px;
}

#opinions-enquesta .text-comentari
{
	padding-left	: 10px;
	padding-top	: 5px;
}

/* Estils pel formulari d'opinions */
#form-opinio
{
	background	: #fffbd8 url('/imgfront/icocomentari_groc.png') no-repeat scroll left top;
	height		: 195px;
	border-bottom	: 1px solid #f4ce4c;
	color		: #7c6d52;
	float		: right;
	width		: 100%;
	margin-bottom	: 50px;
	font-size:11px;
}

#form-opinio h3
{
	background	: #fff19b url('/imgfront/cantonada-groga.png') no-repeat scroll right;
	font		: bold 11px verdana,serif;
	border-bottom	: 1px solid #f4ce4c;
	height		: 15px;
	padding-top	: 3px;
	padding-left	: 6px;
	margin-left	: 23px;
}

#form-opinio div.esquerra
{
	float		: left;
	padding		: 10px;
	width		: 215px;
}

#form-opinio div.dreta
{
	padding		: 10px;
}

#form-opinio label
{
	display		: block;
	padding		: 7px 0px 2px 0px;
}

#form-opinio .camp-form
{
	border		: 1px solid #c7a159;
	width		: 195px;
	scrollbar-arrow-color: #7c6d52;
	scrollbar-track-color: #fffbd8;
	scrollbar-face-color: #ffdc62;
	scrollbar-highlight-color: #fffbd8;
	scrollbar-3dlight-color: #fffbd8;
	scrollbar-shadow-color: #4a6463;
	scrollbar-darkshadow-color: #4a6463;
}
#form-opinio #capcha-text
{
	margin:0px 10px 0px 0px !important; 
	text-align:left;
	float:left;
}

#forms-opinio #botons-formulari
{
	text-align: right; 
	float: right;
	margin-top:10px;
}
/** Llistats de participaci�: enquestes i f�rums **/
#llistat-participacio {
	font-size: 11px;
}

#llistat-participacio .barra {
	border-bottom:	1px solid #f4ce4c;
	margin-bottom:	6px;
	line-height:	6px;
}

.cap-llistat {
	float:			left;
	width:			260px;
	padding:		0px 8px 0px 8px;
	background-color: #fffbd8;
}

.cap-llistat .data {
	color:			#c7a159;
	text-align:		right;
}

.cos-llistat {
	border-left:	275px solid #fffbd8;
	padding:		0px 0px 0px 10px;
	color:			#c7a159;
}

.cos-llistat .titol {
	color:			#7c6d52;
	text-decoration:none;
}

.cos-llistat .titol-negreta {
	color:			#7c6d52;
	font-weight:	bold;
	text-decoration:none;
}

.cos-llistat a.titol-negreta:hover {
	text-decoration:underline;
}



.peu-llistat {
	clear:			both;
	line-height:	0px;
}

/** CERCADOR **/

.cercador-participacio {
	margin:			50px 0px;
	font-size:		11px;
	color:			#7c6d52;
	background-color:#FFFBD8;
	border:			1px solid #FFF;
}

.cercador-participacio select,
.cercador-participacio input {
	font-size:		10px;
}


.cercador-participacio .cintillo {
	font-weight:	bold;
	color:			#7c6d52;
	background:		#fff19b url('/imgfront/diag_dreta.gif') no-repeat top right;
	border-bottom:	1px solid #f4ce4c;
	height:			18px;
	vertical-align:	bottom;
}

.cercador-participacio .cintillo div{
	font-weight:	bold;
}
.cercador-participacio .botons {
	background-color: #fff19b;
	padding:		3px 6px 3px 6px;
	text-align:		right;
	border-top:		1px solid #f4ce4c;
	border-bottom:	1px solid #f4ce4c;
	clear:			both;
}

.cercador-participacio .per_data {
	margin:			10px 0px 10px 0px;
	margin-left:	300px;
	height:			100px;
	padding-left:	5px;
	border-left:	1px solid #FFDC62;
	vertical-align: top;
}

.cercador-participacio .per_clau {
	width:			290px;
	margin:			0px 0px 10px 5px;
	_margin-top:			10px;
	float:			left;
	vertical-align: top;
}

.cercador-participacio form {
	background-color: #fffbd8;
}

.cercador-participacio .data_select	{
	float:			left;
	color:			#7c6d52;
	margin-right:	7px;
	text-align:		left;
}

.cercador-participacio .data_select .col {
	float:			left;
	margin-top:		7px;
}

.cercador-participacio .data_select .col label {
	display:		block;
	color:			#c7a159;
	margin-bottom:	3px;
}

.cercador-participacio .data_select .col select.dos	{
	width:			40px;
}

.cercador-participacio .data_select .col select.quatre {
	width:			60px;
}

.cercador-participacio .per	{
	font-weight:	bold;
	color:			#c7a159;
	margin-left:	4px;
}

.cercador-participacio .cos	{
	margin-top:		10px;
	margin-left:	15px;
}

.cercador-participacio .clau {
	border:			1px solid #c7a159;
	font-size:		11px;
	width:			110px;
	height:			15px;
	vertical-align:	middle;
}