/*=============================================
GLOBAL
=============================================*/
*{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-family: 'Questrial', sans-serif;
	font-size:16px;
}

/*=============================================
TOP
=============================================*/
#top{
	position: fixed;
	padding-bottom:150px;
}
#top ul{
	padding-top:8px;
}

#top ul li{
	display:inline;
	line-height:10px;
	margin:0px 5px;
	color:white;
}

.inicio{
	padding-top:200px;
}

input:focus{
	border:color: green;
}

.redSocial{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}

.instagramNegro{
	color:black;
}

.facebookNegro{
	color:black;
}
.twitterNegro{
	color:black;
}

/*=============================================
TIPOS DE LETRA
=============================================*/

.aliens{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-family: 'aliens and cows', regular;
	font-size:72px;
}

.arial{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-family: 'Arial Black', regular;
	font-size:24px;
}

.arialFooter{
	margin-right:20px;
	margin-bottom:20px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-family: 'Arial Black', regular;
	font-size:14px;
}
	
.arialTitulo{
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-family: 'Arial Black', regular;
	font-size:36px;
}

.subtitulo{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-size:24px;
}

.arialSubTitulo{
	font-size:18px;
	font-weight: bold;
}

.arialSubTitulo2{
	margin-top:0px;
	font-size:18px;
	font-weight: bold;

}

.arialBoton{
	margin:0px;
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;
	list-style: none;
	text-decoration: none;
	font-family: 'Arial Black', regular;
	font-size:12px;
}

.lulo{
	font-family: 'LuloCleanOne-Bold', regular;
	font-size:18px;
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
}

.titulo{
	margin-top:80px;
	margin-bottom:80px;
	width:30%;
	height:30%;
}

.tituloContacto{
	margin-top:20px;
	margin-bottom:20px;
	width:40%;
	height:40%;
}

.contactus{
	margin-top:170px;
}

.encaMenu ul li a {
	color: white;
	background-color: black;
	/*padding: 16px;
	font-size: 12px;*/
	border: none;
}

.menuFooter{
   margin-left:60px;
   margin-top:30px;
   font-size: 14px;
}
 
.logoSquare{
	 margin-top:40px;
}
.logoPayPal{
	 margin-top:40px;
} 
 
/*=============================================
MENU PRINCIPAL
=============================================*/
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: white  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.encaMenu ul li a:hover {
	color: grey;
	background-color: black;
	/*padding: 16px;
	font-size: 12px;*/
	border: none;
}

.blink{
	color: black;
	cursor: pointer;
}

.nivelMenu li {
  position: relative;
}
.nivelMenu {
  display:none;	
  background-color: black;
  position: absolute;
  left: 100%;
  top: 0px;
}

.boton {
  margin-top:-180px;
  margin-left:830px;
  background-color: white; /* Green */
  border: 4px solid black;
  color: black;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  z-index: -1;
}

.boton1 {
  margin-top:30px;
  margin-left:730px;
  background-color: white; /* Green */
  border: 4px solid black;
  color: black;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
}

