html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	font-size:62.5%;
	font-family: Arial, sans-serif;
	text-align: center;
	color: #363636;
	background: #1a3800 url(../img/pixel-fondo.gif) repeat-y scroll center 0pt;
	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 { width: 1px; overflow: hidden; height: 1px; }
		#header div { left: 0; bottom: 0; color:#fff; font-family: Arial; font-size:13px; margin-bottom:5px; margin-left:184px; position:absolute; }
			#header div a { color: #fff; text-decoration: underline; }
		#header #header_img { top: 23px; left: 251px; }
			#header #header_img a { margin: 0 36px 0 0; }
	#content { padding-top: 24px; clear: both; overflow: hidden; zoom: 1; width: 960px; margin: 0 auto; background: #EAF1DD url(../img/top01.gif) no-repeat scroll 0 0; }
		.banner_sky { float: left; margin-right: 4px; width: 160px; }
		.galeria { margin: 0 0 0px -11px; overflow: hidden; width: 550px; height: 400px; padding: 0 3px 7px 3px; }
			.galeria a { display: block; float: left; border: 1px solid #b0c785; width: 100px; height: 119px; padding: 0px; margin: 2px 0px 7px 8px; text-align: center; font-weight: bold; font-size: 12px; background-color:#b0c785; color: #005500; text-decoration: none; }
				.galeria a img { display: block; margin: auto; width: 100px; height: 100px; margin-bottom: 2px; border-bottom: 1px solid #b0c785; }
				.galeria a:hover { background-color: #005500; color: #eaf1dd; }

		.galeria2 { margin: 0 0 0px -11px; overflow: hidden; width: 550px; padding: 0 3px 7px 3px; }
			.galeria2 a { display: block; float: left; border: 1px solid #b0c785; width: 100px; height: 100px; padding: 0px; margin: 2px 0px 7px 8px; text-align: center; font-weight: bold; font-size: 12px; background-color:#b0c785; color: #005500; text-decoration: none; }
				.galeria2 a img { display: block; margin: auto; margin-bottom: 2px; border-bottom: 1px solid #b0c785; }
				.galeria2 a:hover { background-color: #005500; color: #eaf1dd; }

		.dia { margin: 0 0 4px 0; width: 542px; height: 32px; text-align: left; padding: 0; background: transparent url(../img/linea-puntos.gif) repeat-x scroll 0pt 30px; }
		.semana { margin: 0 0 1px 0; width: 542px; height: 28px; color: #005500; background: transparent url(../img/linea-puntos.gif) repeat-x scroll 0 26px; text-align: left; padding: 0; font-family: Arial; font-size: 20px; font-weight: bold; }
		#colizq h2 { text-align: left; border-bottom: 1px solid #000; margin-bottom: 5px; font-size: 17px; }
		#colizq { float: left; width: 542px; margin: 0 10px 0 9px; }
		#colcentro { float: left; width: 219px; margin: 0 10px 0 0; background: #4e6637 url(../img/down-top.gif) no-repeat scroll 0 0; height: 2191px; position: relative; text-align: left; }
			#colcentro span { background: #a11010 url(../img/top-top.gif) no-repeat scroll 0 0; display: block; height: 20px; width: 209px; color: #fff; font-family: Verdana; font-weight: bold; font-size: 12px; padding: 5px 0 0 10px; text-align: left; }
			#colcentro .colcentro_separador { height: 10px; background: #EAF1DD none; }
			#colcentro .links { padding: 10px 10px 20px 10px; }
				#colcentro .links li { background:transparent url(../img/flecha.gif) no-repeat scroll 0pt 3px; border-bottom:1px solid #8C9E79; margin-bottom:2px; padding-bottom:3px; padding-left:15px; }
					#colcentro .links li a { color: #f6f8f2; font-size: 11px; font-weight: bold; text-decoration: none; padding-left: 20px; margin-left: -20px; }
					#colcentro .links li a:hover { color: #dbef9f; text-decoration: underline; }
#footer { clear: both; background: #EAF1DD; font-size: 12px; height: 24px; margin: 0; padding: 0 0 0 8px; text-align: left; }

/* ============ 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}