body {margin:0px;}	/*Quitar el borde blanco alrededor de la web*/
#logo {
	height:160px;
	width:100%;
/* 	background-image: -o-linear-gradient(bottom, #F49C1D 18%, #FFBC38 59%, #FFE254 80%);
	background-image: -moz-linear-gradient(bottom, #F49C1D 18%, #FFBC38 59%, #FFE254 80%);
	background-image: -webkit-linear-gradient(bottom, #F49C1D 18%, #FFBC38 59%, #FFE254 80%);
	background-image: -ms-linear-gradient(bottom, #F49C1D 18%, #FFBC38 59%, #FFE254 80%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.18, #F49C1D),
		color-stop(0.59, #FFBC38),
		color-stop(0.8, #FFE254)
	);
	background-image: linear-gradient(bottom, #F49C1D 18%, #FFBC38 59%, #FFE254 80%); */
	background:url('../images/cabecera5.jpg') no-repeat;

}
#cartel{
	margin:0 auto;
	width:80%;
}
#cartel img{
	margin:0px;
	width:100%;
	border:2px solid grey;
	border-radius:5px;
}
#nombre{
	width:200px;
	height:40px;
	position:relative;
	top:-10px;
}
#logomundo{
	width:50px;
	height:50px;
}
#eslogan{
	height:40px;
	float:right;
}
#menu{
	border:solid;
	height:43px;

}

.nav {
	position:relative;
	right:20px;
	list-style:none;
}
.nav > li {
	float:left;
}

.nav li a {

	font-weight:bold;
	text-decoration:none;
	color: #444; 
	display:block;
	/* border-right:1px solid white;
	border-left:1px solid white; */
	padding:10px 32px 10px 12px;
 	border-radius:7px;
	list-style:none;
	transition:box-shadow 0.8s ease;
	-webkit-transition: box-shadow 0.8s ease; /* Safari */
	box-shadow:0;
}

.nav li a:hover {
	box-shadow: 0 60px 50px -30px rgba(255, 255, 255, .5) inset;
}

.nav li {
	position:relative;
	top:-5px;
	list-style:none;
}

.nav li ul {


	background: rgba(20,20,20,0.9);
	border-radius: 7px;
	z-index:1;
	display:none;
	position:absolute;
	padding-left: 0px;

	top:60px;

}
.nav li ul li{
	position:relative;
	top:0px;
	left:0px;
}

.nav li:hover > ul {
	display:block;
}
.nav li ul:hover{
	display:block;
}

.nav li ul li ul {
	left:80px;
	top:0;
	
	background: rgba(29,29,29,1);
	
	
	
}
.nav li ul li ul li a{

	border-bottom:1px #3e3e3e solid;

	position:relative;
	right:0px;
	top:0px;
}





#contenido {
	background-image: -o-linear-gradient(bottom, #F1C978 1%, #FFF29C 51%, #FFFFBC 76%);
	background-image: -moz-linear-gradient(bottom, #F1C978 1%, #FFF29C 51%, #FFFFBC 76%);
	background-image: -webkit-linear-gradient(bottom, #F1C978 1%, #FFF29C 51%, #FFFFBC 76%);
	background-image: -ms-linear-gradient(bottom, #F1C978 1%, #FFF29C 51%, #FFFFBC 76%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, #F1C978),
		color-stop(0.51, #FFF29C),
		color-stop(0.76, #FFFFBC)
	);
	background-image: linear-gradient(bottom, #F1C978 1%, #FFF29C 51%, #FFFFBC 76%);
/* 	background-image:url('../images/arena.jpg') no-repeat center center fixed;
 */	background: url('../images/arena5.jpg'); 
}
#relleno{				/*Para que el #interior llegue hasta abajo*/
	clear:both;
}
#interior{
	padding-top:19px;	/*Para que funcione el float:left*/
	margin:0px auto;
	width:90%;
	background-color:white;
}
#interiorfotos{
	padding-top:19px;	/*Para que funcione el float:left*/
	margin:0px auto;
	width:75%;
	background-color:white;
}

/*index******************************************************************/



#info{
	font: 16px Georgia, serif;
	color: #333;
	width:60%;
	padding-left:10px;
	padding-right:10px;
	border-left:2px solid #D8D0D0;
	border-right:2px solid #D8D0D0;
	float:right;
}
#salidas *{
	margin:5px;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:22px;
}
#proxima, #recogida{
	margin-bottom:15px;
	height:50px;
	border:1px solid black;
	border-radius:7px;
	background-image: -o-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -moz-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -ms-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(197,191,142)),
		color-stop(0.51, rgb(237,230,171)),
		color-stop(0.76, rgb(255,255,206))
	);
	background-image: linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	transition:height 0.8s ease;
	-webkit-transition: height 0.8s ease; /* Safari */ 
}
#proxima:hover,#recogida:hover{
	height:90px;
}
#proxima:hover .oculto,#recogida:hover .oculto{
	opacity:1;
}
.visible{
	padding:5px;
}
.oculto{
	padding-bottom:5px;
	padding-left:5px;
	opacity:0;
	transition:opacity 0.8s ease, height 1s ease;
	-webkit-transition:opacity 0.8s ease, height 1s ease; /* Safari */ 
}

