#footer{ background-color:#d7d7d7; padding:40px 0px 40px 0px; clear:both; width:100%; }
#footer ul{ text-align:center;}
#footer ul li{ margin:0px 10px 0px 10px; display:inline-block;}
#footer ul li a{ text-decoration:none; color:#000;}
#credits{ margin:40px auto auto auto; width:400px; text-align:center; font-size:12px; line-height:14px;}
#footer a{ color:#000;}

.item{ width:200px; margin:0px 40px 40px 40px;  float:left; font-weight:300;}
.item-pic{}
.item-name{ background-color:#000; color:#FFF; text-align:center; padding:10px 0px 10px 0px;}
.item-name p{}
.item-name p.item-name-title{font-weight:600;}





.item-list{ float:left; margin:0px 20px 40px 20px;width:246px;height:246px;}
.item-list img{width:246px;height:246px;}
.item-list-hover{ background-color:#fff; font-weight:600; color:#000; /*width:352px; height:352px;*/ width:246px; height:246px; position:absolute; opacity:0.8; text-align:center; display:none; font-size:20px;}
.item-list-hover p{ margin-top:115px; }

.custom{ float:left; margin:0px 15px 40px 15px;width:400px;height:266px;}
.custom img{width:400px;}
.custom-hover{ background-color:#fff; font-weight:600; color:#000; /*width:352px; height:352px;*/ width:400px; height:266px; position:absolute; opacity:0.8; text-align:center; display:none; font-size:20px;}
.custom-hover-title{ margin-top:115px; }
.custom a{ color:#FFF; font-size:14px; background-color:#000; padding:6px 8px 4px 8px; text-decoration:none; margin:10px; }
.custom p{margin:20px 5px 0px 5px; }

.ocultar{
	display:none;
}

tr.pedidostabla
    {
    background: none;
    }
 
tr.pedidostabla:hover
    {
    background: rgba(255, 239, 239, 1);
    }

#overbox2 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
	height: 100%;
    z-index: 1;
    display: block;
	background-color: #000000;
	opacity: 0.3;
}
#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: auto;
    width: 100%;
    text-align:center;
    background-color: #eeeeee;
	padding-bottom: 20px;
	padding-top: 20px;
	z-index: 2;

}
#infobox3 p {
    
    text-align:center;
}
#infobox3 p a {
    margin-right:10px;
	margin-top: 20px;
}


/* The overlay effect with black background */
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
}

.overlaytlf {
width: 90%;
display: none;
position: fixed;
z-index: 400;
top: 3%;
left: 5%;
background-color: rgba(255, 255, 255, 0.9);
border: solid 3px black;
padding: 0px 10px;
}

/* Close button */
.overlaytlf .closebtn {
  position: absolute;
  color: #000;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  transition: all 300ms linear 0s;
}

.overlaytlf .closebtn:hover {
  color: #c33436;
}

/* The content */
.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

/* Close button */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
  transition: all 300ms linear 0s;
}

.overlay .closebtn:hover {
  color: #c33436;
}

/* Style the search field */
.overlay input[type=text] {
  padding: 15px;
  font-size: 30px;
  border: none;
  float: left;
  width: 100%;
  background: none;
  border-bottom: solid 3px #fff;
  color: #c33436;
  transition: all 300ms linear 0s;
}

.overlay input[type=text]:hover {
  border-bottom: solid 3px #C1C1C1;
}

/* Style the submit button */
.overlay button {
  float: left;
  width: 60px;
  padding: 15px;
  background: none;
  font-size: 40px;
  border: none;
  cursor: pointer;
  color: #fff;
  position: absolute;
  margin-left: -75px;
  transition: all 300ms linear 0s;
}

.overlay button:hover {
  background: none;
	color: #c33436; 
}