html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	font-size:62.5%;
	font-family: Arial, sans-serif;
	text-align: center;
	color: #363636;
	background: #000 url(../img/fondo.png) repeat-y scroll center center; 
	padding: 0;
}

/* ============ TAGS GLOBALES ============ */

img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}

form,fieldset,label,input {padding: 0;margin: 0;}

textarea { font-family: "Trebuchet MS"; font-size: 1.0em; }

fieldset {border: 0;}

p {margin: 1em 0;}

a { color: #0063DC; }

.hidden {display: none;}
.clear {clear: both;}

/* ============ ORGANIZACION ESTRUCTURAL ============ */

#banner_top { margin: 5px; }
	#banner_top img { display: block; margin: 0 auto; }
#container { width: 960px; margin: 0 auto; }
	#header { background-image: url(../img/top.jpg); height: 192px; width: 960px; position: relative; margin: 0 auto; }
		#header h1 { margin-left: -10000px; }
		#header h2 { color: #fff; font: normal 18px Georgia; position: absolute; top: 0; left: 0; padding: 130px 0 0 129px; text-align: left; }
		#header div { left: 0; bottom: 0; color:#878EC9; font-family: Arial; font-size:13px; font-weight:bold; margin-bottom:5px; margin-left:13px; position:absolute; }
			#header div a { color: #878EC9; }
			#header div a:hover { color: #fff; }
		#header #header_img { top: 10px; left: 419px; }
			#header #header_img a { margin: 0 13px; }
	#content { padding-top: 11px; clear: both; overflow: hidden; zoom: 1; width: 960px; margin: 0 auto; }
		.banner_sky { float: left; margin-right: 4px; width: 160px; }
		.galeria { margin: 0 0 10px 0; overflow: hidden; width: 744px; background-color: #DBDCE8; padding: 9px 3px 7px; }
			.galeria a { display: block; float: left; border: 2px solid #7C83BA; width: 160px; height: 184px; padding: 0px; margin: 2px 11px 7px; text-align: center; font-weight: bold; font-size: 14px; background-color:#7C83BA; color: #fff; text-decoration: none; }
				.galeria a img { display: block; margin: auto; width: 160px; height: 160px; margin-bottom: 3px; border-bottom: 2px solid #7C83BA; }
				.galeria a:hover { background-color: #404360; }
		.galeria2 { margin: 0 0 10px 0; overflow: hidden; width: 744px; background-color: #DBDCE8; padding: 9px 3px 7px; }
			.galeria2 a { display: block; float: left; border: 2px solid #7C83BA; width: 160px; height: 162px; padding: 0px; margin: 2px 11px 7px; text-align: center; font-weight: bold; font-size: 14px; background-color:#7C83BA; color: #fff; text-decoration: none; }
				.galeria2 a img { display: block; margin: auto; border-bottom: 2px solid #7C83BA; }
				.galeria2 a:hover { background-color: #404360; }
		.dia { margin: 0; background-color: #7C83BA; color: #fff; text-align: left; padding: 6px 0 0 12px; width: 710px; height: 37px; border-color: #DBDCE8; border-style: solid solid none; border-width: 14px 14px 0px; font: bold 18px Georgia; height: 27px; }
		.semana { margin: 0; background-color: #66f; color: #fff; text-align: left; padding: 6px 0 0 12px; width: 710px; height: 37px; border-color: #DBDCE8; border-style: solid solid none; border-width: 14px 14px 0px; font: bold 18px Georgia; height: 27px; }
		#colizq { width: 763px; margin: 0 5px 0 12px; }
		#cont { float: left; }
		#links { text-align: left; width: 730px; margin: 0 5px 0 12px; clear: both; overflow: hidden; padding: 10px 0 10px 15px; background-color: #ccc; border: 1px solid #000; }
			#links h2 { font-size: 17px; text-decoration: underline; margin-bottom: 10px; }
			#links a { display: block; width: 140px; float: left; }
			#links li { display: inline; }
#footer { clear: both; color: #333; font-size: 12px; background: url(../img/pie.png); height: 24px; margin: 0; padding: 10px 0 0 0; }

/* ============ TOOLTIPS ============ */

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; font-size: 12px; }
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}