/* --------------------------- ESTILS GENERALS ----------------------------- */
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #211f20 url(../media/image/fons.jpg) no-repeat center top;
	color: #AAA;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

a.pn {
	 font-weight: bold;
}
a.pn:hover span.platanos  {
	color: #FF7300;
}
a.pn:hover span.naranjas  {
	color: #fff;
}

a {
  text-decoration: none;
  color: #AAA;
}
.content a {
  text-decoration: underline;
  color: #0078a2;
}

a img {
  border: 0;
}

ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.menu_h > li {
  display: inline;
  float: left;
  padding: 0;
}

ul.menu > li > a {
  display: block;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
}
h2{
	color:#0078a2;
	/*text-transform:uppercase;*/
	font-size:15px;
}
p {
  margin: 0 0 1em 0;
}

/* -------------------------- FI ESTILS GENERALS --------------------------- */

/* -------------------------- LAYOUT GENERAL     --------------------------- */
.area_top {
  background: transparent url(../media/image/fons_top.gif) repeat-x 0 0;
}

  .area_top .screen_top {
    position: relative;
    width: 800px;
    height: 142px;
    margin: 0 auto;
/*
    background-color: yellow;
    opacity: 0.5;
    */
  }

.area_cen {
}

.area_peu {
  padding: 5px 0 10em;
  border-top: 1px solid #6a6869;
  text-align: center;
  /* prova david */
  margin-top: 20px;
}
  
/* CORTINA */
#cortina { /* Per tapar la pagina mentre es carrega */
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
	background-color: #FFF;
}

/* -------------------------- FI LAYOUT GENERAL  --------------------------- */

/* -------------------------- AREA TOP ------------------------------------- */
.barra_sup {
}

  ul#menu_idiomes {
    position: relative;
  }
  
    ul#menu_idiomes li {
    }
    
    ul#menu_idiomes li:hover ul {
      display: block;
    }
  
    ul#menu_idiomes > li > a {
      padding: 4px 15px 4px 0;
      background: transparent url(../media/image/triangle_fonsclar.gif) no-repeat right 8px;
      color: #0178a2;
      font-weight: bold;
    }
  
    ul#menu_idiomes ul {
      display: none;
      position: absolute;
      top: 20px;
      left: 0;
		z-index: 10;
      background-color: #333132;
    }
    
      ul#menu_idiomes ul a {
        padding: 2px 40px 1px 10px;
        border-left: 5px solid #3d3c3a;
        font-size: 10px;
      }
    
      ul#menu_idiomes ul a:hover {
        border-left: 5px solid #FFF;
        background-color: #FFF;
        color: #999;
      }
		
		ul#menu_idiomes ul li.last a {
		  border-left: 5px solid #000;
        background-color: #000;
		  padding: 0;
		  height: 5px;
      }
  
  ul#menu_sup {
    float: right;
    padding: 4px 0;
  }
  
    ul#menu_sup li {
    }
    
    ul#menu_sup a {
      padding: 0 8px;
      border-left: 1px solid #AAA;
    }
  
  a.lifestyle {
    position: absolute;
    top: 12px;
    right: 0;
  }
  
    a.lifestyle img {
      display: block;
    }
    
  ul#menu {
    position: absolute;
    top: 46px;
    left: 0;
  }
  
    ul#menu > li {
      width: 155px;
      position: relative;
    }
  
    ul#menu > li.sel > a, ul#menu > li:hover > a {
      padding-right: 15px;
      background: transparent url(../media/image/triangle_fonsfosc.gif) no-repeat right 6px;
    }
  
    ul#menu > li > a {
      display: inline;
      color: #555;
      font-size: 15px;
    }
    
    /* COMENTAR PER DESACTIVAR MENU AUTO 
    ul#menu li.sel ul, ul#menu li:hover ul {
      display: block;
    }
     FINS AQUI */
    
    ul#menu ul {
    /* COMENTAR PER DESACTIVAR MENU AUTO 
      display: none;
     FINS AQUI */
      position: absolute;
      top: 18px;
      left: 0;
      width: 155px;
      background-color: #333132;
    }
    
      ul#menu ul a, ul#menu ul li.nohover a:hover {
        padding: 3px 0 2px 10px;
        background-color: transparent;
        border-left: 5px solid #3d3c3a;
        font-size: 10px;
        text-transform:uppercase;
      }
    
      ul#menu ul li.sel a, ul#menu ul a:hover {
