body {
margin: 0;
padding: 0;
border: 0;
color: #333;
background-color: #e0e0d6; 
font: 100% verdana, arial, helvetica, sans-serif;
line-height: 1.25em;
text-align: center;
}

/* DALT
----------------------------------------------------------------- */

#dalt {
background: #fff;
color: #444;
border-bottom: 1px solid #C4C4BB; 
border-top: 1px solid #C4C4BB;
padding: 20px 0;
margin: 0;
}

#dalt.homepag {
background: #fff url(/images/11.jpg) top no-repeat;
padding: 15px 0 1em 0;
}

#intro {
width: 645px;
margin: 0 auto;
text-align: left;
padding-bottom: 0.5em;
}

.intern #intro {
position: relative;
width: 745px;
padding: 0;
height: 85px;
}

#esq {
float: left;
width: 385px;
margin: 0;
padding: 0;
}

#drta {
float: right;
width: 230px;
margin: 30px 0 0 0;
padding: 0;
} 

#mostra {
background: transparent url(/images/83.gif) left top no-repeat; 
padding: 0;
margin-top: 20px;
text-align: right;
}

#demo {
background: transparent url(/images/27.gif) left top no-repeat; 
margin-top: 0px;
padding: 0;
text-align: right;
}

#mostra div, #demo div {
background: transparent url(/images/20.gif) left bottom no-repeat;		
padding-bottom: 1em;
}


/* NAV
-------------------------------------------*/
#nav {
background: #ECECE0;
text-align: center;
}

#nav ul {
width: 21.5em; /* 29em amb link a blog activat */
padding: 0; 
margin: 0 auto; 
list-style-type: none;
}

#nav li{
float: left;
background: #e0e0d6; 
border-left: 1px solid #fff; 
border-right: 1px solid #999; 
}

#nav ul li a {
display: block;
width: 7em;
color: #666; 
font-size: 1em;
text-align: center; 
padding: 4px 0; 
text-decoration: none; 
float:left; 
}

#nav ul li.actual a, a#ini:hover, a#cat:hover, a#bol:hover, a#con:hover {
background: #ecece0; 
color:#000; 
}


/* TOT
-------------------------------------------*/
#tot {
font-size: 1em;
color: #555;
background: #ecece0 /* url(/images/25.gif) */;
border-top: 1px solid #FFF;
border-bottom: 1px solid #C4C4BB;
padding-bottom: 2em;
clear: both;
}

#marc { 
width: 745px;
margin: 0px auto;
padding-top: 20px;
text-align:left;
}

#conting {
float: left;
width: 475px;
margin: 0;
padding: 0;
}

#marge {
float: right;
width:230px;
} 

#conting dt {
float: left;
clear: left;
margin: 5px 20px 20px 5px;
background: url(/images/23.png) no-repeat bottom right !important;
background: url(/images/22.jpg) no-repeat bottom right; 	
}

#conting dl {
margin: 0px;	
}

#conting dd {
margin-bottom: 25px;	
}

#conting dt img {
display: block; 
position: relative;
border: 1px solid #999;
margin: -5px 6px 6px -5px;
padding: 0; }

#tablecesta {
background: #F5F5EC;
border-top: 1px solid #fff;
border-bottom: 1px solid #C4C4BB;
border-left: 1px solid #fff;
border-right: 1px solid #C4C4BB;
}

div.cestapie {
padding: 0.75em 0;
}

span.fotocaps {
float: left;
clear: left;
margin: 10px 5px;
background: url(/images/23.png) no-repeat bottom right !important;
background: url(/images/22.jpg) no-repeat bottom right; 	
}

conting.caps img, span.fotocaps img {
display: block; 
position: relative;
border: 1px solid #999;
margin: -5px 6px 6px -3px;
padding: 0; 
}

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

.caps ul li {
padding: 1em 0 1em 0;	
}

.caps ol {
padding: 0;
margin: 0.5em 0 0 1.5em;
line-height: 1.7em;
}

.caps ol li ul {
padding: 0 0 0 0;
margin: 0 0 0 1.5em;
list-style-type: disc;
}

.caps ol li ul li {
padding: 0 0 0 0;
}

div.cold {
background: transparent url(/images/16.gif) left top no-repeat; 
padding-top: 0.25em;
margin-top: 15px;	
font-size: 90%;
}

#compra {font-size: 100%;}
#compra, #compra2 {background: transparent url(/images/15.gif) left top no-repeat;}
#win {background: transparent url(/images/26.gif) left top no-repeat; }
#rss {background: transparent url(/images/24.gif) left top no-repeat; }
#compseg {background: transparent url(/images/14.gif) left top no-repeat; }
#copy {background: transparent url(/images/77.gif) left top no-repeat; }
#contacto {background: transparent url(/images/78.gif) left top no-repeat; }
#gratis{background: transparent url(/images/81.gif) left top no-repeat; }

div.fonspeu {
padding-bottom: 1.5em;
background: transparent url(/images/17.gif) left bottom no-repeat; 	
}

div.dest {
padding: 20px;
border-top: 1px solid #c4c4bb;
border-left: 1px solid #c4c4bb;
border-right: 1px solid #c4c4bb;
border-bottom: 1px solid #c4c4bb;
}

.cold #livesearch_text {
margin: 0em 1.2em 0 1.2em;
width: 14.6em;
padding: 0px;
border: 1px solid #C4C4BB;
}

.cold #livesearch_results {
font-size: 0.8em;
margin: 0;
padding: 0;
padding-right: 20px;
padding-bottom: 5px;
}

div.dest li {
margin-bottom: 0.75em;
}


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

#peu {
background: #fff;	
border-bottom: 1px solid #C4C4BB; 
}

#dinspeu {
width: 745px;
margin: 0 auto;
padding: 1em 0 6em;
text-align: right;
background: url(/images/30.gif) right 82.5% no-repeat;
}


/* IMATGES
----------------------------------------------------------------- */

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

.homepag #intro img {
margin-top: 15px;
margin-bottom: 10px;
}

.intern #intro img {
position: absolute;
top: 0;
right: 0;
}

.blog img, .misc img {
margin: 0 0 1em 0;
}

div.cestapie img {
margin: 1em 0;
}

table.rssThumbs img {
margin: 1em 0.25em;
}


/* TIPOGRAFIA
----------------------------------------------------------------- */

hr {
visibility: hidden;
clear: both;
}

hr.visible {
visibility: visible;
border: 0;
border-top: 1px dotted #c4c4bb;
border-bottom: 1px solid #fff;
height: 2px;
}

#intro em{
font-size: 1.1em;
color: #c60;
}

p {
margin: 0;
padding: 0;
}

#esq p {
line-height: 150%;
}

#drta p, #marge p {
margin: 0.5em 1.5em 0em 1em;
}

#marge p {
font-size: 0.9em;
text-align: right;
}

#compra p {
margin-left: 2.5em;
text-align: left;
}

#conting p, div.cestapie p {
padding: 0em 0 0.75em;	
}

div.home dl p, div.cat dl p {
margin: 0.75em 0 -0.75em;
padding: 0;
}

#win p, #rss p, #compseg p, #compra2 p {
text-align: right;
}

#peu p { 
font-size: 0.8em;
margin: 0;
padding: 1em 0 1em 0;
color: #666;
}

h1 {
margin: 0em 0 1em 0;
padding: 0;
font: 1.3em/1.5em verdana, arial, helvetica, sans-serif;
color:#390;
}

h2{
font: 200 1.15em/1.3em verdana, arial, helvetica, sans-serif;
color: #390;
}

#drta h2 {
margin: 0;
padding: 1em 1em 0.25em 0em;
color: #c60;
}

#marge h2 {
margin: 0.75em 1.25em 0.5em;
text-align: right;
}

#compra h2, #win h2, #rss h2, #compseg h2 {
text-align: right;
}

h3 {
font: 200 1.1em/1.3em verdana, arial, helvetica, sans-serif;
color: #f60;
margin: 0;
padding: 0;	
}

#conting h3 {
padding: 0 0 0.75em;
}

div.cestapie h3 {
padding: 1em 0 0.5em;
}

div.cestapie ul {
padding-bottom: 0.5em;
margin-top:0;
}

/* LINKS
-------------------------------------------*/

/*a{color:#c60;text-decoration:none;border:0;}
a:hover{color:#633;text-decoration:underline;}
*/

a{color:#00C;text-decoration:none;border:0;outline: none;}
a:hover{text-decoration:underline;}

a.logo {
display: block;
width: 174px;
height: 85px;
background: transparent url(/images/29.gif) center left no-repeat;
text-indent: -9999px;
}

a.ancla {color:#f60;text-decoration:none;}

a.ves {
font-size: 0.95em;
height: 20px;
padding: 0em 0 0.5em 2em ;
margin-top: 2em;
background: transparent url(/images/13.gif) left top no-repeat; 		
}

a.ves:hover {
background: transparent url(/images/12.gif) left top no-repeat; 		
}

a.pdf {
height: 20px;
padding: 0em 0 0 2em ;
margin-top: 0em;
background: transparent url(/images/37.gif) left center no-repeat; 		
}

a.dwnld {
display: block;
height: 20px;
padding: 0em 0 0 2em ;
margin: 1em 0;
background: transparent url(/images/75.gif) left center no-repeat; 		
}

span.linkpeu {
display: block;
margin: 1em 0 0 0;
}

/* FORMS 
-------------------------------------------*/
form {
margin: 0;
padding: 0;
}

div.form {
border: 0px solid #c4c4bb;	
background: transparent url(/images/19.gif) left bottom no-repeat;
padding: 20px 0;
margin: 0;
}

#alta {
width: 475px;
margin: 0 auto;
}

#zemContactForm, #formClientes {
margin: 15px 0 10px;
background: transparent url(/images/18.gif) left top no-repeat;
}

fieldset {
display: block;
width: 400px;
border: 0px solid #c4c4bb;
margin: 10px auto;
padding: 0px;
}

label {
display: block;
color: #333;
margin: 0;
padding: 0;
}

label.email em {
font-size: 0.8em;
}

label.checkbox {
float: left;
margin: 5px 0 0 10px;
font-size: 0.75em;
}

#zemSubmit, #botEnviar {
display: block;
width: 200px;
margin: 10px auto 0;
}

#sunombre, #sucorreo, #sumensaje, #nombre, #email, #email2, #pass {
width: 400px;	
background: #ecece0; /*#F5F5EC;*/
border: 1px solid #C4C4BB;
margin: 0 0 10px 0;
padding: 0;
}

#lista {
float: left;
border: 1px solid #C4C4BB;
margin: 10px 0;
padding: 0;
}

#sunombre:focus, #sucorreo:focus, #sumensaje:focus, #nombre:focus, #email:focus, #email2:focus, #pass:focus {
background: #FFF;
}

/* CESTA
-------------------------------------------*/

#cesta th {
background: #E0E0D6;
color: #633;
font-weight: normal;
}

#cesta tr {
border-bottom: 1px dotted #333;
}