@media only screen and (max-width : 1260px) and (min-width : 1201px){

	a.menu{
		text-indent: 26px;
	}

}

/* LG */
@media only screen and (max-width : 1200px) {

	.cf{
		position: relative;
                overflow-x:hidden !important;
		max-width: 100%;
	}
	#footer .footer-icons a{
		margin-right: 12px;
	}

	a.producto{
		min-height: 400px;
	}
	a.producto strong{
		min-height: 5.5em;
		max-height: 5.5em;
		overflow: hidden;
	}

	/*listado*/
	#categorias-inner{
		padding:32px 15px 0 15px;
	}
	#listnavs nav{
		margin-bottom: 15px;
	}
	#listnavs nav:last-child{
		margin-left: 0px;
	}
	#filista a.producto em, #filista a.producto:hover em:hover{
		background-image:none !important;
		font-size: 14px;
	}

}

/* MD */
@media only screen and (max-width : 992px) {
	.scroller {
	    height: 100%;
	    overflow-y: scroll;
	}
	.vs2{
		margin-top: 30px;
	}

	.topnav a{
		float: right;
		margin-left: 18px;
	}
	a.menu{
		height: 24px !important;
		width: 24px !important;
	}
	/*a.menu span{
		display:none;
		visibility:hidden;
		height: 0;
		width: 0;
	}*/

	#footer .footer-icons a{
		margin-right: 30px;
		margin-top: 0px;
		font-size: 22px;
	}

	/*listado*/
	#listado-verde {
		float:left;
		width:100%;
		position:relative;
		right:80%;
		/*background:#07a5b2 url(../_img/categorias.png) repeat-y right top;*/
		background-size: 300px;
	}
	#categorias {
		float:left;
		width:20%;
		position:relative;
		left:80%;
		overflow:hidden;
	}
	#filista {
		/*float:left;*/
		width:85%;
		position:relative;
		left:80%;
		overflow:hidden;
		margin: 0 auto;
	}

	/*ficha*/
	.shyheader h1{
		margin-top: 0px;
		font-size: 24px;
		line-height:24px;
	}
	#ficha{
		padding:30px;
	}
	#ficha h1{
		margin-bottom: 0px;
		font-size: 27px;
	}
	
	#fichatabs{
		margin-top: 30px;
	}

	a.producto strong{
		min-height: 4.5em;
		max-height: 5.5em;
		overflow: hidden;
	}

}

/* SM */
@media only screen and (max-width : 768px) {

	/*plantilla*/
	#plantilla{
		background-image:none !important;
	}
	
	#listado-gris{
		background-color: white;
	}

	a.producto{
		box-shadow: inset 0px 0px 0px 1px #eee;
	}

	.container-fluid{
		/*padding-left: 15px !important;*/
		padding-right: 15px !important;
  		padding-left: 15px !important;
	}

	.carousel-inner{
		padding: 0px !important;
	}


}