/*
        border-left: 5px solid #FFF;
        background-color: #FFF;
        color: #999;
*/
        border-left: 5px solid #076986;
        background-color: #076986;
        color: #fff;

      }
      
.carrito_top {
position: absolute;
top: 142px;
left: 696px;
}

.carrito_top img {
	vertical-align:middle;
}

/* -------------------------- FI AREA TOP ---------------------------------- */

/* -------------------------- AREA CEN ------------------------------------- */
.center_main {
	width: 1000px;
	margin: 0 auto;
}
	.center_main {
		background-repeat: no-repeat;
		background-position: right 40px;
		background-color: transparent;
		/*background: transparent no-repeat right 40px;*/
	}
	.cataleg.center_main{
		background-image:none;
	}

	.cistella.center_main{
		background-image:none;
	}
	
  .center_main a.titol_bubel {
  	}
  
    .center_main a.titol_bubel img {
    }

  .center_main .content {
    min-height: 310px;
    margin: 45px 80px 100px 80px;
    padding-bottom: 8px;
    font-size: 12px;
    width: 400px;
    /*margin-top: 45px;*/
  }
  
  .center_main.cataleg .content, .center_main.cistella .content,
  .center_main.lifestyle .content,.center_main.intranet .content  {
	width:800px;
	margin: 0 100px;
  }

.center_main.intranet .content  {
	margin-top:  15px;
	border-top: 1px solid #6a6869;
}
  
/* CONCEPTO */
.content.concepto {
	width: 800px;
}

.content.concepto p {
	width: 400px;
}

/* HOME */
.content.home {
	width: 800px;
}

.content.home p {
	width: 350px;
}

/* PROPIETATS */
.content.propietats{
	width: 800px;
}

.content.propietats .text_propietats {
	width: 400px;
}

/* CONTACTAR */
.content.Contactar{
	width: 700px;
}

.content.Contactar .address {
	float: left;
	width: 300px;
}
.content.Contactar .mapa {
	float: right;
}

  /* CATALEG */
.cataleg .carrito {
	color: #fff;
}
.cataleg .separador {
clear: both;
height: 2px;
border-top: 1px solid #474445;
border-left: 11px solid #474445;
}

.cataleg .graella {
float: left;
width: 100%;
margin-left: 0px;  
margin-top: 30px;  
}

.cataleg .graella .numeracio {
  float: right;
  margin-bottom: 8px;
  font-size: 10px;
}

  .cataleg .graella .numeracio img {
    padding: 0 4px;
    vertical-align: middle;
  }
  
/** ------ llistat de productes d'una familia ----- */
.cataleg .graella .tovalloles ul#list_tovalloles {
  margin-top: 7px;	
}
.cataleg .graella .tovalloles ul#list_tovalloles li {
  margin-right: 9px;
  text-align: center;

}
.cataleg .graella .tovalloles ul#list_tovalloles li a {
  padding: 3px;
}

.cataleg .graella .tovalloles ul#list_tovalloles li a:hover {
  background-color: #FFF;
}

.cataleg .graella .tovalloles ul#list_tovalloles li p {
  color: #0078a2;
  font-size: 12px;
  font-weight: bold;
}

.cataleg .graella .tovalloles ul#list_tovalloles li span {
  color: #fff;
  font-size: 10px;
}

