* { margin: 0; padding: 0; }

html, body { margin: 0; padding: 0; }

body { background: #DDDDDD url(../img/telon.jpg) no-repeat center top; font-family: Georgia, serif; font-size: 100%; }

a { outline: none; text-decoration: none; }

#container { width: 660px; margin: 0px auto; }

.clear { clear: both; }



/* INTRO */
body#intro { background: #020202; }
div#introduction { width: 1024px; height: 600px; margin: 0 auto; }




/* HEADER */
#header { height: 245px; position: relative; overflow: visible; }

#header a { color: #999; }
#header a:hover { color: #FFF; }

#lang { width: 126px; height: 20px; position: absolute; top:0px; right: 0px; font-size: 0.7em; background: #111; text-align: center; padding-top: 5px; }
#lang #es { border-right: 1px solid #888; margin-right: 5px; padding-right: 5px; }
#lang #en {  }

#logo a { position: absolute; height: 49px; width: 268px; left: 30px; top: 156px; text-indent: -1000em; }
#logo a span { position: absolute; z-index: 3; height: 49px; width: 268px; left: 0; top: 0; background: url(../img/logo.gif) no-repeat left top; }

/* #banner { position: absolute; left: 288px; top: 80px; width: 331px; height: 254px; background: url(../img/banner.png) no-repeat left top; z-index: 4; }*/





/* CONTENT */
#content { position: relative; }

#content #left { float: left; width: 440px; min-height: 550px; background: #FFF url(../img/bg-left.jpg) no-repeat center top; padding: 30px; margin: 0 0 30px 0; border-bottom: 1px solid #ccc; }
#content #right { float: left; width: 160px; margin: 40px 0 0 0; background: #333333 url(../img/bg-right.jpg) repeat-x right top; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }

#content h2 { font-weight: normal; font-size: 2em; font-style: italic; color: #e53f1d; margin: 0 0 16px 0; }
#content h3 { font-weight: normal; font-size: 1.1em; font-style: italic; color: #702313; margin: 22px 0 8px 0; }

#content p { font-size: 0.9em; line-height: 1.5em; margin: 0 0 16px 0; color: #555; }
#left ul, #left ol { font-size: 0.9em; line-height: 1.5em; padding: 16px 0; border-top: 1px solid #ddd; color: #777; list-style: none; list-style-position: inside; }
#left li { margin: 0 0 16px 0; padding-bottom: 16px; border-bottom: 1px solid #ddd; }
#content a { color: #e53f1d; }
#content a:hover { color: #702313; }
#content img { margin-bottom: 16px; }

#content h3#menu { margin: 46px 0 16px 26px; position: relative; height: 23px; width: 86px; text-indent: -1000em; }
#content h3#menu span { position: absolute; top: 0; left: 0; height: 23px; width: 86px; background: url(../img/menu.gif) no-repeat left top; }

#navbar ul { list-style: none; padding-bottom: 40px; font-size: 1em; }
#navbar ul li a { padding: 3px 0 3px 26px; display: block; color: #888; }
#navbar ul li a:hover { color: #b65441; }
.active { color: #b65441 !important; background: url(../img/menu-select.png) no-repeat center left; }

#ny a { position: relative; height: 120px; width: 160px; display: block; display: none; }
#ny a span { position: absolute; background: url(../img/ny.png) no-repeat left top; z-index: 5; width: 174px; height: 166px; top: -20px; left: 0; }
#ny-en a { position: relative; height: 120px; width: 160px; display: block; }
#ny-en a span { position: absolute; background: url(../img/ny-en.png) no-repeat left top; z-index: 5; width: 174px; height: 166px; top: -20px; left: 0; }

#ficha { border: 0; padding: 0; margin: 0;  }
#ficha tr { font-size: 0.9em; vertical-align: top; }
#ficha th { text-align: right; color: #333; padding: 5px 20px 5px 0; font-weight: normal; }
#ficha td { text-align: left; color: #666; padding: 5px 0; }

.imgLeft { float: left; margin: 0 20px 5px 0; }

blockquote { border: 1px solid #ddd; margin: 0 0 10px 0; padding: 20px 20px 10px 20px; text-align: center; }
blockquote:hover { background: #fafafa; }
blockquote p.right { text-align: right; color: #888 !important; font-size: 0.8em !important; }
p.right:before { content: "— " }

.presskit a { display: block; margin-bottom: 10px; padding:64px 12px 12px 12px; text-align: center; background: url(../img/pdf.png) no-repeat center top; }

.video { text-align: center; }

dl { margin: 0 0 30px 0; padding: 0; font-size: 0.9em; }
dt { font-weight: normal; font-size: 1.2em; font-style: italic; color: #702313; margin: 10px 0 6px 0; padding: 0; }
dd { font-size: 0.9em; padding: 6px 0; border-bottom: 1px solid #ddd; }
dd:hover { background: #eee; }


/* FOOTER */
#footer { background: #000; margin: 0; padding: 15px 30px 5px 30px; position: relative; }
#footer p { font-size: 0.7em; float: left; margin-top: 8px; color: #888; }
#yllana { width: 108px; height: 25px; margin: 0 20px 0 40px; text-align: center; position: relative; float: left; }
#yllana a span { width: 108px; height: 35px; position: absolute; background: url(../img/yllana.jpg) no-repeat left top; top: 0; left: 0; }
#ara { width: 71px; height: 40px; margin: 0 20px; text-align: center; position: relative; float: left; }
#ara a span { width: 71px; height: 51px; position: absolute; background: url(../img/ara.jpg) no-repeat left top; top: -10px; left: 0; }
#footer a { color: #e53f1d; }
#footer a:hover { color: #ccc; }
#credits-left { float: left; width: 70%; }
#credits { float: left; width: 30%; font-size: 0.7em; color: #666; text-align: right; margin-top: 8px; }