html * { 
  margin: 0; 
  padding: 0; 
}

body {
  text-align:center;
  background-color: #eee4e2;
  font-family: Helvetica, "Tw Cen MT", "Century Gothic", arial, sans-serif;
  font-size: 0.8em;
}

img{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/* Fotos amb sombra */
.img-shadow {
  float:left;
  background: url(../imatges/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../imatges/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}


/* Titols */
h2{
  padding-top:0.6em;
  padding-bottom:0.6em;
  color: #a41c2f;  
  font-size: 1.2em;
  font-weight:bold;
}
h3{
  padding-top:0.6em;
  padding-bottom:0.6em;
  padding-left:180px;
  color: #a41c2f;  
  font-size: 1.2em;
  font-weight:bold;
}

/* Elements de formulari */
.textbox{
  width:20em;
}
.button{
  width:10em;
}


#pagina {
  /* Centrat */
  text-align:left;  
  margin:0 auto;
	padding-bottom:30px;
  width:760px;
}

/* menu superior */
#sidebar{
  text-align:left;
  padding-top:10px;
  padding-bottom:10px;
/*  background-color: #e1cbc9;*/
}
#sidebar a{
  padding-left: 15px;
  padding-right: 15px;
  letter-spacing: 0.5px;
  text-decoration:underline;
  border-right: 1px solid #a18586;
}
#sidebar a:link, #sidebar a:visited { 
    /*color: #4a191e;*/
    color: #882832;
    /*font-weight:bold;*/
} 
#sidebar a:hover, #sidebar a:active { 
    /*color: #882832;*/
    text-decoration:none;
    color: #882832;
} 


#contingut {
  background-color: #fff;
  padding:1px;
}



/* Elements contrets de les pàgines */
/* -------------------------------- */

/* Inici */
#inicif1{
  background-color: #a41c2f;
  height:255px;
}

#iniciq1{
  float:left;
  background-color: #a41c2f;
  width:165px;
  height:127px;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
}

#iniciq2{
  float:left;
  background-color: #a41c2f;
  width:165px;
  height:127px;
  border-right:1px solid #fff;
}

#iniciq3{
  float:right;
  background-color: #a41c2f;
  background-image:url(../imatges/iniciq3.jpg);
  width:592px;
  height:253px;
}
#iniciq3 img{
  margin:10px;
  float: right;
}


#inicif2{
  border-top:1px solid #fff;
  background-color: #f3e7c7;
  height:128px;
}
#iniciq4{
  float:left;
  background-color: #f3e7c7;
  background-image:url(../imatges/iniciq4.png);
  width:280px;
  height:128px;
  border-right:1px solid #fff;
}
#iniciq4 p{
padding-top:0.8em;
  font-family: Times, Helvetica, "Tw Cen MT", "Century Gothic", arial, sans-serif;
  font-size: 1.25em;
  text-align:center;
  line-height:1.5em;
  color: #5b461d;
  font-weight:bold;
}

#iniciq5{
  float:right;
  background-color: #f3e7c7;
  width:468px;
  height:128px;
}
#iniciq5 img{
float:right;
}
/* fi inici */


/* empresa */
#empresa{
  background-color: #f3e7c7;
}
#empresa p{
  font-size: 1em;
  line-height:1.6em;
  color: #5b461d;
  padding-bottom:1em;
  padding-right:10px;
}
#empresa #col1{
  width: 240px;
  height: 50em;
  background-image:url("../imatges/empresafons.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;  
  background-color: #a41c2f;
  float:left;
  border-right:1px solid #fff;
}
#empresa #top{
  background-color: #e9dab8;
  height:80px;
}
#empresa #top .titol{
  margin-top:49px;
  margin-left:10px;
  float:left;
}
#empresa #top .logo{
  float:right;
}
#empresa #col2{
  padding-left: 20px;
  width:490px;
  float:left;
}

#empresa #col2 p{
  text-align:justify;
}

/* fi empresa */


/* PRODUCTOS */
#productos{
  background-color: #f3e7c7;
}
#productos p{
  font-size: 0.8em;
  line-height:1.6em;
  color: #5b461d;
}
#productos #col1{
  width: 220px;
  height: auto;
  background-color: #a41c2f;
  float:left;
  border-right:1px solid #fff;
  overflow: auto;
  padding-top:1em;  
  font-size: 0.85em;
  font-weight: none;
  color: #e9dab8;
}

#productos #top{
  background-color: #e9dab8;
  height:80px;
}
#productos #top .titol{
  margin-top:49px;
  margin-left:10px;
  float:left;
}
#productos #top .logo{
  float:right;
}
#productos #col2{
  padding-left: 20px;
  width:508px;
  float:left;
  /*text-align:center;*/
}

#productos #col2 hr
{
	background-color:#e9dab8;
height:5px;
width:100%;
border:none;
float:right;		/* cambiar */
margin:10px 5px 20px 5px;
}

#productos .img-prod{
	width:155px;
  text-align:center;
	float:left;
}

#productos .img-prod img{
	border:1px solid #cea2a4;
}


#productos #taula_prod{
	width:320px;
	float:right;
}

/* TAULES */
#productos #taula_prod table{
	width:100%;
  background-color:#fff;
  text-align:center;
	border-top:1px solid #cea2a4;
	border-right:1px solid #cea2a4;
	border-bottom:1px solid #cea2a4;
  border-collapse:collapse;
  font-size:0.8em;
}

#productos #taula_prod
{
	padding-bottom:2em;
	color: #a41c2f;  
}

#productos #taula_prod table tr th{
  background-color:#f6ecec;
  border-left:1px solid #cea2a4;
}
#productos #taula_prod table tr.odd td{
  background-color:#f9f1f1;
}
#productos #taula_prod table td{
  border-top:1px solid #cea2a4;
  border-left:1px solid #cea2a4;
  padding:0.2em 0.5em;
  text-align:center;
}
#productos #taula_prod .peu_taula
{
	background-color:#f6ecec;
  border-top:1px solid #cea2a4;
	font-weight:bold;
	padding:0px;
}

#productos #col2 h4
{
  font-size:0.8em;
}



/* fi productos */

/* MENÚ DESPLEGABLE*/

#col1 a:link, #col1 a:visited { 
    color: #e9dab8;
    text-decoration:none;
} 
#col1 a:hover, #col1 a:active { 
    color: #e9dab8;
    text-decoration:none;
    background:#880000;
}
/* FI MENÚ DESPLEGABLE*/

/* contactar */
#contactar{
  background-color: #f3e7c7;
}
#contactar p{
  padding-bottom:1em;
  font-size: 0.9em;
  color: #5b461d;
  line-height:1.5em;
}

#contactar .img-dreta{
  float:left;
  padding-right:15px;
}

#contactar #col1{
  width: 240px;
  height: 77em;
  background-image:url("../imatges/contactarfons.jpg");
  background-repeat: no-repeat;
  background-position: top left;  
  background-color: #a41c2f;
  float:left;
  border-right:1px solid #fff;
}

#contactar #top{
  background-color: #e9dab8;
  height:80px;
}
#contactar #top .titol{
  margin-top:49px;
  margin-left:10px;
  float:left;
}
#contactar #top .logo{
  float:right;
}


#contactar #col2{
  padding-left: 15px;
  width: 500px;
  float:left;
}

#clear{
  clear: both;
}

.vertical
{
writing-mode: tb-rl; filter: flipv() fliph();
}

/* fi contactar */