/* CSS RESETS */
* {margin:0;padding:0;}
img {border:0;}
/* FONTS */
@font-face {
    font-family: 'MPB';
    src: url('fonts/mpb.eot');
    src: url('fonts/mpb.eot?#iefix') format('embedded-opentype'),
         url('fonts/mpb.woff') format('woff'),
         url('fonts/mpb.ttf') format('truetype'),
         url('fonts/mpb.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MP';
    src: url('fonts/mpr.eot');
    src: url('fonts/mpr.eot?#iefix') format('embedded-opentype'),
         url('fonts/mpr.woff') format('woff'),
         url('fonts/mpr.ttf') format('truetype'),
         url('fonts/mpr.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* MAIN STYLES */
body {background:#1a1a1a url('../img/header_bg.jpg') repeat-x;color:#909090;font-family:"MP", Arial, Helvetica, sans-serif;
}
#headerWrap {position:relative;margin:0 auto;width:980px;}

/* CLASSES GENÉRICAS */
.clear {clear:both;}
.left {float:left;}
.right{float:right;}
.hide{display:none;}
.show{display:block;}
.disabled{opacity:0.6;filter:alpha(opacity=60);cursor:default;}
/* BOTÃO GENÉRICO */
a.button, a.button span {background:url('../img/menu_sprites.png') no-repeat;display:inline-block;text-decoration:none;}
a.button {background-position:0 -340px;color: #fff;font-size:13px;height:30px;padding-left:16px;text-transform:uppercase;}
a.button span {background-position:right -374px;line-height:33px;padding:0 25px 0 9px;cursor:pointer;}
a.button:hover {background-position:0 -272px;}
a.button:hover span {background-position:right -306px;}
a.button.azul,a.button.azul input {color:#00d6ef;}
a.button.azul:hover,a.button.azul:hover input {color:#fff;}
a.button input {background:transparent none;border:0;color:#fff;cursor:pointer;font-size:13px;text-transform:uppercase;height:30px;}
a.contact:hover {background-position: 0 -68px;}
a.contact:hover span {background-position:right -102px;color:#000;}

/* HEADER */
#header {display:block;height:126px;}
#header .logo {float:left;}

/* MENU PRINCIPAL */
.menuPrincipal {margin-top:5px;}
.menuPrincipal ul {height:30px;float:right;margin-top:22px;}
.menuPrincipal li {
	cursor:pointer;
	display:inline;
	float:left;
	font-family:"MPB", Arial, Helvetica, sans-serif;
	font-size:14px;
	height:30px;
	list-style: none;
	margin: 0 -7px;
	padding-left: 16px;
	padding-right: 0px;
	width: auto;
}
.menuPrincipal li a {
	color: #00d6ef;
	display: block;
	line-height:33px;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0 25px 0 9px;
}

.menuPrincipal li, .menuPrincipal li a, .menuPrincipal li.selected, .menuPrincipal li.selected a {background:url('../img/menu_sprites.png') no-repeat;}
.menuPrincipal li.last {padding-right:7px;}
.menuPrincipal li.last a {background-position: left -34px;padding-right:10px;}

.menuPrincipal li {background-position:0 0;}
.menuPrincipal li a {background-position:right -34px;}
.menuPrincipal li:hover,.menuPrincipal li.selected {background-position:0 -68px;}
.menuPrincipal li:hover a,.menuPrincipal li.selected a {background-position:right -102px;color:#000;}
.menuPrincipal li.last:hover a,.menuPrincipal li.last.selected a {background-position:left -102px;}


/* MENU REDES SOCIAIS */
.menuSocial {
	height:30px;
	float:right;
	clear:both;
}
.menuSocial ul {float:right;margin-right:20px;}
.menuSocial li {
	cursor:pointer;
	display:inline;
	float:left;
	font-size:13px;
	height:30px;
	list-style: none;
	margin: 0 -7px;
	padding-left: 16px;
	padding-right: 0px;
	width: auto;
}
.menuSocial li a {
	display: block;
	text-decoration:none;
	text-transform:uppercase;
	color: #fff;
	padding: 0 25px 0 9px;
	line-height: 33px;
}

/* BROWSER HACKS
.ie .menuSocial li span {padding:8px 5px;}
.ie9 .menuSocial li span,.firefox .menuSocial li span {padding:8px 5px 7px;} */

.menuSocial li, .menuSocial li a, .menuSocial li.selected, .menuSocial li.selected a {
	background:url('../img/menu_sprites.png') no-repeat;
}
.menuSocial li:hover,.menuSocial li.selected {background-position:0 -68px;}
.menuSocial li:hover a,.menuSocial li.selected a {background-position:right -102px;}
.menuSocial li.newsletter:hover a,.menuSocial li.selected a {color:#000;}
.menuSocial li {background-position:0 0;}
.menuSocial li a {background-position:right -34px;}
/* ICONES SOCIAIS */
.menuSocial li span {background:url('../img/social_sprites.png') no-repeat;width:20px;display:inline-block;}
.menuSocial li.twitter span {background-position:0 -32px;}
.menuSocial li.facebook a,.menuSocial li.twitter a { padding: 0 13px 0 0;}
/* //ICONES SOCIAIS */
.menuSocial li.azul {background-position:0 -204px;}
.menuSocial li.azul a {background-position:right -238px;}
.menuSocial li.azul:hover {background-position:0 -272px;}
.menuSocial li.azul:hover a {background-position:right -306px;}

/* FACEBOOK LIKE BUTTON HEADER */
.menuSocial .fb_like {float:right;padding:4px 0;}


/* CONTENT DIVS FOR SCROLLER */
#contentWrap {position:relative;margin:0 auto;width:980px;overflow:hidden;}

#logoBG {
	position:absolute;
	top:192px;
	right:0;
	background-image:url('../img/logoBG.jpg');
	width:610px;
	height:392px;
	display:block;
}
/*#contentWrap .content {position:absolute;float:left;}*/
#mask {	width:1000%;}
#mask .content {
	font-size:15px;
	width:10%;
	float:left;
	overflow:hidden;
	height:460px;
}
#mask .content .page {width:476px;}
/* ESTILOS DE TEXTO */
.content .page h1 {font-size:24px;color:#0099ab;font-weight:normal;margin:25px 0 25px 15px;}
.content .page h2 {font-size:20px;color:#fff;font-weight:normal; margin:0 0 20px 15px;}
.content .page h3 {font-size:20px;color:#909090;font-weight:normal;margin: 0 0 10px 15px;} 
.content .page p {margin: 0 0 14px 15px;}
.content .page strong {color:#fff;font-weight:normal;}
.content .page .newsImg {margin-right:10px;float:left;}

/* TABELAS */
.content table {padding-left:20px;table-layout: fixed;}
.content table td {font-size:14px;}
.content table .title {background-image:url('../img/table_stripe.jpg');color:#fff;text-transform:uppercase;text-align:center;padding:13px 5px;}
.content table .subtitle {background-color:#fff;color:#000;height:40px;text-align:left;padding:5px 13px;}
.content table .text {background-color:#000;color:#fff;text-align:center;padding:5px;}
.content table .nota {padding:10px 0;font-size:12px;}
.content table .nota strong {color:#fff;font-weight:normal;}

/* FORMS */
.content table .label {background-color:#0095a9;color:#fff;width:130px;height:30px;padding:0 10px;}
.content table .input {background-image:url('../img/input_bg.gif'); padding:0 5px;}
.content table .input input {width:100%;height:100%;border:0;background:none transparent;color:#fff;font-family:"MP", Arial, Helvetica, sans-serif;}
.content table .radio {
	background-color: #000;
	height: 48px;
	width: 50%;
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 46px;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
}
.content table .radio.selected {background-color: #fff;color: #000;}


/* VIDEOS */
#videoWrap {background-color:#0095a9;height:230px;position:relative;}
#videos {position:relative;margin:0 auto;width:980px;}
#videos .player {margin-top:20px;}

/* descrição */
#videos .description {position:relative;margin: -5px 0 0;}
#videos .description li {float:left;list-style:none;background-image:url('../img/menu_sprites.png');line-height:33px;text-transform:uppercase;font-size:13px;font-family:"MPB", Arial, Helvetica, sans-serif;}
#videos .description .name {background-position:right -440px;padding: 0 31px 0 7px;color:#fff;}
#videos .description .name span {background:url('../img/icones/video_sprite.png') no-repeat 0 -7px;padding-left:30px;}
#videos .description .share {background-position:0 -136px;margin-left:-16px;}
#videos .description .share a {margin-left:16px;background:url('../img/menu_sprites.png') transparent no-repeat 0 -171px;color:#fff;text-decoration:none;text-align:right;line-height:30px;display: inline-block;
padding: 0 10px;
width: 156px;}
#videos .description .share:hover {background-position:0 -68px;}
#videos .description .share:hover a {background-position:0 -103px;color:#000;}
/* BROWSER HACKS */
.ie7 #videos .description {margin:0;}
.ie9 #videos .description {margin-top:-6px;}
.ie7 #videos .description .share a,.ie8 #videos .description .share a {width:160px;}
.ie9 #videos .description .share {background-position:0 -135px;}
.ie9 #videos .description .share:hover {background-position:0 -67px;}
/* galeria de videos */
#videos .video_gallery {margin-top:20px;width:591px;height:163px;}
.video_gallery .titleVideos, .video_gallery .prev, .video_gallery .next {
	background-image:url('../img/icones/video_sprite.png');
	background-repeat:no-repeat;
	display:inline-block;
	line-height:33px;
}
.video_gallery .titleVideos {padding-left:30px;text-transform:uppercase;color:#fff;}
.video_gallery .prev, .video_gallery .next {width:15px;text-decoration:none;}
.video_gallery .prev {background-position:0 -90px;}
.video_gallery .next {background-position:right -120px;}
#video_choose {width:561px;height:124px;overflow:hidden;position:relative;}
#video_choose li {float:left;padding: 0 15px;list-style:none;}
#video_choose div a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-family:"MPB", Arial, Helvetica, sans-serif;
	color: #4c4d4d;
}
#video_choose div a span {
	position: absolute;
	background-image: url('../img/video_overlay.png');
	width: 90px;
	height: 23px;
	display: inline-block;
	padding: 97px 0 0 67px;
}
#video_choose div a:hover,#video_choose div.playing a {color:#fff;}
#video_choose div a:hover span,#video_choose div.playing a span {background-image:none;}

/* FOOTER */
#footerWrap {background-color:#fff;height:60px;}
#footer {position:relative;margin:0 auto;width:980px;font:13px normal "MP", Arial, Helvetica, sans-serif;}
#footer .menu {margin-top:17px;}
#footer .menu li {float:left;list-style:none;padding-right:16px;line-height:29px;}
#footer .menu li.last {padding-right:0;}
#footer .menu li a {color:#000;text-decoration:none;font-size:13px;}
#footer .menu li a:hover,#footer .menu li.selected a {text-decoration:underline;}
#footer .fb_like {float: right;margin-top: 17px;}/* FOOTER FACEBOOK LIKES */


/* O QUE E O 4G */
.oquee_qualidades {margin-left:15px;}
.oquee_qualidades li {float:left;list-style:none;padding-right:23px;opacity:0.6;filter:alpha(opacity=60);cursor:pointer;}
.oquee_qualidades li:hover {opacity:1;filter:alpha(opacity=100);}
.oquee_qualidadestxt {margin-left:15px;}
.oquee_qualidadestxt div {display:none; color:#fff; font-size:13px;}
.oquee_vermais {padding:0 15px;opacity:0.6;filter:alpha(opacity=60);cursor:pointer;float:left;}
.oquee_vermais:hover {opacity:1;filter:alpha(opacity=100);}

#compare3gvs4g .choose {background:url('../img/bg_comparador.jpg') no-repeat;height:100px;padding:5px 0 0 15px;}
#compare3gvs4g .choose li {float:left;list-style:none;display:inline-block;width:92px;text-align:center;}
#compare3gvs4g .choose li a {color:#909090;text-transform:uppercase;text-decoration:none;font-size:13px;}
#compare3gvs4g .choose li a:hover {color:#0099ab;}
#compare3gvs4g .choose li img {width:48px;height:48px;}
#compare3gvs4g .choose li.selected a {color:#0099ab;font-size:20px;}
#compare3gvs4g .choose li.selected img {width:64px;height:64px;}
#compare3gvs4g .result{table-layout: auto;}
#compare3gvs4g .result td {height: 30px;}
#compare3gvs4g .result .qg,#compare3gvs4g .result .tg,#compare3gvs4g .result .qg span,#compare3gvs4g .result .tg span {background-image:url('../img/menu_sprites.png'); background-repeat:no-repeat;line-height:30px;display:inline-block;}
#compare3gvs4g .result .qg,#compare3gvs4g .result .tg {width:39px;}
#compare3gvs4g .result .scale4G,#compare3gvs4g .result .scale3G {width:215px;padding:0 7px;}
#compare3gvs4g .result .desc {font-size:14px;padding:0 0 20px 20px;}
#compare3gvs4g .result .qg {padding-left:16px;background-position:0 -272px;}
#compare3gvs4g .result .qg span {padding-right:16px;background-position:right -306px;font-size:16px;color:#fff;font-weight:bold;}
#compare3gvs4g .result .tg {padding-left:16px;background-position:0 -340px;}
#compare3gvs4g .result .tg span {padding-right:16px;background-position:right -374px;font-size:13px;}
/* NOTICIAS */
.page .news {display: block;clear: both;overflow: hidden;height:325px;}
.page .news .new {height:170px;width:476px;float:left;}
.page .news li {padding-bottom:5px;width:476px;float:left;list-style:none;}
.page .news li.page2 {display:none;}
.page .news li.fullWidth {width:100%;}
.page .news a {font-size:16px; text-decoration:underline;color:#01bfd8;}
.page .news a:hover {color:#fff;}
.page .news img {float:left;width: 84px;margin:0 15px;}
.page .news .date {font-size:13px;color:#fff;display:block;padding:15px 0;}
.page .news .button {color:#fff;font-size:13px;}

/* SCROLLBARS */
/*! jQuery Scrollbars | License: https://github.com/nathggns/Scrollbars/blob/master/LICENSE */
.scrollElement.scrollRoot {overflow: hidden;}
.rootWrap {overflow-x: auto;overflow-y: auto;}
.scrollElement.axisInUseX .rootWrap {overflow-x: hidden;}
.scrollElement.axisInUseY .rootWrap {overflow-y: hidden;}
.scrollElement.scrollRoot:focus {outline: none;}
.scrollElement.dragConX {display:none !important;}
.scrollElement.dragConY {width: 10px;top: 0;height: 100%;right: 0;}
.scrollElement.dragCon {position: absolute;background: url('../img/scrollbar_bg.png') no-repeat;}
.scrollElement.drag {background:url('../img/scrollbar_tracker.png') no-repeat;position: absolute;top: 0;left: 0;cursor:pointer;}
.scrollElement.dragX {display:none !important;}
.scrollElement.dragY {min-height: 5%;max-height: 95%;width: 100%;}
.scrollElement.dragConInner {position: absolute;top: 0;bottom: 0;right: 0;left: 0;}
.scrollElement.contentWrap {float: left;position: relative;min-width: 100%;min-height: 100%;}


/* SPLASH PAGE */
#splash {
position: absolute;
width: 100%;
height: 100%;
background:url('../img/splash/splash_bg.gif') center no-repeat #000;
}
#splash .enter {
	background:url('../img/splash/landing.jpg') transparent center no-repeat;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}