/***************************************************
----- CONDICIONALES DE MEDIA QUERIES -----
****************************************************/

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

	/*///////////////////////////////////////////////////////////////////////*/
	/* MAQUETACION */
	/*///////////////////////////////////////////////////////////////////////*/

	.maq_contenedor {
		padding: 0 3%;
	}

	div.cabezal_menu_elemento {
		margin-right: 3%;
	}
	ul.cabezal_menu {
		margin-left: 3%;		
	}
	/*///////////////////////////////////////////////////////////////////////*/
	/* SUCURSALES */
	/*///////////////////////////////////////////////////////////////////////*/

	div.suc_item {
		width: 21.8%;
		margin-right:4.2%;
		float:left;
	}
	div.suc_item:nth-child(4n+4) {
		margin-right:0;
		float:right;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* SLIDER PORTADA A */
	/*///////////////////////////////////////////////////////////////////////*/
	  .gallery_slider_a.prev,.gallery_slider_a.next {
	  	opacity: .5;
	  }
	  .gallery_slider_a.next {
	    right: 30px;
	  }
	  .gallery_slider_a.prev{
	    left: 30px;
	  }


	/*////////// PORTADA C //////////*/
	div.texto_cont_portada_c {
		padding: 0 20px;
	}
	#menu_pie {
		padding: 40px 3% 15px 3%;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* SLIDER PORTADA B */
	/*///////////////////////////////////////////////////////////////////////*/

	#seccion #gallery-slider_b .item img {
    width: 100%;
    float: none;
    /* margin: 0 auto; */
    margin-bottom: 35px;
	}

	#seccion #gallery-slider_b .item .cont_info {
    	position: absolute;
    	bottom: calc((100% - 200px) / 2);
    	padding: 14px;
	}
	#gallery-slider_b .item img {
		width: 100%;
		float: none;
		/*margin: 0 auto;*/
		margin-bottom: 35px;
	}
}
@media screen and (max-width: 990px) {
	/*///////////////////////////////////////////////////////////////////////*/
	/*LOGOS EN PIE*/
	/*///////////////////////////////////////////////////////////////////////*/
	ul#logos {
		float: none;
		clear: both;
		padding-top: 40px;
		text-align: center;
	}
	div.logo_img {
		float: none;
		text-align: center;
	}
	img#logo_img {
		width: 130px;
	}

	ul#redes_pie {
		float: none;
		text-align: center;
	}


	/* ///////////////////// PORTADA ZONA C ///////////////////////// */
	div.textos_cont {
		width: 70%;
	}

}

@media screen and (max-width: 1024px) {
	div.gallery-slider_a-container {
		display: none;
	}

	#menu_horizontal {
		margin-bottom:100px;
	}

}

