@CHARSET "ISO-8859-1";

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: fuchsia;
	background-image: url("../imatges/background.png");
}

h1, h2, h3 {
	font-weight: normal;
	color: #FFFFFF;
}

h1 { font-size: 197%; }
h2 { font-size: 167%; }
h3 { font-size: 100%; font-weight: bold; }

p, ul, ol {
	font-size: 100%;
}

p {
}

ul {
}

ol {
}

blockquote {
}

a {
	color: #7EBCFF;
}

a:hover {
	text-decoration: none;
}

#titol {
	position: relative;
	top:25px;
	width: 900px;
	height: 45px;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 15px;
	background-image: url("../imatges/titol-gran.gif");
	margin: 0 auto;
	border-width: medium;
	border-style: solid;
	border-left: none;
	border-right: none;
	border-bottom-style: none;
	border-top: none;
	border-color: #c03;
	font-size: 35px;
	font-style: italic;
	color: #c08;
	font-weight: bold;
}

#subtitol {
	font-style: italic;
	color: #c08;
	font-weight: bold;
}

#subtitol span {
	color: fuchsia;
	font-style: normal;
	font-weight: normal;
}

#mapa img {
	border: solid;	
}

#peu{
	position: relative;
	top:25px;
	background-image: url("../imatges/peu.png");
	background-repeat: no-repeat;
	width: 920px;
	height: 50px;
	margin: 0 auto;
	font-size: x-small;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	text-align: right;
	font-weight: bold;
	color: white;
}

#dades {
	float: left;
}

#data {
	float: right;
}

#apartats {
	font-size: x-large;
}

.apartat p {
	color: black;
}

.apartat a {
	color: #933;
	/*text-decoration: none;*/
}

.apartat a:hover {
	color: #933;
	/*text-decoration: none;*/
}

.apartat {
	color: #933;
	font-size: medium;
	font-style:italic;
}

.tornar a {
	color: #933;
	/*text-decoration: none;*/
}

.tornar a:hover {
	color: #933;
	/*text-decoration: none;*/
}

.tornar {
	color: #933;
	font-size: medium;
	font-style:italic;
	text-align: right;
}

.ap_comentari {
	font-size: medium;
	font-style:italic;
}

#fotografia {
	text-align: center;
}

#fotografia img {
	border-color: #933;
}

/* Content */

#content {
	position: relative;
	top:25px;
	width: 920px;
	margin: 0 auto;
	padding: 25px 20px 25px 20px;
	background-color: white;
	border-width: medium;
	border-style: solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	border-color: #c03;
	font-size: medium;
	font-weight: bold;
	text-align: justify;
}

#content_esquerre {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 580px;	/* 600px perņ 20px de marge a la dreta*/
	background-color: white;
	text-align: justify;

}

#content_dret {
	position: absolute;
	top: 20px;
	left: 620px;
	width: 320px;
	background-color: white;
}

#content_dret_barra {
	position: absolute;
	top: 20px;
	left: 620px;
	width: 310px;
	padding-left: 10px;
	background-color: white;
	border-left: thin;
	border-left-style: solid;
	border-color: #933;
}

.foto_presentacio img{
	border: medium;
	border-style: solid;
	border-color: #933;
}

.fotos {
	background-color: white;
	height: 375px;
	width: 105px;
	overflow: hidden;
}

.fletxas {
	margin-top: 10px;
	margin-left: 45px;
	/*cursor:pointer;*/
}

.content_dret_foto {
	position:absolute;
	left:110px;
	top:0px;
	font-size: small;
}

.content_dret_foto img {
	border-color: #933;
}

.comentari {
	font-size: small;
	font-style: italic;
	text-align: center;
}

.titol1 {
	font-size: large;
	font: bold;
	color: #933;
	width: 300px;
	border-bottom: thin;
	border-bottom-style: solid;
	border-color: #933;
}
.boxed {
	background: #121B23;
	border: 1px dotted #000000;
}

.boxed .title {
	margin: 0;
	padding: 5px 20px;
	background: #000000;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}

.boxed .content {
	padding: 20px;
}

/*- Menu --------------------------- */

    #menu {
      position:relative;
      top:25px;
      width:960px;
      font-size:93%;
      line-height:normal;
	  margin: 0 auto;
	  padding-top: 115px;	/*S'ha de modificar*/
	  background: url("../imatges/logo_menu.png") no-repeat;
      }
    #menu ul {
        margin:0;
        padding: 7px 20px 25px 75px;
        list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:url("../imatges/tableftE.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:url("../imatges/tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {
      color:silver;
      }
    #menu a:hover {
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }

        #menu #current a {
                background-position:0% -42px;
        }
        #menu #current a span {
                background-position:100% -42px;
        }
/*----------------SUBMENU--------------------------*/

 #submenu {

      font-size:small;
      line-height:normal;
	  margin: 0 auto;
	  font-weight: bold;
	  color: black;
 }

  #submenu ul {
        margin:0;
        padding: 7px 20px 25px 75px;
        list-style:none;
      }
    #submenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #submenu a {
      float:left;
      background:url("../imatges/tableftE22.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #submenu a span {
      float:left;
      display:block;
      background:url("../imatges/tabrightE22.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #submenu a span {float:none;}
    /* End IE5-Mac hack */
    #submenu a:hover span {
      color:silver;
      }
    #submenu a:hover {
      background-position:0% -42px;
      }
    #submenu a:hover span {
      background-position:100% -42px;
      }
/*----------------------------------------------------*/

#contingut {
	background-color: black;
	color: fuchsia;
	border: 2px solid;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: medium;
	line-height: 20px;
}

#flotant {
	position: absolute;
	left: 400px;
	top: 85px;

}

#dades_cont {
	margin: 10px 25px 25px 25px;
}

#dades_cont span {
	font-weight: bold;
	color: #c08;
	width: 100%;
	font-size: x-large;
	width: 100%;
}

span.prova {
	width: 100px;
	text-align: justify;

}

#centrat {
	text-align: center;
}

#dades_empresa {
	width: 400px;
	height: 380px;
	position: absolute;
	top: 10%;
	left: 35%;
	background: url(../imatges/dades.png) no-repeat;
}

#dades_empresa_content {
	position: relative;
	top: 30px;
	left: 30px;
}

#dades_empresa_tancar {
	position: relative;
	top: 25px;
	left: 350px;	
}

#imatges_dreta {
	float: right;
}

#text_esquerra {
	float: left;
	width: 420px;
}

#pink {
	color: fuchsia;
}

#productes_esquerre {
	position: relative;
	float: left;
	top: 60px;
	left: 25px;
}

#productes_dret {
	position: relative;
	left: 120px;
	top: 60px;
}