/*----------------------------------------------------------------*/
/*--------------------------- MENUS  -----------------------------*/
/*----------------------------------------------------------------*/

/* MENU PRINCIPAL */

span.btn-menu-adaptable{
	display:inline-block;
	width:61px;
	height:61px;
	background-image:url(../images/boton_menu.png);
	background-repeat:no-repeat;
	background-position:center top;
	cursor:pointer;
	margin:0px 10px 0 0;
	position:fixed;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
	left:0;
	top:0;
	z-index: 100002;
}
span.btn-menu-adaptable:hover{
	opacity:0.75;
}
.contenedor-btn-menu-adaptable{
	width:100%;
	height:61px;
	padding:0;
	clear:both;
	background: #4e4e4e;
	background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -o-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -ms-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: linear-gradient(to bottom, #4e4e4e 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 );
	border-bottom: 1px solid #292929;
	position:fixed;
	top:0;
	left:0;
	z-index: 100002;
}
.contenedor-btn-menu-adaptable .logo_alt{
	height:40px;
	width:auto;
	float:left;
	margin:10px 15px 0 85px;
}
.menu_cabecera.menu-adaptable-desplegable{
	width:100%;
	position:fixed;
	top:61px;
	left:0px;
	z-index:200000;
	height:96%;
	background:#fafafa;
	margin:0;
	padding:0;
	overflow:auto;
	box-sizing:border-box;
}
.menu_cabecera.menu-adaptable-desplegable > li {
	background: #fafafa;
	border-bottom: 1px solid #c9c9c9;
	float:none;
	padding:0;
	margin:0;
	float:none;
	box-sizing:border-box;
}
.menu_cabecera.menu-adaptable-desplegable > li > a{
	display: block;
	padding: 15px 0px 13px 15px;
	margin:0;
	font-size: 14px;
	text-align: left;
	color:#5b6064;
	float:none;
	box-sizing:border-box;
}
.menu_cabecera.menu-adaptable-desplegable > li a.seleccionado{
	background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -o-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -ms-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: linear-gradient(to bottom, #4e4e4e 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 );
	border-radius:0;
	color:#fff;
}
.menu_cabecera.menu-adaptable-desplegable > li:hover{
}
.menu_cabecera.menu-adaptable-desplegable > li:hover > a{
	color:#fff;
	background: #4e4e4e;
	background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -o-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -ms-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: linear-gradient(to bottom, #4e4e4e 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 );
	border-radius:0;
}
.menu_cabecera.menu-adaptable-desplegable > li ul.subcat {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	border-radius: 0;
}
.menu_cabecera.menu_cabecera ul.subcat:before{
	display:none;
}
.menu_cabecera.menu-adaptable-desplegable > li .subcat li{
	background: #fafafa;
	border-bottom: 1px solid #c9c9c9;
	padding:0;
}
.menu_cabecera.menu-adaptable-desplegable > li .subcat li:last-child{
	border-bottom:none;
}
.menu_cabecera.menu-adaptable-desplegable > li .subcat li a{
	display: block;
	padding: 15px 0px 13px 30px;
	font-size: 14px;
	text-align: left;
	color:#5b6064;
}
.menu_cabecera.menu-adaptable-desplegable > li .subcat li:hover a{
	background:#3a97fe;
	box-shadow:inset 0px 9px 15px rgba(255,255,255,0.3);
	color:#fff;
}

/* MENU SECUNDARIO */

.contenedor-btn-menu-secundario-adaptable{
}
.btn-menu-secundario-adaptable{
	display:inline-block;
	width:61px;
	height:61px;
	background-image:url(../images/boton_secundario.png);
	background-repeat:no-repeat;
	background-position:center top;
	cursor:pointer;
	margin:0px 0px 0 10px;
	position:fixed;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
	right:0;
	top:0;
	z-index: 100002;
}
.btn-menu-secundario-adaptable:hover{
	opacity:0.75;
}
.menu-secundario-adaptable-desplegable{
	width: 100%;
	position: fixed;
	top: 61px;
	left: 0px;
	z-index: 200000;
	height: 100%;
	background: #fafafa;
	margin:0;
	padding:0;
}
.menu-secundario-adaptable-desplegable li{
	background: #fafafa;
	float: none;
	padding: 0;
	margin:0
}
.menu-secundario-adaptable-desplegable li a{
	display: block;
	padding: 15px 0px 13px 15px;
	font-size: 14px;
	text-align: left;
	color:#5b6064;
	margin:0;
	border-bottom: 1px solid #c9c9c9;
}
.menu-secundario-adaptable-desplegable li:hover a{
	color:#fff;
	background: #4e4e4e;
	background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -o-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -ms-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: linear-gradient(to bottom, #4e4e4e 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 );
	border-radius:0;
}
.menu-secundario-adaptable-desplegable > li ul.subcat{
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	border-radius: 0;
	width:100%; 
	float:none;
	overflow:hidden;
	display:none;
}
.menu-secundario-adaptable-desplegable > li ul li{
	background: #fafafa;
	border-bottom: 1px solid #c9c9c9;
	padding:0;
}
.menu-secundario-adaptable-desplegable > li ul li:hover{	
}
.menu-secundario-adaptable-desplegable > li ul li a{
	display: block;
	padding: 15px 0px 13px 30px;
	font-size: 14px;
	text-align: left;
	color:#5b6064;
}
.menu-secundario-adaptable-desplegable > li ul li a:hover {
	background:#3a97fe;
	box-shadow:inset 0px 9px 15px rgba(255,255,255,0.3);
	color:#fff;
}
.menu-secundario-adaptable-desplegable li.idiomas span{
	display:none;
}

/*  MENU CATALOGO */

.contenedor-btn-menu-catalogo-adaptable{
}
.btn-menu-catalogo-adaptable{
	display:inline-block;
	width:61px;
	height:61px;
	background-image:url(../images/boton_catalogo.png);
	background-repeat:no-repeat;
	background-position:center top;
	cursor:pointer;
	margin:0px 0px 0 10px;
	position:fixed;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
	right:62px;
	top:0;
	z-index: 100002;
}
.btn-menu-catalogo-adaptable:hover{
	oapcity:0.75;
}
.menu_catalogo.menu-catalogo-adaptable-desplegable{
	width: 100%;
	position: fixed;
	top: 61px;
	left: 0px;
	z-index: 200000;
	height: 100%;
	background: #fafafa;
	margin:0;
	padding:0;
}
.menu_catalogo.menu-catalogo-adaptable-desplegable > li{
	background: #fafafa;
	float: none;
	padding: 0;
	margin:0
}
.menu_catalogo.menu-catalogo-adaptable-desplegable > li > a{
	display: block;
	padding: 15px 0px 13px 15px;
	font-size: 14px;
	text-align: left;
	color:#5b6064;
	margin:0;
	border-bottom: 1px solid #c9c9c9;
}
.menu_catalogo.menu-catalogo-adaptable-desplegable li:hover > a{
	color:#fff;
	background: #4e4e4e;
	background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -o-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: -ms-linear-gradient(top, #4e4e4e 0%,#333333 100%);
	background: linear-gradient(to bottom, #4e4e4e 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#333333',GradientType=0 );
	border-radius:0;
}
.menu_catalogo.menu-catalogo-adaptable-desplegable > li ul.subcat{
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	border-radius: 0;
	width:100%; 
	float:none;
	overflow:hidden;
	display:none;
}
.menu_catalogo.menu-catalogo-adaptable-desplegable > li ul li
{
	background: #fafafa;
	border-bottom: 1px solid #c9c9c9;
	padding:0;
}
.menu_catalogo.menu-catalogo-adaptable-desplegable > li ul li:hover
{
	
}
.menu_catalogo.menu-catalogo-adaptable-desplegable > li ul li a{
	display: block;
	padding: 15px 0px 13px 30px;
	font-size: 14px;
	text-align: left;
	color:#5b6064;
}
.menu_catalogo.menu-catalogo-adaptable-desplegable > li ul li a:hover {
	background:#3a97fe;
	box-shadow:inset 0px 9px 15px rgba(255,255,255,0.3);
	color:#fff;
}

/* MENU BUSCADOR */

.contenedor-btn-menu-buscador-adaptable{
}
.btn-menu-buscador-adaptable{
	display:inline-block;
	width:61px;
	height:61px;
	background-image:url(../images/boton_buscar.png);
	background-repeat:no-repeat;
	background-position:center top;
	cursor:pointer;
	margin:0px 0px 0 10px;
	position:fixed;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
	right:124px;
	top:0;
	z-index: 200000;
}
.btn-menu-buscador-adaptable:hover{
	oapcity:0.75;
}
.menu-buscador-adaptable-desplegable{
	position: fixed;
	top: 62px;
	right: 0px;
	z-index: 200000;
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top, #fafafa 0%,#e9e9e9 100%);
	background: -o-linear-gradient(top, #fafafa 0%,#e9e9e9 100%);
	background: -ms-linear-gradient(top, #fafafa 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );
	border: 1px solid #c9c9c9;
	border-radius: 5px 0 0 5px;
	margin: 0;
	padding: 0;
	border-right: 0;
	padding:20px 10px;
	height:86px;
	box-shadow:0px 0px 4px rgba(0,0,0,0.2);
}
.menu-buscador-adaptable-desplegable input[type="text"]{
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
	float: left;
	font-size: 12px;
	height: 15px;
	margin-right: 10px;
	padding: 3px;
	width: 150px
}
.menu-buscador-adaptable-desplegable input[type="button"]{
	background: #FB8313;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 12px;
	height: 23px;
	padding: 3px;
	text-align: center;
	width: 72px;

}

/*------------------------ FIN MENUS -----------------------------*/


/*----------------------------------------------------------------*/
/*----------------------- ESTRUCTURA  ----------------------------*/
/*----------------------------------------------------------------*/

html{
	min-width:100%;
}
body{
		overflow-x:hidden;
}
@media screen and (max-width:1280px) 
{
	.supercontenedor{
		min-width:100%;
		max-width:100%;
	}
	.contenido{
		width:98%;
		padding:0px 1%;
	}
	.columna_izquierda{
		float:none;
		width:100%;
		max-width:100%;
	}
	.columna_derecha{
		float:none;
		width:100%;
		max-width:100%;
	}
	
}
@media screen and (max-width:999px) 
{
	.supercontenedor{
		padding-top:62px;
		background-image:none;
	}
	.contenido{
		padding-top:30px;
	}
	h1{
		text-align:left;
	}
}

/*----------------------------------------------------------------*/
/*----------------------- ESTRUCTURA ----------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width:1280px) 
{
	
}
/*----------------------------------------------------------------*/
/*----------------------- PRECABECERA ----------------------------*/
/*----------------------------------------------------------------*/

#precabecera{
	max-width:98%;
	padding:0 1%;
	height:39px;
}
@media screen and (max-width:999px) 
{
	.carrito_adaptable{
		float: left !important;
		width: 150px;
		color: #fff;
	}
	.carrito_adaptable .mini_cesta{
		background: url(../images/cesta-adaptable.png) no-repeat right top;
		width: 120px;
	}
	.carrito_adaptable .mini_cesta a{
		color: #fff;
	}
	.cont_precabecera{
		position:fixed;
		left:0;
		top:61px;
		z-index:100001;
	}
	.idiomas{
		margin:10px 5px;
	}
	#precabecera ul li.carga_cajetin{
		margin-bottom:5px;
	}
	.usuarios_cajetin{
		float:none;
	}
	#minicesta{
		overflow:hidden;
	}
	div.usuarios_cajetin, .usuarios_identificado{
		position:fixed;
		top:17px;
		left:208px;
		width:auto;
		margin:0;
	}
	#signin{
		overflow:hidden;
		width:500px;
	}
	div.usuarios_cajetin{
		padding-bottom:13px;
	}
	.usuarios_identificado{
		top:23px;
	}
	.usuarios_cajetin .enlaces{
		clear:none;
		padding-top:0px;
		position:relative;
		top: -4px;
	}
	.usuarios_cajetin .enlaces a{
		display:block;
		color:#fff;
	}
	.usuarios_cajetin .enlaces a:hover,
	.usuarios_identificado a:hover{
		color:#999;
	}
	.usuarios_identificado div.session_usuario a,
	.usuarios_identificado div a {
		color:#fff;
		font-size:14px;
	}
}
@media screen and (max-width:850px)
{
	div.usuarios_cajetin{
		position: relative;
		top: 9px;
		left: 0;
	}
}
@media screen and (max-width:750px)
{
	.usuarios_cajetin .enlaces{
		top:-4px;
	}
	.usuarios_cajetin .enlaces a{
		display:block;
	}
}
@media screen and (max-width:740px)
{
		div.usuarios_identificado{
		position: relative;
		top: 9px;
		left: 0;
	}
	.usuarios_identificado div{
		float:none;
	}
	.usuarios_identificado div.session_usuario a:hover, .usuarios_identificado div a:hover{
		color:#fff;
		text-decoration:underline;
	}
}
@media screen and (max-width:690px)
{
	.minicesta_vp{
		position: fixed;
		top: 11px;
		left: 218px;
	}
}
@media screen and (max-width:540px)
{
	.carrito_adaptable .mini_cesta{
		background: url(../images/cesta-adaptable.png) no-repeat right top;
		width: 85%;
		float:left;
		height:40px;
	}
	.carrito_adaptable {
		position: fixed;
		top: 62px;
		left: 0px;
		width: 100%;
		background: #333;
		padding-top: 10px !important;
	}
	.carrito_adaptable .mini_cesta ul li:first-child{
		float:none;
		margin-right: 0px;
		padding-left: 0;
		padding-bottom: 2px;
	}
	.supercontenedor{
		padding-top: 95px;
	}
	.cont_precabecera{
		height:72px;
	}
	#precabecera{
		height:72px;
	}
	#signin{
		width:360px;
		margin:0 auto;
	}
	#precabecera ul{
		float:none;
	}
	div.usuarios_cajetin {
		position: relative;
		top:16px;
		left: 0;
	}
	.usuarios_cajetin .enlaces{
		float:none;
		width:266px;
		margin:0 auto;
		clear:both;
		top:0;
		padding-top:6px;
	}
	.usuarios_cajetin .enlaces a{
		display:inline;
	}
	div.usuarios_identificado{
		top:25px;
	}


}
@media screen and (max-width:480px)
{
	.supercontenedor{
		padding-top: 95px;
	}
	.cont_precabecera{
		height:120px;
	}
	#precabecera{
		height:120px;
	}
	.carrito_adaptable .mini_cesta{
		background: url(../images/cesta-adaptable.png) no-repeat right top;
		width: 85%;
		float:left;
	}
	.carrito_adaptable {
		position: fixed;
		top: 62px;
		left: 0px;
		width: 100%;
		background: #333;
		padding-top: 0;
	}
	.carrito_adaptable .mini_cesta ul li:first-child{
		float:none;
		margin-right: 0px;
		padding-left: 0;
		padding-bottom: 2px;
	}
}
@media screen and (max-width:440px)
{
	.usuarios_identificado div.session_usuario a, .usuarios_identificado div a{
		font-size:13px;
	}
}
@media screen and (max-width:380px)
{
	#signin{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.usuarios_cajetin input[type=text], .usuarios_cajetin input[type=password]{
		width:34%;
		padding:3px 2%;
		margin-bottom:5px;
	}
	.usuarios_cajetin input[type=text]{
		margin-right:2%;
	}
	.usuarios_cajetin input[type=submit]{
		float:none;
		width:53px;
		font-size:10px;
	}
	div.usuarios_identificado{
		width:98%;
		padding:5px 1%;
	}
	.usuarios_identificado div.session_usuario a, .usuarios_identificado div a{
		font-size:11px;
	}
	.usuarios_identificado div.mi_perfil,
	.usuarios_identificado div.mi_cesta,
	.usuarios_identificado div.mis_pedidos,
	.usuarios_identificado div.btn_logout{
		padding-right:6px;
		margin-right:6px;
	}
}
@media screen and (max-width:340px)
{
	.contenedor-btn-menu-adaptable .logo_alt{
		margin-left:68px;
		max-width: 105px;
		height: auto;
		max-height: 40px;
	}
}

