@font-face {
    font-family: 'TeXGyreHerosBold';
    src: url('fonts/texgyreheros-bold-webfont.eot');
    src: url('fonts/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-bold-webfont.woff') format('woff'),
         url('fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-bold-webfont.svg#TeXGyreHerosBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosBoldItalic';
    src: url('fonts/texgyreheros-bolditalic-webfont.eot');
    src: url('fonts/texgyreheros-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreheros-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-bolditalic-webfont.svg#TeXGyreHerosBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnBold';
    src: url('fonts/texgyreheroscn-bold-webfont.eot');
    src: url('fonts/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-bold-webfont.svg#TeXGyreHerosCnBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnBoldItalic';
    src: url('fonts/texgyreheroscn-bolditalic-webfont.eot');
    src: url('fonts/texgyreheroscn-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheroscn-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-bolditalic-webfont.svg#TeXGyreHerosCnBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnItalic';
    src: url('fonts/texgyreheroscn-italic-webfont.eot');
    src: url('fonts/texgyreheroscn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheroscn-italic-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-italic-webfont.svg#TeXGyreHerosCnItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnRegular';
    src: url('fonts/texgyreheroscn-regular-webfont.eot');
    src: url('fonts/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-regular-webfont.svg#TeXGyreHerosCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('fonts/texgyreheros-regular-webfont.eot');
    src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body.press { background: url('images/backgrounds/prensa.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
body.bio { background: url('images/backgrounds/bio.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
body.contact { background: url('images/backgrounds/contact.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
body.home { background: #000000; }
body.collection { background: #f6f6f6; }
body.exhibit { background: #f6f6f6; }

header { padding: 16px 0 0 34px; overflow: hidden; }
header, header a { color: #000; text-decoration: none; }
header a.current, header a:hover { color: #587eba !important; }
header.onBlack, header.onBlack a { color: #fff; }
header h1 {  padding-bottom: 5px; }
header h2 { margin: 0px 31px 0px 51px; float: left; text-transform: uppercase; }

header nav { font-family: TeXGyreHerosRegular; font-size: 11px; }
header.onBlack nav { font-family: TeXGyreHerosBold; font-size: 11px; }

section { margin: 30px 17px 0 34px; position: relative; min-height: 600px; padding-bottom: 20px; overflow: hidden; }
section.onBlack{ color: #fff; }

#mainMenu { float: left; } 
#languagesAndSocial { position: absolute; right: 14px; top: 16px; }

#mainMenu ul li { float: left; }
#mainMenu ul li.separated { background: #ffffff url('images/menu-separator-onwhite.png') top right no-repeat; }
#mainMenu ul li a , #mainMenu ul li span{ text-decoration: none; display: block; padding: 0px 13px; }
#mainMenu ul li ul { padding: 5px 0 0 7px; position: absolute; left: -999em; z-index: 100; background: #ffffff; min-width: 84px; }
#mainMenu ul li ul li { float: none; padding: 0; border: none; line-height: 17px; display: block; }
#mainMenu ul li:hover ul { left: auto; }
#languagesAndSocial ul li { float: left; font-size: 10px; margin-left: 8px; }
#languagesAndSocial ul li { vertical-align: middle; }

.onBlack #mainMenu ul li.separated { background: transparent url('images/menu-separator-onblack.png') top right no-repeat; }
.onBlack #mainMenu ul li ul { background: transparent; }

body.collection #mainMenu ul li.separated { background-color: #f6f6f6; }
body.collection #mainMenu ul li ul { background-color: #f6f6f6; }
body.collection section { min-height: 530px; }
body.press #mainMenu ul li ul { background-color: #000000; }
body.exhibit #mainMenu ul { margin-top: 0px; }
body.exhibit #mainMenu ul li { background-color: #ffffff; padding: 2px 0; }

h1 {  }

h2 { font-family: TeXGyreHerosBold; font-size: 11px; }


/*
	Biografia
*****************************************************/

#bioInfo { margin-left: 170px; width: 346px; padding-bottom: 20px; font-family: TeXGyreHerosRegular; font-size: 11px; line-height: 15px; position: relative; }
#bioInfo p { margin: 12px 0; }
#bioInfo .bornInfo { color: #587eba; }
#bioSign { position: absolute; bottom: 0; right: 0px; }

/*
	Contacto
*****************************************************/

#contactInfo { width: 127px; font-family: TeXGyreHerosRegular; font-size: 11px; line-height: 13px; }
#formContainer { position: absolute; bottom: 0px; left: 0px; }
#formContainer #emailAddress a { font-family: TeXGyreHerosCnBoldItalic; font-size: 17px; color: #587eba; text-decoration: none; }
#formContainer p.message, #formContainer div.message { margin: 30px 0px; font-family: TeXGyreHerosRegular; }
#formContainer div.message.error { color: #ff0000; }
#formContainer p.message.success { color: #2D9F07; }
#formContainer fieldset { width: 223px; }
#formContainer fieldset p { margin: 6px 0; }
#formContainer fieldset p label { display: block; float: left; width: 150px; font-family: TeXGyreHerosRegular; font-size: 11px; width: 48px; margin-top: 4px; cursor: pointer; }
#formContainer fieldset p input[type="text"], #formContainer fieldset p textarea, #formContainer fieldset p input[type="email"] { border: 1px solid #8a8785; font-family: TeXGyreHerosCnBold; font-size: 11px; width: 169px; padding: 2px; }
#formContainer fieldset p textarea { height: 140px; }
#formContainer fieldset p.formBottom { padding-left: 44px;}
#formContainer fieldset p.formBottom  label { float: none; display: inline; font-size: 10px; font-family: TeXGyreHerosCnItalic; }
#formContainer fieldset p.formBottom  input[type="checkbox"] { vertical-align: middle; }
#formContainer fieldset p.formBottom  input[type="submit"] { font-family: TeXGyreHerosBold; text-transform: uppercase; font-size: 8px; background: #577db8; border: none; color: #ffffff; float: right;  margin-top: 4px;  }


/*
	Collection
*****************************************************/
#collection { }
#collection aside { width: 145px; float: left; color: #3e3e3d; font-family: 'TeXGyreHerosRegular'; line-height: 13.5px; font-size: 11px; }
#collection aside h2 { font-size: 11px; font-family: 'TeXGyreHerosBold'; color: #587eba; margin-bottom: 10px; }
#collection aside ul { font-size: 10px; margin-top: 20px; }
#collection aside ul li{ margin: 3px 0; }
#collection aside ul li a{ text-decoration: none; color: #3e3e3d; }
#collection aside ul li a:hover, #collection aside ul li a.current{ text-decoration: none; font-family: TeXGyreHerosBoldItalic; color: #587eba; }

#workContainer { float: left; margin-left: 25px;  }
/* #workContainer { position: absolute; left: 145px; } */
.imageContainer { display: inline-block; position: relative; padding: 0px 5px 5px 0; }
.imageContainer img { -moz-box-shadow: 3px 3px 4px #bfbfbf; -webkit-box-shadow: 3px 3px 4px #bfbfbf; box-shadow: 3px 3px 4px #bfbfbf; }
.imageContainer.noShadow img { -moz-box-shadow: 0px 0px; -webkit-box-shadow: 0px 0px; box-shadow: 0px 0px; }
.collectionDetails { color: #3e3e3d; font-size: 10px; font-family: TeXGyreHerosRegular; position: relative; }
.collectionDetails h1 { font-size: 11px; font-family: 'TeXGyreHerosBold'; text-transform: uppercase; }
.collectionDetails .date { color: #587eba; margin-top: 3px; }
.collectionDetails .details { margin-top: 4px; line-height: 14px; }
.collectionDetails .moreInfo { position: absolute; top: -23px; left: -170px; width: 130px; font-size: 10px; font-family: TeXGyreHerosCnRegular; line-height: 14px; }
.collectionDetails .moreInfo  p.title { font-family: TeXGyreHerosRegular; color: #918f94; margin-bottom: 3px; font-size: 11px; }

.facebookLike { position: absolute; left: 150px; top: -27px; z-index: 10000; width: 214px; }
.facebookLike div { float: right; }
.facebookLike iframe { float: right; }

/*
	Advert
*****************************************************/

#advert { font-family: TeXGyreHerosCnBoldItalic; font-size: 11px; color: #060101; padding: 10px; position: relative; float: left;  }
#advert a { color: #587eba; }
#advert.onBlack   { color: #ffffff; }
#advert div { float: left; }
#newsContainer { position: fixed; width: 100%; bottom: 0px; overflow: hidden; z-index: 2000px; }


/*
	Press
*****************************************************/

#press { }
#press aside { width: 145px; float: left; color: #ffffff; font-family: 'TeXGyreHerosRegular'; line-height: 13.5px; font-size: 11px; }
#press aside h2 { font-size: 11px; font-family: 'TeXGyreHerosBold'; color: #587eba; margin-bottom: 10px; }
#press aside ul { font-style: italic; font-size: 10px; margin-top: 20px; }
#press aside ul li{ margin: 3px 0; }
#press aside ul li a{ text-decoration: none; color: #3e3e3d; }
#press aside ul li a:hover, #press aside ul li a.current{ text-decoration: none; font-family: TeXGyreHerosBoldItalic; color: #587eba; }

#workContainer { float: left; margin-left: 25px; }
#press .imageContainer { padding: 0; }
#press .imageContainer img { border: none;}
#press .imageContainer img { -moz-box-shadow: 0px 0px; -webkit-box-shadow: 0px 0px; box-shadow: 0px 0px; }
#press .imageContainer.viewer { height: 559px; }

#press .collectionDetails { color: #fff; font-size: 10px; font-family: TeXGyreHerosCnBold; position: relative; }
#press .collectionDetails h1 { font-size: 11px; font-family: 'TeXGyreHerosBold'; text-transform: uppercase; }
#press .collectionDetails .date { color: #587eba; }
#press .collectionDetails .details { margin-top: 4px; line-height: 13px; width: 300px; }
#press .coda-slider { width: 543px; }
#press .coda-slider .panel { width: 543px; }


#verticalCarouselContainer { position: absolute; left: 759px; top: 0px; background: url('images/press-vercarousel-bg.png') repeat-y; height: 0px; max-height: 1000px; z-index: 3000; background-position: right; }
#verticalCarouselContainer li { margin: 0 7px 5px; display: block; padding-left: 36px; }
#verticalCarouselContainer li.current { background: url('hoverscroll/gfx/arrow-verCarousel.png') left center no-repeat; }
#verticalCarouselContainer li img { border: none; }

#horizontalCarouselContainer { margin-bottom: 45px; background: url("images/collection-horcarousel-bg.png") bottom repeat-x; }
#horizontalCarouselContainer li { margin-right: 8px; padding-top: 26px; }
#horizontalCarouselContainer li.current { background: url('hoverscroll/gfx/arrow-horCarousel.png') center top no-repeat; }
#horizontalCarouselContainer li img { border: none; }



/*
	Expos
*****************************************************/

#exhibit aside { width: 145px; font-size: 10px; font-family: 'TeXGyreHerosRegular'; }

#exhibit aside h2 { text-transform: capitalize; margin-bottom: 13px; font-weight: normal; font-family: 'TeXGyreHerosRegular'; }
#exhibit aside a { text-decoration: none; color: #3e3e3d; }
#exhibit aside a :hover{ color: #587eba !important; }
#exhibit aside div.exhibit { margin-bottom: 20px; }
#exhibit aside div.exhibit h1 { font-family: TeXGyreHerosBold; font-size: 10px; margin-bottom: 3px; line-height: 13px; }
#exhibit aside div.exhibit .date { margin-bottom: 6px; color: #000000; }
#exhibit aside div.exhibit  p.description { line-height: 10px; }
#exhibit aside div.exhibit.current { color: #587eba; }
#exhibit aside div.exhibit.current p.date { color: #587eba !important; }
#exhibit aside a:hover div.exhibit p.date { color: #587eba !important; }
#exhibit aside a:hover div.exhibit { color: #587eba !important; }

body.exhibit div.leftColumn { position: absolute; width: 197px; top: 0px; left: 0px; height: 100%; background: #ffffff; z-index: -1; }
body.exhibit.en header h2 { margin-right: 20px; }
body.exhibit #newsContainer { z-index: -2; }
body.exhibit .facebookLike { position: relative; left: 0px; top: inherit; bottom: -10px; }
body.exhibit .facebookLike div { float: none; }