/*
.cataleg .graella .tovalloles ul#list_tovalloles li a img {
  display: block;
}
*/

.cataleg .fitxa {
width: 180px;
float:left;
margin-left: 152px;
} 

.cataleg .fitxa h2 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

.cataleg .fitxa p {
  margin: 0;
}

.cataleg .fitxa a.tova_gran img {
  display: block;
  margin: 8px 0;
}

.cataleg .fitxa a.anadir_carrito {
  display: block;
  padding: 6px 0 8px 32px;
  margin-top: 5px;
  background: url(/public/media/image/comprar-trans.png) no-repeat 0 0;
  color: #fff;
  cursor:pointer;
}

.cataleg div#fotogran {
	float: left;
	width: 185px;
}

.cataleg div#tornar {
	float: left;
	/*padding-top: 320px;*/
	width: 60px;
	margin-left: 50px;
	padding-top: 330px;
	
}

/* ------ menu categories -------- */
/*
.cataleg .barramenu {
	width: 130px;
	float:left;
}

.cataleg .barramenu ul.menu_categ {
	list-style:none;
	margin: 0;
	padding: 0;
}

.cataleg .barramenu  ul.menu_categ li.supercateg {
	background-color: #7e7c7d;
	padding: 1px 6px;
	margin: 2px 0;
	font-weight: bold;
	color: #fff;
}

.cataleg .barramenu ul.menu_categ li.subcateg {
	background-color: #474644;
	margin: 4px 0;
	padding: 0;
	text-transform: uppercase;
}

.cataleg .barramenu ul.menu_categ li.subcateg a {
	padding: 1px 1px 1px 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
}

.cataleg .barramenu ul.menu_categ li.subcateg a:hover, .cataleg .barramenu ul.menu_categ li.subcateg a.selected {
	background-color: #0078a2;
}
*/

.cataleg .mini_caracteristiques{
font-size: 10px;
width:200px;
}

/* --- cataleg menu temporades ---*/
.cataleg .cont_menu_temporada ul#menu_cat_temporada li {
	padding-right: 35px;
}

.cataleg .cont_menu_temporada ul#menu_cat_temporada li a {
	color:#0078a2;
	font-size:15px;
	font-weight: bold;
	text-decoration: none;
}

.cataleg .cont_menu_temporada ul#menu_cat_temporada li a.selected {
	color:#fff;
}

/* --- cataleg menu families ---- */
.cataleg .cont_menu_families ul#menu_cat_familia li {
	padding-right: 15px;
}

.cataleg .cont_menu_families ul#menu_cat_familia li a {
	color:#0078a2;
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
}

.cataleg .cont_menu_families ul#menu_cat_familia li a.selected {
	color:#fff;
}

/* ------------------------ CISTELLA DE LA COMPRA ------------------------------------ */

.cistella .separador {
margin-bottom: 5px;
}

.cistella h3 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  color:#0078a2;
}

.cistella p {
margin: 0 0 3px;
}

.cistella table {
width: 585px;
margin-bottom: 20px;
color: #DDD;
}

.cistella table a {
  color: #DDD;
}

.cistella table th {
  font-weight: normal;
  padding-bottom: 2px;
}

.cistella table td {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-collapse: collapse;
  text-align: center;
  vertical-align: center;
}

.cistella table td.item {
  padding: 7px;
  border-left: 1px solid #FFF;
  text-align: left;
  vertical-align: top;
}

.cistella table td.item img {
  float: left;
}

.cistella table td.item div {
  margin-left: 62px;
}

.cistella table td.item p.preu span {
  font-size: 14px;
  font-weight: bold;
}

.cistella table td img.mes,
.cistella table td img.menys {
  vertical-align: middle;
}

.cistella table td img.mes {
  margin-left: 10px;
}

.cistella table td img.menys {
  margin-right: 10px;
}

