/* canviat #6f6f6f per #999999 per rforns5/6/09 */

body {
	font-family: Verdana,sans-;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	background-color: #000;
	color: #999999;
}

a {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

a.blanc-subratllat {
    color:white;
    text-decoration:underline;
}

a.boto_descarrega {
    color:#aaa;
    border: 1px solid #aaa;
    padding: 2px;
}
a.boto_descarrega:hover {
    background-color: #333;
}



table.descarregues tr td {
    padding-top: 7px;
}


a img {
    border: 0px;
}

h4 {
    font-size: 12px;
}

/* BASES COMUNS*/

.fesquerra {
    float: left;
}

.fdreta {
    float: right;
}
.clear {
    clear: both;
}

.gris {
    color: #999999;  
}
.grisclar {
    color: #DDDDDD;
}
.blanc {
    color: #fff;
}

.padding {
    padding: 10px;
    overflow: auto;
}

.h20 {
    height: 20px;
}

.mostrar {
    /*  Ocult inicialment per mostrar-ho via JS */
    display: none;
}
.ocult {
    display: none;
}

.zonaimatge, .zonaimatge img {
    margin: 0px;
    padding: 0px;
}

.w350 {
    width: 350px;
}

/* estructura */

#contingut {
    width: 800px;
    margin: 0px auto;
}

#cap {
    margin-top: 7px;
    border-bottom: 2px solid #999999;
}
#cap .logo {
    float: left;
}

#cap .clear {
    border-bottom: 1px solid #999999;
    margin-bottom: 2px;
}

#cap .menu {
    margin-top: 10px;

    float: right;
}
#cap .menu a {
    color: #999999;
}
#cap .menu a:hover {
    color: #fff;
}
#cap .menu .actiu {
    font-weight: bold;
    color: #fff;
}

#cos{
    margin: 2px 0px;
}



#peu {
    height: 39px;
    text-align: center;
    border-bottom: 1px solid #999999;
    border-top: 2px solid #999999;
}
#peu .fesquerra a { color: #fff; }
#peu .fdreta a { color: #999999; }
#peu .fdreta a:hover { color: #fff; }


#peu .clear {
    border-bottom: 2px solid #999999;
    margin-bottom: 2px;
}
#peu .fdreta {
    font-size: 9px;
}

#zona_destacats {
    margin-top: 2px;
    height: 360px;
}

table.seccions {
    width: 100%;
    border: 0px;
    
    border-collapse:collapse;
    
    padding:0;
}


	table.seccions td {
	border-collapse:collapse;
	padding:0;
	vertical-align:top;
	text-align:left;
	}

	table.seccions .esquerra {
    width: 199px; 
    vertical-align: top;
    background-color: #141414;
	border-collapse:collapse;
	}
	
	table.seccions .dreta {
	   border-collapse: collapse;
            padding:0px 0px 0px 2px;
	}
	


/*

===== nous estils menu =====

*/



ul.menu { /* llista principal */

margin: 21px 0 0 0;

padding:0;

list-style:none;

border-top: 1px solid #000;

}



ul.menu li, ul.menu li ul { /* les llistes aniuades sense marges ni paddings */

margin:0;

padding:0;

list-style:none;

}





/* comportament dels vincles */



ul.menu a { /* vincles de tots els nivells */

display: block;

padding: 3px 5px 3px 15px;

background: transparent url(../images/flecha_menu_off.jpg) no-repeat 2px 4px;

color: #999999;

border-bottom: 1px solid #000;

height:1%;

}



	ul.menu li a:hover, ul.menu li a.seleccionat { /* vincles de tots els nivells (en estat hover i seleccionat) */

	background-color:#2E2E2E;

	background-image:url(../images/flecha_menu_over.jpg);

	color:white;

	}

	

	ul.menu ul li a { /* vincles de segon nivell */

	padding-left:30px;

	background-position:17px  4px;

	}

	

		ul.menu ul ul li a { /* vincles de tercer nivell */

		padding-left:45px;

		background-position:32px  4px;

		background-image:none !important;

		}

	

	/* vincles d'una llista desplegada */

	ul.menu li a.desplegat {background-image:url(../images/flecha_menu_on.jpg)}

	

	



/*

===== final nous estils menu =====

*/

.nom_producte_flotant {
    position: absolute;
    left: 17px;
    top: 14px;
    color: #fff;
    font-size: 20px;
    z-index: 100;
}


.titol_seccio {
    color: #ddd;
    font-size: 19px;
    margin-bottom: 15px;
    display: block;
}

.titol_flotant {
    text-align: right;
    position: absolute;
    right: 20px;
    top: 15px;
    color: #ddd;
    font-size: 20px;
    z-index: 100;
}

.titol_flotant img {
    margin-top: 5px;
    border: 1px solid #fff;
}

.imatge_de_producte {
    display: none;
    cursor: pointer;
}

