

@media only screen and (min-width: 769px) {

	body {
		font-family: GCFont;
		font-size: 15px;
	}

	.Principal {
		width: 100%;
		max-width: 1000px;
	}

	.PaginaCompleta, .Pagina {
		padding-left: 12px;
		padding-right: 12px;
	}
	
	.Pagina {
		max-width: 700px;	
	}

	a.MostrarMenu, a.MostrarIdioma, a.LinkTiendaOnline {
		display: none;
	}
	
	
	/**/
	
	.MenuPrincipal {
		display: block;
		margin-bottom: 12px;
		margin-top: 12px;
		padding-top: 2px;
		height: 24px;
		border-top: 1px solid #e8e8e8;
		font-family: GCFontLight;
	}
	
	.MenuPrincipal ul {
		display: block;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	.MenuPrincipal ul li {
		display: block;
		margin: 0px;
		padding: 0px;
		float: left;
		margin-right: 6px;
		font-size: 17px;
		position: relative;
	}
	
	.MenuPrincipal ul li a {
		display: block;
		padding: 12px 16px;
		padding: 10px 16px;
		margin: 4px 0px;
		color: #000;
	}
	
	.MenuPrincipal ul li a.LinkTienda {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background-color: #eabd4d;
		color: #000;
	}
	
	.MenuPrincipal ul li a.LinkTienda:hover {
		background-color: #000;
		color: #eabd4d;
	}	
	
	.MenuPrincipal ul li a:hover {
		text-decoration: none;
		color: #000;
	}
	
	.MenuPrincipal ul li a.Activa {
		background-color: #fff;
	}
	
	.MenuPrincipal ul li a.Activa:hover {
		text-decoration: underline;
	}
	
	/**/
	
	.MenuPrincipal ul li ul {
		position: absolute;
		display: none;
		background-color: #fff;
		z-index: 200000;
		box-shadow: 2px 2px 3px -3px #000000;
		border: 1px solid #f4f4f4;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	    filter: alpha(opacity=95);
	    -khtml-opacity: 0.95;
	    -moz-opacity: 0.95;
	    opacity: 0.95;	
	}
	
	.MenuPrincipal ul li ul li {
		display: block;
		margin: 0px;
		padding: 0px;
		float: none;
		font-family: GCFont;
		font-size: 14px;
		min-width: 260px;
	}
	
	.MenuPrincipal ul li ul li a {
		display: block;
		padding: 12px 20px;
	}
	
	.MenuPrincipal ul li ul li a:hover {
		background-color: #fbfbfb;
	}	
	
	.ColumnaDerecha {
		width: 250px;
	}

	
	.ResumenVinos .ACincoColumnas {
		width: 4em;
	}

	.ResumenVinos .ACincoColumnas h2 {
		display: none;
	}
	
	.Pagina img[align="right"], .Pagina img[align="left"] {
		max-width: 50%;
	}

}




/* #Tablet (Horizontal)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 769px) and (max-width: 978px) {
	
	body {
		font-size: 13px;
	}	

	
	.Principal {
		width: 749px;
		display: block;
		padding: 0px;
	}
	
	.PaginaCompleta, .Pagina {
		padding: 7px;
		max-width: none;
	}
	
	

	
	.Par {
		border: 0px;
		margin-right: 0px;
	}
	
	
	/**/
	
	.MenuPrincipal ul li a {
		display: block;
		padding: 12px 8px;
		margin: 0px;
		color: #000;
		font-size: 15px;
	}

	.ColumnaDerecha {
		width: 100%;
	}
	
	
	.bx-wrapper .bx-caption span {
		color: #000;
		display: block;
		font-size: 1.6em;
	    font-family: GCFontLight;
		text-transform: uppercase;
		color: #000;
		padding: 220px 1em 1em 1em;	
		box-shadow: inset 0px -20px 20px 0px #fff;
	}	
	
		.ColumnaDerecha img {
		margin: 0px auto;
	}
	
}

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

	.Principal {
		width: 460px;
		display: block;
		padding: 0px;
	}
	
	body {
		font-size: 12px;
	}	

		


	.SocialLinks {
		display: none;
	}
	
	.MenuCabecera {
		display: none;
	}

	.MenuPrincipal {	
		display: none;
	}
	
	.MenuPrincipal ul {
		display: block;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	.MenuPrincipal ul li {
		display: block;
		margin: 0px;
		padding: 0px;
		font-family: GCFont;
		position: relative;
		background-color: #f4f4f4;
		font-size: 14px;
	}
	
	.MenuPrincipal ul li a {
		display: block;
		padding: 12px 20px;
		margin: 0px;
		color: #666;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
	}
	
	.MenuPrincipal ul li strong {
		display: block;
		padding: 12px 20px;
		margin: 0px;
		color: #666;
	}
	
	.MenuPrincipal ul li a:hover {
		text-decoration: none;
		background-color: #fbfbfb;
	}

	.MenuPrincipal ul li ul, .MenuPrincipal ul li ul li {	
		display: none;
	}
	
	.Cabecera {
		border-bottom: 2px solid #968e78;
	}			

	.DosColumnas, .TresColumnas, .CuatroColumnas, .UnaColumnas {
		display: block;
		width: auto;
		float: none;
		margin-right: 0;
		position: relative;
		overflow: hidden;	
	}	

	a.MostrarMenu, a.MostrarIdioma, a.LinkTiendaOnline {
		display: block;
	}	
	
	.Idiomas {
		display: none;
	}

	.ColumnaDerecha {
		width: 100%;
		padding-top: 30px;
	}	


	.ACincoColumnas, .ACuatroColumnas, .ATresColumnas, .ADosColumnas, .AUnaColumnas, .Ultima {
		border: 0px;
		margin: 0px;
		float: none;
		width: auto;
		clear: both;
	}	
	
	.Pie .SubmenuPie1 , .Pie .SubmenuPie2  {
		float: none;
		margin: 0px;
	}
	
	.Pie .SubmenuPie1 ul li , .Pie .SubmenuPie2 ul li  {
		display: block;
		border-bottom: 1px solid #e5e5e5;
		float: none;
	}
	
	.Pie p {
		padding: 12px 12px;
		margin: 0px;
		border-bottom: 1px solid #e5e5e5;
	}	
	
	.Carrusell {
		display: none;
	}
	
	.ColumnaDerecha img.Vino {
		display: block;
	}
	
	.ColumnaDerecha img {
		margin: 0px auto;
	}
	
	.ResumenVinos .ACincoColumnas h2 {
		display: block;
	}
	
	.ResumenVinos .ACincoColumnas {
		width: auto;
	}	
	

	.Pagina img[align="right"], .Pagina img[align="left"] {
		display: block;
		float: none;
		margin: 0px;
		width: 100%;
		margin-bottom: 24px
	}	
	
}


/* #Mobile (Horizontal)
================================================== */
/* Note: Design for a width of 320px */

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

	body {
		font-size: 11px;
		padding: 0px;
	}	

	.Principal {
		width: 320px;
		display: block;
		padding: 0px;
	}
}

/* #Mobile (Vertial)
================================================== */

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

}