/*----------------------------------------------------------------*/
/*-------------------------- CABECERA ----------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width:1280px) 
{
	
}
@media screen and (max-width:999px) 
{
	.cabecera {
		display:none;
	}
}
@media screen and (max-width:400px) {
	.contenedor-btn-menu-adaptable .logo_alt{
		margin-left:74px;
	}
}
@media screen and (max-width:360px) {
	.contenedor-btn-menu-adaptable .logo_alt{
		height: 27px;
		margin-top: 17px;
		margin-left:69px;
	}
}
/*----------------------------------------------------------------*/
/*-------------------------- CIERRE  -----------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width:1280px) 
{
	.contenedor_cierre{
		min-width:100%;
		max-width:100%;
		background:#202022;
	}
	.cierre{
		max-width:98%;
		margin:0 auto;
	}
}
@media screen and (max-width:800px)
{
	.cierre{
		position:relative;
	}
	.cierre .redes{
		position:absolute;
		right:20px;
		top:20px;
		
	}
	.cierre .links_cierre{
		position:absolute;
		right:20px;
		top:60px;
	}
	.cierre .direccion{
		position:absolute;
		right:20px;
		top:43px;
		
	}
}
@media screen and (max-width:550px)
{
	.contenedor_cierre, .cierre{
		height:250px;
		box-sizing: border-box;
	}
	.cierre .logo_cierre{
		width:100%;
		margin:0 auto 10px auto;
		float:none;
		text-align:center;
	}
	.cierre .redes{
		position:static;
		right:0px;
		top:0px;
		width:100%;
		text-align:center;	
	}
	.cierre .links_cierre{
		position:static;
		right:0px;
		top:0px;
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	.cierre .redes img{
		float:none;
	}
	.cierre .direccion{
		position:static;
		right:0px;
		top:0px;	
		width:100%;
		text-align:center;
		margin:0 auto;
	}
}

/*----------------------------------------------------------------*/
/*----------------------- MENU SECUNDARIO ------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width:999px) 
{
	.contenedor_menu_secundario{
		display:none;
	}
}

/*----------------------------------------------------------------*/
/*--------------------------- SLIDER -----------------------------*/
/*----------------------------------------------------------------*/
@media screen and (max-width:999px) 
{
	.hypercontenedor_slider{
		margin-top:0;
	}
	#slider_banner li .texto p.tit{
		font-size:20px;
	}
	#slider_banner li .texto{
		padding-left:20px;
		width:380px;
	}
}