.cistella table td.unitats,
.cistella table td.preu,
.cistella table p {
  font-size: 12px;
  font-weight: bold;
}
.cistella table p.preu_total {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
}

.cistella table tr.ultima td {
  padding: 6px 0 2px;
  border: none;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

.cistella table tr.ultima td p {
  text-align: right;
}

.cistella table tr.ultima td.labels {
  font-weight: bold;
  text-align: right;
}

a.volver {
  float: left;
  margin-left: 6px;
  padding: 1px 6px;
  background-color: #076986;
  color: #DDD;
  text-align: center;
  text-decoration: none;
}

.cistella a.comprar {
  float: right;
  width: 120px;
  margin-left: 6px;
  padding: 1px 0;
  background-color: #076986;
  color: #DDD;
  text-align: center;
  text-decoration: none;
}

/* ------------------------  PROCES DE COMPRA ------------------------ */
.compra .separador {
	margin-bottom: 3px;
}

.compra p {
	margin: 0 0 3px;
}

ul#compra {
	height: 25px;
	margin-left: 31px;
}

ul#compra li {
	margin-right: 5px;
	padding: 1px 10px;
	background-color: #484647;
	color: #DDD;
}

ul#compra li.sel {
	background-color: #076986;
}

form#datos_envio {
clear: both;
width: 574px;
margin: 0 0 30px 40px;
padding: 0;
color: #DDD;
}

form#datos_envio .text {
  margin-bottom: 25px;
}

form#datos_envio label {
  float: left;
  width: 95px;
  padding-top: 2px;
}

form#datos_envio label.textarea {
  clear: left;
  padding: 8px 0 6px;
}

form#datos_envio input, form#datos_envio select {
  float: left;
  width: 180px;
  height: 16px;
  margin: 0 12px 7px 0;
  border: none;
  background-color: #CACACA
}

form#datos_envio select {
  height: 20px;
}

form#datos_envio input.llarg {
  width: 467px;
}

form#datos_envio textarea {
  width: 562px;
  height: 75px;
  border: none;
  background-color: #CACACA;
}
    
 a.continuar  {
      float: left;
      margin-left: 6px;
      padding: 1px 6px;
      background-color: #076986;
      color: #DDD;
      text-align: center;
    }

.confirmacio {
margin-left: 0px;
color: #EEE;
width: 550px;
}

.confirmacio p {
margin-bottom: 8px;
}

.confirmacio p.intro {
margin-bottom: 30px;
}

table.confirmacio {
width: 550px;
margin-top: 10px;
}

table.confirmacio th {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  padding: 4px 0;
}

table.confirmacio th.primer {
  text-align: left;
  padding-left: 6px;
  border-left: 1px solid #FFF;
}

table.confirmacio tr.post_ultima td {
  padding: 6px 0 2px;
  border: none;
}

table.confirmacio tr.ultima td.labels,
table.confirmacio tr.post_ultima td.labels {
  font-weight: normal;
  text-align: right;
}

.pago {
margin-left: 31px;
padding: 30px 0 95px;
color: #DDD;
}

.pago p {
  margin-bottom: 6px;
}

.pago a {
  display: block;
  width: 549px;
  margin-top: 30px;
  padding: 12px 0;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

  .pago a img {
    display: block;
  }

.final {
margin: 50px 0 0 31px;
padding: 0 0 225px 54px;
background: transparent url(../media/image/final.jpg) no-repeat 0 0;
color: #DDD;
}

.final p {
  margin-bottom: 6px;
}

/* ------------------------	DEALER ----------------------- */
.content.dealer_locator {
	width: 800px;
}
ul.dealer_list li {
	margin-bottom:10px;
}

form#search_dealer {
  width: 330px;
  margin-bottom:15px;
}

form#search_dealer label {
   float: left;
  width: 95px;
  padding-top: 2px;
}

form#search_dealer select {
  width: 180px;
  
  margin: 0 12px 7px 0;
  border: none;
  background-color: #CACACA;
  clear: right;
}

