* {
margin: 0;
padding: 0;
}

/*Main*/

body {
margin: 0 auto;
padding: 0;
font: 70% Arial, Helvetica, sans-serif;
background: #fff;
text-align: center;
min-width: 880px;
}

/* General content */

#wrap {
color: #fff;
margin: 0 auto;
width: 880px;
border: none;
background: #fff;
text-align: left;
}

#hdr {
background: #9ACB3E url(images/pleca-verde.jpg) no-repeat;
width:880px;
height: 170px;
}

#gap {
background-color: #fff;
height: 15px;
width: 880px;
}

#intergap {
background-color: transparent;
height: 15px;
}

#content {
height: 400px;
background-image: url(images/bgaom.jpg);
padding-top:13px;
}

#content.cat {
height: 1600px;
background-image: url(images/bgaom.jpg);
background-repeat:repeat-y;
padding-top:13px;
}

#menu{
background-color: transparent;
color: #fff;
width: 140px;
height: 180px;
margin-right: 14px;
margin-left:10px;
float:left;
}

#tit {
height: 350px;
width:85px;
float:left;
margin-top:15px;
line-height:10px;  /* reducir interlineas */
}

#menu ul{
list-style-type: none;
list-style-image: none;
margin-left: 5px;
padding-left: 5px;
}

#menu ul li{
margin-bottom:20px;
}

#menu ul a {
font: 15px Arial, Helvetica, sans-serif;
color: #fff;
background-color: transparent;
text-decoration: none;
padding-left:15px;
padding-bottom:6px;
padding-top:3px;
padding-right:60px;
}

#menu ul a:hover {
color: black;
background-color: transparent;
}

#navlist a {
background-image: url(menu/but-normal.gif);
background-repeat: no-repeat;
width: 150px;
}

#navlist a:hover {
background-image: url(menu/but-hover.gif);
background-color: red;
background-repeat: no-repeat;
}

#navlist current a {
background-image: url(menu/but-current.gif);
background-color: #FFFF33;
background-repeat: no-repeat;
}

#im1{
background-color: transparent;
width: 188px;
height: 400px;
margin-right: 13px;
float:left;
position:relative;
}

#im2{
background-color: transparent;
width: 188px;
height: 400px;
margin-right: 13px;
float:left;
position:relative;
}

#im3{
background-color: transparent;
width: 188px;
height: 400px;
margin-right: 13px;
float:left;
position:relative;
}

#im4{
background-color: transparent;
width: 188px;
height: 400px;
margin-right: 13px;
float:right;
position:relative;
}

#tworows {
float: right;
}

/* 2rows 4 images */
#ima {
background-color: transparent;
width: 145px;
height: 185px;
margin-right: 5px;
float:left;
position:relative;
}

#imb {
background-color: transparent;
width: 145px;
height: 185px;
margin-right: 5px;
float:left;
position:relative;
}

#imc {
background-color: transparent;
width: 145px;
height: 185px;
margin-right: 5px;
float:left;
position:relative;
}

#imd {
background-color: transparent;
width: 145px;
height: 185px;
margin-right: 5px;
float:left;
position:relative;
}

/* 2rows 3images */
.im_2rows_3images {
background-color: transparent;
width: 175px;
height: 185px;
margin-right: 15px;
float:left;
position:relative;
}


#imal {
background-color: transparent;
width: 145px;
height: 384px;
margin-right: 5px;
float:left;
position:relative;
}

#imbl {
background-color: transparent;
width: 145px;
height: 384px;
margin-right: 5px;
float:left;
position:relative;
}

#imcl {
background-color: transparent;
width: 145px;
height: 384px;
margin-right: 5px;
float:left;
position:relative;
}

#imdl {
background-color: transparent;
width: 145px;
height: 384px;
margin-right: 5px;
float:left;
position:relative;
}

#imaa {
background-color: transparent;
width: 300px;
height: 185px;
margin-right: 13px;
float:left;
position:relative;
}

#imba {
background-color: transparent;
width: 300px;
height: 185px;
margin-right: 13px;
float:left;
position:relative;
}

#foot{
background-color: #BACD3C;
color: #fff;
height: 45px;
}

.submenu{
text-align: right;
font: 20px Arial, Helvetica, sans-serif;
line-height: 30px;
background-color: #cf6;
color: #fff;
}

#im1 .submenu{
position:absolute;
left:39px; top:180px;
}

#im2 .submenu{
position:absolute;
left:61px; top:180px;
}

#im3 .submenu{
position:absolute;
left:39px; top:210px;
}

#im4 .submenu{
position:absolute;
left:12px; top:210px;
}

h1{
font-size: 16px;
padding-bottom:5px;
margin-bottom:10px;
/*margin-left:-30px;*/
padding-top:10px;
color:#CEE06A;
border-bottom: 1px dotted #CEE06A;
}

