/* Sources used in the project */ /* *BACKGROUNDS DEVEM FICAR NO Z-INDEX = 9 */ @font-face{font-family:Titulo; src:url(../fonts/Poppins-SemiBold.ttf);} @font-face{font-family:NomeProduto; src:url(../fonts/Poppins-Regular.ttf);} @font-face{font-family:Texto; src:url(../fonts/OpenSans-Regular.ttf);} @font-face{font-family:Specs; src:url(../fonts/OpenSans-Semibold.ttf);} #containerIsee h1{padding-top:4.166666667vw; padding-bottom:2.083333333vw;} #containerIsee h2{font-family:NomeProduto,Titulo,Verdana, Arial;} #containerIsee h3{} #containerIsee p{} /* Color definition */ #containerIsee .txtBranco {color:#ffffff;} #containerIsee .txtPreto {color:#000000;} #containerIsee .txtCinza {color:#ffffff;} #containerIsee .bgBranco {background-color:#ffffff;} #containerIsee .bgCinza {background-color:#c0c0c0;} #containerIsee .bgPreto {background-color:#000000;} #containerIsee .bgAmarelo {background-color:#FF0;} /* Blocos informações Genericas para todas as resoluções */ #containerIsee #bloco01, #containerIsee #bloco02, #containerIsee #bloco03, #containerIsee #bloco04, #containerIsee #bloco05, #containerIsee #bloco06, #containerIsee #bloco07, #containerIsee #bloco08, #containerIsee #bloco09, #containerIsee #bloco10, #containerIsee #bloco11 {float:left; position:relative; margin:0; padding:0; width:100%;} #containerIsee > #bloco01 {background:url(../img/odyssey_01.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee > #bloco01 .logo {float:left; position:relative; margin-top:5vw; height:auto; width:100%;} #containerIsee > #bloco01 h2 {margin-top:4vw;} #containerIsee > #bloco01 .seloIntel {float:left; position:relative; height:auto; width:100%;} #containerIsee > #bloco01 .selo01 {position:relative; height:auto; width:82px;} #containerIsee > #bloco01 .textoBox {width:90%; text-align:center; margin-left:3%; margin-right:3%;} #containerIsee > #bloco01 .borderRightIcon { border-right:solid 0.260416667vw #ffffff;} #containerIsee .bloco02Off {background:url(../img/odyssey_02.jpg) no-repeat center top; background-size:100%;} #containerIsee .bloco02On {background:url(../img/odyssey_02_open.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco02 {height:54vw;} #containerIsee > #bloco02 .hotspotVideo {float:left; position:relative; width:auto; margin-left:1vw; margin-top:2vw;} #containerIsee > #bloco02 .iconVideo {width:8.385416667vw; float:left; position:relative; z-index:999;} #containerIsee > #bloco02 .hotspoticonVideo {width:48.59375vw; float:left; position:absolute; z-index:9999; display:none; margin-left:0vw; margin-top:1.61vw;} #containerIsee > .bloco03Bg1 {background:url(../img/odyssey_03-1.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > .bloco03Bg2 {background:url(../img/odyssey_03-2.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > .bloco03Bg3 {background:url(../img/odyssey_03-3.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > .bloco03Bg4 {background:url(../img/odyssey_03-4.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > #bloco04Upgrade {background:url(../img/odyssey_04-2.jpg) no-repeat center top #000000; background-size:100%; display:none;} #containerIsee > #bloco04Upgrade {height:44.86458333vw;} #containerIsee > #bloco04Upgrade h1 {font-size:3.7vw;} #containerIsee > #bloco04Upgrade .isee-controls {margin:0;padding: 0;list-style:none;float: left; padding-top:3vw;} #containerIsee > #bloco04Upgrade .isee-controls li{ float: left;display: inline-block; } #containerIsee > #bloco04Upgrade .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px; cursor:pointer;} #containerIsee > #bloco04Upgrade .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee > #bloco04Upgrade .isee-tampa{width:31.875vw;height:10.72916667vw;position: absolute; margin-top:12vw; margin-left:2vw; animation: an-tampa 3s; z-index: 6;animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .isee-memoria{width: 17.61458333vw;height: 4.895833333vw;position: absolute;margin-top:17vw; margin-left:8vw; animation: an-memoria 1.5s; z-index: 5;opacity: 0; animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .hotspotssdBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:15.8vw; margin-left:9vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotSSD {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: 17vw; margin-left: 10vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotSSD h3 {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSD p {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSDClose {display: block;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-4vw;margin-left:-5vw; position:absolute;} #containerIsee > #bloco04Upgrade .hotspotMemoriaBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:16vw; margin-left:7vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotMemoria {display: none;position: relative; float:left; width:20vw;height:14.9vw;background:#434343; margin-top:18vw;margin-left:-12vw;border-radius:30px;color: #FFF;z-index:9999; padding:2vw;} #containerIsee > #bloco04Upgrade .hotspotMemoria h3 {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoria p {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoriaClose {display: block;position: absolute;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-5vw;margin-left:17vw;} #containerIsee #bloco04GerTermico {background:url(../img/odyssey_04.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee #bloco04GerTermico {height:44.86458333vw;} #containerIsee #bloco04GerTermico h1 {font-size:3.5vw;} #containerIsee #bloco04GerTermico .isee-controls{margin:0;padding: 0;list-style: none;float: left; padding-top:3vw;} #containerIsee #bloco04GerTermico .isee-controls li{ float: left;display: inline-block; } #containerIsee #bloco04GerTermico .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee #bloco04GerTermico .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee #bloco04GerTermico .animaSetas {float:left; position:relative; padding-top:5vw; padding-left:2.5vw; width:60%;} #containerIsee #bloco04GerTermico .isee-setas-vermelhas{animation: an-vermelho 2s infinite; float:left; position:absolute;} #containerIsee #bloco04GerTermico .isee-setas-azuis{animation: an-azul 2s infinite; float:left; position:absolute; padding-top:12vw; padding-left:4.3vw;} #containerIsee .bloco05fullhd {background:url(../img/odyssey_05_fullhd.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee .bloco05antireflexo {background:url(../img/odyssey_05_antireflexo.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee .bloco05hdr {background:url(../img/odyssey_05_hdr.jpg) no-repeat center bottom #000000; background-size:100%;} #containerIsee > #bloco06 {background:url(../img/odyssey_06.jpg) no-repeat center top; background-size:100%;} #containerIsee > #bloco06 {height:40.65625vw;} #containerIsee > #bloco07 {background:url(../img/odyssey_07.jpg) no-repeat center top; background-size:100%; padding-top:7vw;} #containerIsee > #bloco07 {height:59.47916667vw;} #containerIsee > #bloco07 .marginGPU {margin-top:8vw;} #containerIsee > #bloco07 .gamingF10 { float:right; position:relative; text-align:right; background-color:#F00;} #containerIsee > #bloco07 p {margin-bottom:01vw;} #containerIsee > #bloco07 .marginTop-3 {margin-top:-3vw;} #containerIsee > #bloco07 .marginTop-6 {margin-top:-6vw;} #containerIsee > #bloco08 {background-color:#dcdcdc;} #containerIsee > #bloco09 {background-color:#ffffff; padding-top:3vw; padding-bottom:2vw;} #containerIsee > #bloco09 {height:auto;} #containerIsee > #bloco09 .specs img {padding-bottom:1vw;} #containerIsee > #bloco09 .specs {font-family:Texto,tahoma,arial,verdana; color:#343434; font-size:1.1vw;} #containerIsee > #bloco09 .specs strong {font-family:Specs,tahoma,arial,verdana; color:#000000; font-size:1.1vw;} #containerIsee > #bloco10 {background:url(../img/odyssey_10.jpg) no-repeat center top; background-size:100%; padding-top:8vw;} #containerIsee > #bloco10 {height:31.3vw;} #containerIsee > #bloco10 h1 {padding-bottom:2vw;} #containerIsee > #bloco10 .zeraPadding {padding-left:0 !important; padding-right:0 !important;} #containerIsee > #bloco10 .icon {width:8.33333333vw; margin-left:auto; margin-right:auto;} #containerIsee > #bloco11 {background-color:#000; padding-bottom:10px; padding-bottom:10px; display:table;} #containerIsee > #bloco11 {height:auto;} #containerIsee > #bloco11 .logoinfoLegal {margin:1vw; } #containerIsee > #bloco11 .infoLegal {font-size:11px;} #containerIsee .hotspotVideoMobile {display:none;} @-webkit-keyframes an-azul { 0% { margin-top:0px; opacity:1 } 70%, 100% { margin-top:-30px; opacity:0 } } @-webkit-keyframes an-vermelho { 0% { width: 80%; margin-left: -20px; margin-top:20px; opacity:1;} 70%, 99% { width: 90%; margin-left: -40px; margin-top:-40px; opacity:0;} } @-webkit-keyframes an-tampa { 0% { margin-top: 12vw;} 33%, 100% { margin-top:21vw;} } @-webkit-keyframes an-memoria { 0%, 33% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes an-bts { 0%, 50% { opacity: 0 } 100% { opacity: 1 } } /* Desktop Full Resolution */ @media screen and (min-width: 1025px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:3.70625vw; line-height:4.2vw;} #containerIsee h2{font-size:2.083333333vw;} #containerIsee h3{font-size:1.302083333vw;} #containerIsee p{font-size:1.041666667vw;} #containerIsee > #bloco01 {height:52.5vw;} #containerIsee > #bloco01 .height04 {height:12.5vw;} #containerIsee > #bloco01 .height0123 {height:37vw;} #containerIsee > #bloco01 .height01 {height:7vw;} #containerIsee > #bloco01 .height02 {height:15.36458333vw;} #containerIsee > #bloco01 .height03 {height:15.36458333vw;} #containerIsee > #bloco01 .height05 {height:20.20833333vw;} #containerIsee > #bloco02 .videoAjuste {margin-left:4.3vw; margin-top:7.7vw; float:left;} #containerIsee > #bloco02 .videoAjuste video{width:29.16666667vw; height: 16.35416667vw; z-index:999;position: absolute; display: none; margin-left:0.3vw; margin-top:2vw;} #containerIsee > #bloco02 .open-video{width: 30.114583vw;height: 16.35416667vw;position: absolute; z-index: 1;cursor: pointer;} #containerIsee > #bloco03 {height:51.583333vw;} #containerIsee > #bloco03 .setas{height:3vw;width:22vw; margin-top:19.5vw; margin-left:13.5vw;} #containerIsee > #bloco03 .setas a{background-repeat: no-repeat;width:4vw;height:3vw;display: block;background-image: url(../img/ico-setas.png); cursor:pointer;} #containerIsee > #bloco03 .setas a.isee-prev{float: left;} #containerIsee > #bloco03 .setas a.isee-next{float: right;background-position: -36px} #containerIsee #bloco05 {height:40.98958333vw;} #containerIsee > #bloco05 h1 {padding-top:1vw;} #containerIsee > #bloco05 .controls{width:30vw; margin-left:auto; margin-right:auto;} #containerIsee > #bloco05 .isee-controls{list-style: none; float: left; position:relative; } #containerIsee > #bloco05 .isee-controls li{ float: left; display: inline-block; } #containerIsee > #bloco05 .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee > #bloco05 .isee-controls li.active a{background-color: #FFF;color: #000;font-weight:bold;} #containerIsee > #bloco07 {background:url(../img/odyssey_07.jpg) no-repeat center top; background-size:100%; padding-top:7vw;} #containerIsee > #bloco07 {height:59.47916667vw;} #containerIsee > #bloco07 .marginGPU {margin-top:8vw;} #containerIsee > #bloco07 .gamingF10 { float:right; position:relative; text-align:right; background-color:#F00;} #containerIsee > #bloco07 p {margin-bottom:01vw;} #containerIsee > #bloco07 .marginTop-3 {margin-top:0vw;} #containerIsee > #bloco07 .marginTop-6 {margin-top:-3vw;} #containerIsee > #bloco08 {height:32.34375vw;} #containerIsee > #bloco08 .marginTop4 {margin-top:4vw;} #containerIsee .mobileDesk {display:none;} #containerIsee .HideDesk {display:none !important;} } /* Tablet */ @media screen and (min-width: 781px) and (max-width: 1024px) { #containerIsee {} /* Setting Font Size */ #containerIsee h1{font-size:4.2vw; line-height:4.8vw;} #containerIsee h2{font-size:2.44140625vw;} #containerIsee h3{font-size:1.8vw;} #containerIsee p{font-size:1.8vw;} #containerIsee #bloco01 p {padding-bottom:2.5vw;} /* #containerIsee > #bloco01 {height:65vw;} */ #containerIsee > #bloco01 .bloco01height {height:44vw;} #containerIsee > #bloco01 .height01 {height:13.54166667vw;} #containerIsee > #bloco01 .height02 {height:15.36458333vw;} #containerIsee > #bloco01 .height03 {height:15.36458333vw;} #containerIsee > #bloco01 .height05 {height:20.20833333vw;} #containerIsee > #bloco01 .borderRightIcon { border-right:solid 0.260416667vw #ffffff;} #containerIsee > #bloco02 .videoAjuste {margin-left:7.7vw; margin-top:3.7vw; float:left;} #containerIsee > #bloco02 .videoAjuste video{width:29vw; height: 16vw; z-index:999;position: absolute; display: none; margin-left:0.7vw; margin-top:0.5vw;} #containerIsee > #bloco02 .open-video{width: 30.114583vw;height: 16.35416667vw;position: absolute; z-index: 1;cursor: pointer;} #containerIsee > #bloco03 {height:55.583333vw;} #containerIsee > #bloco03 .setas{height:4vw;width:22vw; margin-top:23vw; margin-left:29.5vw;} #containerIsee > #bloco03 .setas a{background-repeat: no-repeat;width:4vw;height:3vw;display: block;background-image: url(../img/ico-setas.png); cursor:pointer;} #containerIsee > #bloco03 .setas a.isee-prev{float: left;} #containerIsee > #bloco03 .setas a.isee-next{float: right;background-position: -36px} #containerIsee #bloco05 {height:45vw;} #containerIsee > #bloco05 h1 {padding-top:1vw;} #containerIsee > #bloco05 .texto {padding-bottom:1vw;} #containerIsee > #bloco05 .controls{width:40vw; margin-left:auto; margin-right:auto;} #containerIsee > #bloco05 .isee-controls{list-style: none; float: left; position:relative; } #containerIsee > #bloco05 .isee-controls li{ float: left; display: inline-block; } #containerIsee > #bloco05 .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee > #bloco05 .isee-controls li.active a{background-color: #FFF;color: #000;font-weight:bold;} #containerIsee > #bloco07 {background:url(../img/odyssey_07.jpg) no-repeat center top; background-size:115%; padding-top:9.5vw;} #containerIsee > #bloco07 {height:70.47916667vw;} #containerIsee > #bloco07 .marginGPU {margin-top:8vw;} #containerIsee > #bloco07 .gamingF10 { float:right; position:relative; text-align:right; background-color:#F00;} #containerIsee > #bloco07 p {margin-bottom:01vw;} #containerIsee > #bloco07 .marginTop-3 {margin-top:-3vw; text-align:right;} #containerIsee > #bloco07 .marginTop-6 {margin-top:-6vw;} #containerIsee > #bloco08 {height:40vw;} #containerIsee > #bloco08 .marginTop4 {margin-top:3vw;} #containerIsee > #bloco11 .logoinfoLegal {margin:1vw; width:120px;} #containerIsee .mobileTb {display:none;} #containerIsee .bloco04Upgrade .hotspotSSD p {font-size:1.3vw;} #containerIsee .bloco04Memoria .hotspotMemoria p {font-size:1.3vw;} #containerIsee .isee-controls p {font-size:1.5vw !important;} #containerIsee > #bloco04Upgrade .hotspotssdBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:15.8vw; margin-left:4vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotSSD {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: 17vw; margin-left: -10vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotSSD h3 {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSD p {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSDClose {display: block;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-6vw;margin-left:22vw; position:absolute;} #containerIsee > #bloco04Upgrade .hotspotMemoriaBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:16vw; margin-left:7vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotMemoria {display: none;position: relative; float:left; width:auto;height:auto;background:#434343; margin-top:-7vw;margin-left:-10vw;border-radius:30px;color: #FFF;z-index:9999; padding:2vw;} #containerIsee > #bloco04Upgrade .hotspotMemoria h3 {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoria p {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoriaClose {display: block;position: absolute;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-5vw;margin-left:22vw;} #containerIsee .HideTb {display:none !important;} #containerIsee > #bloco10 h1 {padding-bottom:2vw; font-size:3vw;} #containerIsee > #bloco10 p {font-size:1.4vw;} } @media screen and (min-width: 1025px) and (max-width: 1300px) { #containerIsee > #bloco01 .height04 {height:16.5vw !important;} } @media screen and (min-width: 950px) and (max-width: 1024px) { #containerIsee > #bloco01 .height04 {height:22vw;} } @media screen and (min-width: 781px) and (max-width: 949px) { #containerIsee > #bloco01 .height04 {height:28vw;} } /* ************ Mobile ************ */ /* Mobile max 780 Somente Fontes */ @media screen and (min-width: 531px) and (max-width: 780px) { #containerIsee h1{font-size:7.5vw; line-height:9vw;} #containerIsee h2{font-size:3.5vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} } /* Mobile max 520 Somente Fontes */ @media screen and (max-width: 530px) { #containerIsee h1{font-size:6.0vw; line-height:9vw;} #containerIsee h2{font-size:3.2vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} #containerIsee .mobileHide {display:none;} } /* Mobile */ @media screen and (min-width: 451px) and (max-width: 780px) { #containerIsee .mobileHide {display:none !important;} #containerIsee > #bloco11 .logoinfoLegal {margin: 1vw; padding-top: 2vw; padding-bottom: 2vw; width:25%;} #containerIsee > #bloco11 p { text-align:center;} #containerIsee { } #containerIsee > #bloco01 .nomeMobile {text-align:left;} #containerIsee #bloco01 {background:url(../img/odyssey_01.jpg) no-repeat center top #000000; background-size:200%; background-position-x:-185px; background-position-y:220px;} #containerIsee > #bloco01 {height:190vw;} #containerIsee > #bloco01 .height04 {height:31vw; margin-top:10vw;} #containerIsee > #bloco01 h1 {text-align:center;} #containerIsee > #bloco02 {height:155vw; padding-top:5vw;} #containerIsee .bloco02Off {background:url(../img/odyssey_02mb.jpg) no-repeat center bottom #000; background-size:100%;} #containerIsee .bloco02On {background:url(../img/odyssey_02mb.jpg) no-repeat center bottom #000; background-size:100%;} #containerIsee > #bloco02 .hotspotVideo {display:none;} #containerIsee > #bloco02 .iconVideo {width:8.385416667vw; float:left; position:relative; z-index:999;} #containerIsee > #bloco02 .hotspoticonVideo {width:48.59375vw; float:left; position:absolute; z-index:9999; display:block; margin-left:0vw; margin-top:1.61vw; display:none;} #containerIsee > #bloco02 .hotspotVideoMobile {display:block !important; width:100%;} #containerIsee > #bloco02 .videoAjuste {margin-left:15vw; margin-top:12vw; float:left; background-color:#0F0; display:none;} #containerIsee > #bloco02 .videoAjuste video{width:50vw; height:27vw; z-index:999;position: absolute; display:none; margin-left:0.3vw; margin-top:1.8vw;} #containerIsee > #bloco02 .open-video{width:50vw;height:27vw;position: absolute; z-index: 1;cursor: pointer;} #containerIsee > #bloco03 {height:88vw;} #containerIsee > #bloco03 .setas{height:6vw;width:32vw; margin-top:40vw; margin-left:24vw;} #containerIsee > #bloco03 .setas a{background-repeat: no-repeat;width:5vw;height:5vw;display: block;background-image: url(../img/ico-setas.png); cursor:pointer;} #containerIsee > #bloco03 .setas a.isee-prev{float:left;} #containerIsee > #bloco03 .setas a.isee-next{float:right;background-position: -36px} #containerIsee > .bloco03Bg1 {background:url(../img/odyssey_03-1.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg2 {background:url(../img/odyssey_03-2.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg3 {background:url(../img/odyssey_03-3.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg4 {background:url(../img/odyssey_03-4.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > #bloco04Upgrade {background:url(../img/odyssey_04MobileUpg.jpg) no-repeat center top #000000; background-size:100%; display:none;} #containerIsee > #bloco04Upgrade {height:144.86458333vw;} #containerIsee > #bloco04Upgrade h1 {font-size:7.79vw; text-align:center; padding-top:5vw !important;} #containerIsee > #bloco04Upgrade p {text-align:center;} #containerIsee > #bloco04Upgrade .isee-controls{margin:0;padding: 0;list-style: none;float: left; padding-top:3vw; padding-left:10vw;} #containerIsee > #bloco04Upgrade .isee-controls li{ float: left;display: inline-block; } #containerIsee > #bloco04Upgrade .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px; cursor:pointer;} #containerIsee > #bloco04Upgrade .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee > #bloco04Upgrade .isee-tampa{width:31.875vw;height:10.72916667vw;position: absolute; margin-top:12vw; margin-left:2vw; animation: an-tampa 3s; z-index: 6;animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .isee-memoria{width: 17.61458333vw;height: 4.895833333vw;position: absolute;margin-top:17vw; margin-left:8vw; animation: an-memoria 1.5s; z-index: 5;opacity: 0; animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .hotspotssdBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:39.8vw; margin-left:23vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotSSD {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: 21vw; margin-left:5vw; margin-right:5vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotSSD h3 {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSD p {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSDClose {display: block;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-9vw;margin-left:34vw; position:absolute;} #containerIsee > #bloco04Upgrade .hotspotMemoriaBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:43vw; margin-left:12vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotMemoria {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: -21vw; margin-left:5vw; margin-right:5vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotMemoria h3 {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoria p {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoriaClose {display: block;position: absolute;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-8vw;margin-left:33vw;} #containerIsee #bloco04GerTermico {background:url(../img/odyssey_04MobileTer.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee #bloco04GerTermico {height:140.86458333vw;} #containerIsee #bloco04GerTermico h1 {font-size:7.79vw; text-align:center; padding-top:5vw !important;} #containerIsee #bloco04GerTermico p {text-align:center;} #containerIsee #bloco04GerTermico .isee-controls{margin:0;padding: 0;list-style: none;float: left; padding-top:3vw; padding-left:10vw;} #containerIsee #bloco04GerTermico .isee-controls li{ float: left;display: inline-block; } #containerIsee #bloco04GerTermico .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee #bloco04GerTermico .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee #bloco04GerTermico .animaSetas {float:left; position:relative; padding-top:5vw; padding-left:2.5vw; width:60%;} #containerIsee #bloco04GerTermico .isee-setas-vermelhas{animation: an-vermelho 2s infinite; float:left; position:absolute;} #containerIsee #bloco04GerTermico .isee-setas-azuis{animation: an-azul 2s infinite; float:left; position:absolute; padding-top:12vw; padding-left:4.3vw;} #containerIsee #bloco05 {height:80vw; background-size:137%;} #containerIsee > #bloco05 h1 {padding-top:1vw;} #containerIsee > #bloco05 .texto {padding-bottom:1vw;} #containerIsee > #bloco05 .controls{width:80%; margin-left:auto; margin-right:auto;} #containerIsee > #bloco05 .isee-controls{list-style: none; float: left; position:relative; } #containerIsee > #bloco05 .isee-controls li{ float: left; display: inline-block; } #containerIsee > #bloco05 .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee > #bloco05 .isee-controls li.active a{background-color: #FFF;color: #000;font-weight:bold;} #containerIsee > #bloco06 h1 {text-align:center;} #containerIsee > #bloco06 p {text-align:center;} #containerIsee > #bloco06 {background:url(../img/odyssey_06.jpg) no-repeat center top; background-size:130%;} #containerIsee > #bloco06 {height:50vw;} #containerIsee > #bloco07 h1 {text-align:center; width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco07 p {text-align:center; width:80%; margin-left:10%; margin-right:10%; padding-bottom:5vw;} #containerIsee #bloco07 .alinhaMobile { text-align:center; width: 60%;} #containerIsee #bloco07 .alinhaMobile1 { text-align:center; padding-left:40%;} #containerIsee #bloco07 .alinhaMobile2 { text-align:center; width: 60%; margin-left: 20%; margin-right: 20%;} #containerIsee > #bloco07 {background:url(../img/odyssey_07Mobile.jpg) no-repeat center top; background-size:115%; padding-top:9.5vw;} #containerIsee > #bloco07 {height:204vw;} #containerIsee > #bloco07 .marginGPU {margin-top:2vw;} #containerIsee > #bloco07 .gamingF10 { float:right; position:relative; text-align:right; background-color:#F00;} #containerIsee > #bloco07 p {margin-bottom:01vw;} #containerIsee > #bloco07 .marginTop-3 {margin-top:-3vw; text-align:right;} #containerIsee > #bloco07 .marginTop-6 {margin-top:-6vw;} #containerIsee > #bloco08 h1 {width:80%; margin-left:10%; margin-right:10%; text-align:center;} #containerIsee > #bloco08 p {width:80%; margin-left:10%; margin-right:10%; padding-bottom:4vw; text-align:center;} #containerIsee > #bloco09 .icol-mb-clear {clear:both;} #containerIsee > #bloco09 .specs img {padding-bottom:1vw; padding-top:4vw;} #containerIsee > #bloco10 {background:url(../img/odyssey_10.jpg) no-repeat center top; background-size:140%; padding-top:8vw;} #containerIsee > #bloco10 {height:46vw;} #containerIsee > #bloco10 h1 {text-align:center; font-size:4.5vw; padding-top:6vw;} #containerIsee > #bloco10 p {text-align:center; font-size:2vw; width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco01 .seloIntel {float:left; position:relative; height:auto; width:70%; margin-top:43vw; margin-left:21vw;} #containerIsee > #bloco01 .borderRightIconMobile { border-right:none;} #containerIsee > #bloco09 .specs {font-family:Texto,tahoma,arial,verdana; color:#343434; font-size:1.5vw;} #containerIsee > #bloco09 .specs strong {font-family:Specs,tahoma,arial,verdana; color:#000000; font-size:1.5vw;} } @media screen and (min-width: 321px) and (max-width: 450px) { #containerIsee .mobileHide {display:none;} #containerIsee > #bloco09 .specs {font-family:Texto,tahoma,arial,verdana; color:#343434; font-size:2.51vw;} #containerIsee > #bloco09 .specs strong {font-family:Specs,tahoma,arial,verdana; color:#000000; font-size:2.51vw;} #containerIsee .mobileHide {display:none !important;} #containerIsee { } #containerIsee > #bloco01 .nomeMobile {text-align:left;} #containerIsee #bloco01 {background:url(../img/odyssey_01.jpg) no-repeat center top #000000; background-size:200%; background-position-x:-100px; background-position-y:144px;} #containerIsee > #bloco01 {height:197vw;} #containerIsee > #bloco01 .height04 {height:31vw; margin-top:10vw;} #containerIsee > #bloco01 h1 {text-align:center;} #containerIsee > #bloco02 {height:160vw; padding-top:5vw;} #containerIsee .bloco02Off {background:url(../img/odyssey_02mb.jpg) no-repeat center bottom #000; background-size:100%;} #containerIsee .bloco02On {background:url(../img/odyssey_02mb.jpg) no-repeat center bottom #000; background-size:100%;} #containerIsee > #bloco02 .hotspotVideo {display:none;} #containerIsee > #bloco02 .iconVideo {width:8.385416667vw; float:left; position:relative; z-index:999;} #containerIsee > #bloco02 .hotspoticonVideo {width:48.59375vw; float:left; position:absolute; z-index:9999; display:block; margin-left:0vw; margin-top:1.61vw; display:none;} #containerIsee > #bloco02 .hotspotVideoMobile {display:block !important; width:100%;} #containerIsee > #bloco02 .videoAjuste {margin-left:15vw; margin-top:12vw; float:left; background-color:#0F0;} #containerIsee > #bloco02 .videoAjuste video{width:50vw; height:27vw; z-index:999;position: absolute; display:none; margin-left:-0.7vw;} #containerIsee > #bloco02 .open-video{width:50vw;height:27vw;position: absolute; z-index: 1;cursor: pointer;} #containerIsee > #bloco03 {height:88vw;} #containerIsee > #bloco03 .setas{height:6vw;width:32vw; margin-top:40vw; margin-left:24vw;} #containerIsee > #bloco03 .setas a{background-repeat: no-repeat;width:5vw;height:5vw;display: block;background-image: url(../img/ico-setas.png); cursor:pointer;} #containerIsee > #bloco03 .setas a.isee-prev{float:left;} #containerIsee > #bloco03 .setas a.isee-next{float:right;background-position: -36px} #containerIsee > .bloco03Bg1 {background:url(../img/odyssey_03-1.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg2 {background:url(../img/odyssey_03-2.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg3 {background:url(../img/odyssey_03-3.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg4 {background:url(../img/odyssey_03-4.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > #bloco04Upgrade {background:url(../img/odyssey_04MobileUpg.jpg) no-repeat center top #000000; background-size:100%; display:none;} #containerIsee > #bloco04Upgrade {height:152.86458333vw;} #containerIsee > #bloco04Upgrade h1 {font-size:7.79vw; text-align:center; padding-top:5vw !important;} #containerIsee > #bloco04Upgrade p {text-align:center;} #containerIsee #bloco04Upgrade .isee-controls{margin:0;padding: 0;list-style: none;float: left; padding-top:3vw; padding-left:0vw; width:100vw;} #containerIsee > #bloco04Upgrade .isee-controls li{ float: left;display: inline-block; } #containerIsee > #bloco04Upgrade .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px; cursor:pointer;} #containerIsee > #bloco04Upgrade .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee > #bloco04Upgrade .isee-tampa{width:31.875vw;height:10.72916667vw;position: absolute; margin-top:12vw; margin-left:2vw; animation: an-tampa 3s; z-index: 6;animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .isee-memoria{width: 17.61458333vw;height: 4.895833333vw;position: absolute;margin-top:17vw; margin-left:8vw; animation: an-memoria 1.5s; z-index: 5;opacity: 0; animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .hotspotssdBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:30.8vw; margin-left:10vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotSSD {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: 21vw; margin-left:5vw; margin-right:5vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotSSD h3 {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSD p {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSDClose {display: block;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-11vw;margin-left:34vw; position:absolute;} #containerIsee > #bloco04Upgrade .hotspotMemoriaBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:43vw; margin-left:12vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotMemoria {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: -21vw; margin-left:5vw; margin-right:5vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotMemoria h3 {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoria p {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoriaClose {display: block;position: absolute;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-11vw;margin-left:33vw;} #containerIsee #bloco04GerTermico {background:url(../img/odyssey_04MobileTer.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee #bloco04GerTermico {height:152.86458333vw;} #containerIsee #bloco04GerTermico h1 {font-size:6.3vw; text-align:center; padding-top:5vw !important;} #containerIsee #bloco04GerTermico p {text-align:center;} #containerIsee #bloco04GerTermico .isee-controls{margin:0;padding: 0;list-style: none;float: left; padding-top:3vw; padding-left:0vw; width:100vw;} #containerIsee #bloco04GerTermico .isee-controls li{ float: left;display: inline-block; } #containerIsee #bloco04GerTermico .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee #bloco04GerTermico .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee #bloco04GerTermico .animaSetas {float:left; position:relative; padding-top:5vw; padding-left:2.5vw; width:60%;} #containerIsee #bloco04GerTermico .isee-setas-vermelhas{animation: an-vermelho 2s infinite; float:left; position:absolute;} #containerIsee #bloco04GerTermico .isee-setas-azuis{animation: an-azul 2s infinite; float:left; position:absolute; padding-top:12vw; padding-left:4.3vw;} #containerIsee #bloco05 {height:86vw; background-size:137%;} #containerIsee > #bloco05 h1 {padding-top:1vw;} #containerIsee > #bloco05 .texto {padding-bottom:1vw;} #containerIsee > #bloco05 .controls{width:100%; margin-left:auto; margin-right:auto;} #containerIsee > #bloco05 .isee-controls{list-style: none; float: left; position:relative; } #containerIsee > #bloco05 .isee-controls li{ float: left; display: inline-block; } #containerIsee > #bloco05 .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee > #bloco05 .isee-controls li.active a{background-color: #FFF;color: #000;font-weight:bold;} #containerIsee > #bloco06 h1 {text-align:center;} #containerIsee > #bloco06 p {text-align:center;} #containerIsee > #bloco06 {background:url(../img/odyssey_06.jpg) no-repeat center top; background-size:130%;} #containerIsee > #bloco06 {height:50vw;} #containerIsee > #bloco07 h1 {text-align:center; width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco07 p {text-align:center; width:80%; margin-left:10%; margin-right:10%; padding-bottom:5vw;} #containerIsee #bloco07 .alinhaMobile { text-align:center; width: 60%;} #containerIsee #bloco07 .alinhaMobile1 { text-align:center; padding-left:40%;} #containerIsee #bloco07 .alinhaMobile2 { text-align:center; width: 60%; margin-left: 20%; margin-right: 20%;} #containerIsee > #bloco07 {background:url(../img/odyssey_07Mobile.jpg) no-repeat center top; background-size:115%; padding-top:9.5vw;} #containerIsee > #bloco07 {height:204vw;} #containerIsee > #bloco07 .marginGPU {margin-top:2vw;} #containerIsee > #bloco07 .gamingF10 { float:right; position:relative; text-align:right; background-color:#F00;} #containerIsee > #bloco07 p {margin-bottom:01vw;} #containerIsee > #bloco07 .marginTop-3 {margin-top:-3vw; text-align:right;} #containerIsee > #bloco07 .marginTop-6 {margin-top:-6vw;} #containerIsee > #bloco08 h1 {width:80%; margin-left:10%; margin-right:10%; text-align:center;} #containerIsee > #bloco08 p {width:80%; margin-left:10%; margin-right:10%; padding-bottom:4vw; text-align:center;} #containerIsee > #bloco09 .icol-mb-clear {clear:both;} #containerIsee > #bloco09 .specs img {padding-bottom:1vw; padding-top:4vw;} #containerIsee > #bloco09 .specs { font-family: Texto,tahoma,arial,verdana; color: #343434; font-size:12px;} #containerIsee > #bloco10 {background:url(../img/odyssey_10.jpg) no-repeat center top; background-size:140%; padding-top:8vw;} #containerIsee > #bloco10 {height:46vw;} #containerIsee > #bloco10 h1 {text-align:center; font-size:3.5vw; padding-top:6vw;} #containerIsee > #bloco10 p {text-align:center; font-size:2vw; width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco01 .seloIntel {float:left; position:relative; height:auto; width:70%; margin-top:43vw; margin-left:21vw;} #containerIsee > #bloco01 .borderRightIconMobile { border-right:none;} #containerIsee > #bloco11 .logoinfoLegal {margin: 1vw; padding-top: 2vw; padding-bottom: 5vw; width:25%;} #containerIsee > #bloco11 p {font-size:6px !important; text-align:center;} } @media screen and (max-width: 320px) { #containerIsee > #bloco11 .logoinfoLegal {margin: 1vw; padding-top: 2vw; padding-bottom: 5vw; width:25%;} #containerIsee > #bloco11 p {font-size:6px !important; text-align:center;} #containerIsee .mobileHide {display:none !important;} #containerIsee h1{font-size:6.8vw; line-height:9vw;} #containerIsee h2{font-size:3.5vw;} #containerIsee h3{font-size:2.8vw;} #containerIsee p{font-size:2.8vw;} #containerIsee .mobileHide {display:none;} #containerIsee { } #containerIsee > #bloco01 .nomeMobile {text-align:left;} #containerIsee #bloco01 {background:url(../img/odyssey_01.jpg) no-repeat center top #000000; background-size:200%; background-position-x:-100px; background-position-y:124px;} #containerIsee > #bloco01 {height:222vw;} #containerIsee > #bloco01 .height04 {height:50vw; margin-top:10vw;} #containerIsee > #bloco01 h1 {text-align:center;} #containerIsee > #bloco02 {height:140vw; padding-top:5vw;} #containerIsee .bloco02Off {background:url(../img/odyssey_02.jpg) no-repeat center bottom #000; background-size:170%;} #containerIsee .bloco02On {background:url(../img/odyssey_02_open.jpg) no-repeat center bottom #000; background-size:170%;} #containerIsee > #bloco02 .hotspotVideo {display:none;} #containerIsee > #bloco02 .iconVideo {width:8.385416667vw; float:left; position:relative; z-index:999;} #containerIsee > #bloco02 .hotspoticonVideo {width:48.59375vw; float:left; position:absolute; z-index:9999; display:block; margin-left:0vw; margin-top:1.61vw; display:none;} #containerIsee > #bloco02 .hotspotVideoMobile {display:block !important; width:100%;} #containerIsee > #bloco02 .videoAjuste {margin-left:15vw; margin-top:12vw; float:left; background-color:#0F0;} #containerIsee > #bloco02 .videoAjuste video{width:50vw; height:27vw; z-index:999;position: absolute; display:none; margin-left-1vw; margin-top:-6vw} #containerIsee > #bloco02 .open-video{width:50vw;height:27vw;position: absolute; z-index: 1;cursor: pointer;} #containerIsee > #bloco03 {height:88vw;} #containerIsee > #bloco03 .setas{height:6vw;width:32vw; margin-top:40vw; margin-left:24vw;} #containerIsee > #bloco03 .setas a{background-repeat: no-repeat;width:5vw;height:5vw;display: block;background-image: url(../img/ico-setas.png); cursor:pointer;} #containerIsee > #bloco03 .setas a.isee-prev{float:left;} #containerIsee > #bloco03 .setas a.isee-next{float:right;background-position: -36px} #containerIsee > .bloco03Bg1 {background:url(../img/odyssey_03-1.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg2 {background:url(../img/odyssey_03-2.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg3 {background:url(../img/odyssey_03-3.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > .bloco03Bg4 {background:url(../img/odyssey_03-4.jpg) no-repeat center bottom #000000; background-size:150%;} #containerIsee > #bloco04Upgrade {background:url(../img/odyssey_04MobileUpg.jpg) no-repeat center top #000000; background-size:100%; display:none;} #containerIsee > #bloco04Upgrade {height:144.86458333vw;} #containerIsee > #bloco04Upgrade h1 {font-size:6.79vw; text-align:center; padding-top:5vw !important;} #containerIsee > #bloco04Upgrade p {text-align:center;} #containerIsee > #bloco04Upgrade .isee-controls{margin:0;padding: 0;list-style: none;float: left; padding-top:3vw; padding-left:0vw;} #containerIsee > #bloco04Upgrade .isee-controls li{ float: left;display: inline-block; } #containerIsee > #bloco04Upgrade .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px; cursor:pointer;} #containerIsee > #bloco04Upgrade .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee > #bloco04Upgrade .isee-tampa{width:31.875vw;height:10.72916667vw;position: absolute; margin-top:12vw; margin-left:2vw; animation: an-tampa 3s; z-index: 6;animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .isee-memoria{width: 17.61458333vw;height: 4.895833333vw;position: absolute;margin-top:17vw; margin-left:8vw; animation: an-memoria 1.5s; z-index: 5;opacity: 0; animation-fill-mode: forwards;} #containerIsee > #bloco04Upgrade .hotspotssdBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:39.8vw; margin-left:3vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotSSD {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: 21vw; margin-left:5vw; margin-right:5vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotSSD h3 {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSD p {text-align:left; padding-left:1vw;} #containerIsee > #bloco04Upgrade .hotspotSSDClose {display: block;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-5vw;margin-left:31%; position:absolute;} #containerIsee > #bloco04Upgrade .hotspotMemoriaBt {float:left; position:relative; background:url(../img/hotspot_bt1.png) no-repeat center center; width:97px; height:74px; margin-top:43vw; margin-left:12vw; z-index:999; animation: an-memoria 1.5s;} #containerIsee > #bloco04Upgrade .hotspotMemoria {display:none; position: relative; float: left; width: auto; height:auto; background: #434343; margin-top: -21vw; margin-left:5vw; margin-right:5vw; border-radius: 30px;color: #FFF; z-index: 9999; padding: 2vw;} #containerIsee > #bloco04Upgrade .hotspotMemoria h3 {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoria p {text-align:left;} #containerIsee > #bloco04Upgrade .hotspotMemoriaClose {display: block;position: absolute;width:101px;height:81px;background: transparent url(../img/btFechar01.png) no-repeat; margin-top:-15vw;margin-left:30%;} #containerIsee #bloco04GerTermico {background:url(../img/odyssey_04MobileTer.jpg) no-repeat center top #000000; background-size:100%;} #containerIsee #bloco04GerTermico {height:140.86458333vw;} #containerIsee #bloco04GerTermico h1 {font-size:6.79vw; text-align:center; padding-top:5vw !important;} #containerIsee #bloco04GerTermico p {text-align:center;} #containerIsee #bloco04GerTermico .isee-controls{margin:0;padding: 0;list-style: none;float: left; padding-top:3vw; padding-left:0vw;} #containerIsee #bloco04GerTermico .isee-controls li{ float: left;display: inline-block; } #containerIsee #bloco04GerTermico .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 16px;} #containerIsee #bloco04GerTermico .isee-controls li.active a{background-color: #FFF;color:#000;font-weight:bold;} #containerIsee #bloco04GerTermico .animaSetas {float:left; position:relative; padding-top:5vw; padding-left:2.5vw; width:60%;} #containerIsee #bloco04GerTermico .isee-setas-vermelhas{animation: an-vermelho 2s infinite; float:left; position:absolute;} #containerIsee #bloco04GerTermico .isee-setas-azuis{animation: an-azul 2s infinite; float:left; position:absolute; padding-top:12vw; padding-left:4.3vw;} #containerIsee #bloco05 {height:84vw; background-size:137%;} #containerIsee > #bloco05 h1 {padding-top:1vw;} #containerIsee > #bloco05 .texto {padding-bottom:1vw;} #containerIsee > #bloco05 .controls{width:100%;} #containerIsee > #bloco05 .isee-controls{list-style: none; float: left; position:relative; } #containerIsee > #bloco05 .isee-controls li{ float: left; display: inline-block; } #containerIsee > #bloco05 .isee-controls li a{text-decoration: none;color: #ff0d0e; background-color: rgba(255,255,255,0.2); display: inline-block; padding: 0 10px;} #containerIsee > #bloco05 .isee-controls li.active a{background-color: #FFF;color: #000;font-weight:bold;} #containerIsee > #bloco06 h1 {text-align:center;} #containerIsee > #bloco06 p {text-align:center;} #containerIsee > #bloco06 {background:url(../img/odyssey_06.jpg) no-repeat center top; background-size:130%;} #containerIsee > #bloco06 {height:50vw;} #containerIsee > #bloco07 h1 {text-align:center; width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco07 p {text-align:center; width:80%; margin-left:10%; margin-right:10%; padding-bottom:5vw;} #containerIsee #bloco07 .alinhaMobile { text-align:center; width: 60%;} #containerIsee #bloco07 .alinhaMobile1 { text-align:center; padding-left:40%;} #containerIsee #bloco07 .alinhaMobile2 { text-align:center; width: 60%; margin-left: 20%; margin-right: 20%;} #containerIsee > #bloco07 {background:url(../img/odyssey_07Mobile.jpg) no-repeat center top; background-size:115%; padding-top:9.5vw;} #containerIsee > #bloco07 {height:204vw;} #containerIsee > #bloco07 .marginGPU {margin-top:2vw;} #containerIsee > #bloco07 .gamingF10 { float:right; position:relative; text-align:right; background-color:#F00;} #containerIsee > #bloco07 p {margin-bottom:01vw;} #containerIsee > #bloco07 .marginTop-3 {margin-top:-3vw; text-align:right;} #containerIsee > #bloco07 .marginTop-6 {margin-top:-6vw;} #containerIsee > #bloco08 h1 {width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco08 p {width:80%; margin-left:10%; margin-right:10%; padding-bottom:4vw;} #containerIsee > #bloco09 .icol-mb-clear {clear:both;} #containerIsee > #bloco09 .specs img {padding-bottom:1vw; padding-top:4vw;} #containerIsee > #bloco10 {background:url(../img/odyssey_10.jpg) no-repeat center top; background-size:140%; padding-top:8vw;} #containerIsee > #bloco10 {height:46vw;} #containerIsee > #bloco10 h1 {text-align:center; font-size:4.5vw; padding-top:6vw;} #containerIsee > #bloco10 p {text-align:center; font-size:2vw; width:80%; margin-left:10%; margin-right:10%;} #containerIsee > #bloco01 .seloIntel {float:left; position:relative; height:auto; width:70%; margin-top:43vw; margin-left:21vw;} #containerIsee > #bloco01 .borderRightIconMobile { border-right:none;} #containerIsee > #bloco09 .specs { font-family: Texto,tahoma,arial,verdana; color: #343434; font-size: 4vw; } #containerIsee > #bloco11 .logoinfoLegal {margin:1vw; width:80px; margin-right:10px;} }