@charset "utf-8";
/* CSS Document */
/************************************************/
/* BANDERES
/************************************************/
.banderes{ float:right; }
.banderes img{ float:right; height:34px;width:49px; margin:20px 0 0 10px;}
.bandcat, .bandes, .banden, .bandcatSelected, .bandesSelected, .bandenSelected{ background:url('../img/banderes.png') no-repeat; }
.bandcat{ background-position: -95px 0px;}
.bandes{ background-position: -47px 0px;}
.banden{ background-position: -0px 0px;}
.bandcat:hover,.bandcatSelected{ background-position: -95px -33px;}
.bandes:hover, .bandesSelected{ background-position: -47px -33px;}
.banden:hover, .bandenSelected{ background-position: -0px -33px;}
#peu .by6tems{
    height:21px;
    width:43px;
    background:url(../img/6tems.gif) 0px -21px no-repeat;
    float:right;
    margin:15px 0 15px 50px;
}
#peu .by6tems:hover{
    background-position: left top;
}

/************************************************/
/* BOTONS
/************************************************/
.botoLlarg, .botoLlargSelected{
    background:url(../img/btSubmenu/fonsbotons_productos.jpg) left top repeat-x transparent;
    border:1px solid #ccc;
    display:block;
    width:210px;
    margin:0 0 10px 0;
    padding:0;
    font-size:16px;
    line-height:30px;
    color:#575759;
}
.botoLlarg:hover, .botoLlargSelected{
    color:#B30818;
    border-color:#ECC5B4;
}
.botoLlarg .botoLlargInterior, .botoLlargSelected .botoLlargInterior{
    background:url(../img/btSubmenu/fletxa.png) right bottom no-repeat transparent;
    font-size:14px;
    line-height:30px;
    width:205px;
    padding-left:10px;
    display:block;
}
.botoLlarg:hover .botoLlargInterior, .botoLlargSelected .botoLlargInterior{
    background-position: right top;
}
.botoVermell{
    display:block;
    margin:10px 0 0;
    padding:0;
}
.botoVermell .btVermellEsq{
    background:url(../img/btVermell/boto_esquerra.png) right center no-repeat transparent;
    height:36px;
    width:15px;
    float:left;
    border:none;
    margin:0;
    padding:0;
}
.botoVermell:hover .btVermellEsq{
    background:url(../img/btVermell/boto_esquerrarollover.png) right center no-repeat transparent;
}
.botoVermell .btVermellDrt{
    background:url(../img/btVermell/boto_dreta.png) left center no-repeat transparent;
    height:36px;
    width:15px;
    float:left;
    border:none;
    margin:0;
    padding:0;
}
.botoVermell:hover .btVermellDrt{
    background:url(../img/btVermell/boto_dretarollover.png) left center no-repeat transparent;
}
.botoVermell .btVermellCos{
    background:url(../img/btVermell/boto_centre.png) left center repeat-x transparent;
    height:36px;
    float:left;
    color:#fff;
    margin:0;
    padding:0;
    font-size:10px;
    font-weight:bold;
    line-height:36px;
}
.botoVermell:hover .btVermellCos{
    background:url(../img/btVermell/boto_centrerollover.png) left center repeat-x transparent;
}
.bannerAlt{
    background:url(../img/fons_bannerAlt.png) left top no-repeat transparent;
    width:221px;
    height:147px;
}
.bannerNormal{
    background:url(../img/fons_bannerNormal.png) left top no-repeat transparent;
    width:221px;
    height:113px;
}
.bannerNormal a:hover h2, .bannerAlt a:hover h2{
    color:#333;
}
.bannerProductes{
    background:url(../img/fons_marques.png) left top no-repeat transparent;
    width:221px;
    height:130px;
}