#promociones .oculto {
	height:0px;
	margin:0px;
	font: 16px Georgia, serif;
	color: red;
}
#promociones:hover .oculto {
	height:90px;
	opacity:1;
}

#promociones {
	margin-left:5px;
	padding-bottom:5px;
	border-bottom:2px solid #D8D0D0;
        border:1px solid white;
        border-radius:5px;
}
#promociones:hover{
        border:2px solid #D8D0D0;
        margin-bottom:5px;
}
#promociones h1 {
	font-family:Helvetica, Arial, Sans-Serif;
	margin:0px;
	color:#FF2D2D;
	text-shadow:2px 2px 2.4px black;
}

/*Fotos**************************************************************/



.img img {
	border: 4px solid #FFFFFF;
box-shadow:3px 3px 10px rgba(0,0,0,0.3);
border-radius:5px;
	max-height:150px;
	max-width:200px;
	-webkit-transition: -webkit-transform 0.8s ease, z-index 0.8s ease; 
 /*   -moz-transition: -webkit-transform 0.8s ease; 
	-o-transition: -o-transform 0.8s ease;  */
	-ms-transition: -ms-transform 0.8s ease, z-index 0.8s ease;
    transition: transform 0.8s ease, z-index 0.8s ease;
    margin-bottom: 30px; 
}

#todasfotos{
     text-align:center;
     font: 16px Georgia, serif;
     color: #333;
     margin-top:20px;
     padding-bottom:20px;
}
/**Videos****************************************************************************************/
#youtube{
	margin-bottom:10px;
	float:left;
}

#explicacion{
	float:left;
	width:30%;
	font-family:Georgia, Serif;
	font-size:22px;
	color: #333;
	border-left:2px solid #D8D0D0;
	margin-left:10px;
	padding-left:10px;
}
/**Precios********************************************************/

table {
	border:2px groove grey;
	border-radius:5px;
}
table *{
	border-radius:5px;
	padding:7px;
	border:3px ridge grey;
 	transition:border 0.8s ease;
	-webkit-transition:border 0.8s ease; /* Safari */ 
}
td:hover,td:hover+td{
	border:3px solid black;
}



/**Contacto***************************************************************************************/

#page-wrap { font: 14px Georgia, serif; width: 370px; margin-top: 40px; margin-left:auto; margin-right:auto;}

#contacto { font: 32px Helvetica, Arial, Sans-Serif; margin: 0 0 20px 0; text-align:center;}
p { margin: 0 0 20px 0; }
a { text-decoration: none; }

.slide-up-boxes a { 
	display: block; 
	height: 130px; 
	margin: 0 0 20px 0; 
	background: rgba(215, 215, 215, 0.5); 
	border: 1px solid #ccc; 
	height: 65px; 
	overflow: hidden; 
}
		
.slide-up-boxes h5 { 
	color: #333;
	margin-top:0px;
	text-align: center;
	height: 65px; 
	font: italic 18px/65px Georgia, Serif;    /* Vertically center text by making line height equal to height */
	opacity: 1;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear; 
}
		
.slide-up-boxes a:hover h5 { 
	margin-top: -95px; 
	opacity: 0; 
}
		
.slide-up-boxes div { 
	position: relative; 
	color: white; 
	font: 12px/15px Georgia, Serif;
	height: 45px; 
	padding: 10px;
	opacity: 0; 
	-webkit-transition: all 0.4s linear; 
	transition: all 0.4s linear; 
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(6deg); /* Safari and Chrome */
}
.slide-up-boxes a:hover div { 
	opacity: 1; 
	transform:rotate(0);
	-ms-transform:rotate(0); /* IE 9 */
	-webkit-transform:rotate(0); /* Safari and Chrome */
}
.slide-up-boxes a:nth-child(1) div { background: #2cad1e url(../images/whatsapp.png) 19px 5px no-repeat; padding-left: 100px; }
.slide-up-boxes a:nth-child(2) div { background: #3b5998 url(../images/facebook.png) 15px 3px no-repeat; padding-left: 90px; }
.slide-up-boxes a:nth-child(3) div { background: #00acee url(../images/twitter.png) 18px 8px no-repeat; padding-left: 103px; }
.slide-up-boxes a:nth-child(4) div { background: #f37021 url(../images/correo.png) 25px 0px no-repeat; padding-left: 113px; }
.slide-up-boxes a:nth-child(5) div { background: #ff3132 url(../images/youtube.png) 19px 5px no-repeat; padding-left: 100px; }

/**ficha de envio********************************************************/
#fichaenvio{
	font: 16px Georgia, serif;
	color: #333;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border-left:2px solid #D8D0D0;
	border-right:2px solid #D8D0D0;
}
#fichaenvio a {
	font-size:18px;

}

/*embalaje*******************************************************/


/*pie de pagina*********************************************************/
#pie{
	clear:both;
	margin:0px;
	padding:10px;
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
}

#pie p{
	color:white; 
	margin:0;
	text-align:center;
}

/*carrito / registro *********************************************************/



.formcontrol{
	background: #fff;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.alert {
  padding: 15px;
  margin: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.flogin{
	margin-top:30px;
	margin-bottom:50px;
	padding:30px;
	border:1px solid #666;
	width:350px;
}
.fcontrolp{
	margin:10px;	
}

.categ{
	font-size:15px;
	padding-left:10px;
	color:navy;
	font-family:Helvetica,Arial,sans-serif;
	margin:10px;
	height:30px;
	border:1px solid black;
	border-radius:7px;
	background-image: -o-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -moz-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -ms-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(197,191,142)),
		color-stop(0.51, rgb(237,230,171)),
		color-stop(0.76, rgb(255,255,206))
	);
	background-image: linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	transition:height 0.8s ease;
	-webkit-transition: height 0.8s ease; /* Safari */ 
}

