html{
font-size: 12px;
}
body {
background:#FFF;
color: #000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px;
}
table, div{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* GENERALS */
.clear{
clear: both;
}
.font10{
font-size: 10px;
}
.font11{
font-size: 11px;
}
.font12{
font-size: 12px;
}
.font13{
font-size: 13px;
}
.font15{
font-size: 15px;
}
.font18{
font-size: 18px;
}
.font25{
font-size: 25px;
}
.font_negreta{
font-weight: bolder;
}
.font_gris{
color: #313131;
}
.font_red{
color: #dd0000;
}
a{
text-decoration: none;
color: #000;
}
a:hover{
color: #909090;
}
#container {
background: url(../img/caixa_principal.jpg) no-repeat;
/* 940x566 */
position: absolute;
width: 898px;
height: 524px;
top: 50%;
left: 50%;
margin-top: -283px;
margin-left: -470px;
padding: 18px 23px 24px 19px;
z-index: -5;
}
#logo_flash{
position: absolute;
top: 18px;
right: 23px;
width: 223px;
height: 83px;
background: transparent;
}
.roda{
float: left;
margin-left: 35px;
margin-top: -3px;
}
.avis_legal{
margin: 10px auto 0px auto;
text-align: center;
}
.avis_legal, .avis_legal a{
color: #b1b1b1;
}
.avis_legal a:hover, .avis_legal a.sel{
color: #000;
}
/* MENU SUPERIOR */
#container_menu{
margin-top: 30px;
height: 42px;
}
#menu ul{
float: left;
/* margin-right: 223px;
*/
margin: 0px 0px 0px 20px;
padding: 0px;
list-style: none;
width: 752px;
height: 42px;
background: #f5f5f5;
font-size: 11px;
}
#menu li{
float: left;
line-height: 42px;
margin: 0px 10px;
position: relative;
z-index: 0;
text-align: left;
white-space: nowrap;
width: 65px;
display: block;
text-align: center;
}
#menu li a{
color: #252525;
}
#menu li a:hover, #menu li a.sel{
color: #000;
font-weight: bolder;
}
/* ZONA CONTINGUTS */
#container_continguts {
margin-top: 10px;
height: 350px;
padding: 45px;
}
#container_continguts_sorteig {
margin-top: 10px;
height: 350px;
padding: 45px;
padding-top: 20px;
}
#container_continguts .portada, #container_continguts .productes {
margin-top:10px;
}
#container_continguts_fitxa{
margin-top: 10px;
height: 400px;
padding: 20px 40px 20px 40px;
}
.caixa_esq{
float: left;
width: 50%;
}
.caixa_dreta{
float: right;
width: 50%;
}
.caixa_esq_productos{
width: 66%;
float: left;
}
.caixa_dreta_productos{
width: 34%;
float: right;
}
/*****************************************************************/
/* SECCI� PORTADA ************************************************/
/*****************************************************************/
#video_portada{
float: left;
margin-top: -10px;
margin-left: -5px;
width: 494px;
height: 400px;
}
#novedades{
float: left;
margin-top: -10px;
margin-left: -5px;
width: 494px;
height: 400px;
}
@-moz-document url-prefix() {
#novedades{
float: left;
margin-top: -9px;
margin-left: -5px;
width: 494px;
height: 400px;
}
}
#novedades_text{
position: absolute;
margin-top: 350px;
margin-left: 135px;
*left: 45px;
*top: 45px;
z-index: 10;
}
#novedades_1{
position: absolute;
margin-top: 275px;
margin-left: 135px;
*left: 45px;
*top: 45px;
z-index: 10;
}
#novedades_2{
position: absolute;
margin-top: 275px;
margin-left: 212px;
*left: 45px;
*top: 45px;
z-index: 10;
}
#novedades_3{
position: absolute;
margin-top: 275px;
margin-left: 289px;
*left: 45px;
*top: 45px;
z-index: 10;
}
#novedades_4{
position: absolute;
margin-top: 275px;
margin-left: 366px;
*left: 45px;
*top: 45px;
z-index: 10;
}
/* CAT�LEG PRODUCTES */
.ll_productes_esq{
width:350px;
float:left;
display: table-row;
margin-right: 5px;
}
.ll_productes_esq div, .ll_productes_dreta div{
float: left;
line-height: 23px;
margin-bottom: 3px;
margin-right: 5px;
display: table-cell;
}
.ll_productes_dreta{
width:350px;
float: right;
display: table-row;
}
.preu_llistat_tatxat {
background: url(../img/preu_tatxat_p.png) no-repeat center;
display: block;
float: left;
height: 23px;
line-height: 23px;
margin-right: 10px;
text-align: right;
white-space: nowrap;
/*width: 42px;
*/
}
.preu_fitxa_tatxat {
background: url(../img/preu_tatxat_g.png) no-repeat left;
display: block;
z-index: 10;
height: 45px;
text-align: left;
min-width: 85px;
}
.preu_llistat{
color: #dd0000;
white-space: nowrap;
text-align: right;
}
.titol_test{
padding-bottom: 5px;
}
/* FITXA DE PRODUCTE */
.titol_producte_fitxa{
font-size: 21px;
margin-bottom: 15px;
}
.caixa_prefitxa{
height: 45px;
position: relative;
}
.caixa_producte{
height: 308px;
}
.foto_fitxa{
float: left;
/* margin-left: 15px;
*/
}
.descripcio_fitxa{
margin-left: 15px;
margin-top: 10px;
float: left;
width: 300px;
}
.descripcio_fitxa p{
margin: 0px;
padding: 0px;
}
.descripcio_fitxa div div span{
margin-bottom: 5px;
}
.marca {
float: left;
}
.preu_anterior {
position: absolute;
left: 205px;
font-size: 20px;
color: #250ece;
white-space: nowrap;
line-height: 45px;
}
.preu_actual {
left: 340px;
position: absolute;
font-size: 24px;
line-height: 45px;
}
.enviar_mail {
float: right;
line-height: 45px;
}
a.mail{
color: #dd0000;
}
a.mail:hover{
color: #909090;
}
/*****************************************************************/
/* P�GINA DE PRODUCTES (MARQUES) *********************************/
/*****************************************************************/
.caixa_descripcio_productes{
/* width: 261px;
*/
text-align: right;
height: 242px;
}
.contenidor_marques{
width: 650px;
}
.contenidor_marques img{
border: none;
}
.contenidor_marques div{
float: left;
margin: 0 5px 13px 0;
}
.contenidor_marques div div{
margin: 0px 0px 8px 0px;
float: none;
height: 28px;
}
.contenidor_marques div.ultim{
margin-right: 0px;
margin-left: 0px;
}
.contenidor_marques div.nomarges{
margin: 0px;
}
.marquesTable{
margin-top: 10px;
}
.marquesTable td{
height: 80px;
}
.marquesRow1 img{
margin-right: 0px;
}
.marquesRow2 img{
margin-left: 35px;
}
.tooltip{
background: url(../productes/tooltip.png) transparent no-repeat;
display: none;
width: 141px;
height: 76px;
/* 64px */
padding: 23px 20px 20px 20px;
}
.tooltip ul{
margin: 0px;
padding: 0px;
list-style-image: url(../productes/li_imatge.gif);
list-style-position: inside;
}
.tooltip li{
margin-bottom: 3px;
}
.tooltip div{
margin: 0px;
}
/*****************************************************************/
/* NOSOTROS ******************************************************/
/*****************************************************************/
#container_continguts_quiensomos {
margin-top: 10px;
height: 395px;
padding: 0px 45px 45px 45px;
}
#gps{
background: url(../img/donde_gps.jpg) no-repeat;
width: 377px;
height: 290px;
position: relative;
}
a.donde{
color: #dd0000;
}
a.donde:hover{
color: #909090;
}
/*****************************************************************/
/* VIDEOS ********************************************************/
/*****************************************************************/
.item_video{
width: 149px;
height: 170px;
float: left;
margin-right: 5px;
}
.item_video img{
border: 1px solid #999999;
margin-bottom: 5px;
}
#image_play_video{
width: 149px;
height: 89px;
position: absolute;
background: url(/images/plantilla_videos.png) no-repeat;
z-index: 100;
}
#fresh_link{
position: absolute;
left: 925px;
bottom: 24px;
width: 7px;
height: 66px;
}
#fresh_link:hover {
cursor: pointer;
}
/*#fb{
position: absolute;
bottom: 2px;
left: 831px;
}
*/
/*****/
#clientes_door{
position: absolute;
width: 152px;
height: 321px;
margin-left: 550px;
}
.button_enviar {
background: url('../images/button_enviar.gif') no-repeat;
width: 53px;
height: 22px;
border: 0px;
cursor: pointer;
}
#invalid_user{
display: none;
}
/* NEW HOME 31/01/2011 */
#shop_online{
position: absolute;
width: 350px;
height: 300px;
margin-top: 0px;
margin-left: 475px;
*margin-top: 50px;
*margin-left: 0px;
/*border: 1px solid #000000;
*/
}
#catalegs{
position: absolute;
width: 155px;
height: 173px;
margin-top: 0px;
margin-left: 0px;
}
#catalegs_text_top{
position: absolute;
width: 150px;
height: 88px;
margin-top: 0px;
margin-left: 155px;
}
#catalegs_text{
position: absolute;
width: 212px;
height: 124px;
margin-top: 90px;
margin-left: 166px;
font-size: 11px;
color: #898989;
letter-spacing: 1px;
line-height: 18px;
}
#pen{
position: absolute;
width: 189px;
height: 76px;
margin-top: 180px;
margin-left: 25px;
}
#pen_cap{
position: absolute;
width: 189px;
height: 76px;
margin-top: 183px;
margin-left: 230px;
display: block;
}
#conectate{
position: absolute;
width: 139px;
height: 62px;
margin-top: 255px;
margin-left: 175px;
}
/* Social */
#facebook{
background: url('/images/facebook.jpg') no-repeat top left;
width: 22px;
height: 67px;
position: absolute;
margin-left: 899px;
margin-top: 100px;
cursor: pointer;
}
#twitter{
background: url('/images/twitter.jpg') no-repeat top left;
width: 22px;
height: 87px;
position: absolute;
margin-left: 899px;
margin-top: 177px;
cursor: pointer;
}
/* End Social */
/* Sorteig */
h1.sorteig{
font-size: 16px;
color: #ca161b;
}
#ver_pdf{
cursor: pointer;
margin-top: -5px;
margin-left: 10px;
position: absolute;
}
/* Fix banner flash Chrome*/
#banner_header{
display: none;
}
#banner_header_2{
display: block;
}
@media only screen and (min-width : 1224px) {
#banner_header{
display: block;
}
#banner_header_2{
display: none;
}
}