/* Landscape phone to portrait tablet */
@media (min-width: 767px) { 
	
	body { 
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	text-size-adjust: 100%;
	font-family: 'Arial';
	}
	#mapa{ width: 50%; }
	form{ width: 50%; float: left; }
	.clearfix {
	zoom: 1;
	}
	h1{font-size: 2em;}
	h2{font-size: 5em;}
	h3{font-size: 2em;}
	h4{font-size: 2em;}
	h6{font-size: 1em;}
	p{ font-size:1em; line-height:1.2em; }
	.main{padding: 0px;}
	
	#wrapper #header .container {margin: 0px auto;}
	#wrapper #header .logo{margin-left:0px;}
	
	#wrapper .container{margin:0 auto; width:90%; overflow:hidden; position:relative;}
	#wrapper  #header {clear:both; overflow:hidden}
	#wrapper  #header .logo{float:left}
	
	#nav { margin:0px !important;}
	#nav ul{float:left;}
	#nav li { float:left;background:url(../images/nav-sep.png) no-repeat left center;border:0px; }
	#nav li a{ font-size:19px; padding:0px 15px 0px;}
	#nav li:first-child{background:none}	
	
	#wrapper #header #mainMenu{
		-webkit-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 0.000);
		-moz-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 0.000);
		-o-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 0.000);
		-ms-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 0.000);
		transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000);																
	}
	#wrapper #header .lowerMenu{padding:10px 0px;}
	}
	
	
/* Large desktop */
@media (min-width: 1200px) { 
	#mapa{ width: 60%; }
	form{ width: 40%; float: left; }
	
 @media (min-width: 1400px) {
	#mapa{ width: 40%; }
	form{ width: 60%; float: left; }
 }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 767px) and (max-width: 979px) { 
	#mapa{ width: 100%; }
	form{ width: 100%; float: left; }
	#wrapper .container{width:auto !important;padding-right:15px !important;padding-left:15px !important}	
	#slider4 {visibility: hidden !important; display: none !important;}
}
 @media (max-width:  768px) {
  /* For general iPad  portrait tablet */
	#mapa{ width: 100%; }
	form{ width: 100%; float: left; }
	#foo4{ width: 200%}
	#slider4 {visibility: hidden !important; display: none !important;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { 
	#mapa{ width: 100%; }
	form{ width: 100%; float: left; }
	#foo4{ width: 300%}
	#slider4 {visibility: hidden !important; display: none !important;}

	h2{font-size: 6em;}
	h3{font-size: 4em;}
}