* {	padding: 0;	margin: 0; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	/*background-color: #ffdf31;*/
	background-color: #ffffff;
}

img { border: none; vertical-align: middle; }
p { margin-bottom: 12px; }

a:link {	color: #00F;	text-decoration: none; }
a:visited {	color: #00F;	text-decoration: none; }
a:hover {	color: #0000F0; text-decoration: underline; }
a:active {	color: #00F;	text-decoration: none; }
a.external {
	background: url("imgs/external2.gif") center right no-repeat;
	padding-right: 13px;
}
a.boto {
	border: 1px solid #DFDFDF;
	background-color: #91BD09;
	color: #FFF;
	text-decoration: none;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
	a.boto:hover { background-color: #749A02; }

h2 { padding: 2px 4px 4px 8px; background-color: #000; color: #b1d248; }

/* **** FORMULARIS **** */
/* -------------------------------------------------------------------------- */
form select,
form textarea,
form input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #F5F9EC;
	color: #444444;
	border: 1px solid #DFDFDF;
	padding: 2px 2px;
}
form input.boto {
	background-color: #91BD09;
	color: #FFF;
	text-decoration: none;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
	form input.boto:hover { background-color: #749A02; }
form input.check,
form input.radio {
	background: none;
	border: none;
	font-size: small;
	margin-right: 4px;
}

/* **** ESTRUCTURA **** */
/* -------------------------------------------------------------------------- */

#contingut {
	width: 800px;
	margin: 0px auto;
	padding: 4px 0;
	/*background-color: #ffdf31;*/
	background-color: #ffffff;
}

#header_colla {
	border-bottom: 4px solid #000;
	margin-bottom: 10px;
}
#header_colla ul#navegacio {padding-top: 5px;}
#header_colla ul#navegacio li {float: left; list-style:none; margin: 0 5px 10px 0;}
#header_colla ul#navegacio li a {padding: 7px 15px; background-color:#333;color:#eee; border-radius: 15px;box-shadow: 1px 1px 2px #999;}
#header_colla ul#navegacio li a:hover {text-decoration:none;background-color:#000;color:#b1d248;}
#header_colla h2 { border-radius: 10px; }

#header_votant {
	float: right;
	margin: 0 0 5px 0;
}


/* **** CLASSES COMUNS **** */
/* -------------------------------------------------------------------------- */

.neteja { clear: both; }
.centrat { text-align: center; }


.ui-state-highlight, .ui-state-error { padding: 10px; }

/* **** APLICACIÓ **** */
/* -------------------------------------------------------------------------- */

/* Llistes paginables */
.llistat {
	margin: 8px 0 8px 0;
}
.llistat tr {
}
.llistat th {
	margin: 0;
	padding: 4px 6px;
	color: #979797;
	text-align: left;
	font-weight: normal;
}
.llistat td {
	margin: 0;
	padding: 4px 6px;
	border-bottom: 1px solid #E8E8E8;
}

	.llistat .vots {
		padding: 2px 10px;
		text-align: right;
	}
	.llistat .perc {
		padding: 2px 10px;
		text-align: right;
	}
	.llistat .usu {
		vertical-align: top;
		color: #CCC;
	}
	.llistat .totals td {
		font-weight: bold;
	}


.grup {
	background: #eee;
	margin: 0 0 10px 0;
	padding: 0 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.grup h4 { padding: 5px; font-size:1.2em; color: #1C94C4; font-weight: bold; }
.grup ul {
	list-style-type: none; margin: 0; padding: 0; min-height: 120px;
}
.grup li {
	margin: 0 0 5px 5px; padding: 5px; float: left; width: 60px; text-align: center; /*cursor: move;*/
}
.grup li img {
	margin: 0 0 5px 0;
}


.pregunta {
	margin: 0 0 10px 0;
	padding: 4px;
	font-size: 1.5em;
}
#frm_vota {
	margin: 0 0 10px 0;
	padding: 4px;
	font-size: 1.4em;
}
#frm_vota ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 4px;
}
#frm_vota li {
	margin-bottom: 12px;
}
#frm_vota li select {
	margin-right: 4px;
	width: 45px;
}
#frm_vota .boto {
	margin-left: 20px;
}


/*img.votant { width:60px; height: 80px; }*/
/*img.minivotant { width:30px; height: 40px; margin: 0 4px 4px 0; }*/
img.minivotant { width:30px; height: 40px; margin: 0; padding: 0 4px 4px 0; }
img.minivotant.fb1 { background: url('../img/fons_fb1a.gif') no-repeat; }
img.minivotant.fb2 { background: url('../img/fons_fb2a.gif') no-repeat; }


ul.llista_temes { list-style: none; }
ul.llista_temes li { margin: 5px 0 15px 0; padding: 10px; background-color: #f9f9f9; border-radius: 10px; box-shadow: 1px 1px 2px #999; }
ul.llista_temes li h6 { margin-bottom: 8px; }

.amb_clau a { text-decoration: underline !important; }

.icona_flota { float:left; margin-right: 5px; }
.tipus1  { background-position: -96px -144px; }  /* .ui-icon-radio-off */
.tipus2  { background-position: -64px -144px; }  /* .ui-icon-check */
.tipus3  { background-position: -128px -48px; }  /* .ui-icon-arrowthick-2-n-s */
.tipus4  { background-position: -240px -128px; } /* .ui-icon-script */
.tipus11 { background-position: -112px -96px; }  /* .ui-icon-suitcase */
.tipus21 { background-position: -128px -96px; } /* .ui-icon-comment */

.estat0 td { font-weight: normal; }
.estat1 td { font-weight: bold; }
.estat0:hover { background-color: #F0F0F0; }
.estat1:hover { background-color: #F0F0F0; }

.discret { font-size: 10px; font-weight: normal; color: #88682A; }

/* triador de colors */
.color_selector { float: left; margin: 0 10px 0 0; position: relative; width: 36px; height: 36px; background: url(../js/colorpicker/images/select2.png); }
.color_selector div { position: absolute; top: 3px; left: 3px; width: 28px; height: 28px; background: url(../js/colorpicker/images/select2.png) center; }


#recompte {	float: right; }
#recompte .amb { font-size: .8em; color: #999; padding-right:30px; }

#t_comentaris { clear: both; }
#t_comentaris td { vertical-align: top; border-bottom-color: #979797; }

.elimina_com { font-size: 10px; font-weight: normal; color: #88682A; }

/* CALENDARI */

#calendari {
	width: 100%;
	margin-bottom: 5px;
}
.cale table {
	width: 255px; height: 218px;
	float: left;
	margin: 0 5px 10px 5px;
	border: 10px solid transparent; /*padding: 10px;*/
	background-color: #fff;
	border-radius: 10px;
}
.cale table td { 
	text-align: center;
	/*padding: 2px;*/
}
.cale table td.capc {
	/*background-color: #fa0;*/
	padding: 5px;
}
.cale table td a { 
	display: block;
	padding: 5px;
	background-color: #f0f0f0;
	color: #0000f0;
	border-radius: 25px;
}

.marca1 { background-color: #3c3 !important; color: #fff !important; }
.marca2 { background-color: #3cc !important; color: #fff !important; }
.marca3 { background-color: #fa0 !important; color: #fff !important; }
.marca4 { background-color: #c33 !important; color: #fff !important; }
.marca5 { background-color: #33c !important; color: #fff !important; }
.marca6 { background-color: #FFD333 !important; color: #fff !important; }
.marca7 { background-color: #C027C3 !important; color: #fff !important; }
.marca8 { background-color: #CEEA2F !important; color: #fff !important; }

#paginacio_cal { float: right; margin: 0 5px 0 0; }
#paginacio_cal li { float: left; margin: 0 5px; list-style: none; }
#paginacio_cal li a.boto { font-size: 11px; font-weight: normal; padding: 2px 5px; }


#llegenda {
	width: 100%;
	margin-bottom: 20px;
	clear: both;
}
#llegenda table {width: auto; height: auto; }
#llegenda table td.capc { text-align: left;}
#llegenda table td a { padding: 5px 10px;}

#anotacions {
	width: 100%;
	margin-bottom: 20px;
	clear: both;
}

.anotacio { 	
	margin: 0 7px 13px 6px;
	padding: 10px;
	background-color: #f9f9f9;
	border-radius: 10px;
	float: left;
	width: 365px;
 }
.anotacio img.minivotant { float: left; }
.anotacio h4 { margin-left: 40px; font-size: 14px; font-weight: normal; }
.anotacio h4 a { padding: 2px 10px; border-radius: 25px; }
.anotacio p { margin-left: 40px; }

.comentaris { clear: both; margin-left: 40px; }
.comentaris p { margin-left: 0px; }
.comentaris .boto { font-size: 11px; font-weight: normal; padding: 2px 5px; }
.comentaris .boto.elimina_com { font-size: 10px; padding: 1px 2px; }

.comentari { clear: both; margin-bottom: 5px; }
.comentari .titol { margin-left: 40px; margin-bottom: 2px; font-size: 10px; font-weight: normal; color: #88682A; }
.comentari .notes { margin-left: 40px; }

label { margin-right: 5px; }
#nota_dini, #nota_dfin { width: 80px; }
#nota_text { width:100%; height:120px;}

.cale table, .anotacio {box-shadow: 1px 1px 2px #999;}

/* inici */

#id_vota_index #logo { float: left; margin: 0 20px 20px 0; }
#id_vota_index h2 { background-color: transparent; color: #8AC5E8; padding: 0; margin: 5px 0 10px 0;
font-family: Cambria, serif;
font-size: 40px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
text-shadow: #666 1px 1px 1px;
}
#id_vota_index h3 { margin-bottom: 25px; color: #89CAEA; 
font-family: Cambria, serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
text-shadow: #666 1px 1px 1px;
}

.caixa { 	
	margin: 0 10px 20px 10px;
	padding: 10px;
	background-color: #f9f9f9;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #999;
	float: left;
	width: 360px;
	font-size: 1.2em;
 }
#id_vota_index #login { width: 240px; }
#id_vota_index #xarxes { width: 80px; }

#id_vota_index #login label { float: left; width: 35px; margin-bottom: 10px; }
#id_vota_index #login input { margin-bottom: 10px; }
#id_vota_index #login input#clau { margin-bottom: 15px; }

.destacat { font-weight: bold; font-size: 15px; line-height: 1.5em; color: #89CAEA; text-shadow: #eee 1px 1px 1px;}
.explica {color: #666;font-size: .9em;}
ul.explica {margin-top: 20px;}

#xarxes { padding-bottom: 0; }
#xarxes ul { list-style: none; padding: 0; margin: 0; }
#xarxes ul li { margin: 0 auto 15px auto; text-align: center; }
#xarxes ul li.xl_facebook { width: 75px; height: 65px; }
#xarxes ul li.xl_twitter { width: 75px; height: 65px; }
#xarxes ul li.xl_gplus { width: 75px; height: 65px; }
#xarxes ul li.xl_print { width: 16px; margin: 10px 0 0 0; }
#xarxes ul li.xl_send { width: 16px; margin: 10px 10px 0 170px; }
#xarxes ul li.xl_print #xarxes_print { float: none; margin: 0; }
#xarxes ul li.xl_send #xarxes_send { float: none; margin: 0; }

#exemples { width: 760px; }
#exemples li { margin-bottom: 10px; }

#frm_novacolla fieldset label { float: left; width: 150px; font-size: 16px; margin: 5px 0 5px 0; }
#frm_novacolla fieldset input { font-size: 16px; margin: 5px 0 5px 0; width: 150px; }
#frm_novacolla fieldset input#nou_nom { width: 300px;  }