/* XS */
@media only screen and (max-width : 740px) {
	#carrito-producto{
		display: block;
		text-align: center !important;
	}
	html, body, .pagecontainer {
	    height: auto !important;

	}
	#contenido{
		margin-top: 0px;
		/*padding-top: 50px;*/
	}
	#top{
		position: static !important;
		top:auto !important;
		left:auto !important;
		height: auto !important;

		padding-top:0px;
		padding-bottom:0px;
	}
	a#logo {
	    margin-top: 0px;
		height: 48px;
	}
	a#logo img{
		max-height: 48px;
	}

	#menus{
		padding-right:0 !important;
	}
	a.menu{
		height:auto !important;
		width:auto !important;
		margin-top: 0;

		text-indent: 36px;
	}
	/*a.menu span{
		display:inline-block;
		visibility:visible;
		height:auto !important;
		width:auto !important;
	}*/

	a.menu.menu-trigger{
		top:0;
		

		height:48px !important;
		width:48px !important;
		text-indent:0px;

		background:none;
	}
	a.menu.menu-trigger .glyphicon{
		top:0;
		display:block;
		height: 48px !important;
		width: 48px !important;
		line-height:48px;
		text-align: center;
	}
	a.menu.menu-trigger span#menutxt{
		display:none;
	}

	.navbar-toggle {
	    float: right;
	    padding:0;
	    margin-right:0px;
	    margin-bottom: 0px;

		background-color: transparent;
	    background-image: none;
	    border:none !important;
	    border-radius: 0px;

		margin-top: 0px;
		height: 48px !important;
		width: 48px !important;
	}
	.navbar-toggle span{
		display:block;
		height: 48px !important;
		width: 48px !important;
		line-height:48px;
	}

	#submenu{
		/*background:#137078;*/
	}
	#top .navbar-collapse{
		padding:0px 0.0015em;
	}
	#busca{
		padding:0;
	}
	#top input{
		margin-top: 0px;
		text-indent: 18px;
	}

	.topnav{
		padding-bottom:15px;
		padding-top:15px;
		background:#cddfe1;
	}
	.topnav a.menu,
	.topnav a span{
		float: left !important;
		margin-left: 0px;
	}
	.topnav a.menu{
		width: 50% !important;
	}

	/*footer*/
	#footer{
		height: auto !important;
		min-height: auto !important;
	}
	#footer .vs2{
		margin-top: 0px !important;
	}
	#footer h6{
		clear: both;
		display:block;
		margin-top: 45px;
		margin-bottom:15px;
		font-size: 14px;
	}
	#footer h6.primertitulo{
		margin-top: 15px !important;
	}
	#footer .footer-icons{
		display:block;
		margin-bottom: 45px;
	}
	#footer .footer-icons a{
		margin-right: 20px;
		font-size: 22px;
	}

	/*inicio*/
	#escaparates{
		padding-bottom:0;
		padding-top:15px;
		background:none !important;
	}

	#escaparates a strong{
		display:block;
		padding:15px;
		background:white;
		text-align: center;
	}

	a.producto{
		margin:0;
		min-height: 400px;
	}
	a.producto strong{
		min-height: 5.5em;
		max-height: 5.5em;
		overflow: hidden;
	}
	a.producto em, a.producto:hover em:hover{
		background-image:none !important;
		font-size: 14px;
	}
	a.producto strong, a.producto time,a.producto span{
		margin-top: 15px;
		/*padding:0 15px;*/
	}

	hgroup.divisor{
		padding:30px 0 0px 0;
	}

	/*plantilla*/
	#plantilla section{
		padding:45px 0px 45px 0;
	}
	#plantilla h1{
		font-size: 24px;
		line-height:28px;
	}

	/*listado*/
	#breadcrumbs{
		display:none;
		visibility:hidden;
		height: 0;
		width: 0;
	}
	#breadcrumbs nav a{
		height: 50px;
		line-height:50px;
		font-size: 11px;
	}
	#hierarchy nav a{
		margin-right: 6px;
	}
	#hierarchy nav a:after{
		margin-left: 6px;
	}
	#accesos{
		background:#333;
	}
	#accesos nav a{
		float: left;
		margin-left: 0px;
		width: 33%;
		text-align: center;
	}
	#accesos nav a:after{
		content:"";
		margin-left: 0px;
	}

	#listado-verde {
		width:100%;
		right:100%;
		background:none;
	}
	#categorias {
		display:none;
		visibility:hidden;
		height: 0;
		width: 0;
	}
	#filista {
		width:100%;
		left:100%;
	}

	#filtros{
		padding-top:0px;
	}
	#filtros.noright{
		padding-right:15px !important;
	}
	#filtros .collapse{
		display:none;
	}
	#filtros .collapse.in{
		display:block;
	}
	#filtros .panel-group {
	    margin-bottom:0px;
	}

	#filtrosbtn{
		padding:15px 0 7px 0;
	}
	#filtrosbtn .btn{
		padding:6px 10px;
		font-size: 12px;
	}

	#lista{
		padding:0px !important;
	}
	#listnavs{
		margin-bottom: 20px;
	}
	#listnavs nav{
		margin:9px 0 0 0;
		padding:0;
	}
	#listnavs nav strong{
		display:none;
	}
	#listnavs nav a{
		margin-right: 5px;
	}
	#listnavs nav a:after{
		margin-left: 5px;
	}
	#listnavs nav a em{
		display:none;
	}

	.grilla .col-xs-6{
		padding:5px !important;
	}

	/*ficha*/

	#ficha{
		margin-top: 15px;
		padding:15px;
	}
	#ficha h1{
		margin-bottom: 15px;
		font-size: 24px;
	}
	#fichatabs .nav-tabs>li>a{
		font-size: 13px;
	}
	#fichatabs h6{
		line-height:22px;
	}
	ul.thumbnails-carousel li img{
		width: 60px !important;
	}

	/*carrito*/
	#carrito{
		margin-top: 15px;
		padding:15px;
	}
	#carrito h1{
		margin:10px 0 0 0;
	}
	#carrito hr{
		display:none;
	}
	#totales .table{
		margin:15px;
	}
	.table-responsive {
	    width: 100%;
	    margin-bottom: 0px;
	    overflow-y: hidden;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	    border: 0px !important;
	}
	#totales img{
		display:none !important;
	}
	#carritoaccion a{
		margin-left: 9px;
	}
	#carritoaccion a.link{
		font-size: 12px;
	}
	#carritoaccion a.btnrojo{
		margin:15px 0px;
		width: 100%;
	}
	p#carritopie{
		margin:30px 0 30px 0px;
	}

	/*tramitar*/
	body.tramitar hgroup.divisor.divisorenvio,
	body.tramitar hgroup.divisor.divisorpedido{
		background-image:none !important;
	}
	.relleno{
		margin-top: 15px;
		padding:15px;
	}
	.accioncompra,
	.accioncompra .btnrojo.btnrojoxl{
		display:block;
		padding-left:0;
		padding-right:0;
		width: 100% !important;
	}

}


























