/* blau + llampant -> #0F91D8 */
/* blau + fort -> #7496D3 */
/* blau + fluixet -> #A3DAF9 */

body {
	margin: 0 0 20px;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
	background: #f9f9ff;
}


.llistatcategoria {
	padding-left: 45px;
	padding-right: 45px;
	font: 14px/1.5em Georgia, Verdana, Arial, Helvetica, sans-serif;
}

.llistatcategoriaright {
	text-align: right;
	padding-left: 45px;
	padding-right: 45px;
	font: 14px/1.5em Georgia, Verdana, Arial, Helvetica, sans-serif;
}

.comentari {
	text-align: left;
	border: 1px solid #a6a99D;
	padding: 5px;
	margin-bottom: 5px;
}

#pral {
	margin: 0 auto;
	text-align: left;
	padding: 5px;
	width: 760px;
}

#pralpopup {
	margin: 0 auto;
	text-align: left;
	padding: 5px;
	width: 540px;
	height: 300px
}

#content {
	float: left;
	width: 500px;
	overflow: hidden;
	background: transparent;
}

#fullcontent {
	float: left;
	width: 760px;
	overflow: hidden;
	background: transparent;
}

#menu {
	float: right;
	width: 250px;
	line-height: 130%;
	overflow: hidden;
}

#fullmenu {
	float: left;
	width: 760px;
	overflow: hidden;
}

.categoria {
	color: #7496D3;
}

.categoria:active, .categoria:visited, .categoria:link {
	color: #7496D3;
}

.categoria:hover {
	background-color: #7496D3;
	color: #ffffff;
	text-decoration: none;
}

.panell{
	background-color: #ffffff;
	border: 2px solid #f1f1ff;
	padding: 10px;
	margin-top: 10px;
	overflow: hidden;
}

.formulari {
	padding: 0px;
	margin: 0px;
	color: #07496D;
	font-weight: bold;
}

.post {
	background-color: #ffffff;
	border: 2px solid #f1f1ff;
	padding: 10px;
	margin-top: 10px;
}

.storytitle {
	color: #07496D;
	/*text-align: left;*/
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	font: bold large Georgia, Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #07496D;
	/*text-align: left;*/
	padding-bottom: 3px;
	font: 20px bold large Georgia, Verdana, Arial, Helvetica, sans-serif;

}

a.ina:link {
	text-decoration: none;
	color: #07496D;
}

a.ina:visited {
	text-decoration: none;
	color: #07496D;
}

a.ina:active {
	text-decoration: none;
	color: #07496D;
}

a.ina:hover {
	text-decoration: underline;
	color: #07496D;
}

.storytitleright {
	color: #07496D;
	text-align: right;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	font: bold large Georgia, Verdana, Arial, Helvetica, sans-serif;
}

.feedback {
	border-top: 1px solid #eee;
	margin-top: 10px;
	text-align: right;
	padding-left: 15px;
	padding-top: 5px;
	font: 12px/1.5em Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: grey
}

.storycontent {
	text-align: left;
	padding-left: 15px;
	font: 14px/1.5em Georgia, Verdana, Arial, Helvetica, sans-serif;
}

#listdocs {
	overflow:hidden;
	text-align: center;
	padding-left: 60px;
}
	
.thumbnail {
	float: left;
	width: 135px;
	border: 1px solid #999;
	margin: 0 20px 20px 0;
	padding: 5px;
	text-align: left;
	color: #777;
	font-size: 10px
}

.thumbnailhist {
	float: left;
	border: 1px solid #999;
	margin: 0 20px 20px 0;
	padding: 5px;
	text-align: left;
	color: #777;
	font-size: 12px
}

.thumbnailhistright {
	float: right;
	border: 1px solid #999;
	margin: 0px 20px 20px 0px;
	padding: 5px;
	text-align: left;
	color: #777;
	font-size: 12px;
	margin-left: 20px;
}

.peuhist {
	text-align: left;
	color: #777;
	font-size: 12px
}

img {
	border: 0;
}

img.picture {
	padding:4px;
	border:1px solid #ddd;
}

.clearboth { clear: both; }

span.link {
	color: #7496D3;
}
 
span.link:hover {
	text-decoration: underline;
	cursor: pointer;
}

a:link {
	text-decoration: none;
	color: #7496D3;
}

a:visited {
	text-decoration: none;
	color: #7496D3;
}

a:active {
	text-decoration: none;
	color: #7496D3;
}

a:hover {
	text-decoration: underline
}

/* Per enllaços des del llistat de categories */
a.cat {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

a.cat:link {
	color: #900;
}

a.cat:visited {
	color: #900;
}

a.cat:active {
	color: #9DAB4F;
}

a.cat:hover {
	text-decoration: underline;
}


/* Per enllaços des del llistat de categories */
a.document {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a.document:link {
}

a.document:visited {
}

a.document:active {
}

a.document:hover {
	background-color: #7496D3;
	color: #ffffff;
}


.meta {
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 10px;
	color: #07496D;
}

.panelllogo{
	border: 2px solid #f1f1ff;
	padding: 10px;
	margin-top: 10px;
	height: 130px;
	vertical-align: middle;
	text-align: right;
	background: #ffffff url('../img/MixPols.jpg') no-repeat left;
}

.panellpoema {
	background-color: #ffffff;
	border: 2px solid #f1f1ff;
	padding: 0px;
	margin-top: 10px;
}

#menu ul, #fullmenu ul {
	padding: 0;
	margin: 0px;
	padding: 0px;
}

#menu ul li, #fullmenu ul li {
	letter-spacing: 3px;
	list-style-type: none;
	margin-bottom: 10px;
	text-align: left;
	font: 14px Georgia, Verdana, Arial, Helvetica, sans-serif;
}