@media screen and (max-width: 980px) {
	/*///////////////////////////////////////////////////////////////////////*/
	/* MENU SUPERIOR */
	/*///////////////////////////////////////////////////////////////////////*/
	ul.cabezal_menu, div.cabezal_menu_elemento {
		text-align: center;
		float: none;
		margin: 0;
		margin-bottom: 12px;
	}
	ul.menu_top_social, #contenedor_buscar, span.telefono_1 {
		/* float: none; */
		margin-bottom: 12px;
	}
	#contenedor_buscar {
		/* margin-bottom: 12px; */
	}
	
	div#contacto {
    	width: 95%;
	}

	/*MENU PRINCIPAL*/
	#cabezal_menu_resp {
		/*width: auto;*/
		z-index: 2;
		display: block;
	}	
	a.cabezal_menu_resp {
		position: relative;
		color: #fff;
		vertical-align: top;
		margin-right: 6px;
		margin-left: 0;
		z-index: 2;
	}	
	#cabezal_menu {
		/*height: 100%;*/
		top: -200px;
		margin: 0;
		padding: 20px 0;
		padding-top: 70px;
		opacity: 0;
		background: rgba(42, 39, 102, 0.75);
		z-index: 1;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* SLIDER PORTADA A */
	/*///////////////////////////////////////////////////////////////////////*/
	#gallery-slider_a .item{
		font-size: 8px;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* EN PIE */
	/*///////////////////////////////////////////////////////////////////////*/

	#menu_pie{
		/*width: 98%;*/
	}
	#servicios_portada{
		width: 100%;
		background:#ffffff;
		border:1px solid #CCCCCC;
		margin:0px;
		height:auto;
		overflow:hidden;
	}
	div.contenedor_menu_servicio{
		width:95%;
		background: none;
		border-bottom:1px dotted #CCCCCC;
		padding: 0px;
		margin:5px;
	}

	#servicios_portada .fix{
		width:95% !important;
	}
	
	.menu_horizontal_link {
		font-size: 12px;
	}
	
	/*///////////////////////////////////////////////////////////////////////*/
	/* TEMPLATES */
	/*///////////////////////////////////////////////////////////////////////*/

	
	#maq_tpl1{
		width: 100%;
		margin-left:1px;
		margin-right:1px;
		background:none;
	}
	#contenedor_tpl1{
		width: 100%;
		margin:0px;
		margin-top: 555px;
	}
	
	#maq_tpl2{
		width: 98%;
		margin-left:1px;
		margin-right:1px;
		background:none;
	}
	#contenedor_tpl2{
		width: 100%;
		margin:10px 4px 10px 4px;
	}
	div.item_tpl1 {
		width: 21.5%;
		height: auto;
		margin-right: 2%;
		padding: 1%;
		background: url(/../imagenes/img_presentacion/fondo_tpl1.png) no-repeat;
	}
	div.item_tpl1:last-child {
		margin-right: 0;
		float: right;
	}
	div.item_tpl2{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	
	#maq_tpl3{
		width: 98%;
		margin-left:1px;
		margin-right:1px;
		background:none;
	}
	#contenedor_tpl3{
		width: 98%;
		/*margin:0 auto;*/
		margin-top:5px;
		margin-left:60%;
	}
	div.item_tpl3{
		width:100%;
	}
	
	/*///////////////////////////////////////////////////////////////////////*/
	/* CATALOGO */
	/*///////////////////////////////////////////////////////////////////////*/
	
	div.paginacion{
		width:100%;
	}
	#detalle_producto{
		margin-left:0px;
		margin-top:20px;
		width:95%;
	}
	#img_producto{
	}
	div.bloque_atributo{
		width:95%;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* FROMULARIOS */
	/*///////////////////////////////////////////////////////////////////////*/
	
	div.bloque_izquierdo,div.bloque_derecho,div.bloque_izquierdo_tr,div.bloque_derecho_tr{
		width:100%;
		border:0px;
		padding-left:0px;
		border-bottom:1px dotted #CCCCCC;
	}
	div.bloque_derecho{
		border:0px;
		padding-top:20px;
	}
	div.bloque_izquierdo_tr,div.bloque_derecho_tr{
		border:0px;
	}
	div.td,div.td_form1-1,div.td_form1-2,div.td_form2-1,div.td_form2-2,div.td_form2-2_carrito{
		width:95%;
	}
	
	/*///////////////////////////////////////////////////////////////////////*/
	/* SUCURSALES */
	/*///////////////////////////////////////////////////////////////////////*/
	
	div.suc_bloque_derecho{
		width:100%; 
		float:left;
		margin-bottom:10px;
	}
	/*///////////////////////////////////////////////////////////////////////*/
	/* CARRITO */
	/*///////////////////////////////////////////////////////////////////////*/
	
	div.bloque_carrito_izquierdo{
		width:95%;
	}
	div.bloque_carrito_derecho{
		width:95%;
		margin-left:0px;
		margin-top:25px;
	}
}

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

	div.menu_b_item a {
    color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    background: #0087b9;
    margin-top: 10px;
}

	/*///////////////////////////////////////////////////////////////////////*/
	/* SUCURSALES */
	/*///////////////////////////////////////////////////////////////////////*/

	div.suc_item, div.suc_item:nth-child(4n+4) {
		width: 27.9%;
		margin-right:8.1%;
		float:left;
	}
	div.suc_item:nth-child(3n+3) {
		margin-right:0;
		float:right;
	}

	/*CABECERA*/
	/*img.otrolado {
		display: none;
	}*/
}
@media screen and (max-width: 770px) {

	/*///////////////////////////////////////////////////////////////////////*/
	/* MAQUETACION COMUN */
	/*///////////////////////////////////////////////////////////////////////*/
	.medio_resp, div.contacto_izq, div.contacto_der {
		width: auto;
		float: none;
	}
	label.separar_resp {
		margin-bottom: 25px;
		display: block;
	}

	/* PORTADA ZONA C */
	div.texto_cont_portada_c {
		top: 10%;
	}
	div.textos_cont {
		margin-top: 0px;
		float: none;
		width: auto;
		text-align: center;
	}
	h2.titulo_portada {
		font-size: 25px;
	}
	div [align] {
		float: none;
		text-align: center;
		margin: 0;
		margin-bottom: 5px;
	}
	div.cont_portada_c {
		height: 430px;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* PIE */
	/*///////////////////////////////////////////////////////////////////////*/
	div#logo_pie {
		float: none;
		text-align: center;
	}
	#menu_b {
		float: none;
		text-align: center;
	}
	div.copy_right {
		text-align: center;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* SUCURSALES */
	/*///////////////////////////////////////////////////////////////////////*/

	div.suc_item, div.suc_item:nth-child(4n+4) {
		width: 31.2%;
		margin-right: 3.2%;
		float:left;
	}
	div.suc_item:nth-child(3n+3) {
		margin-right:0;
		float:right;
	}

}

