/*******************PRINCIPAL*************************/
body {
	background: url(../../imagenes/body_bg.gif) top center repeat-x #416641;
	margin: 0px;
	padding: 10px 0;
	font: 11px/16px "Lucida Sans", Verdana, Arial, Helvetica;
	word-spacing: 1px;
}
#principal {
	position: relative;
	width: 770px;
	margin: 0 auto;
	padding: 0px;
}
a {
	color: #557427;
	text-decoration: none;
}
a:hover {
	color: #344718;
}
img {
	border-style: none;
}
hr {
	 width: 298px;
	 color: #999999;
	 height: 1px;
	 margin-top: 2px;
	 margin-bottom: 2px;
}
input, textarea {
	font: 11px "Lucida Sans", Verdana, Arial, Helvetica;
}

/*******************CABEZA****************************/
#cabeza {
	width: 770px;
	height: 127px;
	background: url(../../imagenes/head.gif) no-repeat;
}
#logo {
	position: absolute;
	margin: 38px 0 0 36px;
	width: 298px;
	height: 71px;
	background: url(../../imagenes/brug_logo.gif) no-repeat;
}
#icons {
	position: absolute;
	top: 45px;
	left: 460px;
	width: 48px;
	height: 20px;
	padding-top: 5px;
	padding-left: 7px;
}
#idioma {
	position: absolute;
	top: 50px;
	left: 453px;
	width: 200px;
	text-align: right;
	font-size: 10px;
	color: #557427;
	margin: 0px;
}
#idioma a {
	color: #999999;
}
#idioma a:hover {
	color: #557427;
}
#busca {
	position: relative;
	top: 65px;
	left: 453px;
	width: 210px;
	height: 35px;
}
#address {
	padding-top: 40px;
	padding-left: 32px;
	text-align: left;
	font-size: 10px;
	color: #666666;
}

/*********************MENU*****************************/
#menu {
	width: 770px;
	height: 36px;
	background: url(../../imagenes/menu_bg.gif) no-repeat;
}
#item1 a {
	float: left;
	width: 80px;
	height: 31px;
	margin-left: 21px;
	background: url(../../imagenes/menu_esp/01_off.gif) no-repeat;
}
#item1 a:hover, #item1 .on {	
	background: url(../../imagenes/menu_esp/01_on.gif) no-repeat;
}
#item2 a {
	float: left;
	width: 89px;
	height: 31px;
	background: url(../../imagenes/menu_esp/02_off.gif) no-repeat;
}
#item2 a:hover, #item2 .on {	
	background: url(../../imagenes/menu_esp/02_on.gif) no-repeat;
}
#item3 a {
	float: left;
	width: 80px;
	height: 31px;
	background: url(../../imagenes/menu_esp/03_off.gif) no-repeat;
}
#item3 a:hover, #item3 .on {	
	background: url(../../imagenes/menu_esp/03_on.gif) no-repeat;
}
#item4 {
	float: left;
	width: 90px;
	height: 31px;
	background: url(../../imagenes/menu_esp/04_off.gif) no-repeat;
}
#item4 a {
	float: left;
	width: 90px;
	height: 31px;
	background: url(../../imagenes/menu_esp/04_off.gif) no-repeat;
}
#item4 a:hover, #item4 .on {	
	background: url(../../imagenes/menu_esp/04_on.gif) no-repeat;
}
#item5 a {
	float: left;
	width: 120px;
	height: 31px;
	background: url(../../imagenes/menu_esp/05_off.gif) no-repeat;
}
#item5 a:hover, #item5 .on {	
	background: url(../../imagenes/menu_esp/05_on.gif) no-repeat;
}
#item6 {
	float: left;
	width: 101px;
	height: 31px;
	background: url(../../imagenes/menu_esp/06_off.gif) no-repeat;
}
#item6 a {
	float: left;
	width: 101px;
	height: 31px;
	background: url(../../imagenes/menu_esp/06_off.gif) no-repeat;
}
#item6 a:hover, #item6 .on {	
	background: url(../../imagenes/menu_esp/06_on.gif) no-repeat;
}
#item7 a {
	float: left;
	width: 75px;
	height: 31px;
	background: url(../../imagenes/menu_esp/07_off.gif) no-repeat;
}
#item7 a:hover, #item7 .on {	
	background: url(../../imagenes/menu_esp/07_on.gif) no-repeat;
}

#item8 a {
	float: left;
	width: 85px;
	height: 31px;
	background: url(../../imagenes/menu_esp/08_off.gif) no-repeat;
}
#item8 a:hover, #item8 .on {	
	background: url(../../imagenes/menu_esp/08_on.gif) no-repeat;
}

#item9 a {
	float: left;
	width: 60px;
	height: 31px;
	background: url(../../imagenes/menu_esp/09_off.gif) no-repeat;
}
#item9 a:hover, #item9 .on {	
	background: url(../../imagenes/menu_esp/09_on.gif) no-repeat;
}

