/* CSS Document */

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 69%; color: #000000;}
html, body { margin: 0; padding: 0; text-align: center; background-color: #666; background-image: url(img/bg.jpg); background-position: top; background-repeat: repeat-x; height: 100%;}
ul, ol { margin: 0; padding: 0;}
#tot { width: 781px; margin-left: auto; margin-right: auto; padding: 0; text-align: left; background-color: #FFFFFF; background:url(img/bgtot.png); background-repeat:repeat-y;}
#logo { width: 290px; background-color: #FFFFFF; float: left;}
h1 { padding: 0; margin: 0; width: 285px; height: 84px; float: left;}
h2 { font-size: 100%; font-weight: bold; padding: 5px 0 5px 10px; margin: 0; background-color: #E4E4E4; color: #333; border-bottom: dotted 1px #333;}
#adre { background-color: #C12735; color: #FFFFFF; height: 60px; padding: 5px; }
#adre a { color: #FFFFFF; text-decoration: none;}
#adre a:hover { color: #E0939A;}
.titols { font-weight: bold; padding: 5px 0 5px 10px; margin: 0; background-color: #E4E4E4; color: #333; border-bottom: dotted 1px #333;}
.titols2 { font-weight: bold; padding: 5px 0 5px 10px; margin: 0; background-color: #333; color: #FFF;}
.titols2 a { text-decoration: none; color: #FFFFFF;}
.titols2 a:hover { text-decoration: none; color: #999;}
.titols3 { font-weight: bold; padding: 5px 0 5px 10px; margin: 0; background-color: #CCC; color: #333;}
a { color: #C12735; }
a:hover { text-decoration: none;}
.caixa { float: left; padding: 0 0 10px 0;}
.marca { float: left; padding: 0 0 5px 0; margin: 0 5px 5px 0; width: 156px; border-bottom: solid 1px #666666;}
.marca2 { float: none; padding: 0 0 0 0; margin: 0 0 5px 0; width: 485px; height:55px; vertical-align:middle; border-bottom: solid 1px #666666;}
.marca2 .img { height: 50px; background-color:#FFFFFF; margin:0 0 5px 0; width: 105px; float: left;}
.marca-a { color: #000000; text-decoration: none; cursor:hand;}
.marca .img { height: 50px; background-color:#FFFFFF; margin:0 0 5px 0; border-bottom: solid 1px #CCCCCC;}
.distri { float: left; padding: 0 0 5px 0; margin: 0 0 5px 0; width: 100%; border-bottom: solid 1px #CCCCCC;}
.distri .interior { float: left; width: 135px; padding-right: 5px;}
.distri .interior2 { float: left; width: 175px;}
.distri .interior3 { float: left; width: 170px;}
.cleft { width: 285px; float: left; background-color: #FFFFFF; margin: 0; padding: 0; border-right: #666666 1px solid;}
.cright { float: left; background-color: #FFFFFF; margin: 0; padding: 0 5px 0 5px; width: 485px;}
li .info { padding-top: 2px; float: right; text-align: right; font-weight: normal; color: #999; padding-bottom: 15px;}
#peu { clear: left; width: 780px; height:80px; padding: 0; border-top: dotted 1px #333; color: #FFF; background-color:#0094E0;}	
#peu a { color: #E4E4E4; text-decoration: none;}	
#peu img { margin: 0 40px 0 0;}
#peu2 { clear: left; width: 780px; height:110px; padding: 0; border-top: dotted 1px #333; color: #333; background-color:#FFFFFF;}	
#peu2 a { color: #333; text-decoration: none;}	
#peu2 img { margin: 0 40px 0 0;}
#top { height: 77px; width: 780px; margin-left: auto; margin-right: auto; padding: 0; text-align: left; background-color: #FFFFFF;}
.caixa2 { background-color: #fff;}
.caixa2 li { display: block; list-style-position: outside; list-style-type: none;}
.caixa2 img { padding-right: 10px;}
.caixa2l { background-color: #fff;}
.caixa2l li { display: block; list-style-position: outside; list-style-type: none;}
.caixa2l a { display: block; padding: 5px 0 5px 10px; text-decoration: none; color: #333333; border-bottom: dotted 1px #999;}
.caixa2l a:hover { background-color: #E4E4E4;}
.caixa2l img { padding-right: 10px;}
.caixap1 { float: left; padding: 0 0 5px 0;}
.caixap2 { float: left; padding: 5px 0 0 0;}
#dades { top: 15px; padding: 10px 0 0 0; margin: 0; text-transform: lowercase; color: #000; float: left; width: 175px; height: 105px;}
.contorn { padding: 10px;}
.contorn img { padding-right: 10px;}
.contorn li { display: inline; list-style-image: none; list-style-type: none; float: left; height: 75px;}
.destacat {
	float: left;
	width: 233px;
	padding: 10px 0 10px 0;
	border-bottom: dotted 1px #999;
}
.destacat img { margin: 0 10px 10px 0;}
.fotosprod img { margin: 5px 0 0 0; padding:5px;}
.producto { padding: 10px 0 10px 0; float: left; width: 233px; height: 125px; border: solid 1px #FFFFFF;}
.producto:hover { border: solid 1px #999999; cursor: pointer;}
.producto img { margin: 0 10px 10px 0; border:0;}
.info { padding-top: 5px; float: right; text-align: right; font-weight: normal; color: #999;}
.mesinfo { float: right; text-align: right; font-weight: normal; color: #333; background-color:#E4E4E4; border:#E4E4E4 2px solid; text-decoration:none;}
.novedades { background-color: #fff;}
.novedades img { margin: 0 10px 0 0;}
.novedades li { display: block; list-style-position: outside; list-style-type: none; margin: 5px 0 5px 0; padding: 0; border-bottom: dotted 1px #999;}
.scroll { width: 485px; height: 250px; padding: 0; margin: 0; overflow: auto; float:left;}
.caixa3 { background-color: #000000; color:#FFFFFF; font-weight:bold; clear:left}
.caixa3 li { display: block; list-style-position: outside; list-style-type: none;}
.caixa3 a { display: block; padding: 5px 0 5px 10px; margin: 0 0 1px 0; text-decoration: none; color: #FFFFFF;}
.caixa3 a:hover { background-color: #666;}
.caixa3 img { padding-right: 10px;}
.caixa4 { margin: 10px 0 10px 0;}
.caixa5 { margin: 10px 0 10px 0; padding: 10px; background-color: #E4E4E4;}
.persona { padding: 5px 0 5px 0; margin: 0 5px 10px 0; border-top: solid 2px #333; border-bottom: solid 1px #333; float:left; width:120px; height:50px;}
.persones { float: left; border-bottom: #FFFFFF 25px solid;}
.persones li { width: 149px; height: 50px; margin: 0 5px 5px 0; padding: 3px; display: block; float: left; border-top-width: 3px; border-top-style: solid; border-top-color: #000; background-color: #E4E4E4;}
.persones ol { width: 480px;}
.persones a { color: #000000;}
input, textarea { background-color:#FFFFFF; color:#000000; border:#999999 1px solid; margin: 3px 0 3px 0; font-size: 100%; width:150px; padding:3px;}
.button { background-color:#999999; color:#FFFFFF; border:#999999 1px solid; margin: 3px 0 3px 0; font-size: 100%; font-weight: bold; width:100px; padding:3px;}
.select { font-family: arial; font-size: 11px; color: #333333; background-color: #CCCCCC; border: 1px solid #CCCCCC; width: 115px;}
.selectcl { font-family: arial; font-size: 11px; color: #333333; background-color: #E5E5E5; border: 1px solid #333333; width: 115px;}
.button-bl { border: #CCCCCC 1px solid; background-color: #FFFFFF; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: 14px; text-align: center; width: 80px;}
.llistat { background-color: #000000; font-weight: bold; color: #FFFFFF; }
.ma { border-bottom: #666666 solid 1px; cursor: pointer; }
.pu { color: #000000; font-weight:bold; float:left; background-image:url(images/pmu.gif); background-repeat:repeat-x; height:23px; vertical-align:middle;}
.pu a { color: #000000; text-decoration:none;}
.pa { color: #666666; font-weight:bold; float:left; background-image:url(images/pma.gif); background-repeat:repeat-x; height:23px; vertical-align:middle;}
.pa a { color: #666666; text-decoration:none;}
.pc { background-color: #FFFFFF; clear:left; border-bottom: #A4A09D 1px solid; height: 22px;}
.titol { font-family:Arial, Helvetica, sans-serif; font-size:200%; letter-spacing:-1px;}
.taulatop { border-bottom: #666666 solid 1px; }