@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
	@import url("fontawesome/css/font-awesome.css");
	@import url("font-awesome.css");
	@import url("medias.css");
	
	body
	{
	
	margin:0;
	
	font: 14px "Montserrat", Arial;
	}
	textarea,input{font: 12px "Montserrat", Arial;}
	.principal
	{
	
	margin:0 auto;
	
	width:80%;
	
	max-width: 1100px;
	
	}
	header
	{
	
	min-height: 90px;
	
	margin-top: 15px;
	
	width: 100%;
	height: auto;
	}
	.espacioTop { width: 100%; height: 10px; }
	.sesion
	{
		width:100%;
	}
	.sesion .text{
		width: 220px;
		text-align: left;
		color:#474747;
		float: left;
		margin: 3px 0 5px;
	}
	.sesion .text a {
		color: #c00000;
		text-decoration: underline;
		display: block;
		font-size: 12px;
	}
	.logueo {
		width: 460px;
		float: left;
		box-sizing: border-box;
		margin: 5px 0;
	}
	.logueo .divInput {
		height: 28px;
	    margin: 0;
	    width: 160px;
	    display: inline-block;
	    border: 1px solid #ccc;
	    box-sizing: border-box;
	    padding-left: 5px;
	}
	.logueo .divInput i { display: inline-block; }
	.logueo .divInput input[type="text"], .logueo .divInput input[type="password"] {
		width: 80%;
		border: none;
		display: inline-block;
		height: 25px;
		outline: none;
		margin: 0;
	}
	.logueo .boton {
		width: 120px !important;
		margin: 0 !important;
		height:27px !important;
		display: inline-block;
	}
	.mcontacto {
		display:none;
		color: #c00000;
		margin: 0 !important;
		padding:0 !important;
		width:100%;
	}
	.tcenter { text-align: center; }
	.pcontacto{display:none;width:100%;color: #c00000;margin: 0 !important;padding:0 !important;}
	.contacto { color: #c00000; text-align: right; padding-top: 10px; }
	.contacto p{float: right; margin-left:15px;}
	.texto{margin-top:12px;font-size:12px;width: 48%;}
	.facebook{color:#000; width:115px;margin-left:20px;}
	.facebook i{color:#000;font-size:24px;float:left;}
	.facebook .sigue{float:right;width:80px;text-align:left;margin:0;font-size:7px;}
	.facebook .face{float:right;width:80px;text-align:left;margin:0;}
	.telefonos{color:#000; width:215px;margin-top:12px;}
	.telefonos i{color:#000;font-size:20px;width:15px; margin: 0 5px; }
	.telefonos .phone{margin:0; font-size:14px;}
	.phone b{color:#c00000;}
	.encabezado
	{
	
	width:70%;
	
	box-sizing:border-box;
	
	float:right;
	
	min-height: 90px;
	}
	.dmenu
	{
	
	width:100%;
	
	background-color: #c00000;
	
	height:40px;
	
	
	color:#fff;
	
	box-sizing:border-box;
	
	padding-left: 10px;
	
	margin-bottom: 4px !important;
	}
	.tmenu{display:none;width:100px;float:left;padding:12px;}
	.menu
	{
	
	
	list-style: none;
	
	
	box-sizing:border-box;
	
	padding:0;
	
	}
	.menu li
	{
	
	text-decoration: none;
	
	color: #fff;
	
	float: left;
	
	padding-top:12px;
	
	box-sizing:border-box;
	}
	.menu li a
	{
	
	text-decoration:none;
	
	color:#fff;
	
	padding:12px;
	
	margin-left:8px;
	
	
	cursor:pointer;
	
	box-sizing:border-box;
	
	white-space: nowrap;
	}
	.menu li a:hover
	{
	
	background-color: #484848;
	
	padding:12px;
	
	
	margin-left:8px;
	}
	#mmenu
	{    
	    background-color: #fff;
	    padding: 12px;
	    margin-left: 5px;
	    width: 40px;
	    font-size: 18px !important;
	    height: 40px;
	    cursor: pointer;
	    float: left;
	    box-sizing: border-box;
	    display: none;
	}
	#mmenu:hover{opacity:0.8;}
	.mmenus
	{
	
	width:100%;
	
	float:left;
	
	margin:0;
	
	padding: 0;
	
	list-style: outside none none;
	}
	.mmenus li{width:100%;padding:5px;float:left;cursor:pointer;padding-left:15px;}
	.mmenus li:hover{background-color:#c00000;color:#fff; }
	.mmenus li a{width:100%;float:left;cursor:pointer;color:#000 !important;}
	.mmenus li a:hover{background-color:#c00000;color:#fff !important; }
	.icon-align-justify{color:#fff !important;}
	.busqueda
	{
	
	float:right;
	
	margin-right: 10px;
	
	width:195px;
	
	text-align:right;
	
	margin-top:5px;
	}
	.busqueda input[type="text"]{height:30px;padding:5px;box-sizing:border-box;float:left;width:165px;}
	.busqueda i{height:30px;padding:5px;box-sizing:border-box;float:right;color:#fff;}
	.autocompletar
	{
	
	width:205px;
	
	position:absolute;
	
	margin-top:30px;
	
	height:200px;
	
	overflow-y:auto;
	
	overflow-x:none;
	
	z-index:9999;
	
	display:none;
	
	opacity: 0;
	
	-webkit-transition: opacity 1s ease-in;
	   
	-moz-transition: opacity 1s ease-in;
	    -ms-transition: opacity 1s ease-in;
	    -o-transition: opacity 1s ease-in;
	    transition: opacity 1s ease-in;
	}
	.load 
	{
	    opacity: 1 !important;
	}
	.tauto tr:hover{background-color: #ccc;}
	i{padding-right:10px;color:#c00000;}
	aside
	{
	
	width:20%;
	
	margin-top:30px;
	}
	.catab{display:none;}
	.sarticulo
	{
	
	background-color: #484848;
	
	padding:10px;
	
	color:#fff;
	
	font-weight: bold;
	
	width:100%;
	
	border:0;
	
	display:none;
	
	margin-top:15px;
	
	margin-bottom:10px;
	}
	.tarticulo
	{
	
	background-color: #484848;
	
	padding:10px !important;
	
	color:#fff;
	
	font-weight: bold;
	
	width:100%;
	
	max-height:40px;
	
	margin: 5px 0px 10px !important;
	}
	.articulos
	{
	
	list-style: none;
	
	
	padding:0;
	
	margin:0;
	
	width:100%;
	}
	.articulos li
	{
	
	padding:12px;
	
	padding-right:0;
	
	border-bottom: 1px dashed #000;
	
	color:#474747 !important;
	
	font-weight: bold;
	
	width:100%;
	
	font-size:12px;
	
	cursor:pointer;
	}
	.articulos li:hover{color:#000;}
	.articulos li a{color:#474747 !important;}
	.articulos li a:hover{color:#000 !important;}
	.articulos2
	{
	
	list-style: none;
	
	
	padding:0;
	
	margin:0;
	
	width:100%;
	}
	.articulos2 li
	{
	
	padding:12px;
	
	padding-right:0;
	
	border-bottom: 1px dashed #000;
	
	color:#474747 !important;
	
	font-weight: bold;
	
	width:33%;
	
	float: left !important;
	
	font-size:12px;
	
	cursor:pointer;
	}
	.articulos2 li:hover{color:#000;}
	.articulos2 li a{color:#474747 !important;}
	.articulos2 li a:hover{color:#000 !important;}
	.boton
	{
	
	background-color:#474747;
	
	color:#fff;
	
	padding:7px;
	
	
	margin-left: 48%;
	
	margin-top: 17px !important;
	
	position:relative;
	
	border:0;
	
	cursor:pointer;
	
	text-decoration: none;
	}
	.boton:hover{background-color: #666;}
	.boton i{color:#fff;}
	.agrega
	{
	
	
	background-color: #c00000;
	
	color: #FFF;
	
	padding: 8px;
	
	margin-top: 10px;
	
	position: relative;
	
	border: 0px none;
	
	cursor: pointer;
	
	text-decoration: none;
	
	font-size: 12px;
	}
	.agrega:hover{background-color: #666666;}
	.msesion{
		width:132px;
		display:none;
		margin: 0 auto;
	}
	.fleftH{style="float:left"}
	.contenido
	{
	
	width:75%;
	
	margin-top:30px;
	
	
	float:right;
	}
	.slideshow
	{
	
	width: 100%;
	
	
	z-index:2;
	}
	.slideshow img{width:100% !important;z-index:3;height:auto;}
	#next{float:right;z-index:5;position:relative;margin-top:19%;}
	#prev{float:left;z-index:5;position:relative;margin-top:19%;}
	.cabeceras{width:31%;height:auto;background-color: #474747;float:left;margin-top:10px;position:relative;cursor:pointer;}
	.cabeceras i{float:right;color:#fff;font-size:30px;width:10%;margin-top:8px;margin-bottom:8px;margin-right: 10px !important;}
	.cabeceras div{width:85%;float:left;margin-top:3px;margin-top:3px;}
	.cabeceras div h3,.cabeceras div span,.tproductos,.tarticulo,.tlproductos{width:100%;float:left;margin:0;padding:0;margin-left:10px;color:#fff;}
	.cabecera div span{font-size:12px !important;}
	.pleft{margin-left:3.5%;}
	.tlproductos 
	{
	    border-bottom: 2px solid #c00000;
	    padding: 8px 8px 0px;
	    width: 98%;
	    position: relative;
	    margin-top: 0px;
	    margin-left: 0px;
	}
	.tlproductos h3{color:#474747;font-weight: bold;}
	.tproductos
	{
	
	background-color: #c00000;
	
	padding:8px;
	
	color:#fff;
	
	font-weight: bold;
	
	width: 100% !important;
	
	height: 35px;
	
	position:relative;
	
	margin-top:10px;
	
	margin-left: 0px;
	}
	.tproductos div{float:left;margin-left:10px; width:30%;color:#fff;}
	.tproductos h3{margin:0;}
	.tproductos i{float:right;font-size:25px;width:10%;margin: -3px;color:#fff;text-align:right;}
	.productos
	{
	
	width:98%;
	
	
	
	
	box-sizing:border-box;
	
	padding-left: 10px;
	}
	.productos .pleft{margin-left:5%;}
	.productos .prod{float:left;width:30%;margin-top:10px;cursor:pointer;box-sizing: border-box;min-height: 322px;}
	.productos .prod img{width:100%;box-sizing: border-box;}
	.productos .prod div{width:65%;float:left;box-sizing:border-box;margin:0;}
	.productos .prod div h4{width:100%;float:left;margin:0;padding:0;color:#c00000;}
	.productos .prod div span{width:100%;float:left;font-size:12px;color:#474747 !important;margin:0;padding:0;}
	.productos .prod span{float:right;width:30%;font-weight: bold;}
	.productos .prod span p,.productos .prod span div{color:#474747;float:right;margin: -2px;}
	.productos .prod span p .enteros,.productos .prod span div .enteros{font-size:20px;float:left;margin:0;color:#474747 !important;width: 28px;}
	.productos .prod span p .decimales,.productos .prod span div .decimales{font-size:10px;margin:0;float:right;color:#474747 !important;padding-left: 2px;}
	.productos .prod span span{float:left;color:#c00000;font-size: 16px;margin:0;margin-top:8px;}
	.productos img{float:left;width:50%;height:auto;margin-top:20px;}
	.productos .descripcion
	{
	
	float:right;
	
	width:50%;
	
	box-sizing:border-box;
	
	padding-left:20px;
	}
	.productos .descripcion h3{color:#c00000;float:left;width:100%;margin-bottom:0;}
	.productos .descripcion div{color:#474747;font-size:10px;float:left;margin:0;}
	.productos .descripcion p{color:#474747;font-size:12px;width:100%;margin:0;margin-top:25px;margin-bottom:20px;}
	.productos .descripcion .price{color:#c00000;margin:0;margin-top:5px;}
	.precios {float:left !important;width:70px !important;font-weight: bold;}
	.precios span{width:15px !important;float:left !important;color:#7DA42D;}
	.precios p,.precios div{color:#474747;float:right !important;margin:0;width:45px !important;margin-top:10px !important;}
	.precios p .enteros,.precios div .enteros{font-size:20px;float:left;margin:0;color:#474747;width:30px !important;}
	.precios p .decimales,.precios div .decimales{font-size:10px;margin:0;float:right;color:#474747;padding-left: 2px;}
	footer
	{
	
	clear:both;
	
	float:left;
	
	width:100%;
	
	height:65px;
	
	color:#fff;
	
	background-color: #484848;
	
	box-sizing:border-box;
	
	
	margin-top:10px;
	}
	.derechos{float:left;margin-top:10px;width:40%;}
	.derechos img{float:left;margin-right:10px;margin-top:12px;}
	.derechos p{float:left;margin-top: 5px;}
	.dfmenu{float:right;margin-top:10px;width:60%;}
	.fmenu
	{
	
	
	list-style: none;
	
	
	box-sizing:border-box;
	
	padding:0;
	
	
	margin:0 !important;
	
	float:right;
	
	margin-right:10px !important;
	}
	.fmenu li
	{
	
	text-decoration: none;
	
	color: #fff;
	
	float: left;
	
	padding:12px;
	
	padding-bottom: 5px !important;
	
	margin-left:8px;
	
	cursor:pointer;
	
	box-sizing:border-box;
	
	font-size: 12px;
	}
	.fmenu li:hover,.fselected
	{
	
	
	padding:12px;
	
	
	margin-left:8px;
	
	border-bottom:#c00000 2px solid;
	}
	.fmenu li a{color:#fff;}
	
	.border{border: 1px #ccc solid;box-sizing: border-box;}
	.inputs
	{
	
	width:100%;
	
	padding:10px;
	
	margin:2px;
	}
	.popup2 {
	    width: 300px;
	    display: none;
	    position: fixed;
	    top: 30px;
	    margin: 0px auto;
	    border: 2px solid #CCC;
	    left: 0;
	    right: 0;
	    background-color: #FFF;
	    padding: 15px;
	    z-index:99999;
	 }
	 #comentacarrito
	 {
	 
	width:100%;
	 }
	 .llenacarro
	 {
	 
	height:180px;
	
	overflow-y:auto;
	
	overflow-x:none;
	 }
	.popup {
	    width: 450px;
	    height: 70px;
	    display: none;
	    position: fixed;
	    top: 50px;
	    margin: 0px auto;
	    border: 2px solid #CCC;
	    left: 0;
	    right: 0;
	    background-color: #FFF;
	    padding: 15px;
	}
	.popup input[type="text"], .popup input[type="password"]
	{
	    height: 28px;
	    margin-top: 5px;
	    width: 34%;
	    float: left !important;
	    margin-left: 10px;
	}
	.popup .boton
	{
	
	width:20% !important;
	
	float:left !important;
	
	margin-right:0 !important;
	
	margin-top:5px !important;
	
	margin-left:5px !important;
	
	height:27px !important;
	}
	.popup3 {
	    width: 350px;
	    height: 70px;
	    display: none;
	    position: fixed;
	    top: 50px;
	    margin: 0px auto;
	    border: 2px solid #CCC;
	    left: 0;
	    right: 0;
	    background-color: #FFF;
	    padding: 15px;
	}
	.inputpop
	{
	    height: 28px;
	    margin-top: 5px;
	    width: 70%;
	    float: left !important;
	    margin-left: 10px;
	}
	.popup3 .boton
	{
	
	width:20% !important;
	
	float:left !important;
	
	margin-right:0 !important;
	
	margin-top:5px !important;
	
	margin-left:5px !important;
	
	height:27px !important;
	
	font-size: 10px!important;
	}
	.cierra
	{
	
	float:right;
	
	margin-top:-25px;
	
	margin-right:-25px;
	
	cursor:pointer;
	}
	.bcarrito
	{
	
	position:absolute;
	
	right:10%;
	
	margin-top: 0px;
	
	border:1px #c00000 solid;
	
	border-radius: 5px;
	
	padding:3px;
	
	background-color: #FFF;
	
	cursor:pointer;
	
	margin-bottom: 10px;
	}
	.bcarrito img
	{
	
	
	width:25px;
	}
	.bcarrito p
	{
	
	margin:0;
	
	margin-top:5px;
	
	margin-right:5px;
	
	color:#c00000;
	
	float:left;
	
	
	font-size: 12px;
	}
	#bcarritom
	{
	
	border:1px #c00000 solid;
	
	border-radius: 5px;
	
	padding:3px;
	
	background-color: #FFF;
	
	cursor:pointer;
	
	display:none;
	
	font-size: 12px;
	}
	#bcarritom img
	{
	
	
	width:25px;
	}
	#bcarritom p
	{
	
	margin:0;
	
	margin-top:5px;
	
	margin-right:5px;
	
	color:#c00000;
	
	float:left;
	
	}
	.notifyjs-container,.notifyjs-bootstrap-base,.notifyjs-wrapper,.notifyjs-container span
	{
	
	height:35px !important;
	
	}
	.buscalo::-ms-clear {
	    display: none;
	}
	.desde
	{
	
	color:#c00000;
	
	font-size: 12px;
	
	float:right;
	
	margin:0;
	
	padding:0;
	}
	.icon-search
	{
	
	cursor: pointer;
	}
	.marriba
	{
	
	margin-top: -25px;
	
	width:60px;
	}
	.ordenamiento
	{
	
	float:right;
	
	margin-top: 10px;
	
	height:30px;
	
	
	}
	.mgtop
	{
	
	margin-top: 50px;
	}
	.p::before {
	  content: " ";
	}
	.contenido p span{float:none !important;}
	.contenido p .decimales,.contenido div .decimales{float:right !important;}
	.contenido p img{width:100% !important;height:auto !important;}
	.fila { zoom: 1; width: 100%; box-sizing: border-box; }
	.fila:before,
	.fila:after {
		content: '';
		display: table;
	}
	.fila:after { clear: both; }
	.cinco { width: 5%; float: left; box-sizing: border-box; }
	.diez { width: 10%; float: left; box-sizing: border-box; }
	.diezSeisSesentaSeis { width: 16.66%; float: left; box-sizing: border-box; }
	.veinte { width: 20%; float: left; box-sizing: border-box; }
	.veinteTres { width: 23.3%; float: left; box-sizing: border-box; }
	.veinteCinco { width: 25%; float: left; box-sizing: border-box; }
	.treinta { width: 30%; float: left; box-sizing: border-box; }
	.treintaTres { width: 33.3%; float: left; box-sizing: border-box; }
	.cuarenta { width: 40%; float: left; box-sizing: border-box; }
	.cincuenta { width: 50%; float: left; box-sizing: border-box; }
	.cincuentaCinco { width: 55%; float: left; box-sizing: border-box; }
	.sesenta { width: 60%; float: left; box-sizing: border-box; }
	.sesentaSeis { width: 66.6%; float: left; box-sizing: border-box; }
	.setenta { width: 70%; float: left; box-sizing: border-box; }
	.setentaCinco { width: 75%; float: left; box-sizing: border-box; }
	.ochenta { width: 80%; float: left; box-sizing: border-box; }
	.noventa { width: 90%; float: left; box-sizing: border-box; }
	.capaNegra {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10001;
		background-color: #000;
		opacity: 0.7;
		display: none;
	}
	.popupNueva {
		position: fixed;
		width: 500px;
		max-width: 90%;
		z-index: 10002;
		padding: 20px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -1000px;
		transition: all 0.5s;
		box-sizing: border-box;
		background-color: #fff;
	}
	.popupNueva .cierra {
		z-index: 1;
		cursor: pointer;
		color: #000;
		font-size: 20px;
		position: absolute;
		right: 20px;
		margin-top: -15px;
	}
	.popupNueva input { width: 100%; padding: 5px; box-sizing: border-box; margin-bottom: 5px; }
	.popupNueva .boton { margin: 0 auto !important; }
	.popupNueva.popupActivo { top: 50%; transform: translateY( -55% ); }
	.registroLink { color: #000 !important; font-weight: 700; }
	.cierraMenu {
		position: absolute;
	    top: 0;
	    right: 0;
	    background-color: #fff;
	    box-sizing: border-box;
	    padding: 13px 10px;
	    line-height: 0;
	    text-align: center;
	    z-index: 1;
	}
	.cierraMenu i { padding: 0; }