@media screen and (max-width:650px) 
{
	.hypercontenedor_slider{
		display:none;
	}
}

/*----------------------------------------------------------------*/
/*--------------------------- INDEX ------------------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width:1280px)
{
	.inmobilia_portada{
		min-width:100%;
	}
	.catalogo_listado_portada{
		width:100%;
	}
	.catalogo_listado_portada ul{
		width:640px;
		margin:0 auto;
		max-width:100%;
	}
	.columna_derecha.columna_derecha_index{
		width:763px;
		margin:0 auto;
		max-width:100%;
	}
	.destacadas{
		width:500px;
		max-width:100%;
		margin:0 auto;
		float:left;
		margin-right:26px;
	}
	.avance_destacada{
		float:left;	
	}
	.avance_destacada:first-child, .avance_destacada:nth-child(odd){
		margin-right:26px;
	}
	.avance_destacada .titulo{
		height:32px;
		overflow:hidden;
	}
	#calendari{
		overflow:hidden;
	}
	#calendar{
		margin-top:7px;
		padding:8px 13px 8px 14px;
	}
	ul#calendar li{
		margin:2px;
		padding:1px 0 0;
	}
}
@media screen and (max-width:795px)
{
	.destacadas{
		float:none;
		margin-right:auto;
	}
	#calendari{
		overflow:hidden;
		width:500px;
		margin:0 auto;
	}
	#calendar{
		float:left;
		margin-right:26px;
	}
	#eventos{
		overflow:hidden;
		width:227px;
	}
	ul#calendar li {
		padding: 2px 0px 0px 0px;
		margin: 3px;
	}
	ul#calendar{
		margin-top: 20px;
		padding: 10px 13px 12px 14px;
	}
}
@media screen and (max-width:700px)
{
	.catalogo_listado_portada{
		width:320px;
	}
	.catalogo_listado_portada ul li{
		margin-left:0;
		margin-right:0;
	}
	.destacadas{
		width:237px;
	}
	.avance_destacada{
		float:none;
		margin-left:0;
		margin-right:0;
	}
	#calendari{
		width:237px;
	}
	#calendar{
		float:none;
		margin:20px auto 0 auto;
	}
}
@media screen and (max-width:480px) 
{
	.avance_noticias ul li .foto{
		float:none;
		margin-right:0;
		margin-bottom:15px;
		width:100%;
		text-align:center;
	}
	.avance_noticias ul li .foto img{
		width:100%;
		max-width:100%;
		height:auto;
	}
}

/*----------------------------------------------------------------*/
/*-------------------------- CATALOGO LSTADO ---------------------*/
/*----------------------------------------------------------------*/

