/************************************ Estructura General *********************************/
html {
    height: 100%;
}

body{
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #e5eef6;
    background: url(../img/fons_capsalera_petita.jpg) top center repeat-x #e5eef6;
    color:#565555;
}
#body_index{
    height: 100%;
    background: url(../img/fons_intro.jpg) top center repeat-x #edf1f5;
} 

#container_central {
    width:960px;
    text-align:justify;
    font-size:0.7em;
    overflow:hidden;

    /* sticky footer */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}

#cos{
    width:960px;
    margin:15px 0 50px 0;
    padding-top: 30px;
}

#login_cos{
    width:325px;
    margin: 140px auto;

}

/* ##### hack perquè en FireFox faci bé l'overlay del diagle modal */
.ui-widget-overlay {
    background:#000;
}

/* font del datepicker */
div.ui-datepicker{
    font-size:0.9em;
}

/********************************** index *****************************************/
#container_central_index {
    width:640px;
    font-size:0.7em;
    overflow:hidden;
    background: url(../img/fons_efecte_index.png)  no-repeat;

    /* sticky footer */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}

#index_caixa_gran{
    width: 324px;
    margin: 140px auto;
    padding: 5px 0 15px 0;
    background-color: #e9eef4;
    border: 1px solid #8c8c8e;

    /* els valors son: pos. horitzontal, pos. vertical, difuminat i color*/
    box-shadow: 0px 10px 16px #666;
    -webkit-box-shadow: 0px 10px 16px #666;
    -moz-box-shadow: 0px 10px 16px #666;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#666666');
}

#index_caixa_petita{
    width: 275px;
    margin-left: 13px;
    padding: 11px 10px 5px 10px;
    background-color: #fdfdfe;
    border: 1px solid #cacbcd;
}

#index_caixa_petita p {
    margin:5px 0 10px 0;
}

#boto_enviar {
    margin:0 0 15px 0;
}

/********************************** generals *****************************************/
h1, h2, h3{
    color: #6a6a6a;
    font-weight:normal;
}

h1 {
    font-size: 1.7em;
    color: #274b7c;
    font-weight:bold;
    margin-bottom: 6px;
}

h2{
    font-size:1.3em;
    color: #3e3f40;
    font-weight:bold;
}

h3{
    font-size: 1.2em;
    color: #274b7c;
}

h3.v2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:2em;
    margin-bottom: 0px;
}

h4{	
    width: 500px;
    font-size: 1.6em;
    color: #fff;
    font-weight: 500;
    float: left;
}

h5{
    font-size: 1.2em;
    color: #274b7c;
}

h6{
    font-size: 1.2em;
    color: #1250a6;
}

hr {
    height:1px;
    margin:12px 0;
    border:none;
    background-color:#d7dde7;
}

hr.linea2 { /* verificat que es fa servir */
    height:1px;
    border:none;
    background-color:#d7dde7;
    margin-top:3px;
}

/* diàleg UI JQUERY */
/* overlay del diàleg de carregant dades */
#dialog-modal {
    text-align:center;
    line-height:35px;
}
.ui-widget-overlay {opacity: 0.7;}
.ui-dialog-title {font-size:0.9em;} 
.ui-dialog-content {font-size:0.7em; margin-top:5px;}
.ui-resizable-se {visibility:hidden;}

#txtProgress {
    margin-top:5px;
}

/***************************************** continguts *****************************************/
#barra_nav {
    background:url(../img/fons_barra_nav.png) no-repeat;
    width:598px;
    height:26px;
    margin-bottom:15px;
    padding:9px 0 0 7px;
    font-size:1.3em;
    color:#0054ba;
    font-weight:bold;
}
#barra_nav img {
    vertical-align:middle;
    margin:-4px 3px 0 7px;
}

#containerAdmin { /* verificat que es fa servir */
    width: 606px;
    float: left;
}

