@charset "utf-8";
/* CSS Document */
/* CSS PER A MADERAS NAVARRA BRICOLAGE  */
/* ESTILS DE LA HOME - DISENY GENERAL ////////////////////////////////////////////////  */
/* Miriam Sánchez */
body{
	background-color:#FFFFFF;
	color:#333333;
	/* color: #262425; o el 999999 */
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
}
a{
	text-decoration:none;
	/* color: #999999; color indicado en la gráfica*/
	color: #707070;
}
a:hover{
	text-decoration:none;
	color: #152f4c;
}
a .negreta:hover{
	text-decoration:none;
	color: #152f4c;
	font-weight:bold;
}
#global{
	margin: 0px;
	padding: 0px;
}
#general{
	width: 950px;
	height: 100%;
	margin: 0 auto;
        margin-top: 0px;
	text-align: left;
}
#cap{
	text-decoration: none;
	width: 953px;
	height: 91px;
}
#logo{
	position: absolute;
	top: 20px;
	left: 42px;
	width: 50px;
	height: 20px;
}
#menuH{
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	color: #707070;
	position:absolute;
	top: 58px;
	left: 144px;
	width: 400px;
	height:auto;
}
#Dreta{
	position:relative;
	float:right;
	margin-right: 10px;
	font-size: 1.0em;
	text-align: left;
	color: #707070;
}
#login{
	position:relative;
	top: -10px;
	text-align: right;
}
.sessioUsuari{
	font-size: 0.8em;
	color:#152f4c;
}
.tancarSessio{
	font-size: 0.8em;
	color:#152f4c;
}

#buscador{
	margin-bottom: 8px;
}
#busca{
	 background: white url(../img/lupa.jpg) no-repeat 1px;
	 background-position: right;
	 padding: 1px 15px 1px 1px;
	 border-width: thin;
	 border-bottom-color: #CCC;
	 width: 168px;
 }
#centralIndex{
	clear: both;
	position: relative;
	top: 17px;
	height: 100%;
}
#menu{
	float:left;
	width: 124px;
	color: #707070;
	text-align: left;
	font-size: 1.1em;
	z-index: 1;
	margin-left: -1px;
	margin-top: -2px;
}
#menuV{
	/*text-align: left;
	min-height: 285px;
	margin-left: 0px;*/

        position:relative;
	margin-top: -10px;
	text-align: left;
        min-height: 293px;
	z-index: 40;
}
#menu .menuN, #menu .menuNB{
	font-weight:bold;
	color:#152f4c;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;	
}
#menu .menuNB a{
	color:#152f4c;
}
#menu p{
	font-size: 0.85em;
	text-align: left;
	width: 100px;
}
#menu .llista{
	display: block;
	text-align: left;
	padding-bottom: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 6px;
}
#menu .llistaN{
	display: block;
	text-align: left;
	padding-bottom: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
	color:#152f4c;
	margin-left: 6px;
}
#menu .llistaN a{
	color:#152f4c;
}
#barraMenu{
	background-image: url(../img/barra_menu.jpg);
	background-repeat: repeat-x;
	width: 104px;
	height: 1px;
	margin: 0 auto;
}
#barraMenu2{
	background-image: url(../img/barra_menu.jpg);
	background-repeat: repeat-x;
	width: 104px;
	height: 1px;
	margin: 0 auto;
	/* margin-left: -5px; */
	/* margin-top: -6px; */
}
.titolGran{
	font-size: 1.25em; /* 1.41 equivale a unos 18px */
	font-weight:bold;
	text-align: left;
}
#slide{
	margin: auto;
	z-index: 1;
}

#bloc{
	width: 564px;
	height: 153px;;
	cursor:pointer;
	background-image: url(../img/bloc_allargat.png);
	background-repeat: no-repeat;
	z-index: 10;
	background-color:#FFF;
	margin-bottom: 4px;
}
#bloc:hover{
        background-image: url(../img/bloc_allargat_actiu.png);
}

