Body, A, Table, Tr, Td, P {
font-family: Arial Narrow, Arial;
font-size: 17pt;
color: #333;
}

Body {
//background-image: url(a.img/Fondo.jpg);
//background-attachment: fixed;
//background-position: top center;
background-color: white;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

A{
text-decoration:none;
}
a:hover {color:#AAAAAA;}

.A1{
text-decoration:none;
color:#DDD;
}
.a1:hover {color:#AAAAAA;}


.OpcionesTitulo {
	font-weight:bold;
	color: #AA0000;
	font-size:27pt;
}
.OpcionesTexto {
	color: #111111;
	font-size:16pt;
	text-shadow: 7px 8px 5px rgba(255,255,255,0.96), -4px -4px 3px #FFFFFF;
}

.Botones{
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.Botones:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.Botones:active {
	position:relative;
	top:1px;
}


 .DvHead{
    min-height:150px;
    width:auto;
    background-color:rgba(0,13,34,1.0);
    padding:10px;
    text-align:center;
    background-image: url(a.img/FondoHead.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    font-size:25pt;
    color:white;
    font-weight:bold;
text-align:center;
 background: rgb(96,1,1);
background: linear-gradient(149deg, rgba(96,1,1,1) 0%, rgba(218,3,3,1) 50%, rgba(94,3,8,1) 100%); 
}
 .DvHead H1 {
    color:white;
   font-size:27pt;
   font-weight:bold;
  text-shadow: 0px 20px 8px rgba(0, 0, 0, 0.4);
 }


 .DvSubHead{
    max-width:600px;
	margin:auto;
    background-color:rgba(0,13,34,1.0);
    padding:20px;
    text-align:center;
    background-image: url(a.img/FondoHead.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    font-size:25pt;
    color:white;
    font-weight:bold;
text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,262626+12,353535+25,282828+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4c4c4c 0%, #262626 12%, #353535 25%, #282828 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4c4c4c 0%,#262626 12%,#353535 25%,#282828 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4c4c4c 0%,#262626 12%,#353535 25%,#282828 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  border-radius: 25px;
  overflow:auto;
}



.DivCarrito {
	
	
	z-index:99999;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
	color:#DDDDDD;


background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(89,89,89,1) 8%, rgba(44,44,44,1) 16%, rgba(102,102,102,1) 24%, rgba(69,69,69,1) 88%, rgba(92,91,92,1) 91%, rgba(43,43,43,1) 97%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(0%, rgba(0,0,0,1)), color-stop(8%, rgba(89,89,89,1)), color-stop(16%, rgba(44,44,44,1)), color-stop(24%, rgba(102,102,102,1)), color-stop(88%, rgba(69,69,69,1)), color-stop(91%, rgba(92,91,92,1)), color-stop(97%, rgba(43,43,43,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(89,89,89,1) 8%, rgba(44,44,44,1) 16%, rgba(102,102,102,1) 24%, rgba(69,69,69,1) 88%, rgba(92,91,92,1) 91%, rgba(43,43,43,1) 97%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(89,89,89,1) 8%, rgba(44,44,44,1) 16%, rgba(102,102,102,1) 24%, rgba(69,69,69,1) 88%, rgba(92,91,92,1) 91%, rgba(43,43,43,1) 97%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(89,89,89,1) 8%, rgba(44,44,44,1) 16%, rgba(102,102,102,1) 24%, rgba(69,69,69,1) 88%, rgba(92,91,92,1) 91%, rgba(43,43,43,1) 97%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(89,89,89,1) 8%, rgba(44,44,44,1) 16%, rgba(102,102,102,1) 24%, rgba(69,69,69,1) 88%, rgba(92,91,92,1) 91%, rgba(43,43,43,1) 97%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

	
}



#ImgLogo {
    vertical-align:top;float:left;
}
#ImgLogo2 {
    vertical-align:top;float:right;margin-top:60px;margin-right:50px;
}

.Textboxes{
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


.DivProducto {
	margin: 15px 15px 15px 15px;
	width: 265px;
	height: 480px;
	text-align: center;
	display:inline-block;
	padding: 10px;
	cursor:pointer;
	overflow:auto;
border:1px solid #d0d0d0;
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;


box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);
-webkit-box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);
-moz-box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+1,ffffff+50,dddddd+73,dddddd+81,dddddd+94 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 1%, #ffffff 50%, #dddddd 73%, #dddddd 81%, #dddddd 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 1%,#ffffff 50%,#dddddd 73%,#dddddd 81%,#dddddd 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 1%,#ffffff 50%,#dddddd 73%,#dddddd 81%,#dddddd 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */



}



.DivProductoPromo {
	margin: 15px 15px 15px 15px;
	width: 265px;
	height: 480px;
	text-align: center;
	display:inline-block;
	padding: 10px;
	cursor:pointer;
	overflow:auto;
border:1px solid #d0d0d0;
background-image: url(../a.img/Promo.png);
background-repeat: no-repeat;
background-position: top left;
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;

box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);
-webkit-box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);
-moz-box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+1,ffffff+50,dddddd+73,dddddd+81,dddddd+94 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 1%, #ffffff 50%, #dddddd 73%, #dddddd 81%, #dddddd 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 1%,#ffffff 50%,#dddddd 73%,#dddddd 81%,#dddddd 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 1%,#ffffff 50%,#dddddd 73%,#dddddd 81%,#dddddd 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */


}

.DivProductoAgo {
	margin: 15px 15px 15px 15px;
	width: 265px;
	height: 480px;
	text-align: center;
	display:inline-block;
	padding: 10px;
	cursor:pointer;
	overflow:auto;
border:1px solid #d0d0d0;
background-image: url(../a.img/Agotado.png);
background-repeat: no-repeat;
background-position: top left;
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;

box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);
-webkit-box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);
-moz-box-shadow: 8px 10px 5px -6px rgba(0,0,0,0.23);

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+1,ffffff+50,dddddd+73,dddddd+81,dddddd+94 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 1%, #ffffff 50%, #dddddd 73%, #dddddd 81%, #dddddd 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 1%,#ffffff 50%,#dddddd 73%,#dddddd 81%,#dddddd 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 1%,#ffffff 50%,#dddddd 73%,#dddddd 81%,#dddddd 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */


}

.ProductoTitulo {
	font-weight:bold;
	color: #AA0000;
	font-size:19pt;
}