html {
text-align: center;
font: 10px/1.3em /*"Trebuchet MS", Verdana,*/ Arial,Sans-serif;
color: #4b4b4b;
}
body {
margin: 0 auto;
padding: 0;
/*width: 800px;*/
text-align: center;
background: #705b12 url(imatges/patrofons.gif) repeat top left;
/* background: transparent url(imatges/bg_chastext.gif) repeat-y top right;*/
}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
p {font-size:12px;}
.ppadding{
font-size: 110%;
color: #444;
padding-top: 0pt;
padding-right: 0pt;
line-height: 18px;
padding-left: 0pt;
}
div.clearer{clear:both;}
.ml20{margin-left:20px;}
.fl{float:left;}
div#wrapper{
position:relative;
margin: 0 auto;
width: 922px;
text-align: left;
/*background: #6C5714 url(imatges/bg_contingut.gif) repeat-y center;*/
}
div#c_header {
position:relative;
margin: 0 auto;
padding:0;
width: 922px;
height: 127px;
background: transparent url(./imatges/bg_navega.gif) no-repeat top center;
/*border:1px solid red;*/
}
div#header {
position:relative;
margin: 0 auto;
padding:0;
width: 922px;
height: 122px;
background: transparent/* url(./imatges/bg_header.gif) no-repeat top center*/;
/*border:1px solid red;*/
}
div#h_bg{
position:relative;
top:7px;
margin:0 auto;
padding:0;
width:902px;
height: 105px;
background: transparent url(./imatges/pattern.gif) repeat top left;
}
div#logo {
position:relative;
top:21px;
left:18px;
margin: 0;
width:132px;
height: 107px;
background:transparent;
}
div#flagsp {
position:absolute;
top:30px;
right:90px;
margin: 0;
/*width:5px;
height: 16px;*/
background:transparent;
}
div#flagen {
position:absolute;
top:30px;
right:59px;
margin: 0;
/*width:5px;
height: 16px;*/
background:transparent;
}
div#flagca {
position:absolute;
top:30px;
right:30px;
margin: 0;
/*width:5px;
height: 16px;*/
background:transparent;
}
div#logo img {border:none;}
div#flagsp img {border:none;}
div#flagen img {border:none;}
div#flagca img {border:none;}
div#contingut {
margin: 0 auto;
width: 922px;
background: #6C5714 url(imatges/bg_contingut.gif) repeat-y center;
}
img.topcontent{
margin:0;
padding:0;
width:922px;
height:11px;
}
div#banner {
margin: 0 auto;
width: 887px;
height: 202px;
/* background: #eec328;*/
}
a#badge {
position:absolute;
top:140px;
right:1px;
float:right;
width: 110px;
height: 96px;
border: none;
outline: none;
background: transparent url(imatges/badge.png) no-repeat top left;
text-indent:-9000px;
}
/*link helados*/
a#helados {
position:absolute;
top:145px;
left:-43px;
float:left;
width: 255px;
height: 170px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent url(imatges/logo-helados.png) no-repeat top left;
text-indent:-9000px;
}
/*link apertura*/
a#apertura {
position:absolute;
top:175px;
left:-106px;
float:left;
width: 255px;
height: 90px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent url(imatges/apertura.png) no-repeat top left;
text-indent:-9000px;
}
/*link vacaciones*/
a#vacaciones {
position:absolute;
top:10px;
right:270px;
float:right;
width: 295px;
height: 75px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent url(imatges/vacaciones.png) no-repeat top left;
text-indent:-9000px;
}
/*link te frio*/
a#te_frio {
position:absolute;
top:265px;
left:843px;
float:right;
width: 250px;
height: 170px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent url(imatges/logo_te_frio.png) no-repeat top left;
text-indent:-9000px;
}
/*logo shopping cart transparente*/
a#tienda{
position:absolute;
top:77px;
right:750px;
width: 500px;
height: 200px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent;
}
/*logo franchise transparente*/
a#franchise{
position:absolute;
top:200px;
left:700px;
width: 300px;
height: 150px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent;
}
/*logo novedades transparente*/
a#novedades_10{
position:absolute;
top:123px;
left:816px;
width: 150px;
height: 60px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent;
}
/*link music player*/
a#mp3player {
position:absolute;
top:285px;
left:763px;
float:right;
width: 136px;
height: 49px;
border: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
outline: none; /*QUITA EL BORDE PUNTEADO EN UNA IMAGEN DE LINK*/
background: transparent url(mp3player/musica.png) no-repeat top left;
text-indent:-9000px;
}
div#banner_te {
margin: 0 auto;
width: 887px;
height: 202px;
/* background: #eec328;*/
}
a:link, a:visited {
background-color: inherit;
color: #93250C;
text-decoration: none;
}
a:hover, a:active {
background-color: inherit;
color: #555;
text-decoration: underline;
}
/*es po eliminar...*/
ul#nav {
margin: 0 auto;
padding:0;
/* padding: 0 0 0 6px;*/
width: 922px;
height: 61px;
/*background: #000 url(./imatges/bg_navega.gif) no-repeat top center;*/
color: inherit;
}
ul#nav li {
float: left;
margin: 0;
padding: 15px 0 0 0;
list-style-type: none;
text-transform: uppercase;
}
ul#nav li a {
text-decoration: none;
padding: 13px 30px 14px 30px;
}
ul#nav li a:link, ul#nav li a:visited {
background-color: inherit;
color: #fff;
}
ul#nav li a:hover, ul#nav li a:active {
background-color: inherit;
color: #c9f381;
}
ul#subnav {
margin: 0 auto;
padding:0;
/* padding: 0 0 0 30px;*/
width: 902px;
height: 31px;
background: #000 url(images/subnav_bg.gif) repeat-x;
color: inherit;
}
ul#subnav li {
float: left;
margin: 0;
padding: 9px 0 0 0;
list-style-type: none;
text-transform: uppercase;
}
ul#subnav li a {
text-decoration: none;
padding: 7px 20px 7px 20px;
background: transparent url(images/subnav_sep.gif) no-repeat left;
}
ul#subnav li a:link, ul#subnav li a:visited {
background-color: inherit;
color: #303030;
}
ul#subnav li a:hover, ul#subnav li a:active {
background-color: inherit;
color: #000;
}
ul#subnav li#subnavfirst a:link, ul#subnav li#subnavfirst a:visited {
background: transparent url(images/subnav_icon.gif) no-repeat left;
color: #303030;
}
ul#subnav li#subnavfirst a:hover, ul#subnav li#subnavfirst a:active {
background: transparent url(images/subnav_icon.gif) no-repeat left;
color: #000;
}
/*... fins aqui*/
div.cols {
width:840px;
margin:10px auto;
padding:0;
min-height: 130px;
}
div.cols:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#colone, div#coltwo, div#colthree {
width: 240px;
float: left;
margin: 0 0 35px 20px;
}
div#colone h2, div#coltwo h2, div#colthree h2 {
font: bold 16px/1.5em Arial,Sans-serif;
text-transform: none;
background-color: inherit;
color: #4b4b4b;
margin: 15px 0 0 0;
padding: 0 0 0 25px;
}
h2 span {
background-color: inherit;
color: #6B602A;
}
div#colone h2,div#coltwo h2,div#colthree h2,div.t_cols h2 {
background: transparent url(./imatges/h2_flor.gif) left no-repeat;
color: inherit;
}
div.featureimg{
padding: 12px 0 0 0px;
width: 190px;
height: 114px;
background: #fff url(./imatges/imatgesombra.jpg) no-repeat center;
color: inherit;
}
div.featureimg img{
margin-left:10px;
margin-top:4px;
width: 170px;
height: 88px;
}
ul.featurelist {
margin: 0 0 0 20px;
padding: 0;
}
ul.featurelist li {
margin: 0;
padding: 3px 0 3px 16px;
list-style-type: none;
background: #fff url(images/bullet.gif) left no-repeat;
color: inherit;
}
h2.heading {
font: bold 24px/1.8em Arial, Sans-serif;
font-weight: normal;
/*font-stretch:normal;
font-size-adjust:none;*/
text-transform: none;
background-color: inherit;
color: #4b4b4b;
margin: 20px 20px 0 20px;
padding: 0 0 1px 25px;
border-bottom: 1px solid #ddd;
background-color: #fafafc;
color: inherit;
clear: both;
}
h2.heading2 {
color: #9B301C;
font: bold 20px/1.8em Arial, Sans-serif;
/*font-stretch:normal;
font-size-adjust:none;*/
font-weight:bold;
text-transform: none;
margin: 20px 20px 0 20px;
padding: 0 0 1px 25px;
border-bottom: 1px solid #ddd;
clear: both;
}
p.parraf,dl.parraf{
font-size:14px;
line-height:16px;
margin: 10px 20px 0 50px;
/* padding: 5px 0px 5px 5px;*/
background-color: #fafafc;
}
dl.parraf dd {
font-size:14px;font-weight:bold;line-height:15px;
background: transparent url(./imatges/h2_flor.gif) left no-repeat;
padding: 5px 0px 5px 25px;
color: inherit;
}
h3.heading {
margin: 5px 0px 0px 0px;
padding: 5px 0px 5px 5px;
background: #f0f0f0;
}
p {
font-size: 10px;
margin-bottom: 15px;
}
div#introduccio{
margin:0 auto;
padding:0;
position:relative;
left:0px;
margin-top:20px;
width:800px;
}
div#introduccio h2{
font-size:2em;
line-height:1.7em;
/*color:#705B12;*/
font-weight:bold;
}
div#introduccio p{
text-align:justify;
color: #333;
font-size: 1.2em;
font-weight:normal;
line-height: 1.4em;
margin-bottom: 1em;
}
div#introduccio p span,div#introduccio p span.grana{
font-style:italic;
font-weight:bold;
}
div#introduccio p span.grana{
font-weight:bold;
font-size:1.25em;
font-style:normal;
}
p span.bolder{color:#851A1E;font-weight:bold;}
.punts{background-image:url('./imatges/punt.gif');background-repeat:repeat-x;}
.punts{background-position:bottom}
div#foot {
clear: both;
margin: 0 auto;
padding: 0;
width: 800px;
height: 43px;
background-color: transparent;
color: #4b4b4b;
text-align: center;
}
div#foot p {
padding: 9px 0 0 0;
}
div#foot p a {
text-decoration: none;
}
div#foot p a:link, div#foot p a:visited {
background-color: inherit;
color: #4b4b4b;
}
div#foot p a:hover, div#foot p a:active {
background-color: inherit;
color: #000;
}
/************************/
/* navegacio */
/************************/
#nav {
position: absolute;
top: 76px;
right: 9px;
width: 800px; /* CAMBIA POSICION TEXTO MENU PRINICPAL ! */
height: 42px;
padding: 0 10px 0 0; /* CAMBIA POSICION TEXTO MENU PRINICPAL ! */
background: transparent url(./imatges/nav_bg2.gif) no-repeat top right;
}
#nav ul {
float: right;
margin: 0;
padding: 0;
}
#nav ul li {
float: left;
margin: 0;
padding: 0;
display: inline;
line-height: 42px;
background: transparent url(./imatges/nav_divider.png) no-repeat top right;
}
#nav ul li.noborder {
background: none;
}
#nav ul li a {
float: left;
margin: 0 1px 0 0px;
padding: 0 0 0 12px;
text-decoration: none;
color: #444;
height: 42px;
font-weight: normal;
font-size:11px;
}
#nav ul li a span {
float: left;
display: block;
height: 42px;
padding: 0 12px 0 0;
}
#nav ul li a:hover,#nav ul li a.current{
background-color:#222723;
color:#000;
background: transparent url(./imatges/nav_hover.png) repeat-x top left;
border-top:2px solid #000;
}
#nav ul li a:hover span {
background-color:#222723;
color:#000;
background: transparent url(./imatges/nav_hover.png) repeat-x top left;
}
/******************/
/* PAGINA INTERNA */
/******************/
div#wrapcont{
margin: 0 auto;
width: 880px;
}
#wrapcont textarea:focus, #wrapcont input:focus {
border: 1px solid #900;
}
div#wrapcont:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*COLUMNA-IZQUIERDA*/
#izquierda{margin:0;padding:0; width:275px;float:left;padding-bottom:0px;}
/*COLUMNA-DERECHA*/
#derecha{width:575px;float:left;margin-left:10px;}
/*MENU*/
#menu{width:275px;background:#F0F0F0 url("./imatges/Esquinas_Bottom.gif") no-repeat bottom;padding-bottom:10px}
#menu h2{margin:0;padding:0;padding-top:15px;padding-left:15px;background:#F0F0F0 url("./imatges/Esquinas_Sup.gif") no-repeat}
#menu li h2{padding:0;margin:0}
#caja_menu{width:245px;margin:auto;}
#caja_menu ul{margin-top:5px;list-style:none;}
/*#caja_menu ul li{border-bottom:1px solid #C1C1C1}*/
#caja_menu li{line-height:1.36em;font-size:1.2em;position:relative}
#caja_menu li ul li{font-size:1em}
#caja_menu ul.tienda li.category_child{margin-left:15px;}
#caja_menu ul li a {
display: block;
color: #867525;
text-decoration: none;
margin: 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dashed #C0C0C0;
font-size: 11px;
}
#caja_menu ul li a:hover {
color: #851A1E;
}
#caja_menu ul.tienda li a{display:block;width:85%;}
#caja_menu ul.tienda li span{display:block;width:15%;text-align:right;color:#666666;position:absolute;margin-top:-1.36em;right:0;text-align:right;}
/*Hosteleria*/
div.t_cols{
width:820px;
position:relative;
left:50px;
float: left;
margin-bottom:20px;
}
div.t_cols1 {
float: left;
padding:0;
/* margin: 0 0 35px 20px;*/
}
div.t_cols h2{
font: bold 16px/1.5em Arial,Sans-serif;
text-transform: none;
background-color: inherit;
color: #4b4b4b;
/*margin: 10px 0 0 0;*/
padding: 0 0 0 25px;
}
div.t_cols h3{
font-size: 160%;
color: #851a1e;
}
div.t_colsimg {
float:left;
/*padding: 12px 0 0 0px;*/
/*margin-right:30px;*/
width: 190px;
height: 114px;
background: #fff url(./imatges/imatgesombra.jpg) no-repeat center;
color: inherit;
}
div.t_colsimg img{
margin-left:10px;
margin-top:10px;
width: 170px;
height: 88px;
}
div.t_colstext{
margin:0 10px;
width:600px;
float:right;
}
div.t_colstext h2{background-color:transparent;}
div.t_cols1 h3.heading{
border:1px solid #eee;
float:right;
/*padding-left:30px;*/
}
/**********************/
/*TABLES*/
div.wrap {
/*width: 600px;*/
padding:0;
margin:0 auto;
}
table.llistar a,
table.llistar a:link,
table.llistar a:visited {
border:none;
}
table.llistar {
font:12px/130% Arial,Helvetica,sans-serif;
width:98%;
/*border-right:1px solid #efefef;*/
margin:1em auto;
border-collapse:collapse;
}
table.llistar caption {
color: #9ba9b4;
font-size:20px;
line-height:22px;
letter-spacing:.1em;
padding:0;
margin:1em 0 0 0;
margin-bottom:0;
caption-side:top;
text-align:left;
background: #fff url(./imatges/h2_flor.gif) left no-repeat;
color: inherit;
padding-left:25px;
}
table.llistar tr.odd td,table.llistar tr.odd .column1 {
background-color:#fcfcfc;
}
table.llistar tr.alt td {
background-color: #efefef;
font-size:13px;
line-height:15px;
}
.column1 {
background-color:#f9fcfe;
}
table.llistar td,table.llistar td.nom {
border-bottom: 1px solid #efefef;
/* border-left:1px solid #efefef;*/
padding:.3em 1em;
text-align:left;
vertical-align: top;
}
table.llistar td.nom {
width:25%;
}
table.llistar th {
font-weight:normal;
/*color: #678197;*/
text-align:left;
/*border-top:1px solid #efefef;*/
border-bottom: 1px solid #efefef;
/*border-left:1px solid #efefef;*/
padding:.3em 1em;
}
table.llistar thead th {
background-color:#e8f2dc;
text-align:left;
font:bold 1.2em/1.5em Arial,Helvetica,sans-serif;
color:#66a3d3;
}
table.llistar thead th.nocolor,table.llistar tfoot th.nocolor {background-color: #fafafc;color:#66550F;}
table.llistar tbody th.proced{
color: #851a1e;
background-color:#fafafc;
font-size:12px;
font-weight:bold;
line-height:30px;
}
table.llistar tbody td{text-transform:lowercase;}
table.llistar tbody td.bolder{font-weight:bold;font-size:11px;}
table.llistar tfoot th {
background:#e8f2dc;
text-align:center;
}
table.llistar tfoot th strong {
font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
margin:.5em .5em .5em 0;
color:#66a3d3;
}
table.llistar tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal;
}