@media screen and (orientation:landscape) and (max-width:770px) { 
	/*MENU PRINCIPAL*/
	#cabezal_menu_resp {
		width: auto;
	}
	#mapa{
		height:120px;
	}
}
@media screen and (max-width: 650px) {	
	/*///////////////////////////////////////////////////////////////////////*/
	/* SUCURSALES */
	/*///////////////////////////////////////////////////////////////////////*/

	div.suc_item, div.suc_item:nth-child(3n+3), div.suc_item:nth-child(4n+4) {
		width: 40.5%;
		margin-right: 13.1%;
		float:left;
	}
	div.suc_item:nth-child(2n+2) {
		margin-right:0;
		float:right;
	}
	#mapa{
		height:300px;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* EN CABEZAL */
	/*///////////////////////////////////////////////////////////////////////*/
	
	
	/*///////////////////////////////////////////////////////////////////////*/
	/* PORTADA B */
	/*///////////////////////////////////////////////////////////////////////*/
	h2.lista_articulos span.linea {
		top: 100%;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* EN PIE */
	/*///////////////////////////////////////////////////////////////////////*/
	div.contenedor_menu_pie,div.contenedor_menu_piefb{
		width:100%;
		background: none;
		border-bottom:1px dotted #CCCCCC;
		padding: 0px;
		padding-bottom:10px;
		margin:20px 0px 0px 0px;
	}
	div.contenedor_menu_piefb{
		background:none;
		border:none;
		width:auto;
		padding-bottom:20px;
	}


	/*#seccion #gallery-slider_b .item .cont_info .texto_md.color_blanco {
		display:none;
	}*/


	/*///////////////////////////////////////////////////////////////////////*/
	/* TEMPLATES */
	/*///////////////////////////////////////////////////////////////////////*/

	
	#maq_tpl1 { 
		display:none;
	}
	#maq_tpl2 { 
		display:none;
	}
	#maq_tpl3 { 
		display:none;
	}
	#maq_tpl4 { 
		display:none;
	}
	
	/*///////////////////////////////////////////////////////////////////////*/
	/* MENU CATEGORIA */
	/*///////////////////////////////////////////////////////////////////////*/
	
	div.menu_display_categoria{	
		display:none;
	}
	div.ico_display_categoria{	
		display:block;
	}
	div.menu_cat_titulo{
	  display:none;
	}
	div.menu_a_item{
		border-bottom: 1px dotted #CCCCCC;
		margin-bottom:5px;
	}
	
	/*///////////////////////////////////////////////////////////////////////*/
	/* CARRITO */
	/*///////////////////////////////////////////////////////////////////////*/
	
	div.item_carrito_desc{
		margin-left:0px;
		width:98%;
		margin-top:10px;
	}
	div.item_carrito_desc2,div.item_carrito_desc2_edit{
		margin-left:0px;
	}
	div.item_carrito_func{
		margin-left:0px;
		margin-top:10px;
		width:98%;
		float:left;
	}
	div.carrito_func_precio{
		height:30px;
		text-align:left;
	}
	
	div.bloque_login_izquierdo, div.bloque_login_derecho{
		width:95%;
	}
	div.bloque_login_derecho{
		float:left;
		border-top:1px solid #eaeaea;
		border-left:0px solid #eaeaea;
	}
	div.bloque_renglon_izquierdo, div.bloque_renglon_derecho{
		width:95%;
		border-bottom:0px;
	}
	div.bloque_renglon_derecho{
		float:left;
		border-bottom:1px solid #eaeaea;
		text-align:left;
		padding-top:0px;
	}
}

@media screen and (orientation:landscape) and (max-width:650px) { 
	/*MAPA*/
	#mapa{
		height: 220px;
	}
}
@media screen and (max-width: 480px) {

	#maq_cuerpo {
		border:0px;
	}
	
	/*///////////////////////////////////////////////////////////////////////*/
	/* LOGOS DEL PIE */
	/*///////////////////////////////////////////////////////////////////////*/
	li.redes_pie.titulo {
		display: block;
		margin-bottom: 15px;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* EN CABEZAL */
	/*///////////////////////////////////////////////////////////////////////*/
	#logo{
		width: 130px;
	}
/*	#logo{
		display: none;
	}*/
	#funciones_top div{
		float:none;
	}
	#icono_logo_240 {
		display:block;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* BUSCADOR */
	/*///////////////////////////////////////////////////////////////////////*/
	#contenedor_buscar {
		width: auto;
	}
	div.cabezal_menu_contenedor {
		padding: 0 10%;
	}
	li.texto_inicio {
		display: block;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* SUCURSALES */
	/*///////////////////////////////////////////////////////////////////////*/

	div.suc_item, div.suc_item:nth-child(2n+2), div.suc_item:nth-child(3n+3) {
		width: 240px;
		text-align: left;
		margin-right: 0;
		margin: 0 auto;
		float:none;
	}

	/*///////////////////////////////////////////////////////////////////////*/
	/* CATALOGO */
	/*///////////////////////////////////////////////////////////////////////*/
	
	/* -> paginación */
	div.pag_mostrar2,div.pag_mostrar3{
		border-bottom:1px solid  #e3e2e2;
		border-top:1px solid #e3e2e2;
		padding-bottom:5px;
		width:100%;
	}
	div.pag_mostrar3{
		padding-top:5px;
	
	}
	div.pag_mostrar{
		float:left;
		margin-top:10px;
	}
	div.pag_mostrar2 select{
		margin-top:5px;
	}
	#img_producto{
		width:280px;
	}

}
@media screen and (max-width: 320px) {
	
	#icono_logo_240 {
		display:block;
	}
	#img_producto{
		width:215px;
	}
}