/* +--------------------------------------------------------------------------------------------+ */
/* !  Menús                                                                                     ! */
/* +--------------------------------------------------------------------------------------------+ */

#menus {
	float : left;
	width : 960px;
	height : 81px;
	margin : 0 auto;
}

/* +--------------------------------------------------------------------------------------------+ */
/* !  Logotipo "La Bona Cuina"                                                                  ! */
/* +--------------------------------------------------------------------------------------------+ */

#logo {
	float : left;
	width : 176px;
	height : 46px;
	margin : 0px 0px 0px 0px;
	padding : 18px 15px 17px 15px;
}


/* +--------------------------------------------------------------------------------------------+ */
/* !  Menú Principal                                                                            ! */
/* +--------------------------------------------------------------------------------------------+ */

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.preload1 {
	background: url(../img/blancogif) repeat-x repeat-y;
}

.preload2 {
	background: url(../img/blanco.gif) repeat-x repeat-y;
}


.prodrop4 {
	width : 610px;
	padding : 27px 0px 0px 0px; /* 0 0 0 32px; */
	margin : 0px 0px 0px 20px;
	list-style : none;
	height : 27px; /* 36px; */
	background:transparent /* url(prodrop4/pro_drop4_back.gif)*/ ;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	float : left;
}

.prodrop4 li.top {
	display:block;
	float:left;
}

.prodrop4 li a.top_link {
	display : block;
	float : left;
	height : 27px; /* 36px; */
	line-height : 15px; /* 27px; */
	color : #505153; /* #666; */
	text-decoration : none;
	font-size : 10px; /* 11px; */
	font-weight : normal; /* bold; */
	padding : 0px 0px 35px 0px;
	cursor : pointer;
	/* background: url(prodrop4/pro_drop4_0a.gif) no-repeat; */
}

.prodrop4 li a.top_link span {
	float : left;
	display : block;
	padding : 0 10px 0px 10px; /* 0 20px 0 10px; */
	height : auto; /* 27px; */ /* 36px; */
	/* background:url(prodrop4/pro_drop4_0b.gif) right top; */
	border-left : dotted 1px #909192;
}

.prodrop4 li a.top_link span h1 {
    font-size : 10px;
	font-weight : normal;
	color : #ff0000;
}

.prodrop4 li a.top_link span h2 {
    font-size : 10px;
	font-weight : normal;
	color : #ffffff;
}

.prodrop4 li a.top_link:hover {
	color : #ff0000; /* #000; */
	/* background: url(prodrop4/pro_drop4_2a.gif) no-repeat; */
	line-height : 15px; /* 25px; */
}

.prodrop4 li a.top_link:hover span {
	/* background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top; */
	color : #ff0000; /* #000; */
}

.prodrop4 li:hover > a.top_link {
	color : #505153; /* #000; */
	/* background: url(prodrop4/pro_drop4_2a.gif) no-repeat; */
	line-height : 15px; /* 25px; */
}

.prodrop4 li:hover > a.top_link span {
	/* background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top; */
}


.prodrop4 table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {
	visibility:visible;
	position:relative;
	z-index:200;
}

.prodrop4 li:hover {
	position:relative;
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style:none;
}

.prodrop4 ul.sub {
	width : auto;
}

.prodrop4 :hover ul {
	left : 0;
	top : 54px; /* 35px; */
	background : #ffffff url(../img/fondo_submenu.gif) repeat-x;/* #b9d3fb; */
	padding : 10px 0px 15px 0px; /* 3px; */
	border-left : 1px dotted #909192;
	border-width:0 1px 1px;
	white-space:nowrap;
	height:auto;
	z-index:300;
}
.prodrop4 :hover ul li {
	display : block;
	height: auto; /* 20px; */
	position:relative;
	font-weight:normal;
	width:auto;
	font-size: 9px;
	line-height : 20px;
	padding : 0px 15px 0px 15px;
	color : #505153;
	text-decoration : none;
}

.prodrop4 :hover ul li a {
	display : inline; /* block; */
	font-size : 9px; /* 11px; */
	height : auto; /* 20px; */
	width : auto;
	/* padding : 0px 5px 0px 5px; */
	color : #505163; /* #000; */
	text-decoration:none;
}

.prodrop4 :hover ul li a:hover {
	/*background : #ffffff;*/ /* #3a93d2; */
	color : #ff0000; /* #fff; */
}

.prodrop4 :hover ul li h3 {
	display : inline; /* block; */
	font-size : 9px;
	height : auto;
	line-height: auto; /* 20px; */
	width : auto;
	color : #505153;
	text-decoration : none;
    font-weight : bold;
	/* padding : 0px 5px 0px 5px; */
}

.prodrop4 :hover ul li b {
	display : inline; /* block; */
	font-size : 9px;
	height : auto;
	line-height: auto; /* 20px; */
	width : auto;
	color : #ff0000;
	text-decoration : none;
    font-weight : normal;
	font-style : italic;
}


/* +--------------------------------------------------------------------------------------------+ */
/* !  Menú Secundario ( Empresa / Contacta )                                                    ! */
/* +--------------------------------------------------------------------------------------------+ */

#menuSec {
	float : right;
	width : 95px;
	height : 61px;
	margin : 0px 0px 0px 0px;
	padding : 20px 6px 0px 0px;
	font-size : 10px;
}

#menuSecEmpresa, #menuSecContacta {
	width : 95px;
	/*height : 20px;*/
}

#menuSec ul li {
	list-style-type : none;
}

#menuSec a {
	text-decoration : none;
}

#menuSecEmpresa {
	margin : 0px 0px 3px 0px;
	/*padding : 20px 0px 0px 0px;*/
}

#menuSecContacta {
	margin : 0px 0px 0px 0px;
	/*padding : 3px 0px 0px 0px;*/
}


.itemMenuSec {
	width : 85px;
	height : 20px;
	padding : 3px 0px 0px 10px;
	background-image : url(../img/boton_gris.jpg);
	background-repeat : no-repeat;
	color : #505152;
	display: block;
	margin: 0;
}

.itemMenuSec:hover {
	background-image : url(../img/boton_rojo.jpg);
	background-repeat : no-repeat;
	color : #ffffff;
}

.itemMenuSec a {
	text-decoration : none;
	color : #000000;
}