/* ------------------------------------------------ WP-THEME: Theme Name version 1.0 by Quale http://quale.com.ar ------------------------------------------------ COLOR SCHEME: ------------------------------------------------ White rgb(255,255,255) Light Grey rgb(155,155,155) Medium Dark rgb(100,100,100) Black rgb(0,0,0) Yellow rgb(255,255,0) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* End Reset */ /* Fonts */ body { font: 12px sans-serif; line-height: 1.22; } table { font-size: inherit; font: 100%; } select, input, textarea { font: 99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } @font-face { font-family: 'DIN30640StdNeuzeitGroteskBold'; src: url('../fonts/dinneuzeitgroteskstd-bdcond-webfont.eot'); src: local('☺'), url('../fonts/dinneuzeitgroteskstd-bdcond-webfont.woff') format('woff'), url('../fonts/dinneuzeitgroteskstd-bdcond-webfont.ttf') format('truetype'), url('../fonts/dinneuzeitgroteskstd-bdcond-webfont.svg#webfontCFm0ZEEU') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINProBold'; src: url('../fonts/dinpro-bold-webfont.eot'); src: local('☺'), url('../fonts/dinpro-bold-webfont.woff') format('woff'), url('../fonts/dinpro-bold-webfont.ttf') format('truetype'), url('../fonts/dinpro-bold-webfont.svg#webfontFCyuFJ7l') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINProRegular'; src: url('../fonts/dinpro-regular-webfont.eot'); src: local('☺'), url('../fonts/dinpro-regular-webfont.woff') format('woff'), url('../fonts/dinpro-regular-webfont.ttf') format('truetype'), url('../fonts/dinpro-regular-webfont.svg#webfontgqfz3M14') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINCond-Regular'; src: url('../fonts/dicnrg__-webfont.eot'); src: local('☺'), url('../fonts/dicnrg__-webfont.woff') format('woff'), url('../fonts/dicnrg__-webfont.ttf') format('truetype'), url('../fonts/dicnrg__-webfont.svg#webfontkkJ3FXY3') format('svg'); font-weight: normal; font-style: normal; } /* Minimal base style */ body, select, input, textarea { color: #9a9a9a; } h1,h2,h3,h4,h5,h6 { font-weight: normal; text-rendering: optimizeLegibility; } html { -webkit-font-smoothing: antialiased; } a:hover, a:active { outline: none; } a, a:active, a:visited { color: #607890; } a:hover { color: #036; } ul { margin-left: 30px; } ol { margin-left: 30px; list-style-type: decimal; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } /* Non-semantic helper clases */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; } .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } input.button, a.button { background-color: #7189b8; background-repeat: no-repeat; background-position: 4px 1px; border: 1px solid #4d6ca4; color: #FFFFFF; font-weight: bold; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 5px 3px 25px; } input:hover.button, a.button:hover { background-color: #4d6ca4; border-color: #2c4d87; color: #FFFFFF; } p{ margin-bottom: 15px; } /* Primary Styles */ body { position: relative; margin: 0 auto; } #container { margin: 0px auto; width: 774px; padding-top: 20px; } #container header { height: 95px; margin: 0px 0px 15px 0px; position: relative; } #container header div.logo { } #container header div.logo h1 { padding-bottom: 20px; } #container header div.logo h1 a { width: 514px; height: 89px; overflow: hidden; display: block; background: transparent url(../img/logo.gif) top left no-repeat; text-indent: -100em; } #container header div.navigation { position: absolute; top: 0px; right: 0px; } #container header div.navigation span { color: #0be61a; font-weight: bold; } #container header div.navigation a { color: #9a9a9a; text-decoration: none; font-size:11px;} #container header div.navigation a:hover { text-decoration: underline; } #featured { position: relative; width: 774px; height: 276px; overflow: hidden; } #featured ul {margin: 0px; padding: 0px; list-style: none; } #featured li.container { position: relative; } #featured div.content { position: absolute; top: 90px; left: 370px; z-index: 2; color: #FFFFFF; } #featured div.content h1 { font-family: 'DINProRegular'; font-size: 15px; text-transform: uppercase; margin-bottom: 10px; } #featured div.content h2 { font-family: 'DIN30640StdNeuzeitGroteskBold'; font-size: 24px; } #featured div.content h3 { font-family: 'DINCond-Regular'; font-size: 42px; font-style: italic; margin-bottom: 10px; } #featured div.content h4 { font-family: 'DINProRegular'; font-size: 18px; } #featured div.background { position: absolute; top: 0px; left: 0px; z-index: 1; } #main { margin: 40px 0px 40px 0px; } #sidebar { float: left; width: 137px; margin: 0px 50px 0px 10px; border-right: 2px solid #908f8f; } #sidebar ul { list-style: none; margin: 0px; padding: 0px; } #sidebar ul#navigation li { margin-bottom: 15px; } #sidebar ul#navigation li a { color: #636363; text-decoration: none; } #sidebar ul#navigation li a:hover { font-weight: bold; color:#333333; } #sidebar ul#navigation li ul { list-style: none; margin: 0px; padding: 0px; font-size: 11px; } #sidebar ul#navigation li ul li { padding: 10px 0px 4px 20px; border-bottom: 1px solid #999999; margin: 0px 20px 0px 0px; } #sidebar ul#navigation li ul li a { } #sidebar ul#navigation a.head { cursor:pointer; display:block; text-decoration: none; } #sidebar ul#navigation a.head:hover { } #sidebar ul#navigation a.current { color:#333333; font-style: italic; } #content { float: left; width: 575px; color: #636363; text-align: justify; } #content ul.home { margin: 0px; list-style: none; } #content ul.home li { width: 120px; float: left; margin-right: 31px; } #content ul.home li.last { margin-right: 0px; } #content li div.thumb { margin-bottom: 10px; } #content li div.thumb img { } #content li div.title { } #content li div.title h2 { font-size: 18px; color: #656565; font-family: 'DINProBold'; font-weight: normal; margin-bottom: 5px; } #content li div.description { font-size: 11px; text-align: left; } #content li div.description p { } #content h3 { color: #333333; font-size: 14px; font-weight: bold; margin-bottom: 20px; } #content h4 { color: #333333; font-size: 12px; font-weight: bold; margin-bottom: 5px; } #content h5 { color: #4169e1; font-size: 14px; font-weight: normal; margin-bottom: 10px; } #content a { color: #4169e1; text-decoration: none; } #content a:hover { text-decoration: underline; } #content ul { margin: 0px 0px 0px 16px; } #content ol { margin: 0px; padding: 0px; list-style: none; } #content ol li { margin-bottom: 10px; } #content ol li span { font-style: italic; } #content dl { font-size: 11px; } #content dl dt { color: #222222; font-style: italic; } #in_the_media { margin-bottom: 40px; } #in_the_media a.header { color: #636363; clear: both; display: block; margin-bottom: 10px; } #in_the_media a.selected { color: #4169e1; } #content div.exhibition { margin-top: 15px; } #content div.exhibition div.thumb { float: left; width: 145px; } #content div.exhibition div.info { float: left; width: 420px; } #content div.exhibition div.info h4 { font-size: 14px; margin-bottom: 5px; } #content div.exhibition div.info h5 { color: #333333; font-weight: bold; font-size: 12px; margin-bottom: 5px; } #content ul.gallery{ display: none; } #content span.orange{ color: #f26522; font-weight: bold; } #content div.event div.thumb { float: left; width: 310px; } #content div.event div.info { float: left; width: 250px; margin-right: 15px; } #content div.event div.info h5 { color: #333333; font-weight: bold; font-size: 12px; margin-bottom: 5px; } #content span.upb_text { font-weight: bold; } #main div.clear { } #container footer { margin: 40px 0px 50px 200px;} #container footer div.content-home { margin-bottom: 30px; } #container footer div.content-home div.info { float: left; width: 170px; margin-right: 30px; } #container footer div.content-home div.info h4 { color: #666565; font-weight: bold; } #container footer div.content-home div.info p { color:#636363; font-size:11px;} #container footer div.content-home div.info p br { } #container footer div.content-home div.networks { float: left; width: 200px; padding-top:2px;} #container footer div.content-home div.networks p { } #container footer div.content-home div.networks p a.facebook {background: transparent url(../img/btn-facebook.gif) top left no-repeat; padding: 0px 0px 10px 35px; display: block; text-decoration: none; color:#636363; font-size:11px;} #container footer div.content-home div.networks p a:hover.facebook { text-decoration: underline;} #container footer div.content-home div.networks p a.twitter { background: transparent url(../img/btn-twitter.gif) top left no-repeat; padding: 5px 0px 10px 35px; display: block; text-decoration: none; color:#636363; font-size:11px;} #container footer div.content-home div.networks p a:hover.twitter { text-decoration: underline;} #container footer div.content-home div.join { float: right; width: 140px; text-align: right; padding-top:2px;} #container footer div.content-home div.join p { } #container footer div.content-home div.join p a { } #container footer div.content-home div.join p a img { } #container footer div.content-home div.clearfix { } #container footer div.contact {} #container footer div.contact span { color: #0be61a; font-weight: bold; display: inline-block; padding: 0px 10px; } #container footer div.contact a { color: #9a9a9a; text-decoration: none; } #container footer div.contact a:hover { text-decoration: underline; } #container footer div.contact strong { color: #656565; } /* AnythingSlider v1.4.1+ Default (base) theme */ div.anythingSlider { width: 774px; height: 276px; margin: 0 auto; } div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a { background: #777; color: #000; } div.anythingSlider .anythingWindow {} div.anythingSlider.activeSlider .anythingWindow { border-color: #7C9127; } div.anythingSlider.activeSlider .thumbNav a { background: transparent url('../img/slider-bullets.png') 0px 0px no-repeat; text-indent: -100em; height: 10px; width: 10px; overflow: hidden; } div.anythingSlider.activeSlider .thumbNav a.cur { background-position: 0px -10px; } div.anythingSlider .start-stop { background-color: #080; color: #fff; } div.anythingSlider .start-stop.playing { background-color: #d00; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #fff; } /**** DO NOT CHANGE BELOW THIS LINE ****/ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } div.anythingSlider { position: relative; padding: 0px; } ul.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0;} ul.anythingBase li.panel { background: transparent; display: block; float: left; padding: 0; margin: 0;} /* Navigation Arrows */ div.anythingSlider .arrow { top: 50%; position: absolute; display: block;} div.anythingSlider .arrow a { display: block; height: 120px; margin: -60px 0 0 0; width: 45px; text-align: center; outline: 0; background: url(../img/arrows-default.png) no-repeat; text-indent: -9999px;} div.anythingSlider .forward { right: 0; } div.anythingSlider .back { left: 0; } div.anythingSlider .forward a { background-position: 0 -40px; } div.anythingSlider .back a { background-position: -88px -40px; } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; } div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; } /* Navigation Links */ div.anythingSlider .anythingControls { outline: 0; position: absolute; bottom: 5px; left: 15px; width: 759px; z-index: 1000; } div.anythingSlider .thumbNav { margin: 0; } div.anythingSlider .thumbNav li { display: inline; } div.anythingSlider .thumbNav a { display: inline-block; text-decoration: none; margin: 0 5px 0 0; background-repeat: repeat-x; text-align: center; outline: 0; float: left; height:15px;} div.anythingSlider .thumbNav a:hover { background-color:#fff; background-image: none; height: 10px; width: 10px; } div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .thumbNav { float: left; } /* move nav link group to left */ div.anythingSlider .start-stop { padding: 4px 5px 2px 5px; width: 30px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; font-size: 10px; margin-top: -5px; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0;} /* iPad and Desktops */ @media only screen and (min-device-width: 481px) and (max-width: 1024px) { } /* iPad in landscape mode (768px) */ @media only screen and (device-width: 768px) and (orientation: landscape) { } /* iPhone, Androind and other phones */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { } /* Huge screens */ @media screen and (min-device-width: 1025px){ } /* Overrides for iPhone 4 and other high device-pixel-ratio devices ---------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /* Prevent iOS, WinMobile from adjusting font size */ html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } /* Print Styles -----------------------------------*/ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none; } a, a:visited { color: #444 !important; text-decoration: underline; } .ir a:after { content: ""; } 
 /* Don't show links for images */ a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }