body{
	padding:0px;
	margin:0px;
	}
#ventana-flotante {
			width: 450px;
			  height: 524px;
			  background: #ffffff;
			  position: fixed;
			  top: 65px;
			  left: 35%;
			/*margin-left: -180px;*/
			border: 1px solid #fff; /* Borde de la ventana */
			box-shadow: 0 5px 25px rgba(0,0,0,.1);  /* Sombra */
			z-index:99999;
			font-size:16px;
			font-weight:bold;
			}
			#ventana-flotante #contenedor {
			padding: 25px 10px 10px 10px;
			}
			#ventana-flotante .cerrar {
			float: right;
			border-bottom: 1px solid #bbb;
			border-left: 1px solid #bbb;
			color: #999;
			background: white;
			line-height: 17px;
			text-decoration: none;
			padding: 0px 14px;
			font-family: Arial;
			border-radius: 0 0 0 5px;
			box-shadow: -1px 1px white;
			font-size: 18px;
			-webkit-transition: .3s;
			-moz-transition: .3s;
			-o-transition: .3s;
			-ms-transition: .3s;
			}
			#ventana-flotante .cerrar:hover {
			background: #ff6868;
			color: white;
			text-decoration: none;
			text-shadow: -1px -1px red;
			border-bottom: 1px solid red;
			border-left: 1px solid red;
			}
			#ventana-flotante #contenedor .contenido {
			padding: 15px;
			box-shadow: inset 1px 1px white;
			background: #deffc4;  /* Fondo del mensaje */
			border: 1px solid #9eff9e;  /* Borde del mensaje */
			font-size: 20px;  /* Tamaño del texto del mensaje */
			color: #555;  /* Color del texto del mensaje */
			text-shadow: 1px 1px white;
			margin: 0 auto;
			border-radius: 4px;
			}
			.oculto {
				-webkit-transition:1s;
				-moz-transition:1s;
				-o-transition:1s;
				-ms-transition:1s;
				opacity:0;
				-ms-opacity:0;
				-moz-opacity:0;
				visibility:hidden;
			}
