@charset "utf-8";

/* CSS Document */
/* developed by: 2creativo.net */

* {margin:0; padding:0; }

html, boby {margin:0; padding:0; }

body {
 font:0.8em Arial, Helvetica, sans-serif;
 color: #000000;
 padding: 0;
 margin: 0;
 background: white; 
}
body.inici { background: white url(images/rotator.php); color: #000000; }
body.empresa { background: white url(images/fons/fondo_01.gif); color: #000000; }
body.productes { background: white url(images/fons/fondo_02.gif); color: #000000; }
body.projectes { background: white url(images/fons/fondo_03.gif); color: #000000; }
body.contacte { background: white url(images/fons/fondo_04.gif); color: #000000; }
#wrapper {
 width: 88em;
 margin: 2.083em auto;
/* border: 0.25em solid #000; */
}

/* Extra --------------------------------------------------------------------- */

img {border:0; background:#f2f2f2 url(images/loader.gif) no-repeat center center; margin: 0 0 1.46em;  }
.middle { margin: 0 0.95em;}
.clear {clear:both; display:block; }
.center {text-align:center}
.peq {font-size: 80%}
.neg {font-weight:bold}
.right {float:right}
.left {float:left}
.bote {padding:0 0.417em 0.417em 2.083em; list-style-type: none;}
.bot { margin: 0.5em 0 0 0; background:none; }
.hidden {display:none }

form { margin: 2.5em 1.46em 0.833em; }
input { margin: 0 0 0.667em; padding: 0.333em 0.167em; }
.val { width: 10.2em; text-align:left; }
.in { width: 15.62em; text-align: left;}
.errors {
	margin: 0;
	color: #E10000;
	background: white;
    padding:0 0.417em 0.95em 6.3em; 
	list-style-type: square;
	list-style-image: url("images/error.gif"); /* border: 0.083em solid #000066; */}

/* General --------------------------------------------------------------------- */

a {outline:none}
a:link, a:visited {text-decoration:none; color:#336699; background-color:#FFFFFF;}
a:hover, a:active  { background: #FFFFFF; text-decoration:underline; color:#336699; }
a:link.here, a:visited.here {text-decoration:underline; color:#336699; background-color:#FFFFFF;}
a:hover.here, a:active.here   { background: #FFFFFF; text-decoration:underline; color:#336699;}

#photoholder {
 background: #f2f2f2 url(images/loader.gif) no-repeat center center; 
 width: 47.91em;
 height: 28.1em;
 overflow: hidden;
 margin: 0 auto; 
 color:#000000; }

/* Begin Parent Left Column --------------------------------------------------------------------- */

#leftcolumn { 
 padding: 0.833em;
 display: inline; /* IE Fix */
 float: left;
 border: 0.167em solid #336699;
 background-color: #fff;
 width: 13.45em;
 color: #000000;
}
#leftcolumn .logo {
 margin: 0.417em 0 1.46em 0;
 width: 13.45em;
 text-align:center; 
}
#leftcolumn .logo img { display: block; }
#leftcolumn .description { 
 color: #888888;
 font-size: 1.2em;
 text-align: center;
 font-weight: bold;
 padding: 0 0 1.46em;
 line-height: 1.4em;
 background: #FFFFFF;
}
#leftcolumn .leftbox2 { /* Generic Box */
 margin: 0 0 0.833em 0;
 border-top: 0.083em dashed #336699;
}

/* Begin Left Navigation */
#leftcolumn ul.mainnav { 
 margin: 0;
 padding: 0 0 1.46em 0;
 list-style: none; 
 border-top: 0.167em solid #336699;
}
#leftcolumn ul.mainnav li { 
 border-bottom: 0.083em solid #336699; 
 padding: 0 0 0 0.417em;
 font-size: 0.87em;
}
#leftcolumn ul.mainnav .heading {
 padding: 0;
 margin: 0;
 font-size: 1.167em;
 font-weight: bold;
 border-bottom: 0.167em solid #336699;
}
#leftcolumn ul.mainnav .bottom {
 border-bottom: 0.167em solid #FFFFFF !important;
}
#leftcolumn ul.mainnav .second {
 border-bottom: 0.167em solid #336699;
 padding: 0 0 0 0.667em;
 font-weight: bold;
 color: #000000;
 background: #FFFFFF;
}
#leftcolumn ul.mainnav .third {
 border-bottom: 0.167em solid #336699;
 padding: 0 0 0 1em;
 font-weight: normal;
 color: #000000;
 background: #FFFFFF;
}
#leftcolumn ul.mainnav .forth {
 border-bottom: 0.167em solid #336699;
 padding: 0 0 0 2.083em;
 font-weight:normal;
 color: #000000;
 background: #FFFFFF;
}
#leftcolumn ul.mainnav .heading a:link, 
#leftcolumn ul.mainnav .heading a:visited { 
 color: #000000;
 text-decoration: none;
 display: block;
 background: #FFFFFF; 
 padding: 0.833em 0 0.833em 1.46em; 
}
#leftcolumn ul.mainnav .heading a:hover,
#leftcolumn ul.mainnav .heading a.active { 
 color: #FFFFFF;
 background: #336699; 
}
#leftcolumn ul.mainnav .second a:link, 
#leftcolumn ul.mainnav .second a:visited,
#leftcolumn ul.mainnav .third a:link, 
#leftcolumn ul.mainnav .third a:visited,
#leftcolumn ul.mainnav .forth a:link, 
#leftcolumn ul.mainnav .forth a:visited { 
 color: #000000;
 text-decoration: none;
 display: block;
 background: #FFFFFF; 
 padding: 0.417em 0 0.417em 1.46em;
}
#leftcolumn ul.mainnav .second a:hover,
#leftcolumn ul.mainnav .second a.active { 
 background: #b5c9de;
 color: #000000; 
}
#leftcolumn ul.mainnav .third a:hover,
#leftcolumn ul.mainnav .third a.active { 
 background: #c2def7;
 color: #000000; 
}
#leftcolumn ul.mainnav .forth a:hover,
#leftcolumn ul.mainnav .forth a.active {
 background: #dfecf7;
 color: #000000; 
}