.categ2{
	margin-left:50px;
	font-size:12px;
	padding-left:4px;
	color:navy;
	font-family:Helvetica,Arial,sans-serif;
	margin-top:10px;
	margin-right:5px;
	height:25px;
	border:1px solid black;
	border-radius:7px;
	background-image: -o-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -moz-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -ms-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(197,191,142)),
		color-stop(0.51, rgb(237,230,171)),
		color-stop(0.76, rgb(255,255,206))
	);
	background-image: linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	transition:height 0.8s ease;
	-webkit-transition: height 0.8s ease; /* Safari */ 
}

.txtcant{
	border:1px solid black;
	background-color:#fff;
	font-size:16px;
	padding:2px;
	margin:2px;
	background-image:none;
	text-align:center;
	width: 50px;
}


.anlat{

	margin-left:10px;
	font-size:20px;
	padding-left:10px;
	padding-top:8px;
	color:black;
	font-family:Helvetica,Arial,sans-serif;
	margin-top:25px;
	margin-bottom:25px;
	margin-right:10px; 
	border:1px solid black;
	border-radius:7px;
	background-image: -o-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -moz-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -ms-linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(197,191,142)),
		color-stop(0.51, rgb(237,230,171)),
		color-stop(0.76, rgb(255,255,206))
	);
	background-image: linear-gradient(bottom, rgb(197,191,142) 1%, rgb(237,230,171) 51%, rgb(255,255,206) 76%);
	transition:height 0.8s ease;
	-webkit-transition: height 0.8s ease; /* Safari */ 

}


.tablaform{
    background-color:#fff;
    background-image:none; !important;
}
.fichaform{
    background-color:#fff;
    background-image:none; !important;
	width:95%;
}

.ctxtp{
   display:none;
    height:430px;
    width:70%;
    background-color:#fdead2;
    border:4px solid #888; 
    margin-bottom:20px;
    padding:30px;   
    background-image: url('../images/logomundo2.png');
    background-repeat: no-repeat;
    background-position:  left bottom;
} 

.cuadrorrss{ 
	padding:15px;margin:2px;height:240px;
	cursor:pointer;
}
.cuadrorrss:hover{ 
	text-decoration:none;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.cab1{
	width:100%;
	height:120px;
	background-image: url('../images/horizb.jpg');
	margin-top:50px;
}
.cab2{
	margin-left:40px;
	padding-top:35px;
	font-weight:bold;
	color:white;
	text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.8); 
}
.bannerindex{
	width:100%; 
	margin-top:80px;
}

.precios1{
	font-size:26px;    margin: 10px;    border: 1px solid #ccc;    padding: 10px; background-color:#fff;
}
.precios2{
	font-size:12px;
}
.precios3{
	margin-top:60px;
	font-size:14px;
}
.preciosb{
	background-image: url('../images/precios2.jpg'); background-repeat:no-repeat;background-position:center;background-size:contains;color:black;height:1000px;padding:80px;width:105%;
}
@media (max-width: 768px) {
  .bannerindex {
    height: 200px; 
	object-fit:cover; object-position:center;
  }
   .piecontactar{
		margin-left:0% !important;
  }
  
	.precios1{
		font-size:16px;    margin: 10px;    border: 1px solid #ccc;    padding: 10px; background-color:#fff;
	}
	.precios2{
		font-size:9px;
	}

	.precios3{
		margin-top:40px;
		font-size:12px;
	}
	.preciosb{
		background-image: url('../images/precios2.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;color:black;height:1100px;padding:40px 15px 0px 15px;width:105%; ;
	}
}