/************************************************/
/* GENERALS
/************************************************/
.clearFloat { clear:both; font-size:1px; height:0px; }
a, img{ outline:none; }
img{ border:none; }
.bordeGris{ border:1px solid #ccc; }
a{ text-decoration:none; }
A{ text-decoration:none; outline:none;}
P{ text-align:justify;color:#575759;line-height:14px; margin:0 0 10px 0; padding:0;}
BODY{font-family:"Trebuchet MS";color:#575759;font-size:12px;background:url(../img/logofons1.png) bottom right no-repeat #fff;}
.tot{ width:900px; margin:0 auto;}

h2{
    font-size:14px;
    line-height:14px;
    color:#B30818;
    margin:0;
    padding:0;
}
h3{
    padding-left:10px;
    margin-bottom:20px;
    background:url(../img/fletxes/vermell.jpg) left center no-repeat transparent;
}
.titolVermell{
    background:url(../img/titulars_vermell.jpg) top left no-repeat transparent;
    padding:0 0 0 15px;
    font-size:20px;
    font-weight:bold;
    color:#B30818;
    line-height:33px;
    margin:10px 0 0;
}
.titolGris{
    background:url(../img/titulars_gris.jpg) top left no-repeat transparent;
    padding:0 0 0 15px;
    font-size:20px;
    font-weight:bold;
    color:#58585A;
    line-height:33px;
    margin:10px 0 0;
}

/************************************************/
/* PEU
/************************************************/
#peu{
    background-color:#6A6C6B;
    margin:0;
    padding:0;
    height:50px;
    font-size:10px;
    color:#C6C8C7;
}
#peu .tot{
    line-height:50px;
}
#peu b,#peu strong,#peu a{
    color:#fff;
    font-weight:bold;
}
#peu a:hover{
    text-decoration:underline;
}

/************************************************/
/* CAP
/************************************************/
#cap{
    height:120px;
    margin:0;
    padding:0;
}
#capSubmenu{
    height:45px;
    margin:0 0 30px 0;
    background:url(../img/menu/ombra_menu.gif) bottom left repeat-x #EEEDE8;
}
.bt_capSubmenuHome{
    display:block;
    height:30px;
    width:52px;
    border-left:1px solid #9F9F9F;
    background:url(../img/boto_home.png) center center no-repeat transparent;
    float:left;
}
.bt_capSubmenuHome:hover{
    background-color:#CBCBC9;
}
.bt_capSubmenu, .bt_capSubmenuSelected{
    display:block;
    line-height:30px;
    width:140px;
    border-left:1px solid #9F9F9F;
    background:url(../img/menu/fletxa_menu.gif) bottom center no-repeat transparent;
    float:right;
    color:#58595B;
    font-size:11px;
    text-align:center;
    font-weight:bold;
}
.bt_capSubmenu:hover, .bt_capSubmenuSelected{
    background-color:#CBCBC9;
}
.idiomes{}
.logo{}

/************************************************/
/* tot
/************************************************/
.colEsq{
    width:210px;
    margin-right:30px;
    float:left;
}
.colCentral{
    width:420px;
    float:left;
}
.colDrt{
    width:221px;
    float:right;
}
.colCentral, .colEsq, .colDrt{
    margin-bottom:50px;
}


.scrollable {
	position:relative;
	overflow:hidden;
	width: 201px;
	height:70px;
}
.scrollablePortada {
	position:relative;
	overflow:hidden;
	width: 330px;
	height:200px;
}
.scrollable .items , .scrollablePortada  .items{
	width:20000em;
	position:absolute;
}
.scrollable .items div {
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	width: 201px;
	height:70px;
	text-align:center;
}
.scrollablePortada .items div {
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	width: 330px;
	height:200px;
	text-align:center;
}
.scrollablePortada .items div p{
	color:#ccc;
	font-size:30px;
	line-height:35px;
	font-weight:bold;
	width:330px;
	text-align:left;
	text-shadow:#333 1px 1px 2px;
}
.scrollablePortada .items div p b, .scrollablePortada .items div p strong{
	color:#B30818;
}
#missatges{
    position:fixed;
    top:50%;
    left:50%;
    width:300px;
    height:80px;
    margin:-40px 0 0 -150px;
    display:none;
    background-color:#333;
    text-align:center;
    padding:25px;
    border:2px solid #fff;
    color:#fff;
    font-size:14px;
    line-height:16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    z-index: 999;
}

/* PAGINADOR */
#pager ul.pages {
	display:block;
	border:none;
	text-transform:uppercase;
	font-size:14px;
	margin:10px 0 50px;
	padding:0;
}

#pager ul.pages li {
	list-style:none;
	float:left;
	text-decoration:none;
	margin:0 5px 0 0;
	padding:5px;
	color:#333;
	line-height:20px;
}

#pager ul.pages li:hover {
	color:#B40818;
}

#pager ul.pages li.pgEmpty {
	color:#fff;
}

#pager ul.pages li.pgCurrent {
	color:#B40818;
	font-weight:bold;
}
#pager ul.pages .fletxaEsq{
	height:20px;
	width:20px;	
	background:url('../img/botons_shadow.png') -0px -10px no-repeat;
	vertical-align: middle;
	border:none;
}
#pager ul.pages .fletxaDreta{
	height:20px;
	width:20px;	
	background:url('../img/botons_shadow.png') -44px -10px no-repeat;
	vertical-align: middle;
	border:none;
}