/*********************************************************************** ************************************************************************ Project: dei Svaldi - www.deisvaldi.com Version: 1.0 Last Change: 19/11/2009 Agency: Web Agency Meta Line - metaline.it Author: Matteo Casonato (Wikimaki) ***********************************************************************/ @charset "utf-8"; @import "form.css"; @font-face { font-family: 'TurkishMicrogrammaRegular'; src: url('fonts/turkish-microgram.eot'); src: url('fonts/turkish-microgram.eot?#iefix') format('embedded-opentype'), url('fonts/turkish-microgram.woff') format('woff'), url('fonts/turkish-microgram.ttf') format('truetype'), url('fonts/turkish-microgram.svg#TurkishMicrogrammaRegular') format('svg'); font-weight: normal; font-style: normal; } /* RESET **************************************************/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } html { font-size: 100%; } a { outline: none; } legend { display: none; } .left { clear: left; float: left; } .right { clear: right; float: right; } .center { text-align: center; } .clear { clear: both; height: 1%; overflow: hidden; } .hidden { display: none; } /* STRUTTURA **************************************************/ body {} html, body { height: auto; height: 100%; max-height: 100%; min-height: 100%; } #wrapper { left: 2%; padding-bottom: 2%; position: absolute; top: 10%; width: 96%; } /* HEADER **************************************************/ #header { margin-bottom: 40px; } #header a { color: #ccc; font-size: 55px; font-weight: normal; line-height: 55px; text-decoration: none; } #header a span { display: block; float: left; font-size: 26px; margin-right: 10px; } /* NAV **************************************************/ #nav { float: left; width: 300px; } #nav ul { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; list-style: none; margin: 0; padding: 0; text-transform: uppercase; } #nav ul li { line-height: 140%; list-style-position: outside; } #nav ul li a { color: #666; text-decoration: none; } #nav ul li a:hover { color: #ccc; } #nav ul li ul { margin: 10px 0 10px 18px; list-style-type: square; } #nav a span { text-transform: lowercase; } #nav .nav03b { cursor: default; } #nav #flags { margin-top: 40px; font-size: 12px; } /* MAIN **************************************************/ #main { float: left; width: 400px; } #tpl1024 #main { width: 350px; } #events { float: left; width: 350px; } #press { float: left; width: 500px; } /* FOOTER **************************************************/ #footer { bottom: 5%; left: 2%; position: absolute; } #footer a { color: #666; font-weight: normal; } #footer .vcard { font-size: 0.7em; line-height: 130%; } #footer .vcard .org { font-weight: bold; } #footer .vcard .type { font-weight: bold; text-transform: uppercase; } #footer ul { font-size: 0.7em; list-style: none; margin: 10px 0 0 0; padding: 0; } #footer ul li { line-height: 130%; list-style-position: outside; } /* TEXT **************************************************/ body { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 100%; } pre, code, tt { font-family: "Andale Mono", "Lucida console", monospace; } #header, .deisvaldi, h1, h2 { font-family: 'TurkishMicrogrammaRegular', Arial, Helvetica, sans-serif; font-weight: normal; } h1, h2, h3, h4, h5, h6, p { font-size: 100%; font-weight: normal; line-height: 100%; } h1 { color: #fff; font-size: 40px; text-transform: uppercase; text-align: right; position: absolute; right: 0; top: 95px; } #tpl1024 h1 { font-size: 30px; } h2 { color: #9B0000; font-size: 1.2em; font-weight: bold; line-height: 140%; margin-bottom: 5px; text-align: right; text-transform: uppercase; position: absolute; right: 0; top: 130px; } #tpl1024 h2 { top: 125px; } h3 { color: #2E7AB9; font-size: 0.85em; font-weight: bold; margin: 20px 0 10px 0; text-transform: uppercase; } h4 {} h5 {} h6 {} p { color: #999; font-size: 14px; line-height: 110%; margin: 0 0 10px 0; } #tpl1024 p { font-size: 12px; } dt, dd, ul, ol { font-size: 0.8em; line-height: 100%; } dt { font-weight: bold; } a { color: #9B0000; font-weight: bold; text-decoration: none; } a:focus, a:hover { text-decoration: underline; } ul, ol { list-style-position: inside; } /* TEMPLATE **************************************************/ body.nav02 #nav li a.nav02a, body.nav03 #nav li a.nav03a, body.nav03b #nav li a.nav03b, body.nav03c #nav li a.nav03c, body.nav03d #nav li a.nav03d, body.nav03b01 #nav li a.nav03b01, body.nav03b02 #nav li a.nav03b02, body.nav03b03 #nav li a.nav03b03, body.nav04 #nav li a.nav04a, body.nav05 #nav li a.nav05a, body.nav06 #nav li a.nav06a { color: #ccc; } body { background-color: #000; background-position: 120% 50%; background-repeat: no-repeat; } body#tpl1024 { background-position: 170% 50%; } body.nav01 { background-image: url("images/bck01.jpg"); background-position: 50% 0!important; } body.nav02 {} #tpl1024.nav02 {} body.nav03 { background-image: url("images/bck02b.jpg"); } #tpl1024.nav03 {} body.nav03b {} #tpl1024.nav03b {} body.nav03b01 { background-image: url("images/bck02c.jpg"); } #tpl1024.nav03b01 {} body.nav03b02 { background-image: url("images/bck03b.jpg"); } #tpl1024.nav03b02 {} body.nav03b03 { background-image: url("images/bck03c.jpg"); } #tpl1024.nav03b03 {} body.nav03b04 { background-color: #E2DED4; background-image: url("images/bck03d.jpg"); background-position: 100% 20%; } #tpl1024.nav03b04 { background-position: 100% 10%; } body.nav03c { background-image: url("images/bck06.jpg"); } #tpl1024.nav03c {} body.nav03d { background-image: url("images/bck08.jpg"); } #tpl1024.nav03d {} body.nav04 { background-image: url("images/bck04.jpg"); } #tpl1024.nav04 {} body.nav05 { background-image: url("images/bck05.jpg"); } #tpl1024.nav05 {} body.nav06 { background-image: url("images/bck07.jpg"); } #tpl1024.nav06 {} body.nav01 #main, #tpl1024.nav01 #main { font-size: 100%; height: 140px; left: 50%; margin: -70px 0px 0px -300px; overflow: hidden; position: absolute; top: 50%; width: 600px; } body.nav01 #main #nav { overflow: hidden; width: 100%; } body.nav01 #main #nav ul { margin: 10px auto; text-align: center; width: 100%; } body.nav01 #main #nav li { display: inline; margin: 0 5px; } body.nav01 #footer { bottom: 5%; margin-left: -300px; left: 50%; position: absolute; text-align: center; width: 600px; } /* Sezioni Bianche */ .white {} .white #header a, .white p, .nav03b04 .nav03a, .nav03b04 .nav03b, .nav03b04 .nav03b04, .white h1 { color: #333 !important; } .white a:hover { color: #666; } .white a.music { background-position: 100% -20px; color: #000; } /* COMPONENTI VARI **************************************************/ #slide { margin-top: 30px; } .slide { overflow: hidden; position: relative; } .slide .item li { float: left; margin-right: 10px; width: auto; } .slide .item img { border: 1px solid #777; } .slide .item li a { display: block; } .slideNav a.arrowPrev, .slideNav a.arrowNext { background-repeat: no-repeat; display: inline-block; text-indent: -9999em; } #slide .slide, #slide .slide .item { height: 135px; width: 364px; } #all .slide-cashmere .slide, #all .slide-cashmere .slide .item { height: 155px; width: 364px; } #slide .slide .item { text-align: center; float: left; } #slide .slide .item .frame { color: #fff; text-decoration: none; } #slide .slide .item .frame span { display: block; margin-bottom: 5px; text-align: center; } #slide .slideNav { position: relative; } #slide .slideNav a.arrowPrev, #slide .slideNav a.arrowNext { background-color: #111; background-image: url(images/arrow-products.gif); border: 8px solid #111; float: left; height: 21px; width: 21px; } #slide .slideNav a.arrowPrev { background-position: 4px -21px; } #slide .slideNav a.arrowPrev:hover { background-position: 4px 0; background-color: #999; border-color: #999; } #slide .slideNav a.arrowNext { background-position: 6px -63px; margin-left: 6px; } #slide .slideNav a.arrowNext:hover { background-position: 6px -42px; background-color: #999; border-color: #999; } .leftright .slide, .leftright .slide .item { height: 310px; width: 450px; } .leftright .slide, .leftright .slide .item { float: left; } .leftright .slideNav { float: left; margin: 50px 0 0 10px; } .leftright .slideNav a.arrowPrev, .leftright .slideNav a.arrowNext { background-image: url(images/arrow-leftright.gif); height: 83px; width: 42px; } .leftright .slideNav a.arrowPrev { background-position: 0 0; } .leftright .slideNav a.arrowPrev:hover { background-position: 0 -83px; } .leftright .slideNav a.arrowNext { background-position: 0 -166px; } .leftright .slideNav a.arrowNext:hover { background-position: 0 -249px; } .updown .slide, .updown .slide .item { height: 265px; } .updown .slide, .updown .slide .item, .updown .slideNav { width: 400px; } #tpl1024 .updown .slide, #tpl1024 .updown .slide .item, #tpl1024 .updown .slideNav { width: 350px; } #press .slide, #press .slide .item, #press .slideNav { width: 336px; } .updown .slide .item {} .updown .item li { margin: 5px; } .updown .slide dl {} .updown .slide dt { margin-bottom: 5px; } .updown .slide dt a { color: #666; text-decoration: none; } .updown .slide dd { margin-bottom: 20px; } .updown .slideNav { margin-top: 10px; text-align: center; } .updown .slideNav a.arrowPrev, .updown .slideNav a.arrowNext { background-image: url(images/arrow-updown.gif); height: 42px; width: 83px; } .updown .slideNav a.arrowPrev { background-position: 0 0; } .updown .slideNav a.arrowPrev:hover { background-position: -83px 0; } .updown .slideNav a.arrowNext { background-position: -166px 0; } .updown .slideNav a.arrowNext:hover { background-position: -249px 0; } a.music { background-image: url(images/icon-music.gif); background-position: 100% 0; background-repeat: no-repeat; color: #ccc; display: block; font-size: 10px; height: 16px; padding-top: 4px; position: absolute; right: 20px; text-decoration: none; text-indent: -100px; top: 20px; width: 20px; } span.logo, span.logoWhite { display: inline-block; width: 82px; } #tpl1024 span.logo, #tpl1024 span.logoWhite { width: 70px; } /* MAP **************************************************/ #map { background: url(images/load.gif) 50% 50% no-repeat #E5E5E5; border: 5px solid #B7D6EE; height: 400px; width: 330px; } #map #mapBalloon {} #map #mapBalloon small, #map #mapBalloon big { display: block; font-size: 11px; } #map #mapBalloon big { padding-top: 8px; } #map #mapBalloon strong { font-size: 11px; text-transform: uppercase; } #map #mapBalloon form { margin-top: 5px; } #map #mapInput { width: 160px; } #map #mapSubmit { background: #005DAA; border: none; color: #fff; cursor: pointer; font-size: 0.75em; font-weight: bold; margin-left: 5px; padding: 3px 10px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* COLORBOX **************************************************/ /* Core */ #colorbox, #cboxOverlay, #cboxWrapper { left: 0; overflow: hidden; position: absolute; top: 0; z-index: 9999; } #cboxOverlay { height: 100%; position: fixed; width: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { left: 0; position: absolute; top: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { border: 0; display: block; float: left; margin: auto; } .cboxIframe { border: 0; display: block; height: 100%; width: 100%; } /* Style */ #colorbox {} #cboxOverlay { background-color: #000; } #colorbox, #cboxTopCenter { -o-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-background-clip: padding-box; } #colorbox { border: 1px solid #333; -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=90, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=25, Direction=90, Color='#000000'); } #cboxWrapper {} /* Header */ #cboxTopLeft {} #cboxTopCenter { background-color: #373737; background-image: -moz-linear-gradient(top, #373737, #1B1B1B); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #373737),color-stop(1, #1B1B1B)); background-image: -webkit-linear-gradient(#373737, #1B1B1B); background-image: linear-gradient(top, #373737, #1B1B1B); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#373737', EndColorStr='#1B1B1B'); -webkit-box-shadow: inset #666 0 1px 2px; -moz-box-shadow: inset #666 0 1px 2px; box-shadow: inset #666 0 1px 2px; height: 28px; } #cboxTopRight {} #cboxContent { overflow: visible; } /* Loading */ #cboxError { border: 1px solid #ccc; padding: 50px; } #cboxLoadedContent { background-color: #fff; } #cboxLoadingGraphic { background: url('images/load-white.gif') no-repeat 50% 50%; } #cboxLoadingOverlay { background-color: #fff; } /* Text */ #cboxTitle { display: block; color: #fff; font: normal 11px/26px Verdana, Geneva, sans-serif; left: 0; position: absolute; text-align: center; top: -28px; width: 100%; } #cboxCurrent { display: none; } /* Controls */ #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { background: url('images/colorbox.gif') no-repeat 0 0; height: 8px; overflow: hidden; position: absolute; text-indent: -999em; top: -18px; width: 8px; } #cboxPrevious { background-position: 0 0; right: 44px; } #cboxPrevious.hover { background-position: 0 -8px; } #cboxNext { background-position: -8px 0; right: 30px; } #cboxNext.hover { background-position: -8px -8px; } #cboxClose { background-position: -16px 0; right: 10px; } #cboxClose.hover { background-position: -16px -8px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 45px; } .cboxSlideshow_on #cboxSlideshow { background-position: -24px 0; left: 10px; } .cboxSlideshow_on #cboxSlideshow.hover { background-position: -24px -8px; } .cboxSlideshow_off #cboxSlideshow { background-position: -32px 0; left: 10px; } .cboxSlideshow_off #cboxSlideshow.hover { background-position: -32px -8px; }