h2{
font-size: 13px;
padding-bottom:5px;
padding-top:5px;
color:#A3D042;
width:auto;
}

img{
border: none;
behavior: url("pngbehavior.htc");    /* IE PNG  */
}

a{
text-decoration: none;
background-color: transparent;
color: #A3D042;
}

a:hover{
text-decoration: underline;
background-color: transparent;
color: #fff;
}

#content p{
padding-bottom:11px;
}

#height400 {
margin-left:20px;
height: 380px;
overflow: auto;
}

#height400a {
margin-left:20px;
height: 400px;
overflow: hidden;
}

.addcol {
width: 180px;
height:400px;
float:left;
margin-right: 13px;
}

#cols1{
width: 173px;
height:400px;
float:left;
margin-right: 13px;
}

#cols2{
width: 300px;
height:400px;
float:left;
margin-right: 5px;
position:relative;
}

#cols3{
width: 510px;
height:400px;
float:left;
margin-right: 13px;
}

#cols3a{
width: 410px;
padding-right: 13px;
overflow: auto;
float:right;
padding-right:150px;
text-align: justify;
}

#cols4{
/*width: 685px;
height:400px;
overflow: auto;
float:right;*/
width: 450px;
height:380px;
overflow: auto;
float:right;
padding-right:150px;
text-align: justify;
}

.clear {
clear: both;
}

.tab {
font-size:15px;
color:white;
background:#BACD3C;
margin-right:5px;
padding-left:10px;
padding-right:10px;
line-height:20px;
}

.tab1 {
font-size:13px;
color:white;
background:#518F42;
margin-right:5px;
padding-left:10px;
padding-right:10px;
line-height:20px;
}

.tab2 {
font-size:11px;
line-height:2em;
color:white;
background:transparent;
margin-right:5px;
padding-left:10px;
padding-right:10px;
line-height:17px;
}

.tab2 a,
.tab3 a,
.tab4 a {color:#fff;
}

.tab3 {
font-size:10px;
color:white;
background:transparent;
margin-right:5px;
padding-left:10px;
padding-right:10px;
line-height:15px;
}

ul li.tab2 a {
height:35px;
width:165px;
background-color:transparent;
display:block;
background-image: url(images/buttons.png);
background-position: top left;
background-repeat: no-repeat;
list-style-type: none;
list-style-image: none;
margin:0;
padding:0;
line-height:3em;
padding-left:30px;
}

ul li.tab2 a:hover {
color:green;
background-image: url(images/buttons.png);
background-position: center left;
background-repeat: no-repeat;
}

ul li.tab2 a.current2,
ul li.tab2 current2 a {
background-color:transparent;
color:#518F42;
background-image: url(images/buttons.png);
background-position: bottom left;
background-repeat: no-repeat;
text-transform: uppercase;
}

ul li.tab1,
ul li.tab2,
ul li.tab3,
ul li.tab4,
ul li.tab4bis {
list-style-type: none;
list-style-image: none;
margin: 0;
margin-left: 0;
}

.tab4 {
font-size:10px;
color:white;
background:transparent;
margin-right:5px;
padding-left:10px;
padding-right:10px;
line-height:15px;
}

.tab4bis,
.tab4bis a {
font-size:10px;
color:white;
background:transparent;
padding-left:15px;
line-height:10px;
}

.tab4bis a{
border-left:1px solid #BBCE3C;
padding-left:10px;
margin-left:-5px;
}

.tab4bisa{
border-left:1px solid blue;
margin-left:30px;
}

a.tab1 .current {
color: red;
text-transform: uppercase;
}

.current1 {
text-transform: uppercase;
text-decoration: none;
color: #518F42;
background-color: #fff;
}

/*.current2,
.current2 a {
text-transform: uppercase;
color:#BACD3C;
}*/

.current3,
.current3 a {
text-transform: uppercase;
text-decoration: underline;
color:#BACD3C;
}

.current4,
.current4 a,
.current4bis a {
text-transform: uppercase;
text-decoration: underline;
color:#BACD3C;
}

#menu1 {
float:right;
width: 880px;
margin:0;
padding-top: 5px;
}

#menu2 {
width:880px
font-size:11px;
color:white;
background:transparent;
margin-right:0px;
margin-left:114px;
padding-left:0px;
padding-right:5px;
margin-top:-13px;
}

#menu2 ul {

}

#menu2 ul li {
display: inline;
}

#col-1 {
width: 210px;    /* 232 */
height:380px;
float:left;
margin: 0;
overflow: visible;
/*overflow: auto;*/
/*border:1px solid yellow;*/
}

#col-1a{
width: 150px;
float:left;
margin: 0;
/*border:1px solid yellow;*/
}

