@media screen and (max-width: 1024px){
		div#contenedor
		{
			width: 100%;
			padding: 20px 20px 20px 20px;
			box-sizing:border-box;
			margin-right: auto;
			margin-left: auto;
		}

		#conocenos .restaurante .contenido{height: auto;min-height: 350px; padding-bottom: 40px;}	

}


@media screen and (max-width: 900px){
		.restaurante .contenido{height: 120px;}
		#conocenos .restaurante .contenido{height: auto; padding-bottom: 40px;}		
		.infocolumna{height: 540px;}
		.ven{height: 540px;}
}

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

		/** CARACTERISTIAS GENERALES *******/

		.esconder{display: none;}
		.movil {display: block;}

		a.movil{display:block!important;}

		.movil .masinfo{display:inline!important;}


		h2.nombrepagina, h3.movil {
			margin-top: -35px;
			float: right;
			font-size: 20px;
			font-family: 'UniversLTPro-45Light';
		}


		/*********** HEADER ***************/

		 header{height: 66px;position: relative;z-index: 3}
		 a.logo{margin-top: 0px;float:left;}
		 header aside{margin-top: 0px;width: auto;position: absolute;}

		#idioma{
		 	width: 40px; 
		 	/*padding-left: 20px;*/
		 	padding-right: 0px;
		 	padding-top: 3px;
		 	margin: 0px;
		 	position: relative;
		 	top: 0px;
		 	font-size: 16px;
		 }

		#idioma a{line-height: 22px;}
		#idioma a#esp{float: left;}
		#idioma a#eng{float: left;}
		#idioma p{float: left;font-size: 16px;}
		#idioma p.movil{
			font-size: 39px;
			float: right;
			margin-top: -33px;
			color: #d8d8d8; 
		}


		header #siguenos p.esconder{display: none;}
		#siguenos{
			/*width: auto;*/
			padding-left: 0px;
			width: 35px;
		}

		#siguenos p.movil{
			/*font-size: 38px;*/
			/*margin-top: 5px;*/
			display: block;
			color: #d8d8d8;	

			font-size: 30px;
			margin-top: 10px;
		}

		#redessociales
		{	
			position: absolute;
			top: 55px;
			right: 0px;
			display: none;
			height: 100px;
		}

		#siguenos:hover #redessociales{display: none;}


		#redessociales li
		{
			display: table;
			width: auto;
			text-align: left;
			opacity: 0.9
		}

		#redessociales a{
			padding: 10px 20px 10px 0px;
			color: #363636;
			float: left;
			display: block;
			width: 180px;
			background-color: #d8d8d8;
			z-index: 4;

		}

		#redessociales a{opacity: 1}
		

 		/********* NAV *******************/

 		.navbar{
 			width: 45px;
 			height: 45px;
 			background-image:url(/wp-content/themes/copenhagen/images/menu.png); 
 			background-color: #d8d8d8;
 			cursor: pointer;
 			float: left;
 		}

 		.navbar.cerrarmenu{
 			background-image: url(/wp-content/themes/copenhagen/images/menu_out.png);
 		}

 		.menu-menu-principal-container, ..menu-menu-principal-en0-container {
			border-top: none;
			border-bottom: none;
			width: 86px;
			float: none;
		}


		ul.nav-menu {
			float: left;
			display: none;
			height: auto;
			width: 220px;
			/*width: 260px;*/
			padding: 12px 40px 12px 0
			margin-right: 0px;
			margin-left: 64px;
			left: 0px;
			margin-bottom: -246px;
			background-color: white;
			border: 1px solid #d8d8d8;
			background-color: white;
			opacity: 0.9;
			-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.52);
			-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.52);
			box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.52);
			z-index: 3;

		}


		/*.navbar:hover ul.nav-menu
		{
			display: inline-block;
			z-index: 2;
		}
		*/

		.nav-menu li {
			 right:0px;
			 padding: 0px;
			 width: 100%;
			 vertical-align: middle;
		}

		li.menu-item a
		{	
			display: inline-block;
			padding: 5px 0px 5px 40px;
			width: calc(100% - 40px);

			height:auto;
		}


		li.menu-item-has-children a{text-align: left;}

		ul.sub-menu
		{
			position: relative;
			display: block;
			top: 0px;
			width: 100%;
		}

		ul.sub-menu li
		{
			display: list-item;
			float: right;
			right: 0;
			text-align: left;
			margin-left: 40px;
			width: calc(100% - 40px)
		}

		ul.sub-menu li a{
			width: calc(100% - 40px);
			padding: 5px 0px 5px 40px;
			height: auto;
		}

		

		/***** PAGINA PRINCIPAL ***********/

		.galeria{
			/*border-top: 1px solid black;*/
			margin-top: 20px;}

		.restaurante .contenido{height: auto; padding-bottom: 40px;}

	

		/********* ENTRADAS ***************/		

		div.contendorarticulos
		{
			width: 100%;
			margin-bottom: 20px;}

		div.contendorarticulos1{padding-right: 0px;}
		div.contendorarticulos2{padding-right: 0px;padding-left: 0px;}
		div.contendorarticulos3{padding-left:0px;}

		.entrada img:hover{opacity: 1;}



		/******** nuestros restaurantes - paginas individuales *******/

		.infocolumna
		{
			width:100%;
			margin-bottom: 20px;
			box-sizing:border-box;
			border: 1px solid #d6d6d6;

		}

		#informaciondelrestaurante{
			border: none;
		}

		#menurestaurante.menudeldia{
					border: 1px solid #d6d6d6;
					box-sizing:border-box;
					height: 540px;
					width: 100%;
		}



		#informaciondelrestaurante{
			margin-top: 20px;
			height: 360px
		}

		.infocolumna{
			height: 318px;
			height: auto;
			}
		.ven{
			height: auto;
			padding-bottom: 50px;
		}


		 /*********** PIE ******************/

		footer aside{float: left;}
		footer .contacto{float: left;}
		/*footer a, footer p{font-size: 12px!important}*/
		footer p{display: none;}




		.esconder{display: none;}
		.movil {display: block;}

		a.movil{display: none;}


		h2.nombrepagina {
			margin-top: -35px;
			float: right;
			font-size: 20px;
		}


		.textos{
		    -webkit-column-count: 1; /* Chrome, Safari, Opera */
		    -moz-column-count: 1; /* Firefox */
		    column-count: 1;

		    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
		    -moz-column-gap: 0px; /* Firefox */
		    column-gap: 0px;
		}


		.menu-menu-principal-container, .menu-menu-principal-en0-container {
		    border: none;
		}

		article.menurestaurante{height: auto}
		#nuestrosrestaurantes .entrada .contenido{height: 180px}
		.blog .contenido{height: 236px;}
		/*#conocenos .restaurante .contenido{height: auto; padding-bottom: 40px;}*/






}



@media(max-width: 360px)
{
		div#contenedor{padding: 20px 15px 20px 15px;}
}
