/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

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

}

.viewer { padding-top: 70px; }
.animate { transition-property: all; transition-duration: 0.3s;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;
-moz-transition-property: all; -moz-transition-duration: 0.3s;
-o-transition-property: all; -o-transition-duration: 0.3s;
-ms-transition-property: all; -ms-transition-duration: 0.3s; }
* { margin: 0; padding: 0; outline: none; border: none; }
html, body { height: 100%; }
body { background: #fff url(../images/bg.png) repeat; text-align: center; font-size: 14px; color: #122227; font-family: 'Helvetica neue', Helvetica, Arial, Geneva, sans-serif; }
a { text-decoration: none; }
.clear { clear: both; }
div#container { position: relative; height: 100%; }
body>div#container { height: auto; min-height: 100%; }
div#footer { background: url(../images/footer_bg.png) repeat-x bottom center; position: absolute; bottom: 0; width: 100%; height: 110px; left: 0; z-index: 99; }

#header { background: url(../images/header_bg.png) repeat-x top center; height: 175px; z-index: 99; position: relative; }
.wrap { width: 960px; margin: 0 auto; text-align: left; overflow: hidden; }
#logo { text-indent: -99999px; width: 154px; height: 110px; float: left; margin: 22px 10px; position: relative; }
#logo span { filter:alpha(opacity=0); opacity: 0; background: url(../images/home.png) no-repeat; width: 48px; height: 42px; display: block; position: absolute; top: 50%; margin-top: -21px; right: -60px; }
#logo:hover span { filter:alpha(opacity=100); opacity: 1; right: -65px; }
#logo a { background: url(../images/logo.png) no-repeat 0 0; display: block; height: 110px; }
#navbar { float: right; }
#menu { margin: 56px 0; overflow: hidden; list-style-type: none; font-family: 'SteelfishRgRegular'; font-size:28px; font-weight: normal; text-transform: uppercase; }
#menu li { background: url(../images/separator.png) no-repeat right center; float: left; }
#menu li a { color: #0f2227; padding: 0 19px 0 13px; text-shadow: 0 1px 1px #428599;
transition-property: color, text-shadow; transition-duration: 0.3s;
-webkit-transition-property: color, text-shadow; -webkit-transition-duration: 0.3s;
-moz-transition-property: color, text-shadow; -moz-transition-duration: 0.3s;
-o-transition-property: color, text-shadow; -o-transition-duration: 0.3s;
-ms-transition-property: color, text-shadow; -ms-transition-duration: 0.3s; }
#menu li#current a, #menu li a:hover { color: #fff; text-shadow: 0 1px 1px #020a0c; }
#menu li:last-child { background: none; }
#menu li:last-child a { padding: 0 10px 0 13px; }

#slideshow { width: 924px; margin: 10px 18px 0; }
#shortcuts { margin-bottom: 180px; padding-top: 18px; }
#shortcuts a { width: 290px; display: block; float: left; margin: 0 10px; padding: 10px 5px; position: relative;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
#shortcuts a:hover { background: #f0f0f0; }
#shortcuts a:hover .title { left: 2px; }
#shortcuts a img { margin: 0 3px 10px 3px; }
#shortcuts .title { background: url(../images/top_title_home.png) no-repeat 0 0; display: block; height: 47px; text-align: left; font-family: 'SteelfishRgRegular'; font-size: 28px; color: #fff; text-transform: uppercase; line-height: 48px; width: 100%; position: absolute; top: 140px; text-shadow: 0 1px 1px #020a0c; left: -2px; padding-left: 20px;}
#shortcuts .text { text-align: left; color: #122227; padding: 0 8px; display: block; line-height: 20px; }

#footer .footer_logo { float: left; background: url(../images/footer_logo.png) no-repeat center left; padding-left: 85px; margin-top: 37px; color: #22141B; font-weight: bold; line-height: 19px; text-shadow: 0 1px 1px #8E5C76; }
#footer .credits { float: right; color: #22141B; font-weight: bold; line-height: 19px; text-shadow: 0 1px 1px #8E5C76; margin-top: 45px; text-align: right; }
#footer .credits a { background: url(../images/credits.png) no-repeat 0 1px; padding-left: 22px; color: #22141B; margin-left: 1px; }
#footer .credits a:hover { background: url(../images/credits_hover.png) no-repeat 0 1px;; color: #fff; text-shadow: 0 1px 1px #180d12; }