#bloc1,#bloc2,#bloc3,#bloc4,#bloc5,#bloc6{
	width: 224px;
	height: 153px;;
	cursor:pointer;
        border: none;
	background-image:url(../img/bloc.png);
	background-repeat: no-repeat;
	z-index: 10;
}
#bloc1{
	margin-bottom: 15px;
}
#bloc3{
	float: left;
	margin-left: 18px;
}
#bloc4{
	float: left;
	margin-left: 18px;
}
#bloc5{
	float: left;
	margin-left: 18px;
}
#bloc6{
	float: left;
	margin-left: 0px;
	z-index: 0;
}
#bloc1:hover,#bloc2:hover,#bloc3:hover,#bloc4:hover,#bloc5:hover,#bloc6:hover{
	background-image: url(../img/bloc_actiu.png);
}
/* CONTINGUT DINS DE LES CAIXES //////////////////////////////// */
/*   video del bloc 1 //////////// */
#video{
	position: absolute;
	left: 1px;
	top: 0px;
	z-index: 1;
}
#video img{
	width: 220px;
	height: 150px;
}
#boto_video{
	position: absolute;
	top: 54px;
	left: 73px;
	width: 72px;
	height: 38px;
	background-image:url(../img/boto_video_off.png);
	background-repeat: no-repeat;
	margin-bottom: -38px;
	z-index: 5;
}
.contingut_bloc{
	position: relative;
	left: 2px;
	top: 0px;
	z-index: 0;
	padding: 15px 8px 15px 8px;
	text-align:left;
	height: auto;
	display: block;
}
#textBloc{
	float: left;
	width: 84px;
	height: 15px;
	margin-top: -14px;
	margin-left: 2px;
}
#textBloc .titol{
	font-size: 0.92em;
	font-weight:bold;
	color: #152f4c;
}
#textBloc .titol a{
	color: #152f4c;
}
#textBloc .descripcio{
	font-size: 0.75em;
	color: #707070;
	text-align: left;
}
#imatge{
	float:left;
	position:relative;
	top: -3px;
	left: 5px;
	width: 122px;
	height: 132px;
	text-align: center;
	background-color:#FFF;
}
/* FI CONTINGUT DINS DE LES CAIXES ///////////////////////////// */

#peu{
	margin:auto;
	padding: 0px;
	padding-top: 0px;
	margin-top: 20px;
	text-align: left;
}
#peu #rss{
	float: left;
	width:28px;
	height:28px;
	/*
	Author of the RSS image:
	Zeusbox Studio • http://www.zeusboxstudio.com
	License:
	Attribution-No Derivative Works 3.0 Unported
	See this page for more info: 
	http://creativecommons.org/licenses/by-nd/3.0/deed.en_GB
	*/
	background-image:url(../img/RSS.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
}
#peu #rss:hover{
	background-image:url(../img/RSS2.jpg);
}
#peu #linkspeu{
	position: relative;
	float: left;
	width:90%;
	left: 20px;
	top: 8px;
	font-size: 0.85em;
}

.text_blau{
	color: #152f4c;
}
#idiomes{ /* pendent */
	float:left;
}
/*  MISSATGEAS D'ERROR ///////////////////////////////////////////////// */
.error{
	color: #F00;
	font-size: 14px;
}

/* REGISTRE DE NOUS USUARIS ///////////////////////// */
#formLogin table, #formRegistro table{
	margin: auto;
	color: #707070;
}
.avis{
	color: #152f4c;
	font-size: 0.9em;
}
#botons{
	background-color: transparent;
	text-align:center;
}
.bt_enviar{
	background-color: transparent;
	background-image: url(../img/boto.jpg);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	width: 75px;
	height: 19px;
	border: none;
	color:#152f4c;
	/*font-size: small;*/
}
.bt_borrar{
	background-color: transparent;
	background-image: url(../img/boto.jpg);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	width: 75px;
	height: 19px;
	border: none;
	color:#152f4c;
	/*font-size: small;*/
}
.bt_enviar:hover,.bt_borrar:hover{
	background-image: url(../img/boto_on.jpg);
}
#contingut .mini{
	text-align:left;
	font-size: 0.75em;
}

