@charset "utf-8";
/* CSS Document */

	body {margin:0 auto; padding:0}
	body, body * {font-family:Arial, Helvetica, sans-serif; font-size:11px}
	
	body a {text-decoration:underline}
	body a:hover {text-decoration:none}


/* HEADER */

	#header {background:url("../imgs/bg-header.gif") top repeat-x; height:180px; margin:0 auto} 
	#header #top {height:30px; width:960px; text-align:right; margin:0 auto}
	#header #top span {display:inline-block; padding:0 5px; vertical-align:middle}
	#header #top span, #header #top span a {color:#b7dcee}
	#header #top span a:hover {color:#FFF}
	#header #top span input {border:1px solid #87b0c5; margin-right:5px; width:140px}
	#header #top span #gsubmit {border:none; background:url("../imgs/btn-google.gif") no-repeat; width:50px; height:16px; color:#6c5107}
	#header #top #google-icon, #header #top #google-search {padding:2px}

	#header #logo {height:30px; width:960px; margin:0 auto; padding-top:2px}	
	
	.menu {position:absolute; display:none; padding:5px 0}
	.menu span {display:block; color:#FFF; padding:3px 0 3px 15px; cursor:hand; font-size:11px}
	
	#alogo {margin-top:-1px}
	#sub1 {background:#f31823}
	#sub2 {background:#20b815}
	#sub3 {background:#ffc20d}
	#sub4 {background:#07adf3}
	
	#sub1 {background:#990a11; width:133px; margin-left:-1px}
	#sub2 {background:#007c42; width:157px}
	#sub3 {background:#9a770e; width:149px; margin-left:1px}
	#sub4 {background:#167299; width:161px; margin-left:1px}	
	
	#sub1 span:hover {background:#cc0f18}
	#sub2 span:hover {background:#02bb65}
	#sub3 span:hover {background:#e0ae17}
	#sub4 span:hover {background:#22a4db}	
	
	#color {position:absolute; margin-top:180px}
	#anim {position:absolute; margin-top:20px}	
	#botones {position:absolute; margin:-135px 0 0 85px}	
	
	#pie {height:120px; text-align:center; margin:0 auto; background:url("../imgs/pie1.gif") repeat-x}	
	#cuerpo {padding-top:340px; background:url("../imgs/cuerpo.gif") bottom repeat-x; text-align:center}	
	
	#mapa {position:absolute; margin:0px 0 0 120px}