/* End Left Navigation */
/* End Parent Left Column ----------------------------------------------------------------------- */

/* Begin Parent Right Column ----------------------------------------------------------------------- */

#rightcolumn {
 border: 0.167em solid #336699;
 margin: 0 1.5em 0 1.5em;
 display: inline; /* IE Fix */
 width: 47.91em;
 float: left;
 background-color: #fff;
 padding: 1.42em;
 color: #000000;
}
#rightcolumn .banner {
 margin: 0.833em 0.833em 1.46em 0.833em;
}
#rightcolumn .banner img { display: block; }

#rightcolumn p {
 margin: 0 0 1.46em;
}
#rightcolumn p img {
 float: left;
 margin: 0 0.833em 0.833em 0;
}
#rightcolumn ul {
 padding: 0 0 0 1.95em;
}
#rightcolumn ul li ul li {
 list-style: none;
}
#rightcolumn h1 {
 margin: 0 0 1.083em 0;
 padding: 0.083em 0.833em;
 background: #FFFFFF url(images/gelonch_titol.gif) repeat-x 0 0;
 font-size: 1.7em;
 color: #336699;
 border-bottom: 0.167em solid #336699; clear:both;
}
#rightcolumn h2 {
 margin: 0.95em 0 0.8em;
 padding: 0.833em 0.833em 0.15em;
 font-size: 1.417em;
 background: #FFFFFF;
 color: #336699;
 display: block;
 border-bottom: 0.12em solid #000000; clear:both;
}
#rightcolumn h3 {
 margin: 0.95em 0 0.417em;
 padding: 0.25em 0.833em;
 font-size: 1.2em;
 font-weight: normal;
 background: #FFFFFF;
 color: #336699;
 display: block;
 border-bottom: 0.083em solid #336699; clear:both;
}
#rightcolumn h3.img {
 margin: 0;
 padding: 0;
 border-bottom: none;
 clear: none;
}
#rightcolumn h3.img a:hover {
 border-bottom: none;
 text-decoration: none;
}
#rightcolumn h1.sp {
 margin: 2.5em 0 0 0;
 padding: 0.667em 0.833em;
 font-size: 1.2em;
 background: #FFFFFF;
 color: #336699;
 text-align: center;
 border: 0.167em solid #336699;
 letter-spacing: 0.1em; word-spacing: 0.5em;
}