#header {
	letter-spacing: 4px;
	text-align: left;
	padding: 10px;
	margin: 0;
	margin-top: 0;
	width: 756px;
	background-color: #ffffff;
	border: 2px solid #f1f1ff;
	font: 30px/100% Verdana, Arial, Helvetica, sans-serif;
}

#header a {
	color: #000;
	text-decoration: none;
}

.titolseccio {
	letter-spacing: 3px;
	color: #7496D3;
	margin-bottom: 10px;
	text-align: left;
	font: 14px Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13.6036036036pt;
}

/******************/
/* Per formularis */
/******************/

textarea, input, select
{
    background: #FFFFFF;
    border: 1px solid #7496D3;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 0.95em;
}

input.noborder {
    border: 0px solid #7496D3;
}

.fileopers {
	font-style: normal; 
	color:grey
}

.inputfile {
	font-style : italic;
	/*background: url('img/inactiu.gif') no-repeat 100% ;*/
	background-position: 0% 4px;
	padding-left: 20px;
}

.inputfileerror, .fielderror {
	font-style : italic;
	background: url('img/error.gif') no-repeat 100% 2px;
	background-position: 0% 0px;
	padding-left: 20px;
}

.inputfileloading {
	background: url('img/throbber.gif') no-repeat 100% 2px;
	background-position: 0% -20px;
	padding-left: 20px;
}

.offprogress {
	/*background: url('img/throbber.gif') no-repeat 100% 2px;*/
	background: url('img/inactiu.gif') no-repeat 100%;
	background-position: 0% 3px;
}

.onprogress {
	background: url('img/throbber.gif') no-repeat 100% 0px;
	background-position: 0% -17px;
}

.field {
    top : 0;
    left: 0;
    margin : 0 1em 1em 0;
}

fieldset {
    border : 1px solid #8cacbb;
    margin : 1em 0em 1em 0em;
    padding : 0em 1em 1em 1em;
    line-height : 1.5em;
    width : auto;
}

.field label {
    font-size: 100%;
    font-weight: bold;
}

.field label.error {
	font-size: 110%;
	color: red;
}

.field .field2 {
    float: left;
    text-align: left;
	margin : 0 1em 1em 0;
}

.field ul {
	padding: 0;
	margin: 0px;
	padding: 0px;
	line-height : 1.5em;
}

.field img.link:hover {
	cursor: pointer;
}

.field ul li {
	list-style-type: none;
	text-align: left;
}

.field ul li div span.link:hover {
	background-color: #7496D3;
	color: #ffffff;
	text-decoration: none;
	width: 100%;
	cursor: pointer;
}

.inputField {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FCFCFF;
    border: 1px solid #DEDEDE;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

.inputFieldNoBorder {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

.inputLogin {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FCFCFF;
    border: 1px solid #DEDEDE;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}


.inputField legend, .inputLogin legend, .inputFieldNoBorder legend
{
    font-weight: bold;
}

.inputField .filtre {
    float: left;
    text-align: left;
    padding: 0px 4px 4px 4px;
    margin-left: 5px;
}


.help {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.buttons {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}


.buttonsLogin {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

/* Taules de continguts */
.list {
	width : 690px;
	text-align : center;
}

.taulagestio {
	overflow:hidden;
	padding: 10px;
}

.info {
    margin-left      : auto;
    margin-right     : auto;
    margin-bottom    : 10px;
    width            : 690px;
    border-collapse  : collapse;
	border-bottom    : 2px solid #7496D3;
	border-spacing   : 0px;
}

.info th {
    font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.1em;
    font-weight      : bold;
    letter-spacing   : 0.08em;
    vertical-align   : bottom;
    border-bottom    : 1px solid #7496D3;
    padding          : 4px;
    text-align       : left;
}

.info td {
    color            : #888888;
    border-bottom    : 1px solid #DEDEDE;
    vertical-align   : top;
    padding          : 4px;
}

.info td.esborrat {
	color : red;
}

.info td.caducat {
	color : orange;
}

.info td.vigent {
	color : blue;
}

.even {
    background       : #F7F7F7;
}

.odd {
}

.evenselect {
	background       : #F7F7F7;
	font-weight: bold;
}

.oddselect {
	font-weight: bold;
}

.cal {
	border-width: 0px;
	width: 700px;
	border-color: black;
	padding: 2px;
	color: black;
}

.cal th {
    font-family      : trebuchet ms, tahoma, sans-serif;
    font-size        : 1.1em;
    font-weight      : bold;
    letter-spacing   : 0.08em;
    vertical-align   : bottom;
    border-bottom    : 1.5px solid #7496D3;
    padding          : 4px;
    text-align       : left;
	background       : white;
}

.cal .dia {
	color      : #888888;
	background : #F7F7F7;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

.info span:hover {
	cursor: pointer;
}