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

/* Layout */

html {background: url(../images/background.png) top left;}
body { background: url(../images/background-grad.png) top left repeat-x; margin: 0px; padding: 10px 0px 0px;
font-family: "Times New Roman", Times, serif; font-size: 17px; line-height: 1.3em;}

div#header {width: 700px; margin: 0px auto;}

div#flyer {height: 63px; padding-top: 7px; background: url(../images/background.png) top left; text-align: center;}
div#flyer-shadow {background: url(../images/shadow_flyer.png) top left repeat-x; height: 10px;
overflow: hidden; line-height: 10px; /* Required by IE6 */}
#flyer-shadow-on-paper {width: 100%; height: 10px; display: block; margin-bottom: 20px;}

/* Content */

div#content {position: relative; width: 700px; margin: -10px auto 0px; top: 0px; left: 0px; background: white; padding: 0px;}
div#content h1, div#text {padding: 0px 20px 20px 130px;}
div#content h1 {padding-bottom: 0px;}
div#text {overflow: auto; zoom: 1 /* Required by IE6 */}
div#text img {float: right; margin: 0px 0px 10px 10px; border: solid #333 1px;}

p.youtube {width: 425px; margin: 0px auto;}


div#paper {background: url(../images/papel_ciclo.png) top left repeat-y;}
div#decoration {background: url(../images/paper_bottom.png) bottom right no-repeat;}
div#content-shadow {width: 700px; margin: 0px auto; padding: 0px;}

/* Gallery specific */
html#galeria div#text img {float: none; display: block; margin: 0px 0px 10px; border: none;}

/* */

div#zambomba {position: absolute; z-index: 10; top: -165px; left: -135px; width: 237px; height: 656px; background: url(../images/zambomba_sprite.png) top left no-repeat;}
div#zambomba img {padding: 14px 0px 0px 11px;}

div#menu-background {position: absolute; z-index: 20; top: 18px; left: -105px; width: 200px; height: 187px; padding: 0px; background: url(../images/fondo_botones.png) top left no-repeat;}
div#menu {position: absolute; z-index: 30; top: 18px; left: -105px; width: 200px; height: 170px; padding: 10px 0px 0px; text-align: center; font-size: 18px; line-height: 1.45em;}
div#menu a {color: black; text-decoration: none;}
div#menu a:hover {text-decoration: underline;}

div#footer {width: 700px; margin: 0px auto 10px; text-align: right;}
div#footer img {border: none;}


/* Default style for tags */

h1 {margin-top: 0px;}
h1, h2, h3 {font-weight: normal;}

/* IE6 hacks */

div#footer img, div#flyer img, div#flyer-shadow, div#menu-background, div#zambomba, div#content-shadow img, #flyer-shadow-on-paper {behavior: url(css/iepngfix.htc);}