.boton2 {
  margin-top:10px;
  background-color: white; /* Green */
  border: 1px solid grey;
  color: black;
  padding: 5px 62px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.boton3 {
  margin-top:30px;
  background-color: white; /* Green */
  border: 3px solid black;
  color: black;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}

.fotos{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -1;
}
.fotoAbajo {
	position: relative;
	top: 40px;
	left: 0px;
}
.fotoEncima {
	position: absolute;
	top: 0px;
	left: 120px;
}

.textoAbajo2{
	margin-left:240px;
	margin-top: 80px;
}

.textoAbajo3{
	margin-left:240px;
	margin-top: 30px;
	margin-right: 60px;
	text-align: justify;
}
	
.fotos2{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -1;
}
.fotoAbajo2 {

}
.fotoEncima2 {
	position: absolute;
	top: 280px;
	left: 117px;
}
.fotos3{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -1;
}
.fotoEncima3 {
	position: absolute;
	top: 60px;
	left: 140px;
}

.borderless{
	padding-bottom: 20px;
}

.borderless li {
}

.productos div figure{
	overflow:hidden;
}

.productos a img:hover{
	transition: .3s all ease;
	opacity:.8;
	transform: scale(1.3,1.3);
}

.productos ul li h4 small{
	color:#777;
	text-transform: uppercase;
	font-size:12px;
	font-weight: 700;
}

.productos ul li h4 small a{
	color:#777;
}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/
@media (max-width:767px){

	.navbar .navbar-nav li a{ text-align:left; width:60%;}
	.navbar .navbar-nav .nav-item a{ text-align: left; padding: 8px; width: 80%;}
	.navbar .nav-item .dropdown-menu{ display: block;  margin-left:75px;  padding:10px;  margin-top:0;}
	.navbar .nav-item:click .dropdown-submenu{ display: block; margin-left:40px;}

	/*=============================================
	TOP
	=============================================*/
	#top ul{
		text-align: center;
	}

	#top #registro{
		border-top:1px solid #222;
	}
	.arial{
		margin:0px;
		padding:0px;
		list-style: none;
		text-decoration: none;
		font-family: 'Arial Black', regular;
		font-size:18px;
	}
	
	.arialFooter{
		margin-bottom:10px;
		padding:0px;
		list-style: none;
		text-decoration: none;
		font-family: 'Arial Black', regular;
		font-size:14px;
	}
	
	.arialTitulo{
		margin:0px;
		padding:0px;
		list-style: none;
		text-decoration: none;
		font-family: 'Arial Black', regular;
		font-size:24px;
	}
	
	.arialSubTitulo{
		font-size:12px;
		font-weight: bold;
	}
	.arialSubTitulo2{
		font-size:11px;
		font-weight: bold;
	}	
	.logoSquare{
		width:180px;
		height:60px;
		margin-top:40px;
		margin-left:80px;
	}
	.logoPayPal{
		width:180px;
		height:40px;
		margin-top:10px;
		margin-left:80px;
		margin-bottom:50px;
		
	}	
	.menuFooter{
		margin-left:0px;
		margin-top:30px;
		font-size: 14px
	}  

	.contacto{
		margin-top:50px;
		margin-left: 65px;
		font-size:14px;
	}
	
	.contactus{
		margin-top:30px;
	}
	
	.formContacto{
		margin-top:30px;
	}
	
	.titulo{
		margin-top:40px;
		margin-bottom:40px;
		width:40%;
		height:30%;
	}	
	
	.fotoAbajo2 {
		position: relative;
		width:60%;
		top: -140px;
		left: 130px;
		z-index: -1;
	}
	
	.fotoEncima2 {
		position: relative;
		width:50%;
		height:50%;
		top: 100px;
		left: 40px;
	}
	
	.textoAbajo2{
		width:100%;
		margin-left:40px;
		margin-top: -50px;
	}
	
	.textoAbajo3{
		margin-left:40px;
		margin-top: 30px;
		margin-right: 20px;
		text-align: justify;
	}
	
	.portada{
		margin-left:15px;
		width:90%;
	}
	
	.fotos3{
		position: relative;
		top: 0px;
		left: 0px;
		z-index: -1;
	}
	
	.fotoEncima3 {
		position: absolute;
		top: 60px;
		left: 90px;
	}
	
	.boton{
		margin-top:10px;
		margin-left:200px;
		background-color: white; /* Green */
		border: 2px solid black;
		color: black;
		padding: 5px 5px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 9px;	
	}
	
	.boton1 {
	  margin-top:10px;
	  background-color: white; /* Green */
	  border: 2px solid black;
	  color: black;
	  padding: 5px 5px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 9px;
	  margin-left:150px;
	}	
	
    aside ul{
		margin-left:-25px;
	}	
}