.llistagammes div.bloc {
    text-align: center;
    float: left;
    width: 120px;
    margin: 10px;
    height: 120px;
}

.llistagammes a {
    color: #fff;
}

.llistagammes div.bloc a.nom {
    display: block;
    color: #999999;
    clear: both;
    margin-top: 5px;
}
.llistagammes div.bloc a.nom:hover, .llistagammes div.bloc:hover a.nom {
    color: #fff;
}


.llistagammes div.bloc div.imatge {
    width: 120px;
}

table.seccions .dreta {
    vertical-align: top;
    width: 598px;
}

table.seccions .linia {
    height: 4px;
    line-height: 2px;
    background: #999999;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}






ul.menuinferior {
        margin-top: 18px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;	
	border-top: 1px solid #000;
}
ul.menuinferior li {
	border-bottom: 1px solid #000;
	height: 18px;
}
ul.menuinferior a {
	display: block;
	padding: 1px 0px 0px 15px;
	height: 17px;
	color: #999999;
}


ul.menuinferior li:hover a , ul.menuinferior li.activa a {
	color: #fff;
}

ul.menuinferior li:hover , ul.menuinferior li.activa {
	background: #2e2e2e;
}
	













/*  la resta */


.contenidor_previes { 
    background-color: #141414;
    width: 228px; 
    margin: 180px auto 10px;
    overflow: hidden;    
    font-size: 12px;
}
.contenidor_previes .logo {
    margin-top: 10px;
}
.contenidor_previes .idiomes { 
    width: 100px;
}
.previes_marca {
    text-align: center;
    margin-top: 20px;
}
.previes_marca a {
    color: #fff;
}
.previes_marca a img {
    border: 0px;
}
.previes_apunt {
    text-align: center;
    width: 290px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin: 40px auto;
}
.previes_peudepagina {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
}

.brd_top {
    background: transparent url('../images/esquina_arriba_izq.gif') no-repeat top left;
    width: 100%;
    height: 6px;
}
.brd_top div {
    background: transparent url('../images/esquina_arriba_der.gif') no-repeat top right;
    width: 100%;
    height: 6px;
}

.brd_bottom {
    background: transparent url('../images/esquina_abajo_izq.gif') no-repeat top left;
    height:5px;
    overflow:hidden;
}

.brd_bottom div  {
    background: transparent url('../images/esquina_abajo_der.gif') no-repeat top right;
    height: 5px;
}

.boton:hover {
    background-image: url("../images/boton_on.png");
    background-position: top center;
    background-repeat: no-repeat;
    color: #000;
}

.boton {
    width: 84px;
    height: 15px;
    background-image: url("../images/boton_off.png");
    background-position: top center;
    background-repeat: no-repeat;
    margin-left: 1px;
    margin-right: 2px;
    padding-left: 15px;
    float: left;
    margin-bottom: 3px;
}

.boton:hover a { color: #000;
}
.boton a {
    color: #999999;
}

#frm_contacto label {
    float: left;
    width: 95px;
}
#frm_contacto .clear {
    height: 10px;
}
#frm_contacto input , #frm_contacto select { 
        float: left;
        width: 170px;
        margin-right: 15px;
        
	font-family: Verdana; 
	font-size: 11px; 
	color: #FFF; 
	background-color: #141414; 
	border: 1px solid #2E2E2E; 
}
#frm_contacto textarea { 
        float: left;
        width: 450px;
        height: 100px;
	font-family: Verdana; 
	font-size: 11px; 
	color: #FFF; 
	background-color: #141414; 
	border: 1px solid #2e2e2e; 
}

#frm_contacto .caixaerrors {
    width: 270px;
    text-align: center;
    color: #970000;
    font-weight: bold;
    float: left;
}
#frm_contacto .error {
    background: #4C3434;
    border: 1px solid #970000;
}

#frm_contacto .boto {
    float: right;
    width: 100px;
}


#mapa {
    color: #fff;
    float: right;
    width: 330px;
}
#mapa a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

#llistat {
    width: 230px;
    float: left;
    padding-top: 5px;
    color: #fff;
}
#llistat .capsa {
    width: 250px;
    height: 220px;
    overflow: auto;
}

#llistat .titol {
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font-weight: bold;
}
#llistat .entrada {
    margin: 5px 0px 10px 0px;
}
#llistat .entrada .persona, #llistat .entrada .nom {
    font-weight: bold;
    font-size: 12px;
}

#llistat .entrada .poblacio , #llistat .entrada .cp {
    display: inline;
}



.premsa_arxiu {
    width: 190px;
    float: left;
}


.premsa_anterior {
    margin-bottom: 20px;
    margin-top: 5px;
    overflow: visible;
}
.premsa_anterior img {
    float: left;
    margin-left: 5px;
    border: 1px solid #999999;
}

.premsa_anterior .premsa_imatge  {
    float: left;
    margin-left: 5px;
    border: 1px solid #999999;
    width: 58px;
}
.premsa_anterior div {
    width: 112px;
    margin-right: 7px;
    float: right;
	display:inline;
}
.premsa_anterior a {
    color: #fff;
}

