*{
	padding: 0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}
body{
	background: #fefefe;

}
.menu_bar{
	display: none;
	color:white;
	font-size:25px;

}
header{
	background: #006699;
	color: #fff;
	width:100%;
	margin:0;
	padding: 0;
	font-size:1.2em;
	font-weight: 500;
	font-family: "Open Sans", sans-serif;


}
#logo{
	    font-family: 'Oleo Script', serif;
	    color: white;
	    float:right;
	    font-size: 1.6em;
font-weight: 400;
	    margin-right: 10px;
	    position:absolute;
	    top:0;
	    right: 10px;
	    z-index:1000;
}

header nav{
	z-index:1000;
	max-width: 1000px;
	width: 95%;
	margin:0px auto;
	background: #006699;

		
}

header nav ul{
	list-style: none;
	margin:0 0 0;
}
header nav ul li{
	display: inline-block;
	position: relative;
	color:white;
}
header nav ul li:hover{
	background: white;
	color:#2d2d2d;



}
header nav ul li a{
	color:white;
	display: block;
	text-decoration: none;
	padding: 20px;
}
header nav ul li a:hover{
	color:#006699;
	display: block;
	text-decoration: none;
	padding: 20px;
}
header nav ul li a span{
	margin-right:10px;
	
}
article{
	/*border: solid;*/
	
	z-index: 0;
}
aside{
	
	color: #2d2d2d;
	z-index: 0;
	text-align: center;
	
}
aside .list-group{
	margin-top: 5px;

}

aside .list-group .list-group-item{
	text-align: left;
	color:#155724;
	background: white;
}
aside .list-group .list-group-item:hover{
	
	background: #c3e6cb;
	cursor: pointer;
}
aside .list-group .list-group-item-primary{


	background: #c3e6cb;
}
aside .grupo-opciones{
	background: white !important;
	padding: 0px;
	margin: 0px;
}

.row{
	
	margin:5px;
}
.color1{
	background: #006699;
	color:white;
}
.color2{
	background: #2d2d2d;
	color:white;
}
footer{
	
	bottom: 0;
	/*position: fixed;
	width:100%;*/
}
header nav ul li .children{
	display:none;
	color:#2d2d2d;
}
header nav ul li .children li{
display:block;
border-color: #006699;
border-bottom:solid;
}
header nav ul li:hover .children{
	display:block;
	background: white;
	position:absolute;
	width:200%;
	z-index:1000;
	color:#2d2d2d;
}


.submenu a{

	background: #006699;
}
.submenu a:hover{
	background: white;
	color:#006699;
}


.bloque{
	padding:10px;
	background-color:white;
	margin:0px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 550;
	font-size: 1em;
	color:#2d2d2d;
	 box-shadow: 1px 1px 3px #2d2d2d;
	 text-align: center;
	 min-height: 250px;
	
}
.bloqueCatalogo{
	float:left;
	background-color:white;
	margin:3px;
	padding:10px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
	font-size: 1em;
	width:1000px;
	max-width:350px;
	 box-shadow: 2px 2px 10px #2d2d2d;
	 min-height:260px;

}
.bloqueCategoria{

	
	margin-left:10px;
	
	
	
	
	display:none;

}
.bloqueCategoriaPrincipal{


	display:block;

}
/*
.bloque input, .bloque textarea{
	width:100%;
	text-align:center;
	border:0;
	  border-bottom-style: ridge;
  border-bottom-color: black;
  border-bottom-width: 1px;
  padding-bottom:0;
  border-radius:0;
}
select{
		width:100%;
	text-align:center;
	border:0;
height: 50px;
  padding-bottom:0;
  border-radius:0;
  margin:10px;
}
input[type="text"], input[type="number"]{
	width:100%;
	text-align:center;
	border:0;
border-bottom-style: ridge;
  border-bottom-color: black;
  border-bottom-width: 1px;
  padding-bottom:0px;
    border-radius:0;
    height:50px;
     margin:10px;
}
input[type="number"]{
	width:100%;
	text-align:center;
	border:0;
border-bottom-style: ridge;
  border-bottom-color: black;
  border-bottom-width: 1px;
 

    border-radius:0;
	height:50px;
}*/
.rotulo{
	background-color:#006699;
	color:white;
	text-align:center;
	font-weight: 500;
	padding: 5px;
	font-size: 1.1em;
	
}
.btn{
	/*min-width: 180px;*/
	margin:3px;
}
.btn-group .btn{
	min-width: 0px;

	

}
.btn-group{
	min-width: 0px;
	width:100%;
	

}


.rotuloCategoria{
	background-color:#669966;
	color:white;
	text-align:center;
	font-size: 1.2em;
	border:solid;
	text-align:left;
	margin:5px;
	padding:3px;
	cursor:pointer;
    border-radius: 3px !important;
    box-sizing: content-box;
    box-shadow: 1px 1px 5px #2d2d2d;
	float:left;
	width:97%;
 
	
}
.rotuloCategoriaPrincipal{
display:none;
	
}
.logoEmpresa{


border:solid;

color:white;
	width:50%;
	margin-left:25%;
	margin-top: 0;
	cursor:pointer;
	
border-radius: 25px;
background-color:white;
border-width:5px;
overflow:hidden;
	
	
}

.logoEmpresa:hover{
	
color:white;
border:solid;
border-width:10px;
}
.logoVacio{
border:solid;

color:white;
	width:80%;
	margin-left:15%;
	margin-top: 0;
	cursor:pointer;
	
border-radius: 25px;
background-color:white;
border-width:5px;
overflow:hidden;
	
	
}