#containerAdmin_titol{ /* verificat que es fa servir */
    width: 586px;
    height: 26px;
    background: url(../img/pestanya_titol.png) no-repeat;
    padding: 6px 0 0 20px;
    text-align:left;
    overflow: hidden;
}
.icona_titol{ /* verificat que es fa servir */
    float: right;
    margin-right: 25px;
    margin-top: -3px;
}

#containerTitol{ /* verificat que es fa servir */
    margin:0 0 10px 0;
    font-size:1.1em;
    color: #525252;
}

#containerAdmin_txt{ /* verificat que es fa servir */
    width: 573px;
    background-color: #fff;
    border: 1px solid #c2c4c7;
    padding: 12px 15px;
    margin: 0 0 15px 1px;
    overflow: hidden;
}
.subtitol{ /* verificat que es fa servir */
    margin-bottom: 6px;
}
.columna{ /* verificat que es fa servir */
    float: left;
    margin-right: 35px;
}	

/* barra lateral amb info d'ajuda */
.container_info{ /* verificat que es fa servir */
    width: 335px;
    float: right;
}

.cap_info{ /* verificat que es fa servir */
    height: 23px;
    background-image: url(../img/cap_info.png);
    background-repeat: no-repeat;
    padding: 8px 0 0 15px;;

}

.info{ /* verificat que es fa servir */
    background-color: #FFF;
    border:#c2c4c7 solid 1px;
    padding:18px;
}

/***************************************** formularis *****************************************/
#containerAdmin_txt p {
    padding:2px 0; /* això separo entre si les linees del form*/
    line-height:25px;
    text-align:left;
}
#containerAdmin_txt p.marcar_hover:hover {
    background-color:#E7F7FE;
}

/* classe per les banderes dels idiomes */
.titol_idioma {
    font-size:1.3em;
}
.titol_idioma img {
    vertical-align:middle;
    margin:0 2px 3px 0;
}

#containerAdmin_txt label {
    display: block; /* perquè accepti el width */
    float:left;
    width:70px;
    color:#1250a6;
    font-size:1.1em;
    margin-right:20px;
}
#containerAdmin_txt label.doble_linea {
    line-height:12px;
}

#containerAdmin_txt label.no_fixe {
    width:auto;
}

#containerAdmin_txt label.label_admin_num_registres {
    width:150px;
}

.num_registres_ajax {
    margin-left:10px;	
}

#containerAdmin_txt p.boto_enviar_dades {
    text-align:center;
}

.inputs_admin, .inputs_admin_amb_publicar, .inputs_admin_select, .inputs_admin_curts, .inputs_admin_num_registres, inputs_admin_files {
    width: 80%;
    height: 17px;
    border: 1px solid #d2d2d2;
    margin-bottom: 5px;
    padding:3px 3px 0px 3px;
    font-size:1em;
}
.inputs_admin_amb_publicar {
    width:63%;
}
.inputs_admin_select {
    width:auto;
    padding:0;
    margin-top:2px;
}
.inputs_admin_curts {
    width:65px;
}
.inputs_admin_num_registres {
    width:auto;
    margin-right:10px;
}
.inputs_admin_files {
    width:auto;
    padding:0;
    margin-top:1px;
    font-size:1em;
}

.check_publicar {
    float:right;
}

.botons_admin {
    font-size:1.3em;
    font-weight:bold;
    color:#fff;
    width:192px;
    height:41px;
    padding-bottom:5px;
    background:url(../img/boto_formulari.png) no-repeat top left;
    text-align:center;
    cursor:pointer;
    border:none;
}
.botons_admin:hover{
    background-position:bottom left;
}

.botons_admin_petit {
    font-size:1.2em;
    font-weight:bold;
    color:#fff;
    width:128px;
    height:27px;
    padding-bottom:5px;
    background:url(../img/boto_formulari_petit.png) no-repeat top left;
    text-align:center;
    cursor:pointer;
    border:none;
}
.botons_admin_petit:hover{
    background-position:bottom left;
}