/* ------------------------	INTRANET ----------------------- */
/* ---- PANTALLA LOGIN ---- */

.intr_login, .intr_newcommand, .intr_welcome, .intr_changepwd {
	background: transparent url(../media/image/bgintranet-trans.png) repeat top left;
	padding: 18px;
}

.intr_login {
	width: 700px;
}

.intr_login h3 {
	color: #fff;
	font-weight: bold;
}

.intr_login .lefttext {
	float:left;
	width: 250px;
	padding: 0 10px 10px 10px;
}

.intr_login .rightform {
	float: left;
	width: 400px;
}

.intr_login .intr_reg_error {
	color: #F00;
	background-color: #fff;
	margin: 15px 0 15px 25px;
	padding: 4px 10px;
}

.intr_login .intr_reg_msg {
	color: #0078A2;
	font-weight: bold;
	background-color: #fff;
	margin: 15px 0 15px 5px;
	padding: 4px 10px;
}

.intr_login label, .intr_changepwd label {
	float: left;
	width:150px;
	color: #fff;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
	margin-bottom: 2px;
	display: block;
}

.intr_login input, .intr_changepwd input {
  float: left;
  width: 200px;
  height: 18px;
  margin: 0 12px 7px 0;
  border: none;
  background-color: #CACACA
}

.intr_login input.submit, .intr_changepwd input.submit {
  float: left;
  width: auto;
  height: 18px;
  margin: 0 12px 7px 0;
  border: none;
  color: #fff;
  background-color: #0078A2;
}

/* ---- OPTIONS ---- */
.intr_options {
	/*padding-left: 6px;
	width: 700px; */
}

.intr_options .menu.menu_h.menu_intranet li {
	background-color: #fff;
	margin-right: 8px;
	padding: 6px 16px;
}

.intr_options .menu.menu_h.menu_intranet li.selected {
	background-color: #0078A2;
}

.intr_options .menu.menu_h.menu_intranet li.selected a{
	color: #fff;
}

.intr_options .welcome {
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 5px;
}

/* ---- WELCOME INTRANET ---- */
.intr_welcome {
	padding: 40px 50px;
}

/* ----- NOVA COMANDA ---- */
.intr_newcommand {
	padding-top: 20px;
	padding-right: 25px;
}

.intr_newcommand .nc_info {
	float:left;
	width: 200px;
	padding: 5px;
}

.intr_newcommand .nc_info h3{
	color: #fff;
	font-weight: bold;
}

.intr_newcommand .nc_conttable {
	float: left;
	width: 520px;
}


.intr_newcommand table {
	border-collapse: collapse;
}

.intr_newcommand table a{
	font-size: 110%;
}

.intr_newcommand table td {
	border: 1px solid #fff;
	padding: 2px;
}

.intr_newcommand table th {
	text-align: left;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}


.intr_newcommand table td.item img {
  float: left;
}

.intr_newcommand table td.item div {
  margin-left: 30px;
}

.intr_newcommand table td.ar {
	text-align: right;
}

.intr_newcommand table tr.foot {
	font-weight: bold;
	color: #fff;
}

.intr_newcommand table tr.foot td {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px #fff dotted;
	padding: 5px 2px;
}


.intr_newcommand input, .intr_newcommand select {
/*  height: 16px; */
  border: none;
  background-color: #CACACA
}

.intr_newcommand input.submit {
	width: auto;
	height: 18px;
	margin: 0 12px 7px 0;
	border: none;
	color: #fff;
	background-color: #0078A2;
}

div#okmessage {
	background-color:#fff;
	color:#0078A2;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding: 5px 5px 1px 5px;
}






/* -------------------------- FI AREA CEN ---------------------------------- */

/* -------------------------- AREA PEU ------------------------------------- */


/* -------------------------- FI AREA PEU ---------------------------------- */