/*********************SUBMENU***************************/
ul {
	margin: 0 0 10px 0;
	list-style-type: none;
}

#submenu ul {
	padding-left: 25px;
	padding-top: 10px;
}
#submenu ul a {
	display: block;
	padding: 4px 6px;
	width: 150px; 
}
#submenu ul a:hover {
	background: url(../../imagenes/sub_line.gif) bottom repeat-x #E4E2D4;
}
#submenu .on {
	background: url(../../imagenes/sub_line.gif) bottom repeat-x #E4E2D4;
}

#submenu2 ul {
	padding-left: 25px;
	padding-top: 2px;
}
#submenu2 ul a {
	display: block;
	width: 150px; 
}
#submenu2 ul a:hover {
	background: url(../../imagenes/sub_line.gif) bottom repeat-x #E4E2D4;
}
#submenu2 .on {
	background: url(../../imagenes/sub_line.gif) bottom repeat-x #E4E2D4;
}
#popitmenu{
	position: absolute;
	background-color: #F3F5E3;
	border: 1px solid #666666;
	font-size: 10px;
	padding: 10px;
	line-height: 16px;
	z-index: 100;
	visibility: hidden;
}
#popitmenu h1 {
	font-size: 11px;
	font-weight: normal;
	color: #557427;
	margin: 0px 0px 0px 0px;
}

#popitmenu a{
	padding-left: 5px;
	text-decoration: none;
	color: #333333;
	background: #ffffff;
	font-weight: normal;
	display: block;
}
#popitmenu a:hover{
	color: #ffffff;
	background-color: #336633;
}

/*********************CONTENIDO***************************/
#main {
	width: 770px;
	background: url(../../imagenes/bg_main.gif) repeat-y; 
}
#contenido {
	float: left;
	padding-left: 20px;
	margin-top: 28px;
	padding-bottom: 25px;
	width: 436px;
}
#submenu {
	float: left;
	margin-top: 25px;
	padding-left: 40px;
	width: 235px;
	background: url(../../imagenes/border.gif) right repeat-y;
}
#submenu2 {
	float: left;
	margin-top: 25px;
	padding-left: 40px;
	width: 235px;
	background: url(../../imagenes/border.gif) right repeat-y;
}
#contenido h1 {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	color: #557427;
	margin-top: 0px;
}
#contenido ul a:hover{
	background: #ffcc00;
}
#ww_flash {
	float: left;
	padding-left: 15px;
	margin-top: 24px;
	padding-bottom: 5px;
	width: 444px;
}
#main a {
	background: url(../../imagenes/sub_line.gif) bottom repeat-x;
	padding-bottom: 1px;
}
.img {
	float: left;
	margin: 0 12px 4px 0;
}
.productos {
	float: left;
	margin-left: 5px;
	width: 186px;
}
.seccion {
	padding: 10px;
	display: block;
	width: 197px; 
	height: 133px; 
	background: url(../../imagenes/img_bg.gif) no-repeat;
}

/*********************INICIO***************************/

#contenido2 {
	float: left;
	padding-left: 20px;
	margin-top: 28px;
	padding-bottom: 25px;
	width: 360px;
}
#inicio {
	float: left;
	margin-top: 25px;
	padding-left: 40px;
	width: 316px;
	background: url(../../imagenes/border.gif) right repeat-y;
}
#inicio p {
	margin-left: 15px;
	margin-right: 30px;
}
#preview p {
	margin-top: 6px;
	line-height: 14px;
	text-align: left;
	font-size: 10px;
	color: #333333;
}
.inicio_img_big {
	padding: 12px;
	display: block;
	width: 272px; 
	height: 133px; 
	background: url(../../imagenes/img_in_bg2.gif) no-repeat;
}
.inicio_img_small {
	padding: 10px;
	display: block;
	width: 136px; 
	height: 77px; 
	background: url(../../imagenes/img_in_bg.gif) no-repeat;
}

/*********************PRODUCTOS MENU********************/

.mainDiv {
  	float: left;
	padding-left: 10px;
	width: 200px;
}
.topItem {
	width: 185px;
	height: 16px;
	cursor: pointer;
	background: #E4E2D4;
	text-decoration: none;
	padding: 5px;
}
.topItemOn {
	width: 185px;
	height: 16px;
	background: #336633;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
}
.dropMenu {
    padding-left: 15px;
    padding-top: 5px;
}
.dropMenuOn {
    background: #EEEEEE;
	width: 180px;
}
.subMenu2 {
    display: none;
}

/*********************FOOTER***************************/
#footer {
	width: 770px;
	height: 130px;
	background: url(../../imagenes/footer.gif) bottom no-repeat;
	padding-top: 10px;
}
#footer p {
	color: #788994;
	font-size: 10px;
	padding-left: 70px;
	padding-top: 35px;
}