﻿
@media all and (max-width: 990px) {

	#no-template-pager {
	  width: 20%;
	  padding-top: 20px;
	}
	.cycle-slideshow {
		width: 75%;
	}
	.cycle-slideshow img{
		width:100% !important;
		height:auto !important;
	}
	.cycle-pager .page > img{
		width: 90% !important;
		height:auto !important;
		
	}
	.cycle-overlay{
		width: 100% !important;
	}
} 


@media all and (max-width: 877px) {
	#menu {
	  float: left;
	  padding: 10px;
	  width: 100%;
	  margin:0px;
	  padding-top: 0px;
	}
	.menu_item {
	  border-top: 1px solid rgb(0, 0, 0);
	  box-sizing: unset;
	  float: left;
	  margin-right: 2%;
	  padding: 9px;
	  width: 20%;
	}
	.menu_item:last-of-type {
		margin-riht:0px;
	}
	/*#no-template-pager{
		display:none;
	}
	#top > div {
	  width: 100% !important;
	  height: auto !important;
	}
	.cycle-slideshow img {
	  width: 100% !important;
	  height: auto;
	}*/
	
}

@media all and (max-width: 610px) {
	#mapa{
		display: none;
	}
}
@media all and (max-width: 560px) {
	#header #language {
	  padding: 0px !important;
	}
	#eslogan {
	  display:none;
	}
	.menu_item {
	  background-color: #ddd;
	  width: 95%;
	}
	#header_content {
	  height: 258px;
	}
	#header_content.active_menu {
	  height: 428px;
	}
	#header_content.active_menu  #menu{
	  display: block;
	}
	#header_content  #menu{
	  display: none;
	}
	.menu_item.active {
	  border-top: 5px solid #3586aa;
	}
	div#header_buscador {
	  float: left;
	  padding: 10px;
	  position: absolute;
	  top: 0;
	  width: 320px;
	}
	#header_logo{
		margin-top: 57px;
		width: 240px;
	}
	#language > a:first-of-type {
	  margin-left: 0;
	}
	#header #language {
		text-align: left;
	}
	div#header_links {
		float: left;
	}
	.icon-bar {
	  background-color: #fff;
	}
	#menu_responsive button {
	  background: none repeat scroll 0 0 #0790c2;
	}
	#menu_responsive button:hover {
	  background: none repeat scroll 0 0 #3586aa !important;
	}
	#menu_responsive{
		float:right !important;
		margin-top:51px;
		display:block;
	}
	#menu_responsive span{
		color: #fff;
		vertical-align: sub;
	}
	#header_logo {
	  margin-left: 8px;
	}
	.navbar-toggle .icon-bar {
	  display: block;
	  margin: auto;
	  width: 30px;
	}
	#header_logo_separador{
		margin-left:10px;
	}
	#no-template-pager {
	  padding-top: 20px;
	  width: 100%;
	}
	.page {
	  float: left;
	  width: 33%;
	}
	.cycle-slideshow {
	  width: 94%;
	}
	.cycle-slide{
		width: 100%;
	}
}

@media all and (max-width: 440px) {
	#cajon_busqueda {
	  width: 206px;
	}
}