#tel,#email{
	width:200px; /* 554-115 = 439px */
	border:1px solid #CCCCCC;
}
#nom,#cognoms,#poblacio,#empresa{
	width:439px; /* 554-115 = 439px */
	border:1px solid #CCCCCC;
	text-align: left;
}
/* CSS PER FER LES CAIXES ARRODONIDES ////////////////////////////////////////////////////////////// */
/*  BLOCS BLAUS */
.bloc_arrodonit, .bloc_arrodonitCap{
  background-color: #e6eaed;
  border: 1px solid #cfd0d2;
  position: relative;
  margin: 0 auto;
  width: inherit;
  height: auto;  /* en comptes de inherit. És millor auto en IE */
}
.bloc_arrodonit > .tl, .bloc_arrodonit > .tr, .bloc_arrodonit > .bl, .bloc_arrodonit > .br, .bloc_arrodonitCap > .tl, .bloc_arrodonitCap > .tr, .bloc_arrodonitCap > .bl, .bloc_arrodonitCap > .br{
  width: 15px;;
  height: 15px;;
  position: absolute;
}
.bloc_arrodonit > .tl, .bloc_arrodonitCap > .tl{
  background: url(../img/esqCap.jpg) top left no-repeat;
  top: -1px;
  left: -1px;
}
.bloc_arrodonit > .tr, .bloc_arrodonitCap > .tr{
  background: url(../img/dreCap.jpg) top right no-repeat;
  top: -1px;
  right: -1px;
}
.bloc_arrodonit > .br, .bloc_arrodonitCap > .br{
  background: url(../img/drePeu.jpg) bottom right no-repeat;
  bottom: -1px;
  right: -1px;
}
.bloc_arrodonit > .contingut_block, .bloc_arrodonitCap > .contingut_block{
	padding: 15px 8px 15px 8px;
	text-align:center;
	height: auto;
}
/* esq peu per al menú superior, que el té arrodonit */
.bloc_arrodonitCap > .bl{
  background:url(../img/rodo_esqPeu.jpg) bottom left no-repeat;
  bottom: -1px;
  left: -1px;
}

/*  BLOCS BLANCS */
.bloc_arrodonit_blanc{
	background-color: #FFF;
	border: 1px solid #cfd0d2;
	position: relative;
	margin: 0 auto;
    width: inherit;
	height: auto;
}
.bloc_arrodonit_blanc_over{
	border: 1px solid #244057;
}
.bloc_arrodonit_blanc > .tl, .bloc_arrodonit_blanc > .tr, .bloc_arrodonit_blanc > .bl, .bloc_arrodonit_blanc > .br{
  width: 15px;;
  height: 15px;;
  position: absolute;
}
.bloc_arrodonit_blanc > .tl{
  position: absolute;
  background: url(../img/blanc_esqCap.png) top left no-repeat;
  top: -1px;
  left: -1px;
  z-index:4;
}
.bloc_arrodonit_blanc > .tr{
  position: absolute;
  background: url(../img/blanc_dreCap.png) top right no-repeat;
  top: -1px;
  right: -1px;
  z-index:4;
}
.bloc_arrodonit_blanc > .br{
  position: absolute;
  background: url(../img/blanc_drePeu.png) bottom right no-repeat;
  bottom: -1px;
  right: -1px;
  z-index:4;
}
.bloc_arrodonit_blanc > .contingut_block{
	position:relative;
	padding: 15px 8px 15px 8px;
	text-align:left;
	height: auto;
	cursor:pointer;
	z-index:1;
	background-color:#FFF;
}
/* FI DISSENY GENERAL CAIXES //////////////////////////////////// */

/* AJAX paginació */
#paginar{
	position:relative;
	top: 20px;
	width: inherit;
	font-size: 0.8em;
	font-weight: bold;
}
#bt_goFirst{
	float: left;
	display:block;
	width: 25px;
	cursor:pointer;
}
#bt_goPrev{
	float: left;
	display:block;
	width: 15px;
	cursor:pointer;
}
#pagines{
	float: left;
	display: block;
	width: 80px;
	text-align: center;
}
#bt_goNext{
	float: left;
	display:block;
	width: 15px;
	cursor:pointer;
}
#bt_goLast{
	float: left;
	display:block;
	width: 20px;
	cursor:pointer;
}
/* /////////////////////////////////////////////////// */

/*  ESTRUCTURA EN TAULES //////////////////////////////// */
#taula_central{
	height: 100px;
	vertical-align: top;
        margin-top: 5px;
	width: 959px;
}
#blocsLaterals{
	height: 100px;
	vertical-align: top;
	margin-top: -3px;
	margin-left: -5px;
}
#taula_inferior{
	height: 50px;
	margin-top: 15px;
        margin-left: -1px;
	vertical-align: top;
	width: auto;
}
.taula_estructural{
	border-collapse: collapse;
	text-align: center;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
.taula_estructural td{
	vertical-align: top;
}