.premsa_imatge {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.premsa_titular {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}


.titulars {
    width: 196px;
    height: 60px;
    margin: 15px 4px 12px 0px;
    float: left;
}
.titulars img.premsa_imatge {
    float: left;
    border: 1px solid #999999;
    margin-right: 5px;
}
.titulars div.premsa_imatge {
    float: left;
    border: 2px solid #999999;
    width: 60px;
    margin-right: 5px;    
}
.titulars a {
    font-size: 10px;
    color: #999999;
}

.destacats {
    width: 198px;
    height: 42px;
    margin: 2px 2px 2px 0px;
    background-color: #141414;
    float: left;
    font-size: 17px;
    line-height: 15px;
    overflow: hidden;
}

.destacat_inactiu {
    background: #141414 url('../images/portada1.gif') no-repeat;
}

.destacat_actiu , .destacat_inactiu:hover {
    background: #141414 url('../images/portada2.gif') no-repeat;

}

.destacats .subtitular {
    font-size: 12px;
}

.destacats a {
    height: 36px;
    color: #999999;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 25px;
    display: block;
}

.destacat_actiu a , .destacats a:hover{
    color: #fff;
}


div.pregunta {
    margin-top: 10px;
}

div.pregunta a {
    color: #999999;
    font-weight: bold;
    /*
	comentat pel pep (13/6)
	font-size: 13px;
	*/
}

div.respostes {
    color: #fff;
    padding-left: 25px;
    margin-bottom: 15px;
}
/*
ul.descarregues {
    list-style-type: none;
    padding-left: 10px;
    margin-left: 25px;
}*/

.text14 {
    font-size: 14px;
}

/*
inici estils afegits 16/6 pel pep
- información del producto anirà amb taules
*/

table.informacio-producte {
border-collapse:collapse;
border-spacing:0;
width:591px;
}

table.informacio-producte td {
width:175px;
height:37px;
overflow:hidden;
border-collapse:collapse;
border-right:2px solid black;
border-bottom:2px solid black;
background-color:#141414;
vertical-align:middle;
text-align:right;
padding:0 10px;
}

	table.informacio-producte td:hover, table.informacio-producte td.cella-activa {
	background-color:#242424;
	}
	
	/* els vincles */
	table.informacio-producte td a {
	color:#AAAAAA;
	}
	
	table.informacio-producte td:hover a, table.informacio-producte td.cella-activa a {
	color:#ffffff;
	}

/*
final estils afegits 16/6 pel pep
*/


.info_nom {
    display: block;
    width: 185px;
    height: 37px;
    padding-right: 10px;
    line-height: 36px;
    margin: 1px;
    float: left;
    text-align: right;
    overflow: hidden;
}
.info_nom_inactiu {
    background-color: #141414;
    color: #aaa;
}

.info_nom_actiu, .info_nom:hover {
    background-color: #242424;
    color: #fff;
}


.info_icona {
    display: block;
    width: 180px;
    height: 50px;
    padding-right: 10px;
    margin: 1px;
    float: left;
    overflow: hidden;
}
.info_icona img {
    float: left;
    margin-right: 10px;
}
.info_icona_inactiu {
    color: #aaa;
}

.info_icona_actiu, .info_icona:hover {
    color: #fff;
}


.info_accessori {
    display: block;
    width: 270px;
    height: 65px;
    padding-right: 10px;
    margin: 1px;
    float: left;
    overflow: hidden;
}
.info_accessori img {
    float: left;
    margin-right: 10px;
}
.info_accessori_inactiu {
    color: #aaa;
}

.info_accessori_actiu, .info_accessori:hover {
    color: #fff;
}



form.formulari_cercador input, form.formulari_cercador select {
    margin-bottom: 5px;
    background-color: #141414;
    border: 1px solid #fff;
    color: #fff;
}

form.formulari_cercador .llarg {
    /*
	comentat pel pep (13/6)
	width: 100%; 
	*/
}

form.formulari_cercador #camps_avancats select {
    width: 266px;
}

form.formulari_cercador .llarguet {
    width: 80%;
}







div#caixa_descarregues {
    width: 200px;
    float: right;
    color: #DDDDDD;
}

div#caixa_descarregues .loading {
    margin-top: 15px;
    margin-right: 10px;
    float: right;
}

div#caixa_descarregues ul.interior {
    list-style-type: none;
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin-top: 10px;
}



a#mnu_tornar {
    margin-right: 7px;
}
a#mnu_tornar .img {
    width: 11px;
    display: inline-block;
    background: transparent url('../images/flecha_menu_off_b.jpg') no-repeat left center;
    margin-right: 4px;
}
li:hover a#mnu_tornar .img {
    background: transparent url('../images/flecha_menu_over_b.jpg') no-repeat left;
}