/* CSS Document */
* {margin:0;padding:0}
body { background:url(../img/fondo.gif); font:0.8em Arial, Helvetica, sans-serif}
img { border:none }
#pagina { width:900px;margin:0 auto; background:url(../img/fondo2.gif) }
#encabezado { position:relative; height:152px; background:url(../img/fondo1.gif) }
#fla{position:relative; top:0; left: 287; float:right; margin-top:-152px;}

#logo a { width:288px; height:0; padding-top:152px; background:url(../img/logo.gif); overflow:hidden; display:block }

#menu {position: absolute;top:100px;right:0;background:transparent url(../img/menu.gif); overflow:hidden;width:613px; height:52px; }
#menu li{list-style:none;float:left;display:inline; }
#menu a {
	display:block;
 	float:left;
   	height:0;
	overflow:hidden;
	text-decoration:none;
	padding-top:52px
}
#menu a:hover {background:transparent url(../img/menu-hover.gif) no-repeat 613px 52px;}

#menu a#inicio {width:149px;position:relative;left:1px}
#menu a#quienes {width:153px;position:relative;left:2px}
#menu a#donde {width:153px;position:relative;left:3px}
#menu a#contacto {width:154px;position:relative;left:4px}

#menu a#inicio:hover {background-position: -1px 0}
#menu a#quienes:hover {background-position: -151px 0}
#menu a#donde:hover {background-position: -305px 0}
#menu a#contacto:hover {background-position: -459px 0}

#lateral-izquierda { width:191px; float:left }
#menu-lateral {margin-top:12px}
#menu-lateral, #menu-lateral ul { list-style:none }

#menu-lateral a { font-size:.85em;color:#ddd; text-decoration:none; padding:5px 2px 5px 26px; _height:15px; display:block; background: url(../img/fondo3.gif) repeat-x ;font-weight:bold }

#menu-lateral a:hover { background:#444 url(../img/fondo3.gif) repeat-x  }

#menu-lateral ul { background:#272727}
#menu-lateral ul a { padding:4px 2px 3px 38px;font-weight:normal}


#menu-lateral ul a.uno { background:#91006c url(../img/fondo3.gif) repeat-x }
#menu-lateral ul a.dos { background:#7d005f url(../img/fondo3.gif) repeat-x }
#menu-lateral ul a.tres { background:#5e0046 url(../img/fondo3.gif) repeat-x }
#menu-lateral ul a.cuatro { background:#480036 url(../img/fondo3.gif) repeat-x }
#menu-lateral ul a.cinco { background:#350028 url(../img/fondo3.gif) repeat-x }

#menu-lateral ul a.uno:hover { background:#6e0052 url(../img/fondo3.gif) repeat-x;  }
#menu-lateral ul a.dos:hover { background:#5f0048 url(../img/fondo3.gif) repeat-x;  }
#menu-lateral ul a.tres:hover { background:#480035 url(../img/fondo3.gif) repeat-x;  }
#menu-lateral ul a.cuatro:hover { background:#370029 url(../img/fondo3.gif) repeat-x;  }
#menu-lateral ul a.cinco:hover { background:#28001e url(../img/fondo3.gif) repeat-x;  }


#pie { width:900px;margin:0 auto;height:20px; clear:both; color:#ddd; font:10px Verdana, Arial, Helvetica, sans-serif;  }
#pie p {
	padding-left:4px;
	text-align: center;
}
#pie a { color:#eee;  text-decoration:none}

* html .clearfix {height: 1%}
.clearfix {display: inline-block}
#pagina #contenido #FlashID {
	margin-right: 15px;
}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}