@media screen and (max-width:1280px) 
{
	.columna_izquierda.col_catalogo{
		width:100%;
		float:none;
	}
	.columna_derecha.col_catalogo{
	}
	.catalogo_listado ul li:nth-child(4n+4){
		margin-right:13px;
	}
	.catalogo_listado ul li:nth-child(3n+3){
		margin-right:0;
	}
	.catalogo_listado{
		width:692px;
		margin:0 auto;	
	}
	.columna_derecha.col_catalogo .catalogo_listado{
		width:960px;
		margin:0 auto;
		max-width:100%;
	}
	
}
@media screen and (max-width:999px) 
{
	.columna_izquierda.col_catalogo{
		width:100%;
	}
	.columna_derecha.col_catalogo{
		width:100%;
		float:none;
		clear:both;
	}
	.catalogo_listado{
		width:auto;
	}
	.catalogo_listado ul li{
	}
	h2.head_catalogo{
		display:none;
	}
	.catalogo_listado ul{
		width:743px;
		margin:0 auto;
	}
	.catalogo_listado ul li:nth-child(4n+4){
		margin-right:10px;
	}
	.catalogo_listado ul li:nth-child(3n+3){
		margin-right:0px;
	}
	.migas {
		max-width:100%;
		margin:0 auto 10px auto;
	}
	.columna_derecha.col_catalogo .catalogo_listado,
	.columna_derecha.col_catalogo .catalogo_listado ul{
		width:640px;
		max-width:100%;
	}
	.columna_derecha.col_catalogo .catalogo_listado .migas{
		width:640px;
		margin:0 auto;
		max-width:100%;
		padding-left:0;
		padding-right:0;
	}
	.columna_derecha.col_catalogo .catalogo_listado ul li{
		width:320px;
		float:left;
		margin:0 !important;
	}
	.catalogo_detalle .foto,
	.catalogo_detalle .detalles{
		float:none;
		margin:0 auto 10px auto;
		max-width:100%;
	}
	.catalogo_detalle .foto a{
		display:block;
		max-width:100%;
	}
	.catalogo_detalle .foto img{
		max-width:100%;
		height:auto;
	}
	.catalogo_detalle .miniaturas{
		max-width:100%;
	}
}
@media screen and (max-width:707px)
{
	.columna_derecha.col_catalogo .catalogo_listado,
	.columna_derecha.col_catalogo .catalogo_listado ul{
		width:320px;
		max-width:100%;
	}
	.columna_derecha.col_catalogo .catalogo_listado .migas{
		width:320px;
	}

}
@media screen and (max-width:515px)
{
	.catalogo_listado ul{
		width:237px; 
		margin:0 auto;
	}
	.catalogo_listado ul li:nth-child(odd){
		margin-right:10px;
	}
}
@media screen and (max-width:440px)
{

	h2.head_catalogo, .buscador_productos h2.head_catalogo{
		display:none;
	}
}