#col-2 {
/*width: 200px;
height:300px;*/
width: 100%;
height:100%;
float:left;
margin-top:10px;
margin-left:20px;
position:relative;
margin-top:20px;
/*border:1px solid yellow;*/
}

#col-3 {
width: 100px;
height:300px;
float:left;
margin-right: 10px;
margin-top:40px;
/*border:1px solid yellow;*/
}

.col-3a {
float:left;
width: 102px;  /* 121 */
height: 192px;
margin-right: 5px;
margin-bottom:10px;
margin-top: 10px;
position:relative;

/* Nuevas medidas de minifotos */
background-color:transparent;
min-height: 192px;
margin-bottom:5px;
margin-top:0;
}

.col-3b {
float:left;
/*width: 102px;  /* 121 */
/*height: 192px;*/
margin-right: 5px;
margin-bottom:10px;
margin-top: 10px;
position:relative;

/* Nuevas medidas de minifotos */
background-color:transparent;
/*min-height: 192px;*/
margin-bottom:5px;
margin-top:0;

width: auto;
height: auto;
}

#col-4 {
width: 340px;
height:400px;
float:right;
margin-right: 10px;
overflow: hidden;
/*border:1px solid yellow;*/
}

#col-4a {
/*width: 680px;
height:1600px;
overflow: hidden;
text-align:center;
margin-left:0px;
color:#000;*/
width: auto;
height:1600px;
overflow: hidden;
text-align:center;
color:#000;
}

input #col-4a {color:#000;}

#logoepta {
position:relative;
margin-top:-10px;
float:left;
}

/* Round menu level 1 */
/*

body {
margin:0;
padding:0;
font: bold 0.8em Arial, Helvetica, sans-serif;
}
*/

h2 {
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0;
margin-bottom:15px;
padding: 0;
}

img {
border: none;
}

/*- Menu Tabs 5--------------------------- */

#tabs5 {
float:left;
width:100%;
background:transparent;
font-size:93%;
line-height:normal;
}

#tabs5 ul {
margin:0;
padding:2px 10px 0 0px;
list-style:none;
}

#tabs5 li {
display:inline;
margin:0;
padding:0;
}

#tabs5 a {
float:left;
background:url("images/tableft5.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabs5 a span {
float:left;
display:block;
background:url("images/tabright5.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack */

#tabs5 a:hover span {
color:#FFF;
}

#tabs5 a:hover {
background-position:0% -42px;
color:#BACD3C;
}

#tabs5 a:hover span {
background-position:100% -42px;
color:#BACD3C;
}

#tabs5 #current a {
background-position:0% -42px;
color:#BACD3C;
text-transform: uppercase;
}

#tabs5 #current a span {
background-position:100% -42px;
color:#BACD3C;
text-transform: uppercase;
}

#menuhdr{
float:right;
z-index:10;

/*padding-top:-20px;*/
/*position:absolute;
top:0px;
left:650px;*/
}

#hdricons {
float:left;
}

#login {
float: right;
background:transparent;
font-size:80%;
line-height:normal;
color:black;
z-index:20;
width:100%;
line-height:normal;
}


.address h1{
font-size:1.5em;
}

.address {
font-size:0.8em;
line-height:1.5em;
}

div.row {
clear: both;
padding-top: 10px;
}

div.row span.label {
float: left;
width: 150px;
text-align: right;
padding: 0px;
margin-right: 15px;
}

div.row span.formw {
float: left;
width: 200px;
text-align: left;
padding: 0;
margin: 0;
}

input,
.input,
textarea,
.button,
select {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
border: 1px solid #BACD3C;
background-color: transparent;
}

input.kwd {
border:solid 0 #fff;
color:#000;
background: url(images/botonzote.png) no-repeat;
height: 45px;
width: 200px;
padding-top: 10px;
padding-left: 10px;
font-size:1em;
margin-left:1px;
}

select {
background-color: #BACD3C;
color: #fff;
}

.button{
font-size: 10px;
width:100px;
background-color: #BACD3C;
color: #fff;
text-align: center;
cursor: pointer;
}

fieldset {
border: none;
}

legend {
color: #CEE06A;
background-color: transparent;
font-size: 12px;
padding-left:13px;
text-decoration: underline;
}

/* Main Menu styles */

.menu-L1 {
background-image: url(images/buttons.png);
background-position: top left;
background-repeat: no-repeat;
height:35px;
width:170px;
background-color:transparent;
display:block;
font: bold 14px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
margin:0;
padding:0;
line-height:2em;
text-align: left;
padding-left: 35px;
}

.menu-L1:hover {
text-decoration: underline;
cursor: hand;
color:green;
background-image: url(images/buttons.png);
background-position: center left;
background-repeat: no-repeat;
}