#contenedor{
	width:100%;
	height:auto;
	margin:0px auto;
	position:relative;
	/*box-shadow: 0px 0px 13px 0px black;*/
}
#header{
	width:100%;
	height:162px;
	background-image:url('../imagenes/header.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	margin:0px auto;
	position:relative;
}
#slider{
	margin:0px auto;
	position:relative;
	width:100%;
	height:432px;
}
#contenido{
	  font-family: "Cocogoose";
	  width:100%;
	  height:auto;
	  background-color:white;
}
#menu{
	width:100%;
	height:88px;
	background-image:url('../imagenes/menu2.png');
	background-size:cover;
	margin:0px auto;
	position:relative;
}
#fb{
	background-image:url('../imagenes/fb.png');
	background-size:cover;
	width:30px;
	height:30px;
}
#fb:hover{
	background-image:url('../imagenes/fb2.png');
	background-size:cover;
	width:30px;
	height:30px;
}
#tw{
	background-image:url('../imagenes/tw.png');
	background-size:cover;
	width:30px;
	height:30px;
}
#tw:hover{
	background-image:url('../imagenes/tw2.png');
	background-size:cover;
	width:30px;
	height:30px;
}
#youtube{
	background-image:url('../imagenes/youtube.png');
	background-size:cover;
	width:65px;
	height:47px;
}
#youtube:hover{
	background-image:url('../imagenes/youtube2.png');
	background-size:cover;
	width:65px;
	height:47px;
}
#contacto{
	width:306px;
	height:500px;
	position:relative;
	background-image:url('../imagenes/contacto.png');
}
#contacto2{
	width:672px;
	height:370px;
	position:relative;
	background-image:url('../imagenes/contacto2.png');
}
#contacto3{
	width: 833px;
	height: 370px;
	position: relative;
	/* background-image: url('../imagenes/contacto22.png'); */
	background-color: rgb(181, 180, 180);
}
#contacto4{
width: 430px;
height: 370px;
position: relative;
/*background-image: url('../imagenes/contacto3.png');*/
margin:0px auto;
}
#verde{
	width:672px;
	height:190px;
	background-image:url('../imagenes/verde.png');
}
#footer{
	width:100%;
	height:45px;
	background-color:#464545;
	text-align:center;
}
.ch-grid {
	margin: 0px;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 190px;
	height: 190px;
	display: inline-block;
	/* margin: 9px; */
	margin-left: 20px;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	/*box-shadow:	inset 0 0 0 16px rgba(255,255,255,0.6),	0 1px 2px rgba(0,0,0,0.1);*/
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-2 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-3 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-4 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-5 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-6 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-7 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-8 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-9 {background-image: url(../imagenes/categorias/imagen2.png);}
.ch-img-10 {background-image: url(../imagenes/categorias/imagen2.png);}

.ch-info {
	position: absolute;
	background: rgba(240, 12, 22, 0.83);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden;
	z-index: 200;
	top: 0px;
}

.ch-info h3 {
	color: #fff;
/* text-transform: uppercase; */
/* letter-spacing: 2px; */
font-size: 14px;
margin: 0 auto;
padding: 40px 0 0 0;
height: 85px;
/* text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); */
font-family: 'Cocogoose';
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {color: #fff222;color: rgba(255,242,34, 0.8);}

.ch-item:hover {	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {opacity: 1;}
.borde{
	border-radius:50%;
}
#boton{
	width:200px;
	height:40px;
	background-image:url('../imagenes/boton1.png');
	background-size:cover;
	margin:0px auto;
}
#boton:hover{
	width:200px;
	height:40px;
	background-image:url('../imagenes/boton2.png');
	background-size:cover;
}
#bot{
	position:relative;
	float:right;
	height: 25px;
	top: 25px;
	right: 20px;
	background: red;
	width: 120px;
	text-align: center;
	line-height: 25px;
	border-radius: 25px;
}
#bot:hover{
	background-color:green;
}
#mensaje{
position: relative;
width: 120px;
margin: 0px auto;
color: red;
font-size: 17px;
font-family: Arial;
}
}
/*Estilo de productos*/
#contenido2{
	font-family: "Cocogoose";
	width: 1024px;
	height: auto;
	background-color: white;
	margin-top: -27px;
}
.productos {
	width: 199px;
	height: 199px;
	float: left;
	background-color: white;
	margin-right: 8px;
	margin-bottom: 50px;
}
.productos a{
	text-decoration:none;
}
.nombreproducto {
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 13px;
	color: #737373;
	display: block;
	height: 45px;
	padding-bottom: 10px;
	padding-top: 30px;
	padding-left: 0px;
}
.titulocategoria {
font-size: 43px;
display: block;
background-color: #E2E2E2;
padding-top: 10px;
padding-bottom: 9px;
color: #232323;
text-align: center;
margin:0px;
}
.vercategoria {
width: 270px;
height: 315px;
float: left;
border: 1px solid #E1E1E1;
margin-right: 15px;
margin-bottom: 10px;
text-align: center;
}
.vercategoria:hover {
box-shadow: 1px 6px 5px #b0afaf;
background-color: #FFF;
}
.band a{
	text-decoration:none;
	color:black;
}
.band a:hover{
	color:#fa4444;
}
#buton{
width: 200px;
background-color: red;
text-decoration:none;
position: relative;
float: right;
text-align: center;
color: white;
top: 20px;
height: 35px;
line-height: 35px;
border-radius: 20px;
}
#buton:hover{
	background-color: green;
}
#buton2{
width: 70px;
background-color: red;
text-decoration: none;
position: relative;
text-align: center;
color: white;
top: 0px;
height: 15px;
border-radius: 20px;
font-size: 13px;
padding: 5px;
}
#buton2:hover{
	background-color: green;
}
#cat{
border: 1px solid red;
padding: 22px;
text-align: center;
text-decoration: none;
color: red;
width:200px;
}
#button{
width: 280px;
background-color: red;
text-decoration: none;
position: relative;
float: right;
text-align: center;
color: white;
height: 49px;
line-height: 49px;
}
#button:hover{
	background-color: green;
}