/* End Parent Right Column ----------------------------------------------------------------------- */

/* Begin Table ----------------------------------------------------------------------- */

.ver-table {
 border-collapse: collapse;
 font-size: 1em;
 text-align: center;
 width: 47.91em;
 overflow: auto;
 display: block;
}
.ver-table th {
 border-left: 0.083em solid #FFFFFF;
 border-right: 0.083em solid #FFFFFF;
 color: #000000;
 background: #B5C9DE;
 font-size: 1.167em;
 font-weight: normal;
 padding: 0 0.9em;
}
.ver-table td {
 border-left: 0.083em solid #FFFFFF;
 border-right: 0.083em solid #FFFFFF;
 padding: 0 0.583em;
}
.vtable-odd {
 background: #C2DEF7;
 color: #000000;
}
.vtable-even {
 background: #DFECF7;
 color: #000000;
}
.vtable-none {
 background: #FFFFFF !important;
 color: #000000;
}
.vtable-bg {
 background: #336699 !important;
 color: #FFFFFF !important;
}

/* End Table ----------------------------------------------------------------------- */

/* Begin PDF ----------------------------------------------------------------------- */

.fitxer-pdf {
 margin: 1.46em 0 0.833em;
 height: 5em;
}
.pdf {
 border: 0.167em solid #666666;
 height: 5em;
 width: 30.5em;
 float: left;
}
.pdf img {
 background: none;
 float: left;
 padding: 0.667em;
}
.pdf h3 {
 padding: 1.5em 0.167em 0 0 !important;
}
.acrobat {
 border: 0.167em solid #EEEEEE;
 width: 16.6em;
 height: 5em;
 float: right;
}
.acrobat img {
 background: none;
 float: right;
 padding: 1.417em 0.417em;
}
.acrobat p {
 font-size: 0.833em;
 color: #666666;
 background: white;
 text-align: right;
 float: left;
 margin: 0 !important;
 padding: 0.25em 0.083em;
}

/* End Acrobat ----------------------------------------------------------------------- */

#footer {
 margin: 1em 0 2.5em 0;
 display: inline; /* IE Fix */
 width: 51.33em;
 float: right;
 background: #FFFFFF;
 color: #888888;
}
#footer .text {
 padding: 0.417em; 
 margin: 0 auto;
 font-size:  0.917em;
}
#footer .text a:link, #footer .text a:visited { color: #888888; text-decoration: none; background: white; }
#footer .text a:hover {  color: #336699; text-decoration: underline; background: white; }


#banner {
 margin: 0 0 0 1.5em;
 display: inline; /* IE Fix */
 width: 15em;
 float: left;
 color: #000000;
}


/* Begin Parent Left Column2 --------------------------------------------------------------------- */
/* 0.417em*/

#rightbox { 
 margin: 0 0 1.4em 0;
 padding: 0.833em;
 display: inline; /* IE Fix */
 float: left;
 border: 0.167em solid #336699;
 background-color: #fff;
 width: 13.45em;
 color: #000000;
}

#rightbox .logo {
 margin: 0.417em 0 1.46em 0;
 width: 13.45em;
 text-align:center; 
}
#rightbox .logo img { display: block; }

#rightbox2 { 
 margin: 0 0 1.4em 54em;
 padding: 0.833em;
 display: inline; /* IE Fix */
 float: left;
 border: 0.167em solid #336699;
 background-color: #fff;
 width: 13.45em;
 color: #000000;
}

#rightbox2 .logo {
 margin: 0.417em 0 1.46em 0;
 width: 13.45em;
 text-align:center; 
}
#rightbox 2.logo img { display: block; }