#map_canvas { height: 850px; z-index: 70; }
#page_title { position: relative; z-index: 88; border-bottom: 1px solid #cdcdcd; }
#page_title h2 { color: #633a46; font-family: 'SteelfishRgRegular'; font-size: 40px; text-transform: uppercase; font-weight: normal; padding: 0 5px 10px 5px; }
#page_title h2 a { background: url(../images/maps.png) no-repeat right 0; float: right; color: #9A9A9A; font-family: 'Helvetica neue', Helvetica, Arial, Geneva, sans-serif; text-transform: none; font-size: 12px; font-weight: bold; margin: 15px 0; padding-right: 19px; }
#page_title h2 a:hover { background-image: url(../images/maps_hover.png); color: #633a46; }
#content { position: relative; }
#map_container { position: absolute; top: 105px; z-index: 99; width: 960px; }
#contact_box { background: #f8f8f8 url(../images/ago.png) no-repeat 0 5px; width: 540px; padding: 10px 0;
box-shadow: 0 0 5px rgba(0,0,0,0.35); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35); -o-box-shadow: 0 0 5px rgba(0,0,0,0.35); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.35); }
#contact_details { border-bottom: 1px solid #cdcdcd; list-style-type: none; font-weight: bold; font-size: 15px; padding: 10px 25px; }
#contact_details li { background: url(../images/contact_icon.png) no-repeat; padding: 20px 41px; }
#contact_details .phone { background-position: 0 -45px; }
#contact_details .indication {  background-position: 0 19px; }
#contact_box #contact_form legend { color: #633a46; font-family: 'SteelfishRgRegular'; font-size: 35px; font-weight: normal; text-transform: uppercase; padding-bottom: 15px; }
#contact_box #contact_form { padding: 15px 25px; }
#contact_box #contact_form input, #contact_box #contact_form textarea { background: #f2f2f2; display: block; font-size: 15px; padding: 10px; width: 420px; margin: 15px 0;
box-shadow: inset 0 1px 3px #c9c9c9, 0 1px 1px #fff; -moz-box-shadow: inset 0 1px 3px #c9c9c9, 0 1px 1px #fff; -webkit-box-shadow: inset 0 1px 3px #c9c9c9, 0 1px 1px #fff; -o-box-shadow: inset 0 1px 3px #c9c9c9, 0 1px 1px #fff; -ms-box-shadow: inset 0 1px 3px #c9c9c9, 0 1px 1px #fff; }
#contact_box #contact_form textarea { height: 150px; max-width: 420px; }
#contact_box #contact_form #name { margin-top: 10px; }
#contact_box #contact_form input:focus, #contact_box #contact_form textarea:focus { background: #e9e9e9; }
#contact_box #contact_form #submit_btn { background: #3A6572 url(../images/btn_arrow.png) no-repeat 110px 12px; color: #fff; cursor: pointer; width: auto; padding: 10px 70px 10px 20px; text-transform: uppercase; font-weight: bold;
box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; }
#contact_box #contact_form #submit_btn:hover { background-color: #633a46; background-position: 120px 12px; color: #fff; padding: 10px 80px 10px 20px; }
#contact_box #contact_form #submit_btn:active { padding: 10px 70px 10px 20px; background-position: 110px 12px; }

#collezioni_menu ul { list-style-type: none; }
#collezioni_menu ul li { float: left; margin: 20px; }
#collezioni_menu ul li a { color: #6c6c6c; display: block; width: 185px; height: 45px; text-align: center; line-height: 45px; }
#collezioni_menu ul li a:hover { color: #315a65; }
#collezioni_menu li#selected a { background: url(../images/menu_collezioni.png) no-repeat; color: #fff; }
.wrapper { clear: both; margin-bottom: 150px; }
.dress { float: left; border: 2px solid #fff; margin: 10px; position: relative; overflow: hidden; }
#collezioni_wrapper .dress:hover { border-color: #633a46; }
#collezioni_wrapper .dress span.magnifier { background: url(../images/magnifier.png) no-repeat; position: absolute; top: -70px; width: 66px; height: 66px; display: block; left: 50%; margin-left: -33px; opacity: 0; filter:alpha(opacity=0); }
#collezioni_wrapper .dress:hover span.magnifier { top: 117px; opacity: 100; filter:alpha(opacity=100); }
#sartoria_wrapper { margin-bottom: 135px; }
#sartoria_wrapper p { padding: 10px 0; line-height: 25px; }
img.right { float: right; margin: 10px; }
img.left { float: left; margin: 10px; }