body {
	font-family: Arial, Helvetica, sans-serif;
	background:#99182c;
}

.clearer{
clear:both;
}

#mainBox{
width:720px;
height:590px;
border:3px solid #888;
margin:25px auto 0 auto;
/*background:#fff*/;
}

#header{
height:60px;
border:1px solid #fff;
background:#fff;
}

#header h1{
background:url(../img/logoidesde.gif) no-repeat 20px 0;
text-indent:-9999px;
float:left;
margin:10px 0 0 0;
padding:0;
}

#header h1 a{
display:block;
width:210px;
height:50px;
}

#header ul {
margin:20px 10px 0 0;
padding:0;
list-style:none;
float:right;
}

#header ul li{
float:left;
padding:0 10px 0 0;
font-size:9px
}

#header ul li a{
color:#000000;
text-decoration:none;
}

#header ul li a:hover{
color:#99182c;
}
/* tot aixo del header*/


#content{
border:1px solid #fff;
background:#fff;
}

#content .left{
width:205px;
float:left;
padding-left:18px
}

#content .menu ul {
width:90px;
margin:0 0px 0 0px;
padding:0;
list-style:none;
float:right;
float:left;
}

#content .menu ul li{
padding:4px 0;
}

#content .menu ul.menu ul li{
padding:0;
}

#content .left ul.menu {
}

#content .menu ul li a:hover{
color:#99182c;
}

ul.menu a {
	/*color: white;*/
	color: black;
	text-decoration: none;
	display: block;
	width: 100%;
	padding:8px 0;
}

ul.menu,
ul.menu ul {
	list-style: none;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
	width: 90px;
}

ul.menu ul {
	font: 13px sans-serif; /* aixo esta afegit x mi*/
	position: absolute;
	top: 0;
	left: 98px;
	visibility: hidden;
}

ul.menu li.first {
border-top:1px solid #000;
}

ul.menu li {
	position: relative;
	border-bottom:1px solid #000;
}

ul.menu li ul li{
	border:none;
}

ul.menu li:hover {
	/*background: rgb(153, 24, 44);*/
}
ul.menu li:hover > ul {
	visibility: visible;
}
li.menu > a {
	font-size:14px;
	background: url(../img/flecha.png) no-repeat 3px 13px;
	padding-left:13px;
}

li.menu > a:hover {
color:#99182c;
}

#content .right{
float:right;
width:480px;

/*border:1px solid blue;*/
}

#content .right .banner{
height:70px;
border:3px solid #888;
margin:0 20px 0 0;
}

#content .right .window{
border:3px solid #888;
margin-top:20px;
margin:20px 20px 0 0;
height:390px;
background:#fff;
}

/*Estils 4caixes:seccio packaging*/

.window .box{
width:225px;
height:190px;
float:left;
margin-top:3px;
}

.window .box h2{
font-size:12px;
margin:0;
padding:10px 10px 10px 15px;

}

.window .box h2 a{
color:#99182c;
text-decoration:none;
}

.window .box h2 a:hover{
color:#444;
}

.window .box h2 span{
display:block;
}

.window .box p{
font-size:9px;
margin:0;
padding:15px;
color:#888;
}

/*estils llistat de noticies*/

.window ul{
list-style:none;
margin:0;
padding:20px;
}

.window ul li{
border-bottom:1px solid #ccc;
}

.window ul li h2{
color:#99182c;
margin:0;
padding:8px 0 0 0;
font-size:11px;
}

.window ul li p{
color:#888;
margin:0;
padding:6px 0 0 0;
font-size:12px;
}

.window ul li div.link{
text-align:right;
padding-bottom:5px;
}

.window ul li .link a{
text-align:right;
color:#000;
font-size:9px;
}

.window ul li .link a:hover{
color:#99182c;
}

/*Estils caja scroll*/

.caja_scroll {
	overflow: auto;
	padding: 0;
	margin: 8px;
	height: 375px;
	scrollbar-face-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #FF9900;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-track-color: #000000;
	}

/*Estils formulari contacte*/


.window .formulariBox{

}

.window .formTop{

}

.window .formTop .adresa{
/*width:130px;
float:left;*/
}

.window .formTop h3, .window .formBottom h3{
color:#99182c;
font-size:12px;
margin:0 0 10px 0;
padding-left:15px;
}

.window .formTop .adresa p, .window .formBottom p{
font-size:9px;
margin:0;
padding:0px 10px 10px 15px;
color:#888;
}

.window .formTop .adresa p span{
color:#000;
padding:3px 0 ;
display:block;
}

.window .formTop .adresa p a{
color:#888;
}

.window .formTop .adresa p a:hover{
color:#99182c;
}

.window .formTop #map_canvas{
width:300px;
height:200px;
float:right;
}

.window .formBottom{
width:250px;
float:left;
border-top:1px solid #888;
padding-top:8px;
/*padding-top:20px;*/
}

.window .formBottom .leftForm{
width:47%;
float:left;
padding-left:15px;
}

.window .formBottom .rightForm{
width:47%;
float:right;
}

.window .formBottom .leftForm label, .window .formBottom .rightForm label{
color:#000;
font-size:11px;
display:block;
padding:3px 0 6px 0;
}

.window .formBottom .leftForm input, .window .formBottom .rightForm input, .window .formBottom .rightForm textarea{
border:1px solid #99182c;
font-size:11px;
}

.window .formBottom .rightForm .enviar{
text-align:right;
}

.window .formBottom .rightForm .enviar input{
margin:10px 22px 0 0;
color:#fff;
background:#99182c;
}

#footer{
background:#99182c;
height:60px;
padding: 0px;
margin: 0 0 0 0;
border-top:3px solid #888;
margin-top: -30px;
z-index:100;
}

#footer p{
border-top:1px solid #888;
border-bottom:1px solid #888;
margin-left:20px;
padding:8px 0 8px 15px;
width:90px;
font-size:13px;
background: url(../img/flechag.png) no-repeat 3px 13px;
}

#footer p a{
color:#888;
text-decoration:none;
}

#footer p a:hover{
color:#444;
}

.window .boxpack{
width:150px;
float:left;
margin:3px 0 0 10px;
/*height:190px;*/
border:1px solid yellow;
}

.window .boxpack h2{
color:#99182c;
font-size:12px;
}

.window .boxpack p{
color:#888;
font-size:9px;
padding:0 10px 0 0;
}


.window .boxpack h2 span{
display:block;
}

.window .parrilla{
width:280px;
float:right;
margin:3px 10px 0 0;
/*height:190px;*/
border:1px solid brown;
overflow: auto;
height: 375px;
scrollbar-face-color: #000000;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FF9900;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-track-color: #000000;
}

.window .parrilla .product{
width:78px;
height:90px;
border-left:1px solid #888;
border-bottom:1px solid #888;
float:left;
margin:10px 4px 0 0;
}

.window .parrilla .product img{
width:65px;
height:60px;
margin: 0 5px;
}

.window .parrilla .product a img{
border:none;
}

.window .parrilla .product p{
font-size:9px;
color:#000;
margin:3px 5px;

}