.msgError {
    width:85%;
    border:1px solid #CC0000;
    background-image:url(../img/icono_error.gif);
    background-repeat:no-repeat;
    background-position:5px 7px; /* left, top */
    background-color:#fff8f8;
    color:#CC0000;
    padding:8px 0 8px 30px;
    margin:10px 0;
}

.msgOk {
    width:85%;
    height:25px;
    border:1px solid #217600;
    background-image:url(../img/icono_ok.gif);
    background-repeat:no-repeat;
    background-position:5px 7px; /* left, top */
    background-color:#f2ffed;
    color:#000;
    padding:8px 0 0 30px;
    margin:10px 0;
}
.msgOk:first-letter {
    text-transform:uppercase;
}

/****************************** gestor categories ASPGRID *********************/
#aspGrid th {
    width:100%;
    background-color:#EBEBEB;
    padding:5px;
    text-transform:uppercase;
    font-weight:bold;
}
#aspGrid tr {
    width:100%;
}
#aspGrid td {
    min-width:120px;
    border-bottom:1px solid #999;
}
#aspGrid input {
    margin:0 5px;
}
#aspGrid input[type=text] {
    width: 90%;
    height: 17px;
    border: 1px solid #d2d2d2;
    margin: 3px 0;
    padding:1px 3px 0px 3px;
    font-size:1em;
}

/****************************** circulars *************************************/
#caixa_circulars {
    border:1px solid #ccc;
    padding:10px;
    margin:15px 0;
}
#caixa_circulars:hover {
    background-color:#e1e1e1;
}

#icono_circulars {
    float:left;
}

#info_circulars {
    float:left;
    width:470px;
    margin:0 5px 5px 15px;
}

/*********************** ordenació registres ***********************/
.caixa_registre {
    border:1px solid #ccc;
    padding:10px;
    margin:15px 0;
}
.caixa_registre:hover {
    background-color:#e1e1e1;
}

/****************************************** galeries *******************************/
#thumbs_individuals {
    background-color:#F1FBFE;
    border:1px solid #88DEFB;
    float:left;
    width: 170px;
    height: 220px;
    padding: 5px;
    margin-top:15px;
    margin-right:5px;
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    /*line-height:205px; /*(només per IE) amb aquesta linea fem que també funciona amb IE*/
}
#thumbs_individuals div {
    display:table-cell; /*(només per FireFox) ja hem dit que actui com una taula, ara aquesta capa actua com una cel·la*/
    vertical-align:middle; /*(només per FireFox) ja li podem dir que faci el vertical-align com si fos una tuala*/
}

/*********************************** enllaços*********************************************/
/* capçalera */
/* tancar sessió */
a.link_barra_superior {
    text-decoration:none;
}
a:link.link_barra_superior		{color:#50545a}
a:visited.link_barra_superior	{color:#50545a}
a:hover.link_barra_superior		{color:#900}
a:active.link_barra_superior	{color:#900}

a.link_domini{
    text-decoration: none;
}
a.link_domini:link 		{color:#274b7c}
a.link_domini:visited	{color:#274b7c}
a.link_domini:hover		{color:#09F}
a.link_domini:active	{color:#09F}
/* final capçalera */

/* enllaços generals del menú */
a.link_admin{
    text-decoration: none;
}
a.link_admin:link 		{color:#565555}
a.link_admin:visited	{color:#565555}
a.link_admin:hover		{color:#06F}
a.link_admin:active		{color:#000;}

a.link_barra_nav{
    text-decoration: none;
}
a.link_barra_nav:link 		{color:#0054ba}
a.link_barra_nav:visited	{color:#0054ba}
a.link_barra_nav:hover		{color:#06F}
a.link_barra_nav:active		{color:#06F}

a.link_peu{
    text-decoration: none;
}
a.link_peu:link 		{color:#033ca3}
a.link_peu:visited		{color:#033ca3}
a.link_peu:hover		{color:#09F}
a.link_peu:active		{color:#09F; font-weight: bold;}