* {margin: 0; padding: 0;}
.alt {display: none;}
.clearboth { clear: both; }
body { 
font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:  0.8em; text-align: center; background-color: #fff; color: #300F5F;
/*background-image: url(img/logo-Fons.png);background-position: bottom left; background-attachment: fixed; background-repeat: no-repeat;*/
}
img {border: 0;}
a {color: #333;}
a:hover {text-decoration: none;}
/* Alt Font Classes */
.red {color: #ff0000;}
.colorCorporatiu { color: #EFCB00; font-weight: bold;}
.model { padding: 0 1% 0 1%; font-weight: bold;}

/* Layout */
#ContenidorPrincipal { width: 760px; margin-right:auto; margin-left:auto;}
#envolca {float: left; width:760px; margin-right:auto; margin-left:auto; text-align: left; background: #fff;}

/* capcalera i Navegacio */
#capcalera {width:760px; height: 98px; text-align: left;}
#logo { float: left; width: 161px; height: 98px; background-image: url('logo.gif'); background-repeat: no-repeat; display:block}

#nav { float: left; padding: 25px 0 0 83px;}

#nav A:link { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1.2em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 5px; HEIGHT: 41px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none; text-shadow: 2px 2px 1px #98C3E0}
#nav A:visited { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1.2em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 5px; HEIGHT: 41px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none; text-shadow: 2px 2px 1px #98C3E0}
#nav A.current { BACKGROUND-POSITION: left top; DISPLAY: block; HEIGHT: 44px}
#nav A:hover {BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: left top; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f55b99; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px; text-shadow: none}
#nav A:active {BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: left top; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f55b99; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px; text-shadow: none}

#nav UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#nav UL LI {FLOAT: left; MARGIN-RIGHT: 8px}
#nav A SPAN {DISPLAY: none}

.menu_inici {BACKGROUND-IMAGE: url(img/a0.gif); WIDTH: 91px}
.menu_furgonetes {BACKGROUND-IMAGE: url(img/a1.gif); WIDTH: 91px}
.menu_gasoil {BACKGROUND-IMAGE: url(img/a2.gif); WIDTH: 91px}
.menu_begudes {BACKGROUND-IMAGE: url(img/a3.gif); WIDTH: 91px}
.menu_contactar {BACKGROUND-IMAGE: url(img/a4.gif); WIDTH: 91px}



#navegacio { float: left; padding: 45px 0 0 3px;}
#navegacio ul { list-style-type: none;}
#navegacio ul li { display: inline; padding: 0 0 0 17px; text-transform: lowercase;}
#navegacio ul li a { text-decoration: none; color: #300F5F}
#navegacio ul li a:hover { text-decoration: none;background: #EFCB00;}
#navegacio ul li.actiu { font-weight: bold;}
#capcaleraEsquerra { float: right; text-align: right; padding: 45px 5px 0 0; text-transform: lowercase;}


/* Homepage TextRecuadrat */
.TextRecuadrat { width: 759px; margin: 3px 0 0 0; padding: 11px 0 11px 12px; border: #EFCB00 1px solid; color: #300F5F; voice-family: "\"}\""; voice-family: inherit; width: 745px; text-align: center;}
.TextRecuadrat a { color: #421484; font-weight: bold;}
.TextRecuadrat a:hover {background: #EFCB00;}

/* Homepage TextRecuadrat Images */
.TextRecuadratimatges {width: 759px; padding: 5px 0 0 0;}
.TextRecuadratimatges .left {padding: 0 6px 0 0;}

/* Pagina Pral. Esquerra */
#PralEsquerra {float: left; width: 252px; padding: 15px 30px 0 0; voice-family: "\"}\""; voice-family: inherit; width: 222px;}
#PralEsquerra h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #300F5F;}
#PralEsquerra p {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 0 0 11px; line-height: 16px; color: #300F5F;}
#PralEsquerra p a {color: #300F5F;}
#PralEsquerra a:hover { background: #EFCB00; text-decoration: none;}

#contactar {
    float: left;
    width: 199px;
     height: 437px;
    margin: 0px 0 0 0;
    background-image: url('noia.jpg');
	background-repeat: no-repeat;
}

#contact h1 { padding: 10px 0 0 0;}
#contact p { padding: 10px 0 0 11px;}
#contact a { color: #666;}
#contact a:hover { text-decoration: underline;}

#PralDreta {float: right; width: 700px;padding: 15px 0 0 0;}
#PralDreta h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #300F5F;}
#PralDreta p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #300F5F; padding: 2px 30px 18px 11px; line-height: 16px;}
#PralDreta p a {color: #300F5F;}
#PralDreta a:hover {background: #EFCB00; text-decoration: none;}

#infoboxes { width: 700px; padding: 25px 0 0 0px; margin: 0; padding: 0;}

#PralDreta .infoCentre {float: left; margin: 4px 2px 0 60px; border: #EFCB00 1px solid; voice-family: "\"}\""; voice-family: inherit; width: 248px;}
#PralDreta .infoCentre h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #C0A406; padding: 11px 0 0 0; margin: 0; padding: 0;}
#PralDreta .infoCentre p {padding: 0;}
#PralDreta .infoCentre img {float: left; padding: 0 10px 0 0;}
#PralDreta .infoCentre a { color: #C0A406;}
#PralDreta .infoCentre a:hover { text-decoration: none; color: #421484;}

#PralDreta .infoCentreDreta { margin: 40px 2px 0 200px; border: #EFCB00 1px solid; voice-family: "\"}\""; voice-family: inherit; width: 248px;}
#PralDreta .infoCentreDreta h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #C0A406; padding: 11px 0 0 0; margin: 0; padding: 0;}
#PralDreta .infoCentreDreta p {padding: 0;}
#PralDreta .infoCentreDreta img {float: left; padding: 0 10px 0 0; margin: 0;}
#PralDreta .infoCentreDreta a {color: #C0A406;}
#PralDreta .infoCentreDreta a:hover { text-decoration: none; color: #421484;}

#PralDreta .infoBegudes {float: left; margin: 4px 2px 0 15px; border: #EFCB00 1px solid; voice-family: "\"}\""; voice-family: inherit; width: 248px;}
#PralDreta .infoBegudes h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #C0A406; padding: 11px 0 0 0; margin: 0; padding: 0;}
#PralDreta .infoBegudes p {padding: 0;}
#PralDreta .infoBegudes img {float: left; padding: 0 10px 0 0;}
#PralDreta .infoBegudes a { color: #C0A406;}
#PralDreta .infoBegudes a:hover { text-decoration: none; color: #421484;}


#separador { width: 759px; height: 14px; margin: 0 0 0 0; background-color: #EFCB00; }

div.separador { width: 759px; height: 14px; margin: 0 0 0 0; background-color: #EFCB00;}
div.foto { text-align: center;}
/* PEU */
#peu { padding: 30px 0 30px 12px; text-align: center;}
#peu p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #300F5F;}
#peu ul {list-style-type: none;padding: 5px 0 0 0;}
#peu ul li {display: inline; color: #300F5F;}
#peu ul li a { text-decoration: none; color: #300F5F; padding: 0 2px 0 2px;}
#peu ul li a.primerPeu { text-decoration: none; color: #300F5F; padding: 0 2px 0 0;}
#peu ul li a:hover { text-decoration: underline;}

#cond {width: 350px; margin-right:auto; margin-left:auto;}
H3.cond { BACKGROUND-COLOR: #EFCB00; margin: 0; padding: 0;}
p.cond { margin: 0; padding: 0;}

.Taula { text-align: center; margin-left: auto; margin-right: auto; font-size: 14px;}

/* FORMULARI */
form#two {background:#EFCB00; width:470px; padding:10px; border:1px solid #000; margin:0 auto;}
form#two fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#two fieldset#personal {background:transparent url(secretaria.jpg) no-repeat ;}

* html form#two fieldset#personal, * html 
* html form#two fieldset#current {background-position:350px 20px;}
form#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px;}
form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; margin-bottom:0.5em;}
form#two input {border:1px solid #fff; background:#fff; padding-left:0.5em; margin-bottom:0.6em;}

form#two textarea {width:410px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff ;}

form#two #button1, form#two #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}

a.external span {position: absolute; left: -5000px; width: 4000px;}
a.external:link{ background: url(external.gif) no-repeat 100% 0; padding: 0 20px 0 0;}
a.external:visited { color: purple; background: url(external.gif) no-repeat 100% -100px; padding: 0 20px 0 0;}
a.external:hover { color: #ffff00; background: url(external.gif) no-repeat 100% -200px; padding: 0 20px 0 0;}