.logoVacio:hover{
background-color: #CC3300;
color:white;

}
.boton{
	float:left;

	margin:5px;
	padding:10px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
	font-size: 1.5em;
	width:100%;
	max-width:350px;
	
	 box-shadow: 2px 2px 10px #2d2d2d;
	

cursor:pointer;
	background-color:#CC3300;
	color:white;
}
.botonCat{
	float:left;
	margin:1px;
	padding:3px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
	font-size: 1em;
	width:99%;
cursor:pointer;
	background-color:#CC3300;
	color:white;
	border-radius:0px;
	z-index:0;
	
}
.emergente{
		position:fixed;
	
		margin:5px;
		padding:20px;
	background-color:white;
width:100%;
	padding:10px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600;
	font-size: 1em;

	max-width:400px;
	 box-shadow: 2px 2px 10px #2d2d2d;
	 min-height:230px;
	background-color:white;
	z-index:1000;
	float:top;

}
/*
div .list-group-item h5{
	padding: 12px;
	font-size:1rem;
}
div .list-group-item.list-group-item-primary{
	padding: 12px;
}
div .titulo.list-group-item{
	padding: 12px;
}
div .list-group-item{
	padding: 0;
}*/
.card.produ{
	width: 14rem;
	float:left;
	margin:6px;
	min-height: 380px;
}
@media screen and (max-width: 420px){
	.card.produ{
	width: 95%;
	float:left;
	margin:6px;
}
	}
.carousel-multi-item-2 .card img {
border-radius: 2px; 


}
@media (min-width: 730px) {
.carousel-multi-item-2 .col-md-3 {
float: left;
width: 30%;
max-width: 100%;
padding: 0 0;
margin:5px;}

}

.producto{
float: left;
width: 32%;
max-width: 100%;
/*height: 300px;*/

margin:5px;} 
.card-body{
	width: 100%;
	padding: 0px;
	/*height: 250px;*/
}

.tapa{
	position:absolute;
	background: #2d2d2d;
	width: 100%;
	height: 100%;
	z-index 100;
	display: none;
	border-radius: 2px; 
	 opacity: 0.9;
	 color:white;
	 padding:10px;
	 font-color:white;
	 text-decoration: none;
	 

}
.zonadrop{
	display:none;
	width:90%;
	height: 200px;
	
	text-align: center;
	

}
a button.btn.btn-success{

margin:5px;
min-width: 72%;
font-size: 1.1em;
}
a i.fab.fa-whatsapp-square{
    text-decoration:none;
margin:0px;

font-size:1.2em;

 color:#6c757d;
}
a i.fab{
	margin:5px;
}
a i.fas{
	margin:5px;
}
a:link i, a:visited i, a:active i{
    text-decoration:none;
}
.tapa a:link, .tapa a:visited,.tapa a:active {
    text-decoration:none;
}
.tapa a i{
	float:left;
	font-size: 2.2em;
	color:white;
	margin:12px; 
	text-align: center;
}
.fas .fa-arrows-alt{
	margin-left: 10px;
	font-size: 3em;
}
.imgGaleria{

	width: 100%;
	z-index 99;

}
.pdfGaleria{

	width: 100%;
	z-index 99;
	height: 300px;

}

.btn .btn-success{
	text-align: center;
	font-size: 3em;
	padding: 5px;
	border-radius: 2px; 
	
	font-weight: 500;
	cursor:pointer;
}
.btn-success a{
	text-decoration: none;
}
.btn-danger{
	text-align: center;
	font-size: 1.4em;
	padding: 5px;
	border-radius: 2px; 
	margin-bottom: 5px;
}.btn-primary{
	text-align: center;
	font-size: 1.2em;
	padding: 5px;
	border-radius: 2px; 
}
.card-body{
	text-align: center;

}
a button .btn .btn-success{

font-size: 3em !important;
	
}

@media screen and (min-width: 1200px){
		#categorias{
		margin:0px;
		width: 100%;
		

	}
}
@media screen and (min-width: 1000px) and (max-width: 1200px){
		#categorias{
		
		
	}
}

@media screen and (max-width: 1000px){

	body{
		padding-top:75px;

	}
	#logo{
		position: fixed;

		font-family: 'Oleo Script', serif;
	    color: white;
	   
	    font-size: 1.6em;
font-weight: 400;
	  
	   
	 
	}
	.menu_bar{
		display:block;
		width:100%;
		position: 	fixed;
		top:0;
		background-color: #006699;
		z-index: 1000;
	}
	.menu_bar .bt-menu{
		display: block;
		padding:20px;
		color:white;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;

	}

	header nav{
		width:80%;
		position:fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
		height: calc(100% - 75px);
	}

	header nav ul li{
		display: block;
		border-bottom: 1px solid white;
	}
		header nav ul li a{
		display: block;
		
	}
		header nav ul li .children{
		width: 100%;
		position: relative;
	}
		header nav ul li .children li a{
		margin-left: 20px;
			}


}
#datos{
	z-index: 1000;
	width: 300px;
	position:absolute;
	

	 padding:10px;
}

.empresaNombre{
		
	
	margin:0px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 550;
	font-size: 0.8em;
	color:#2d2d2d;

	 text-align: left;

}
.empresa a{
	padding:0;
	background: white;
	border:solid;
	margin:0;
	
}