/*-----------------------------------------------------------------*/
/*-------------------------- CATALOGO DETALLE ---------------------*/
/*-----------------------------------------------------------------*/

@media screen and (max-width:1280px) and (min-width:751px)
{
	.container-foto{
		height:341px;
		width:350px;
	}
	.container-foto > ul{
		width:350px;
		height:267px;
	}
	.container-foto > ul > li{
		width:350px;
		height:267px;
	}
	.container-foto > ul > li a img{
		height:267px;
		width:auto;
		max-width:350px;
	}
}

@media screen and (max-width:999px) 
{
	.catalogo_detalle{
		float:none;
		margin:11px auto;
	}
}
@media screen and (max-width:775px)
{
	.catalogo_detalle{
		padding:10px;
	}	
}
@media screen and (max-width:750px)
{
	.container-foto{
		float:none;
		margin:0 auto;
	}
	.catalogo_detalle{
		width:96%;
		padding:2%;
		margin:0 auto;
	}
	.catalogo_detalle .detalles,
	.registro_contrasena{
		float:none;
		width:100%;
	}
	.catalogo_detalle .nombre,
	.catalogo_detalle .ref,
	.catalogo_detalle .descripcion,
	.catalogo_detalle .talla,
	.catalogo_detalle .precio{
		width:100%;
		text-align:center;
	}
}
@media screen and (max-width:590px)
{
	.container-foto{
		max-width:100%;
		width:100%;
	}
	.container-foto > ul{
		max-width:100%;
		width:100%;
	}
	.container-foto > ul > li{
		max-width:100%;
		width:100%;
		height:auto
	}
	.container-foto > ul > li a img{
		max-width:100%;
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:590px)
{
	.container-foto{
		height:404px;
	}
	.container-foto > ul{
		height:330px;
	}
	.container-foto .prevMini{
		left:0px;
	}
	.container-foto .nextMini{
		right:0;
	}
}
@media screen and (max-width:440px)
{
	.container-foto{
		height:369px;
	}
	.container-foto > ul{
		height:295px;
	}
	.catalogo_detalle .talla select{
		width:100%;
	}
}

@media screen and (max-width:400px)
{
	.container-foto{
		max-width:80%;
		width:80%;
		margin:0 auto;
		height:217px;
	}
	.container-foto > ul{
		max-width:100%;
		width:100%;
	}
	.container-foto > ul > li{
		max-width:100%;
		width:100%;
		height:auto
	}
	.container-foto > ul > li a img{
		max-width:100%;
		width:100%;
		height:auto;
	}
	.container-foto .cont_miniaturas{
		display:none;
	}
	.container-foto .prev{
		display: block;
		width: 15px;
		height: 32px;
		position: absolute;
		left: 0px;
		bottom: 7px;
		cursor: pointer;
		background-image: url(../images/sprites.png);
		background-repeat: no-repeat;
		background-position: -5px -39px;
		z-index: 1000;
	}
	.container-foto .prev:hover {
		background-position: -5px -89px;
	}
	.container-foto .next{
		display: block;
		width: 15px;
		height: 32px;
		position: absolute;
		right: 0px;
		bottom: 7px;
		cursor: pointer;
		background-image: url(../images/sprites.png);
		background-repeat: no-repeat;
		background-position: -37px -39px;
		z-index: 1000;
	}
	.container-foto .next:hover {
		background-position: -37px -89px;
	}
	.container-foto .nextMini,
	.container-foto .prevMini {
		display:none;
	}
}

/*-----------------------------------------------------------------*/
/*-------------------------- PROCESO DE COMPRA --------------------*/
/*-----------------------------------------------------------------*/

@media screen and (max-width:775px)
{
	.confirmacion_datos .totales{
		width:96%;
		padding:2%;
	}

}
@media screen and (max-width:750px)
{
	.confirmacion_datos, .confirmacion_compra {
		width:96%;
		padding:2%;
	}
	.confirmacion_datos .carro_lista_producto.titulos,
	.confirmacion_compra .carro_lista_producto.titulos{
		width:100%;
	}
	.confirmacion_datos .carro_lista_producto,
	.confirmacion_compra .carro_lista_producto{
		width:100%;
	}
	.confirmacion_datos .carro_lista_producto .nombre.titulo,
	.confirmacion_compra .carro_lista_producto .nombre.titulo{
		width:75%;
	}
	.confirmacion_datos .carro_lista_producto .precio.titulo,
	.confirmacion_datos .carro_lista_producto .uds.titulo,
	.confirmacion_compra .carro_lista_producto .precio.titulo,
	.confirmacion_compra .carro_lista_producto .uds.titulo{
		width:7%;
	}
	.confirmacion_datos .carro_lista_producto .precio.titulo.ultimo,
	.confirmacion_compra .carro_lista_producto .precio.titulo.ultimo{
		width:10%;
	}
	.confirmacion_datos .carro_lista_producto .image,
	.confirmacion_compra .carro_lista_producto .image{
		width:7%;
	}
	.confirmacion_datos .carro_lista_producto .nombre,
	.confirmacion_compra .carro_lista_producto .nombre{
		width:64%;
	}
	.confirmacion_datos .carro_lista_producto .precio,
	.confirmacion_compra .carro_lista_producto .precio{
		width:8%;
	}
	.confirmacion_datos .carro_lista_producto .uds,
	.confirmacion_compra .carro_lista_producto .uds{
		width:6%;
	}
	.confirmacion_datos .carro_lista_producto .ultimo,
	.confirmacion_compra .carro_lista_producto .ultimo{
		width:10%;
	}
	.breadcrumbs{
		width:100%;
		border-radius:0;
	}
	.breadcrumbs li{
		width:33.3%;
	}
	.breadcrumbs li.comprafacil,
	.breadcrumbs li.comprafacil_03{
		width:30.3%;
		padding:10px 1% 10px 2%;
		border-radius:7px 0 0 7px;
	}
	.breadcrumbs li:last-child{
		border-radius:0 7px 7px 0;
	}
}
@media screen and (max-width:540px){
	
	.confirmacion_datos, .confirmacion_compra{
		font-size:11px;
	}
	.confirmacion_datos .carro_lista_producto .nombre,
	.confirmacion_datos .carro_lista_producto .precio,
	.confirmacion_datos .carro_lista_producto .uds,
	.confirmacion_datos .carro_lista_producto .precio.titulo,
	.confirmacion_datos .carro_lista_producto .precio.titulo.ultimo,
	.confirmacion_datos .carro_lista_producto .uds.titulo,
	.confirmacion_datos .carro_lista_producto .titulo,
	.confirmacion_compra .carro_lista_producto .nombre,
	.confirmacion_compra .carro_lista_producto .precio,
	.confirmacion_compra .carro_lista_producto .uds,
	.confirmacion_compra .carro_lista_producto .precio.titulo,
	.confirmacion_compra .carro_lista_producto .precio.titulo.ultimo,
	.confirmacion_compra .carro_lista_producto .uds.titulo,
	.confirmacion_compra .carro_lista_producto .titulo{
		font-size:11px;
	}
	.confirmacion_datos .totales .totalprod,
	.confirmacion_datos .totales .ivas{
		width:46%;
		margin-right:2%
	}
	.datos_envio ul, .datos_facturacion ul, .registro_contrasena ul,
	.metodo_pago ul{
		width:211px;
		margin:0 auto 10px auto;
	}
	.datos_envio label, .datos_facturacion label,
	.registro_contrasena label{
		display:block;
		text-align:left;
	}
	.confirmacion_datos h4{
		width:100%;
	}
	.breadcrumbs li{
		font-size:14px;
	}
	.breadcrumbs li:after{
		right:14px;
	}
	.confirmacion_datos .totales .totaldef{
		font-size:20px;
	}
}
@media screen and (max-width:470px) 
{
	.breadcrumbs li{
		text-align:center;
		font-size:12px;
	}
	.breadcrumbs li:after{
		display:none;
	}
}

/*-----------------------------------------------------------------*/
/*-------------------------- LOCALIZACION -------------------------*/
/*-----------------------------------------------------------------*/

@media screen and (max-width:1280px) 
{
	.mapa_google{
		width:96%;
		margin: 20px auto;
		float:none;
	}
	#map_canvas{
		width:100% !important;
		margin:0 auto;
	}
	.datos_empresa{
		float:none;
		width:96%;
		margin:0 auto;
	}
}
@media screen and (max-width:540px) 
{
	.mapa_google{
		border-width:4px;
	}
}


