/*=====================================
Top
=====================================*/
#top ul{
	padding-top:8px;
}
#top ul li{
	display:inline;
	line-height:30px;
	margin:0px 5px;
	color:white;
}
.social ul li a i{
	font-size:18px;
	margin:0 1px;
}
.registro ul{
	text-align: right;
	font-size:12px;
}
#isologo{
	padding-top:4px;
	text-align: center;
}

#buscador{
	margin:5px 0;
}
#buscador input{
	padding:6px;
	border:0px;
	border-radius: 200px 0px 0px 200px;
}
#buscador button{
	padding:7px;
	border:0px;
	background: #e6e6e6;
	border-radius:0px 200px 200px 0px;
}
.telefonos {
	height:30px;
	background-color: #727377;
	text-align: center;
	padding-top: 5px; 
	font-size: 15px;
	font-weight: 100;
	border-radius:0px 0px 10px 10px;
	margin-bottom: 16px; 
}
.telefonos ul li{
	display: inline;
	line-height: 20px;
	margin: 0px 20px;
	color: white; 
}
.telefonos ul li i{
	padding-right: 5px; 
}
.menumovil {
	display: none;
}
/*=============================================
Header
=============================================*/
header #btnCategorias, #btnCategorias a{
	margin:20px 0px;
	color:#282d62;
}
header #btnCategorias p{
	display:inline;
}
header #btnCategorias li span{
	cursor: pointer;
}

header #btnCategorias ul{
	padding-top:8px;
	text-align: center;
}
header #btnCategorias li {
	display:inline;
	margin:0px 17px;
}
header #categorias a{
		color:white;
	}
header #carrito{
	padding-top:20px;
}

header #carrito button{
	padding:9px 15px;
	border:1px solid #191e22;
	border-radius:0;
}

header #carrito p{
	padding:2px;
	padding-left:60px;
	border:1px solid #aaa;
	font-size:12px;
	border-radius: 0px 200px 200px 0px;
}
header #categorias{
	display: none;
	margin-top: 5px;
	position: relative;
	border-radius:0px 0px 15px 15px
}
header #categorias h4{
	margin-top: 20px;
	margin-bottom: 10px
}
header #categorias hr{
	border:1px
	solid rgba(255,255,255,.3);
}
header #categorias ul{
font-size:16px;	
display: block;

}
/*=============================================
VENTANAS MODALES
=============================================*/

.modalTitulo{
	padding:5px 0px;
}

.modalTitulo h3{
	text-align:center;
	margin-top:-5px;
	padding:15px 0px;
	border-radius:5px 5px 0px 0px;
}

.modalFormulario .close{
	position:absolute;
	right:27px;
	top:15px;
	color:white;
}

.modalFormulario .facebook, .modalFormulario .google{
	cursor:pointer;
}

.modalFormulario .facebook p{
	background:#46639f;
}

.modalFormulario .google p{
	background:#d6513e;
}

.modalFormulario .facebook p, .modalFormulario .google p{
	color:white;
	text-align:center;
	line-height:40px;
	padding:8px;
	font-size:18px;
	margin-top:10px;
	margin-bottom:20px;
	border-radius: 10px;
}

.modalFormulario p i{
	margin-left:-25px;
	margin-right:25px;
	font-size:25px;	
}

.modalFormulario form{
	padding:20px;
}

.modalFormulario form hr{
	border:1px solid #eee;
}

.modalFormulario form input[type="text"], .modalFormulario form input[type="email"], .modalFormulario form input[type="password"]{
	padding:25px;
}
.modalFormulario form input[type="submit"]{
	padding:15px;
}

.modalFormulario form .checkBox{
	margin-top:10px;
}
/*=============================================
Escritorio grande de 1366 en adelante
=============================================*/
@media (min-width:1200px){
	#isologo img{
	width: 60%;
	}
	header #logotipo img{
	padding: 16px;
	padding-left: 0px;
	max-width: 300px;
	}
	.modalFormulario .facebook p{
		margin-right:-15px;
	}
}
/*=============================================
Escritorio mediano o tablet horizontal 
=============================================*/
@media (max-width:1199px) and (min-width:992px){
	#isologo img{
	width: 80%;
	}
	header #logotipo img{
	padding: 25px 60px;
	padding-left: 0px;
	max-width: 350px;
	}

header #btnCategorias li  {
	display:inline;
	margin:0px 15px;
}
header #btnCategorias {
	height: 10px;
}
	header #carrito{
		padding-left:70px;
	}

	.modalFormulario .facebook p{
		margin-right:-15px;
	}
}
/*=============================================
Escritorio pequeño o tablet vertical
=============================================*/
@media (max-width:991px) and (min-width:768px){
	#isologo img{
	width: 100%;
	}
	header #logotipo img{
	padding: 30px 0px;
	max-width: 250px;
	}
	header #carrito p{
		display:none;
	}
	header #carrito{
		padding-left:55px;
	}
	#buscador{
	margin-top: 7px; 
	width: 100%;
	}			
	.modalFormulario .facebook p{
		margin-right:-15px;
	}
	
}
/*=============================================
Escritorio celular
=============================================*/
@media (max-width:767px){
	#btnCategorias{
		display: none;
	}
	.menumovil{
		display: inline;
		text-align: center;
		border: 1px solid #B9B9B9; 
		border-radius: 8px;
	}
	.menumovil ul li{
		display: inline;
		padding: 0 20px;
	}
	.menumovil ul li i{
		font-size: 25px;
	}
	.menumovil ul li i{
		color: #364048;
	}
	#top ul li{
	display:inline;
	line-height:30px;
	margin:0px 5px;
	color:white;
	}
	#buscador{
	margin:3px 0 10px;
	}			
	#isologo{
	padding-top: 0;
	margin-bottom: 6px; 
	}
	header #logotipo img{
	padding: 30px 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	header #btnCategorias  {
	margin-bottom: -10px;
	padding-bottom: 10px;
	}
	header #categorias a{
		color:white;
	}
	header #categorias ul{
	text-align: center;

	}
  	header #categorias li {
	display:block;
	margin:0px 17px;
	}
	header #carrito{
		margin:0px;
	}

	.modalFormulario .google p{
		margin-top:-15px;
	}
	.social{
		text-align: center;
	}
	.registro ul{
		text-align: center;
	}
}