/* CSS Document */


/* Nota: Diseño para ancho mayor a 1200px 
.container {width: 1200px;}				*/
@media only screen and (min-width: 1230px) {
}

/* Note: Design for a width of 768px 
.container { width: 768px; }			*/
@media only screen and (min-width: 798px) and (max-width: 989px) {
#cssmenu a {
	padding: 0 1.35em;
}
#bg-header {
	background: url(../images/layout/logoVZ-desktop.png) center -10px no-repeat;
	background-size: 100%;
}
#bg-header #empresa, #bg-header #slogan {
	padding-right: 5%;
}
#bg-header #empresa {
	font-size: 1.8em;
	padding-top: 70px;
}
#bg-header #slogan {
	font-size: 1.6em;
}
}

/* Note: Design for a width of 320px 
.container { width: 300px; }            */
@media only screen and (max-width: 797px) {
	#logo img { width: 100px; }
	#bg-header { background: url(../images/layout/logoVZ-mobile.png) center 20px no-repeat; background-size: 100%; }
	#bg-header #empresa, #bg-header #slogan { font-size: 1em; padding-right: 0; }
	#bg-header #slogan { text-shadow: none;}
	#responsive-menu {display: block;}
	#desktop-menu {display:none;}
	footer #menuFooter .one_half { width: 46%; margin-right: 4% ; float: left;}
	footer #menuFooter { border-top: 1px solid #E05555;
padding-top: 20px;
box-shadow: 0px -1px 0px #333;}
}

/* Note: Design for a width of 480px 
.container {width: 420px;}				*/

@media only screen and (min-width: 480px) and (max-width: 797px) {
	#bg-header { background-position-y: -15px;}
}