/**************************************************************************** GENERIC *****/
html{
        background:url(../imatges/logo_fons.gif) right top no-repeat #fff;
}
#cos{
	background:url('../imatges/separador_cont_peu.gif') repeat-x bottom left; /* #fff;*/
}
/*#cos b, #cos strong{
	color:#505050;
}*/
#cos .contingutInici .requadre_central{
	background: url('../imatges/p_requadre_central_mig.png') repeat-y 0px 0px;
}
#cos .contingut .requadre_central{
	background: url('../imatges/p_requadre_central_mig.png') repeat-y 0px 0px;
}
#cos .contingutInici .requadre_central, #cos .requadre_central_llibreta{
	*background: url('../imatges/p_requadre_central_mig.png') repeat-y 2px 0px;
}
#cos .contingutInici .requadre_central{
	*background: url('../imatges/p_requadre_central_mig.png') repeat-y 2px 0px;
}
#cos .contingutInici .col_Dreta{
	width:650px;
	float:right;
}
#cos .contingutInici .col_Dreta .imatgesPrincipalPortada{
	background: url(../imatges/promocio.jpg) top left no-repeat;
	width:650px;
	height:300px;
}
#cos .contingutInici h1{
	font-weight:bold;
	border-bottom:1px solid #B1B28A;
	padding-bottom:5px;
	margin-bottom:5px;
	width:100%;
	font-size:15px;
}
#cos .contingutInici .requadre_central{
        text-align:center;
	padding:0px;
	width:642px;
	margin-left:13px;
	background: url('../imatges/p_requadre_central_mig.png') repeat-y 0px 0px;
}
#cos .contingutInici .requadre_central{
	*background: url('../imatges/p_requadre_central_mig.png') repeat-y 2px 0px;
}
#cos .contingutInici .colRecCentral{
	padding:0px 11px 0px 11px;
	margin:0px;
	float:left;
	width:190px;
	border-left:1px solid #B1B28A;
}
#peu .contingutBlanc{
	background-color:#EEEFE0;
}

/*FORMULARIS*/
.lavel_td{
    width:150px;
    text-align:right;
}
.titolForm{
    border-bottom:2px solid #666;
    color:#666;
    font-size:14px;
    margin-bottom:15px;
}
#cos .col_Dreta .columnaSup .mueveteMonograficos a:hover{
    color:#1A4E00;
}

/* PROFESIONALES */
#cos .col_Dreta .quadreVerd{
    background-color:#A0AC0E;
    color:#fff;
    width:245px;
    height:277px;
    float:left;
    padding:15px;
    margin:5px 0px 15px 15px;
    font-size:12px;
    text-align:center;
}
#cos .col_Dreta .quadreVerd a{
    text-decoration:underline;
    color:#fff;
    font-size:18px;
    font-weight:bold;
}
#cos .col_Dreta .quadreVerd a:hover{
    text-decoration:none;
}
#cos .col_Dreta .quadreVerdPetit{
    background-color:#A0AC0E;
    width:245px;
    height:108px;
    float:right;
    padding:15px;
    margin:5px 15px 0px 0px;
    text-align:center;
    color:#3D5F01;
}
#cos .col_Dreta .quadreVerdPetit input{
    border:1px solid #fff;
}
#cos .col_Dreta .botoVerd{
    background-color:#3D5F01;
    padding:3px 50px;
    text-decoration:none;
}
#cos .col_Dreta a.botoVerd{
    color:#fff;
    text-decoration:none;
}
#cos .col_Dreta a.botoVerd:hover{
    color:#fff;
    text-decoration:underline;
}
#cos #areaPrivada{
    margin-left:14px;
    padding:20px;
    width:570px;
    background-color:#A0AC0E;
    text-align:center;
    color:#fff;
}
#cos #areaPrivada h1{
    color:#F31627;
    font-size:16px;
    text-decoration:none;
    border:none;
}
#cos #areaPrivada p{
    text-align:center;
}
#cos .contingut .FITXAurl{
    line-height:25px;
}
#cos .contingut .FITXAurl a{
    color:#445900;
    font-size:14px;
    font-weight:bold;
    text-decoration:underline;
    padding-left:10px;
}
#cos .contingut .FITXAurl a:hover{
    color:#96BA00;
}
#cos .contingutInici .col_Esquerra {
float:left;
padding-top:40px;
text-align:left;
width:260px;
}
#cos .colInferiorEsq h1,#cos .colInferiorMig h1,#cos .colInferiorDreta h1{
	color:#638719;
	font-weight:bold;
	border:none;
	padding:10px 0px 0px 5px;
}
.filetbaix {
    background-image:none;
    background-color:#fff;
}
#cos .contingutInici .col_Dreta p{
    text-align:left;
}
#cos .contingutInici .colRecCentral p{
    text-align:center;
}
#cos .col_Esquerra .monografics li, #cos .col_Esquerra .monografics li a{
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	color:#527F17;
	list-style-type: disc;
	text-decoration:none;
        text-align:left;
        background:none;
        margin-left:0;
        padding-left:0;
}
#cos .col_Esquerra .monografics li{
    padding-bottom:5px;
}
#cos .col_Esquerra .monografics li a:hover{
	color:#1A4E00;
}

/* PAGINADOR */

#pager ul.pages .fletxaEsq{
	background:url('../imatges/profesionales/CalFletxetaEsq.jpg') no-repeat;
}
#pager ul.pages .fletxaDreta{
	background:url('../imatges/profesionales/CalFletxetaDreta.jpg') no-repeat;
}

.tableColaboradores table{
    background-color:#fff;
}
.tableColaboradores td{
    text-align:center;
    vertical-align:middle;
    border:1px solid #ccc;
    font-weight:bold;
    color:#333333;
}
.tableColaboradoresFonsVerd{
    background-color:#ECEFD1;
}

/* REGISTRO COLABORADORES */
/* tab pane styling */
.panes div {
	display:none;
	padding:15px 10px;
	border:1px solid #999;
	/*border-top:0;*/
	font-size:14px;
	background-color:#fff;
}
div.panes div {
        background-color:#fff;
        -background:#fff;
}

div.panes label {
        margin-bottom:15px;
        display:block;
}

label.error {
        color:red;
}
/* root element for tabs  */
#cos .col_Dreta .tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
}

/* single tab */
#cos .col_Dreta .tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
#cos .col_Dreta .tabs .w2 {
	background: url(../imatges/tabs.png) no-repeat 0 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 60px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}
#cos .col_Dreta .panes h2{
    margin-left:0px;
    margin-right:10px;
}
#cos .col_Dreta .panes h1{
    border:none;
}

#cos .col_Dreta .tabs .w2:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
#cos .col_Dreta .tabs .w2:hover {
	background-position: -652px -31px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#cos .col_Dreta .tabs .current, .tabs .current:hover,#cos .col_Dreta .tabs li.current .w2 {
	background-position: 0 -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
#cos .col_Dreta .tabs .w2 			{ background-position: -0px -0px; width:60px; }
#cos .col_Dreta .tabs .w2:hover 	{ background-position: -0px -31px; }
#cos .col_Dreta .tabs .w2.current { background-position: -0px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */
.panes .pane {
	display:none;
}
.MsoNormal{
    width:auto;
}