* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
}

body {background:#FEFEFE;}

.menu_bar {
	display:none;

}


#divmapa{
	margin-top: 20px;
}


header {
	width: 100%;
}

.titulo{	
	background: #023859;
	width: 100%;
	padding: 25px;


}

.titulo ul a{
	font-family: 'Anton', sans-serif;
	font-size: 25px;
	text-decoration: none;	
	color: #fff;

}



.PPMiniCart{
	z-index: 999999;
}

.thumbnail{
	margin-top: 80px;
}

.btn-primary{
	text-decoration: none;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	border-radius: .25rem;
	padding: 10px;
	border: 10px;
	font-size: 1rem;
	border-bottom: 10px;
	text-decoration: none;
	width: 100%;
}

.btn-primary-verde{
	text-decoration: none;
	color: #fff;
	background-color: #1fbd21;
	border-color: #007bff;
	border-radius: .25rem;
	padding: 10px;
	border: 10px;
	font-size: 1rem;
	border-bottom: 10px;
	text-decoration: none;
	width: 100%;
}



.btn-primary:hover{
	background-color: #0469d5;
}

.btn-primary-verde:hover{
	background-color: #0ba20d;
}

@media screen and (max-width: 800px) {
	body {
		padding-top:0px;
	}


	.social{
		display: none;
	}



	#portada{
	margin-top: 0px;
	}


	.form-group{
		width: 300px;
	}

	.mapa{
		margin: auto;
		width: 98%;
	}




}



.footertransparente{
	left: 0;
	width: 100%;
	height: 210px;
	background: rgba(0,0,0,0.8);
	border-bottom: 1px solid #353535;
	z-index: 99999;
	position: absolute;
	margin-top: 50px;
	text-align: center;
	text-align: auto;
}

.texto{
	text-decoration: none;
	color: #fff;
}

.pt{
	margin: 50px;
}



.tituloproducto{
	margin:10px;
}

.tituloproducto2{
	margin:10px;
	color: #878a8a;
	
}

.tituloproducto3{
	margin:10px;
	color: #35d81c;
}


.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 260px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 20; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

	.social ul {
		list-style: none;
	}

	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 15px 20px;  /* CAMBIA TAMAÑO ANCHO Y ALTO DE CADA CASILLERO */
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}

	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 15px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}


	.busqueda1{
		margin-top: 180px;
		padding: 7px;
		width: 300px;
	}