@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600); @import url(http://fonts.googleapis.com/css?family=Ultra); * { border:0px; list-style:none; margin:0px; padding:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { font-size: 100%; } body { background:#F7F7F3; margin: 0px; font-family: 'Open Sans', sans-serif; font-size:13px; -webkit-text-size-adjust:100%; color:#000; } a { text-decoration:none; outline:none; color:#D42820; font-weight:bold; } a:hover { text-decoration:none; color:#82CFE0; } b, strong { font-weight:600; } h1, h2, h3, h4 { line-height:normal; font-weight:normal; margin:0px; } h1 { font-size:28px; margin:0 0 10px 0; color:#282B2D; font-weight:normal; } h3 { font-size:14px; margin-bottom:20px; } img.scale { width:100%; height:auto; } img.loading { background: url('../images/loading.gif') no-repeat center #DDD; } img.border { border:1px solid #CCC; } .row { margin-bottom:15px; } .label { font-weight:600; } input, select { height:40px; } input, select, textarea { color:#444; font-family: 'Open Sans', sans-serif; font-size:13px; padding: 10px; background-color: #FFF; border: 1px solid #BBB; } input:focus, textarea:focus, select:focus { border-color: #9B8F84; } input.error, textarea.error, select.error { border-color:#FF2220; color:#FF2220; font-weight:normal; } label.error { color:#FF2220; font-size:0px; visibility:hidden; float:none; overflow:hidden; height:0px; } input[type='number'] { width:50px; } input[type='checkbox'], input[type='radio'] { padding:0; height:15px; width:15px; float:left; margin-right:10px; } input[type='checkbox'].selected, input[type='radio'].selected { background:#CCC; } .placeholder { color:#AAA; } option { padding:0 5px; } label { cursor:pointer; } form .rows { margin-bottom:10px; } .btn, input[type='submit'], input[type='button'] { background:#8C0000; border:2px solid #8C0000; color:#EEE;font-size:13px; padding: 8px 25px; font-weight:600; cursor:pointer; display:inline-block; line-height:normal; text-align:center; text-transform:uppercase; } .btn:hover, input[type='button']:hover, input[type='submit']:hover { text-decoration:none; background:none; color:#8C0000;} .btn-primary, input.btn-primary { background-color:#222; color:#FFF; } .btn-primary:hover, input.btn-primary:hover { background:#222; color:#FFF; } .warning { color:#FF2220; font-weight:600; background: url('../images/icon_warning.png') no-repeat left top; padding:5px 0 5px 22px; text-transform:uppercase; } .icon_info { margin-left:10px; cursor:pointer; font-size:11px; } .strike { text-decoration: line-through; font-weight:normal; } .msg_error { color:#FFF; margin-bottom:20px; display:block; background:#FF2220; padding: 5px 10px; border-radius: 5px; } .msg_success { color:#FFF; margin-bottom:20px; display:block; background:#59B200; padding: 5px 10px; border-radius: 5px; } p.limit { margin: 10px 0; font-size:11px; } .error { color:#FF2220; font-weight:600; } .ok { color: #669900; font-weight:600; } .button_link { display:inline-block; background:#666; border:2px solid #666; color:#EEE; padding: 7px 15px; margin-top:20px; text-transform:uppercase; font-size:13px; } .button_link:hover { text-decoration:none; background:none; color:#666; } .button_link i { margin:0 0 0 10px; } table { width:100%; border-collapse: collapse; border:1px solid #CCC; padding:5px; } thead td { background: #AAA; color:#FFF; padding: 7px 10px; font-style:normal; text-transform:uppercase; font-size:11px; font-weight:600; } tbody td { border-bottom: 1px solid #CCC; padding: 5px 10px; font-style:normal; vertical-align:top; } tbody td a:hover { color:#B2BA26; } .tabs { margin-bottom:20px; } .tabs a { font-weight:600; display:block; background:#AAA; color:#FFF; border:1px solid #AAA; border-bottom:0; padding: 7px 10px; text-align:center; font-style:normal; text-transform:uppercase; font-size:11px; } .tabs a.selected { background:#FFF; color:#888; } ul.list_border li:first-child { border-top:0px; } ul.list_border li { float:none; border-top:1px dotted #CCC; margin:0px; padding: 5px 0; color:#999; } ul.list_border li a { display:block; } ul.list_border li p a { display:inline; } ul.icon_right li a i { float:right; } ul.list_number li { list-style:decimal; margin:5px 0 5px 20px; } ul.list_disc li { list-style:disc; margin:5px 0 5px 20px; } ul.list_disc li li { list-style:circle; } .wrapper { width:100%; margin: 0 auto; min-width:720px; clear: both; } .content { max-width:100%; margin: 0 auto; clear: both; padding: 0 20px; position:relative; } .align_right { text-align: right; } .align_justify { text-align: justify; } .hidden { display:none; } .bold { font-weight:600; } .fa { margin-right:5px; } .fr { float:right; } .red { color:#FF2220; } .green { color:#59B200; } .gray, .gray a { color:#999; } .black, .black a { color:#222; } .fixed { position:fixed; } .hidden { display:none; } .align_center { text-align:center; } .mt40 { margin-top:40px; } .mb40 { margin-bottom:40px; } .mt20 { margin-top:20px; } .mb20 { margin-bottom:20px; } .mt10 { margin-top:10px; } .mb10 { margin-bottom:10px; } .separator { margin-top:40px; } .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .col { display: block; float:left; margin: 0 0 0 1.6%; } .col:first-child { margin-left: 0; } .span_1_of_2 { width: 49.2%; } .span_2_of_2 { width: 100%; } .span_1_of_3 { width: 32.2%; } .span_2_of_3 { width: 66.1%; } .span_3_of_3 { width: 100%; } .span_1_of_4 { width: 23.8%; } .span_2_of_4 { width: 49.2%; } .span_3_of_4 { width: 74.6%; } .span_4_of_4 { width: 100%; } .span_1_of_5 { width: 18.72%; } .span_2_of_5 { width: 39.04%; } .span_3_of_5 { width: 59.36%; } .span_4_of_5 { width: 79.68%; } .span_5_of_5 { width: 100%; } .span_1_of_6 { width: 15.33%; } .span_2_of_6 { width: 32.26%; } .span_3_of_6 { width: 49.2%; } .span_4_of_6 { width: 66.13%; } .span_5_of_6 { width: 83.06%; } .span_6_of_6 { width: 100%; } .span_1_of_7 { width: 12.91%; } .span_2_of_7 { width: 27.42%; } .span_3_of_7 { width: 41.94%; } .span_4_of_7 { width: 56.45%; } .span_5_of_7 { width: 70.97%; } .span_6_of_7 { width: 85.48%; } .span_7_of_7 { width: 100%; } .span_1_of_8 { width: 11.1%; } .span_2_of_8 { width: 23.8%; } .span_3_of_8 { width: 36.5%;} .span_4_of_8 { width: 49.2%; } .span_5_of_8 { width: 61.9%; } .span_6_of_8 { width: 74.6%; } .span_7_of_8 { width: 87.3%; } .span_8_of_8 { width: 100%; } .span_1_of_10 { width: 8.56%; } .span_2_of_10 { width: 18.72%; } .span_3_of_10 { width: 28.88%; } .span_4_of_10 { width: 39.04%; } .span_5_of_10 { width: 49.2%; } .span_6_of_10 { width: 59.36%; } .span_7_of_10 { width: 69.52%; } .span_8_of_10 { width: 79.68%; } .span_9_of_10 { width: 89.84%; } .span_10_of_10 { width: 100%; } .iphone_show { display:none; } .mt40 { margin-top:40px; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { width: 100%; display:block; } .overlay { z-index:3; display:none; position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.8); color:#FFF; } a:hover .overlay { display:block; } #home .container { text-align:center; margin:0 auto; position:relative; left:0; margin-top:20px; max-width:600px; } #home .container img { display:block; } .header { position:fixed; z-index:5; top:0; height:100px; } .header .logo { width:265px; padding: 10px 30px; } .header .menu { padding:10px 30px; background:#000; position:absolute; left:265px; top:0; right:0; } .header ul { margin:0 auto; } .header li { display:inline-block; text-transform:uppercase; font-weight:600; } .header li a:hover, .header li a.selected { color:#D42820; } .header li a.selected { color:#82CFE0; } .lato { width:265px; padding:120px 30px 20px 30px; position:fixed; top:0; bottom:0; } .lato h2 { text-transform:uppercase; border-bottom:4px solid #000; padding-bottom:5px; font-size:20px; font-weight:600; margin-bottom:10px; } .lato .text ul { margin-top:20px; } .lato .text li { margin-bottom:10px; text-align:center; } .lato .text li a { border:2px solid #000; padding:5px 15px; text-transform:uppercase; font-family: 'Ultra', serif; display:block; background:#FFF; } .lato .text li a:hover, .lato .text li.selected a { color:#FFF247; background:#000; } .container { position:relative; } .main { padding:100px 30px 100px 265px; width:100%; line-height:22px; font-size:13px; } .main h3 { font-weight:600; border: 2px solid #000; padding:7px 10px; margin:50px 0 20px 0; font-size:16px; text-transform:uppercase; display:inline-block; } .main h2.section { background:url('../images/mano.gif') no-repeat right; border:3px solid #000; display:inline-block; color:#000; padding:5px 95px 5px 15px; margin:0 auto; text-align:center; font-size:30px; font-family: 'Ultra', serif; text-transform:uppercase; margin-top:40px; } .main h4 { font-weight:600; text-transform:uppercase; margin-bottom:10px; font-size:16px; } .main.collection .indice li:nth-child(2n+1) { margin-left:0; } .main.collection .indice li { line-height:normal; margin-bottom:40px; } .main.collection .indice li b { text-transform:uppercase; margin-bottom:5px; display:inline-block; font-size:14px; } .main.collection .indice li a { display:block; } .main.collection h3 { text-transform:uppercase; } .main.credits b { text-transform:uppercase; } .list li { margin-bottom:40px; line-height: 18px; height:200px; overflow:hidden; position:relative; } .list li:nth-child(10n+1) { margin-left:0; } .list li a:hover { color:#777; } .list li hover img { opacity:0.8; } .list li .overlay { padding:10px; } footer { background:#000; padding:20px; color:#FFF; font-size:11px; z-index:6; } footer li { float:left; width:50%; } footer li:first-child { border-left:1px solid #FFF; padding-left:5px; } footer .credits li { margin-right:20px; float:left; border:0; display:inline-block; width:inherit; } footer a { color:#FFF; text-decoration:underline; } div.top { display: none; overflow: hidden; position: fixed; right:40px; bottom:120px; z-index:220; } div.top .fa { margin:0px; } div.top a { padding-top:5px; display:block; color:#FFF247; background: #000; cursor:pointer; font-size:25px; width:50px; height:50px; text-align:center; } div.top a:hover { background:#FFF247; color:#000; text-decoration:none; } .main.collection2 li { margin-bottom:20px; min-height:200px; padding:10px; background: #DDD; } .main.collection2 li img { float:left; border:1px solid #CCC; margin:0 20px 0 0; display:block; } .main.collection2 li b { text-transform:uppercase; } .nav-menu { position:relative; display:block; } .nav-item { float:left; *display:inline; zoom:1; position:relative; } .nav-item:last-child { padding:0; margin:0; border:0; } .nav-item a { display:block; color:#FFF; padding: 8px 20px; } .nav-item:hover .nav-submenu { display:block; text-decoration:none; } /* Navigation submenu */ .nav-submenu { display:none; position:absolute; left:10px; z-index:200; } .nav-submenu-item a { background:#000; color:#FFF; display:block; width:300px; padding:10px 10px; border-bottom:1px solid #333; } .nav-submenu-item a:hover { text-decoration:none; } /* Mobile navigation */ .nav-mobile { display:none; cursor:pointer; position:absolute; top:-40px; right:0px; background:#444 url('../images/nav.png') no-repeat center center; background-size:18px; height:40px; width:40px; cursor:pointer; } /* Mobile navigation, clickable area for revealing