.active-L1, .menu-L1.current {
color:#518F42;
background-image: url(images/buttons.png);
background-position: bottom left;
background-repeat: no-repeat;
height:35px;
width:170px;
background-color:transparent;
display:block;
font: bold 1em Arial, Helvetica, sans-serif;     /* 1.5 */
text-transform: uppercase;
margin:0;
padding:0;
line-height:3.4em;    /* 2.4 */
text-align: left;
padding-left: 35px;
}

.menu-L2 {
background-color:transparent;
font: 1.2em  Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

.menu-L2:hover {
text-decoration: underline;
cursor: hand;
color:#bacd3c;
}

.active-L2 {
background-color:transparent;
font: 1.2em  Arial, Helvetica, sans-serif;
color:#bacd3c;
text-transform: uppercase;
}

.menu-L3 {
background-color:transparent;
font: 1.2em  Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
border-left: solid thin #bacd3c;
padding-left:4px;
}

.menu-L3:hover {
text-decoration: underline;
cursor: hand;
color:#bacd3c;
}

.active-L3 {
font: 1.2em Arial, Helvetica, sans-serif;
background-color:transparent;
color:#bacd3c;
text-transform: uppercase;
border-left: solid thin #bacd3c;
padding-left:4px;
}

/* Styles for catalog search display */

.nombre {
height: 1em;
min-height: 1.3em;
background-color:#bacd3c;
font-size:1.1em;
font-weight: bold;
width: 220px  /*165px;     3 columnas  aom*/
}

.linea {
padding: 5px 0;
height: 1em;
min-height: 1.3em;
font-weight: normal;
}

table {
font: 10px Arial, Helvetica, sans-serif;
border-collapse: collapse;
}

th {
padding: 0;
text-align: left;
}

tr.yellow td,
tr.yellow th {
border: 1px solid #CCC;
background: #fff;
}

.subprodtable {
width: 220px;   /*160px;     3 columnas aom*/
border-collapse: collapse;
border: 1x solid #CCC;
font-size:0.9em;
border-spacing: 0;
}

.subprodtable tr {
border: 1px solid #CCC;
}

.subprodtable td {
border: 1px solid #CCC;
padding: 0 0.2em;
/*padding:  0 0 0.1em 0.2em;*/     /* probemos asi */
vertical-align: top;
}

td.width {
border: 1px solid #CCC;
}

td.adjacent {
border: 1px solid #CCC;
text-align: left;
}

.per3col, .per3coldouble {
min-height: 350px;    /* 500px */
width: 220px; /*165px;*/  /* 168 */     /* 3 columnas aom */
float: left;
margin-left:0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

.per3coldouble {
width: 320px;
}

#content .per3col p,
#content .per3coldouble p {
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
line-height:  normal;                                     /*Previene que se vea el grid  1em*/
padding-bottom: 0;
}

.clr {
clear: both;
}

#newmenu {
/*float:right;
top: 0px;
width:600px;
position:absolute;
margin:0*/
float:right;
top: 0px;
width:600px;
position:relative;
margin-top:-100px;
margin-right:10px;
z-index:10;
}

.right {
float: right;
}

.left {
float: left;
}

.delivery {
background-color: #bacd3c;
}

.ficha {
font-weight: bold;
color: #000000;
}

#donas {
  background-color: transparent;
  color: #FFFFFF;
  font-size: 2em;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 10px;
  float: right;
  width: 270px;
  min-width: 270px;
}

#donas ul {
  list-style-type: none;
  background-color: transparent;
  color: #FFFFFF;
}

#donas a {
  background-color: transparent;
  color: transparent; /* #FFFFFF; */
}

#donas #current a {
  background-color: transparent;
  color: transparent; /* #FFCC33;*/
}

a.menu-alimentos {
background-image: url(menu/menu-alimentos.png);
/*background-position:-55px -13px;*/
background-repeat: no-repeat;
/*line-height:50px;*/
  min-width: 270px;
  width: 270px;
  min-height: 27px;
}

a.menu-alimentos:hover {
background-image: url(menu/menu-alimentos-hover.png);
/*background-position:-55px -53px;*/
background-repeat: no-repeat;
}

a.menu-guest {
background-image: url(menu/menu-guest.png);
/*background-position:-55px -42px;*/
background-repeat: no-repeat;
/*line-height:50px;*/
  min-width: 270px;
  width: 270px;
    height: 27px;
}

a.menu-guest:hover {
background-image: url(menu/menu-guest-hover.png);
/*background-position:-55px -102px;*/
background-repeat: no-repeat;
}

a.menu-mobiliario {
background-image: url(menu/menu-mobiliario.png);
/*background-position:-55px -70px;*/
background-repeat: no-repeat;
/*line-height:50px;*/
  min-width: 270px;
  width: 270px;
    height: 27px;
}

a.menu-mobiliario:hover {
background-image: url(menu/menu-mobiliario-hover.png);
/*background-position:-55px -165px;*/
background-repeat: no-repeat;
}