/*-----------------------------------------------------------------*/
/*-------------------------- FORMULARIOS --------------------------*/
/*-----------------------------------------------------------------*/

@media screen and (max-width:750px)
{

	#formulario{
		width:100%;
	}
	#formulario form{
		width:412px;
		margin:0 auto;
	}
	.usuarios_alta ul,
	.usuarios_perfil ul{
		width:210px;
		margin:0 auto;
	}
	#formulario ul li label,
	.usuarios_alta ul label,
	.usuarios_perfil ul label{
		display:block;
		float:none;
		margin-bottom:5px;
		text-align:left;
	}
	#formulario li label.error{
		right:0;
		text-align:right;
	}
	#formulario li.condiciones label.error,
	.usuarios_alta ul label.error,
	.usuarios_perfil ul label.error{
		top:-2px;
	}
	.peq{
		position:relative;
		top:0;
		left:0;
	}
}

@media screen and (max-width:440px)
{
	#formulario form{
		width:320px;
		margin:0 auto;
	}
	#formulario form input[type="text"],
	#formulario form ul li .textarea{
		width:300px;
	}

}

/*-----------------------------------------------------------------*/
/*-------------------------- CONTENIDOS --------------------------*/
/*-----------------------------------------------------------------*/
@media screen and (max-width:1280px)
{
	.contenedor_adn,
	.contenido_adn{
		height:626px;
		min-width:100%;
	}
	.contenedor_adn,
	.tit_areas{
		width:100%;
		min-width:100%;
	}
	.ch-grid{
		width:604px;	
		margin:0 auto;	
	}
	.noticias_portada{
		min-width:100%;
	}
	.contenido_notport,
	.avance_noticias ul{
		width:100%;
	}
	.avance_noticias ul li{
		float:none;
		width:auto;
		height:auto;
	}
	.noticia{
		float:none;
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:620px)
{
	.contenedor_adn,
	.contenido_adn{
		height:1133px;
	}
	.ch-grid{
		width:220px;	
		margin:0 auto;	
	}
	.ch-grid li{
		margin:20px 0px;
		
	}
}
@media screen and (max-width:540px)
{
	.noticia .img,
	.fotonoti,
	.fotoder,
	.fotoizq {
		float: none;
		margin-right: 0px;
		overflow: hidden;
		text-align: center;
		margin-bottom: 7px;
		width: 100%;
		margin: 10px auto;
		box-sizing: border-box;
		
	}
	.noticia .fecha{
		float:none;
	}
	.noticia .img img,
	.fotonoti img,
	.fotoder img,
	.fotoizq img {
		width:98%;
		height:auto;
		max-width:98%;
	}
	.noticia .link a{
		right:14px;
		width:25px;
		left:auto;
	}
	
}
@media screen and (max-width:480px)
{
}