/*=============================================
TOP
=============================================*/

#top ul{
	padding-top:8px;
}

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

.social ul li a i{
	font-size:18px;
	margin:0 1px;
}

.registro ul{
	text-align: right;
	font-size:14px;
}


.datosContacto
{	
	font-size:14px;
	color: white;
	text-align: center;
}

 .datos
	{	
		display: inline-block;	
	}


.labelDatosContacto
{
   font-size:14px;
	color: #174495;

}
/*=============================================
HEADER
=============================================*/

header #btnCategorias{
	margin:20px 0;
}

header #btnCategorias p{
	line-height:46px;
	margin-bottom:0px;
}

header #btnCategorias p span{
	cursor: pointer;
}

header #buscador{
	margin:20px 0;
}

header #buscador input{
	border-radius:0;
}

header #buscador button{
	padding:12px;
	border:1px solid silver;
	border-radius:0;
	font-weight: bold;
}

header #buscadorGrande{
	margin:20px 0;
}

header #buscadorGrande input{
	border-radius:0;
}

header #buscadorGrande button{
	padding:12px;
	border:1px solid silver;
	border-radius:0;
	font-weight: bold;
}

header #carrito{
	margin:20px 0;
}

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

header #carrito p{
	padding:2px;
	padding-left:60px;
	border:1px solid #aaa;
	font-size:12px;
	font-weight: bold;
}

header #categorias{
	display:none;
	margin-top:-10px;
	position: relative;
	padding-bottom:20px;
}

header #categorias h4{
	margin-top:20px;
	margin-bottom:-10px;
}

header #categorias hr{
	border:1px solid rgba(255,255,255,.3);
}

/*=============================================
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;
}

.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="submit"]{
	padding:15px;
}

.modalFormulario form .checkBox{
	margin-top:10px;
}



.menu_bar {
	display:none;
}
 
header {
	width: 100%;
}

#menuCategorias{
	display: inline-block;
}
 
header nav {
	background:#fff;
	z-index:1000;
	/*max-width: 1000px;*/
	/*width:95%;*/
	margin:3px auto;
}
 
header nav ul {
	list-style:none;
}
 

header nav ul li {
	display:inline-block;
	position: relative;
}
 
header nav ul li:hover {
	background:#E1E3E4;
}
 
header nav ul li a {
	color:#174495;
	display:block;
	text-decoration:none;
	padding: 10px;
}
 
header nav ul li a span {
	margin-right:10px;
}
 
header nav ul li:hover .children {
	display:block;
}
 
header nav ul li .children {
	display: none;
	background:#fff;
	position: absolute;
	width: 150%;
	z-index:1000;
}
 
header nav ul li .children li {
	display:block;
	overflow: hidden;
	/*border-bottom: 1px solid rgba(255,255,255,.5);*/
	border-bottom: 1px solid rgba(88,89,89,.5);
}
 
header nav ul li .children li a {
	display: block;
}
 
header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
 
header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	/*=============================================
	HEADER
	=============================================*/

	header #btnCategorias{
	  display: none;
    }

    header #buscador{
	    display: none;
    }

	header #logotipo img{
		/*padding:20px 60px;
		  padding-left:0px;
        */

     padding:16px 0px;

	}

	header #carrito{
		padding-left:100px;
	}

	.modalFormulario .facebook p{
		margin-right:-15px;
	}



}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

	/*=============================================
	HEADER
	=============================================*/

	header #logotipo img{
		/*padding:25px 60px;
		padding-left:0px;*/
		padding:20px 2px;
	
	}
    
   header nav ul li a span {
	margin-right:1px;
}

    header #btnCategorias{
	  display: none;
    }

    header #buscador{
	    display: none;
    }

	header #carrito{
		padding-left:70px;
	}

	.modalFormulario .facebook p{
		margin-right:-15px;
	}
}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	/*=============================================
	HEADER
	=============================================*/
    /*header #menuCategorias {
    	display: none;
    }*/
    /*
	header #logotipo img{
		padding:30px 0px;
	
	}*/

	header #carrito p{
		
		border:0px solid;
		
    }

	.carritoGeneral{
		display: none;
	}

    .barraSuperior
	{	
	   margin-top: 175px;
    }

    .social
    {
    	display: none;
    }

	header #logotipo img{
		display: none;	
	}

	 header #buscadorGrande{
	    display: none;
    }

    /*
	header #carrito{
		padding-left:55px;
	}*/

	header #carrito{
		padding-left:55px;
		margin-top: 3px;
	}
    /*
	header #carrito p{
		display:none;
	}
*/
	.modalFormulario .facebook p{
		margin-right:-15px;
	}


	/*menú desplegable*/
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		left:0;
		background:#fff;
		z-index:1000;
	}
 
	.menu_bar .bt-menu {

		margin: 4px;
		display: block;
		padding: 3px;
		color: #174495;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}
 
 #iconoMenu {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 100%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;		
		top: 173px;
		overflow: scroll;
	}
 
	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
 
	header nav ul li a {
		display: block;
	}
 
	header nav ul li:hover .children {
		display: none;
	}
 
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
 
	header nav ul li .children li a {
		margin-left:20px;
	}
 
	header nav ul li .caret {
		float: right;
	}

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	/*=============================================
	TOP
	=============================================*/

	#top ul{
		text-align: center;
	}

	#top #registro{

		border-top:1px solid #222;

	}
	
    .carritoGeneral{
		display: none;
	}

    .datos
	{	
		display: table;
		margin: auto;
	}
	
	/*=============================================
	HEADER
	=============================================*/
    /*
    header #menuCategorias {
    	display: none;
    }*/

    /*
	header #logotipo img{
		padding:30px 0px;
	
	}*/

	header #carrito p{
		
		border:0px solid;
		
    }

	.barraSuperior
	{	
	   margin-top: 115px;
    }

    header #logotipo img{
		display: none;	
	}

	.social
    {
    	display: none;
    }
/*


	header #logotipo img{
		padding:30px;
		padding-bottom:10px;
	}
*/
	header #categorias{
		margin-bottom:10px;
	}

	header #buscador{
		margin-bottom:10px;
	}

	 header #buscadorGrande{
	    display: none;
    }

	header #carrito{
		margin:0px;
	}

	.modalFormulario .google p{
		margin-top:-15px;
	}
	
	/*menú desplegable*/
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		left:0;
		background:#fff;
		z-index:1000;
	}
 
	.menu_bar .bt-menu {

		margin: 4px;
		display: block;
		padding: 3px;
		color: #174495;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}
 
 #iconoMenu {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 100%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;		
		top: 115px;
		overflow: scroll;
	}
 
	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
 
	header nav ul li a {
		display: block;
	}
 
	header nav ul li:hover .children {
		display: none;
	}
 
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
 
	header nav ul li .children li a {
		margin-left:20px;
	}
 
	header nav ul li .caret {
		float: right;
	}

}