/* `Global styles for QR GRID
----------------------------------------------------------------------------------------------------*/

/* `@Imports
----------------------------------------------------------------------------------------------------*/
@import "/grid/_css/reset.css";
@import "/grid/_css/960.css";
@import "/grid/_css/text.css";
@import "/grid/_css/modulos.css";

/* `Background
----------------------------------------------------------------------------------------------------*/
body {
	background: #fff url(/grid/_img/bg-pattern.gif);
}

.container_12 {
	background: #fff;
}

.container_12.default {
	padding: 10px 0 20px 0;
	position:relative;
}

/* `Top Info
----------------------------------------------------------------------------------------------------*/
.top_info {
	position: relative;
	margin-bottom: 20px;
}
.top_info .btn {
	position: absolute;
	top: 0;
	right: 0;
}

/* `Thumbnails
----------------------------------------------------------------------------------------------------*/
.thumb0 {
	width: 60px;
	height: 60px;
}

.thumb {
	width: 140px;
	height: 105px;
}
.thumb2 {
	width: 220px;
	height: 165px;
}
.thumb3 {
	width: 300px;
	height: 225px;
}

.thumb,
.thumb2,
.thumb3 {
	margin-bottom: 10px;
}

/* `Header
----------------------------------------------------------------------------------------------------*/
#header {
	background: #000;
}

/* `Barra Abril
----------------------------------------------------------------------------------------------------*/
#babril {
	height: 32px;
	background: #ccc;
	margin-bottom: 10px;
}
#babril div, #babril table, #babril tbody, #babril tr, #babril th, #babril td {
	vertical-align: middle;
}

/* `Square
----------------------------------------------------------------------------------------------------*/
#sqr {
	width: 300px;
	/* height: 250px; */
	text-align: center;
	position:relative;
	z-index:1000;
}

/* `Logo
----------------------------------------------------------------------------------------------------*/
#logo {
	width: 200px;
	height: 90px;
	float: left;
	margin: 0 10px;
	background: #f00;
	position: relative;
}

/* `Link QR
----------------------------------------------------------------------------------------------------*/
#link_qr {
	width: 200px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

/* `Super Banner
----------------------------------------------------------------------------------------------------*/
#sbanner {
	width: 730px;
	height: 90px;
	background: #000;
	float: left;
	position:relative;
	z-index:1000;
}

/* `Nav
----------------------------------------------------------------------------------------------------*/
#nav {
	position: relative;
	background: #222;
	margin-top: 10px;
	z-index:2000;
}
#snav {
	height: 30px;
	width: auto;
	position: relative;
}
#snav ul { display: none;}
#nav li,
#snav li {
	display: inline;
}
#nav li a,
#snav li a {
	display: block;
	float: left;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
}
#nav li a:hover,
#snav li a:hover,
#nav li .active,
#snav li .active {
	text-decoration: none;
	color: #FF6600;
	background: #161616;
}

/* `Clear Space
----------------------------------------------------------------------------------------------------*/
.clear_space {
	height: 1px;
	margin: 20px 0 0 0;
}

/* `Head Tables
----------------------------------------------------------------------------------------------------*/
#head_tables {
	color: #fff;
	padding-bottom: 10px;
}
#head_tables .head_table {
	background: #222;
	padding: 5px;
}
#head_tables .head_table .name {
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-transform: uppercase;
}
#head_tables .head_table tr.bg1 td {
	background: #000;
}
#head_tables .head_table tr td:last-child {
	text-align: right;
}
#head_tables .head_table table a {
	color: #fff;
}

/* `Next GP
----------------------------------------------------------------------------------------------------*/
#head_tables #next_gp {
	background: #FF6600;
	color: #fff;
	height: 92px;
}
#head_tables #next_gp .name {
	color: #fff;
}
#head_tables #next_gp #countdown {
	font-size: 25px;
}
#head_tables #next_gp .more a {
	color: #fff;
	position: relative;
	top: -6px;
}

/* `Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	color: #fff;
}
#footer a {
	color: #fff;
}

#footer #busca {
	background: #333;
	padding: 10px;
}

#footer #fx1 {
	background: #555;
	padding: 20px 0;
}

#footer #fx1 #map {
	width: 100%;
}

#footer #fx1 #map td {
	padding: 0 10px;
	border-right: 1px solid #999;
	vertical-align: top;
}
#footer #fx1 #map td:first-child {
	padding-left: 0;
}
#footer #fx1 #map td:last-child {
	padding-right: 0;
	border: 0;
}

#footer #fx1 #map .top {
	color: #999;
}

#footer #selo {
	padding: 10px;
	background: #333;
	clear: both;
}


/* `Breadcrumb
----------------------------------------------------------------------------------------------------*/
#bc {
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin: 0 10px 20px 10px;
	border-bottom: 1px solid #eee;
	display: none;
}

/* `Btns
----------------------------------------------------------------------------------------------------*/
.btn_c {
	position: absolute;
	top:0;
	right:0;
	width: 140px;
}

.btn {
	border: 1px solid #ccc;
	color: #000;
	text-align: center;
	background: url(/grid/_img/btn-bg.gif) repeat-x 0 0;
	position: absolute;
	
}
.btn a {
	display: block;
	width: 140px;
	height: 30px;
	line-height: 30px;
}
.btn a:hover {
	text-decoration: none;
}

.btn_c .select {
	position: absolute;
	top: 31px;
	left: 0;
	width: 140px;
	background: #222;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #ccc;
}
.btn_c .select a {
	display: block;
	color: #fff;
	padding: 3px 5px;
}
.btn_c select {
	width: 140px;
}

/* `Crédito
----------------------------------------------------------------------------------------------------*/
.credito {
	margin: 20px 0;
}

/* `Flags
----------------------------------------------------------------------------------------------------*/
img.flag {
	border: 1px solid #000;
}

#links_google{clear:both;}
#materia{position:relative;z-index:100;}
#nav li a,#snav li a{color:#FFF;display:block;float:left;font-size:13px;height:30px;line-height:30px;text-transform:uppercase;position:relative;padding:0 10px;}
.bg-menu{background:#161616;}
#nav ul.submenu01,#nav ul.submenu02,#nav ul.submenu03,#nav ul.submenu04,#nav ul.submenu05,#nav ul.submenu06,#nav ul.submenu07,#nav ul.submenu08{display:none;}
#nav ul.submenu01{left:0;}
#nav ul.submenu02{left:79px;}
#nav ul.submenu03{left:167px;}
#nav ul.submenu04{left:272px;}
#nav ul.submenu05{left:422px;}
#nav ul.submenu06{left:487px;}
#nav ul.submenu07{left:631px;}
#nav ul.submenu08{left:791px;} 
ul.submenu01 li{background:#000;float:left;}
#nav li.menuPai:hover ul.submenu01,#nav li.menuPai:hover ul.submenu02,#nav li.menuPai:hover ul.submenu03,#nav li.menuPai:hover ul.submenu04,#nav li.menuPai:hover ul.submenu05,#nav li.menuPai:hover ul.submenu06,#nav li.menuPai:hover ul.submenu07,#nav li.menuPai:hover ul.submenu08{display:block;}
ul#nav li ul{border-bottom:3px solid #000;display:block;position:absolute;top:28px;z-index:10000;}
#nav {
  background: none repeat scroll 0 0 #161616;
  margin-bottom: 32px;
}
#nav li.menuPai a:hover,#nav li.menuPai ul.submenu01 li a:hover{background:#161616;}
#head_tables .head_table tr.bg0 td,#head_tables .head_table tr.bg2 td{background:#000;}
#head_tables .head_table tr.bg1 td{background:none;}

/*Tweeks Barra Alfa*/
#barra-abril {line-height: normal;} 
#header {padding-top: 10px;position:relative;}
/*CSS para publicidade Wallpaper*/
#publicidadeFundo{
	margin: 0 auto;
	position:absolute;
	top:32px;
	left:0px;
	width:115%;
	overflow:hidden;
	z-index:0;
}
body .wrapperPubWallpaper {z-index:9999;}
.involucroBarraAlfaTopo {
  background-attachment:scroll;
  background-clip:initial;
  background-color:transparent;
  background-image:url(http://quatrorodas.abril.com.br/parcerias/assets/img/bg-barra-topo.png);
  background-origin:initial;
  background-position:0 0;
  background-repeat:repeat no-repeat;
  display:block;
  text-align:center;
  width:100%;
}
#barraParceriasTopo {
    background: url("/parcerias/assets/img/bg-barra-topo.png") repeat-x scroll 0 0 transparent;
    clear: both;
    display: block;
    height: 31px;
    width: 100%;
}

/*Tweks e atualizações de CSS para nova Home - Felipe Hardt*/
/** RESET **/
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}*/

/** HOME **/
body{color:#444;font:12px/1.5 Arial,sans-serif;overflow-x:hidden !important;}
h1,h2,h3,h4{font-family:Georgia;font-weight:normal;}
h3{font-size:17px;line-height:20px;margin-bottom:5px;}
a{color:#111;text-decoration:none;}
#d960Geral{background-color:#fff;margin:0 auto;width:960px;z-index:6;}
#wp{background:url("../img/wp-home.gif") no-repeat scroll 0 0 transparent;height:400px;left:50%;margin-left:-654px;position:absolute;width:1308px;z-index:-6;}
#d940Principal{width:960px;margin:0;height:312px;background:#cd3301 url('../img/bg-flash.gif') 12px 0 no-repeat;}
#d940Principal #tvFlash{width:620px;height:260px;margin:21px 0 31px 10px;float:left;background:url('../img/tvflash-fundo.png') 0 0 repeat;position:relative;overflow:hidden;}
#pubTopo{width:300px;height:260px;background:#000;float:left;margin:21px 0 31px 20px;}
#pubTopo #tag{height:10px;color:white;font-size:10px;text-align:center;line-height:9px;}
#pubTopo .pub{width:300px;height:250px;background-color:white;}
#d940Destaque{width:960px;margin:0;height:300px;background-color:#000;}
#d940Destaque #galeria{width:620px;margin:30px 0 0 10px;height:234px;background-color:#000;float:left;}
#galeria #scroll{border:1px solid #cc3301;float:left;width:618px;height:210px;position:relative}
#scroll img{width:140px;height:100px;}
#scroll ul#gItems{height:200px;width:616px;overflow:hidden;}
#scroll ul#gItems li{width:480px;float:left;margin-left:59px;}
#scroll ul#gItems div{width:140px;height:180px;display:block;float:left;margin:24px 0 0 20px;}
#scroll h3{float:left;height:34px;margin-top:6px;overflow:hidden;}
#scroll h3 a{color:#fff;line-height:17px;}
#scroll h3 a:hover{text-decoration:none;}
#d940Destaque #spots{width:300px;height:236px;float:left;margin:30px 0 0 20px;}
#spots .spot{width:300px;height:105px;float:left;clear:both;margin-bottom:27px;overflow:hidden;}
div.c12{width:460px;margin:30px 10px 0;float:left;clear:both;}
div.c12 h3{width:460px;float:left;clear:both;overflow:hidden;}
div.c34{width:220px;margin:30px 10px 0;float:left;}
div.vejaTambem{float:left;width:140px;}
div.vejaTambem h3{float:left;width:140px;height:86px;overflow:hidden;}
div.vejaTambem.meio{margin:0 20px;}
.item-1{
	margin:0 20px;
}
div.vejaTambem img,div.spot img{width:140px;height:105px;display:block;float:left;margin:0 0 15px 0;}
div.spot img{margin:0 22px 0 0;}
div.spot h3{font-size:15px;height:auto;margin:0;}
div.spot h3 a{color:#fff;line-height:18px;}
div.c34 img{width:220px;height;display:block;float:left;margin:0 0 15px 0;}
img.header{display:block;float:left;margin:0 0 15px;}
.data{color:#666;font-size:10px;line-height:normal;text-transform:uppercase;}
.lista li:first-child{padding-top:0;}
.lista li{border-bottom:1px solid #ccc;padding:5px 0;height:73px;float:left;overflow:hidden;width:220px;}
.barra{border-bottom:2px solid #ccc;padding-bottom:10px;margin:0 0 10px 0;}
.d460{float:left;background-color:#fff;}
.both{clear:both;}
.circuito{width:460px;height:320px;}
.mais{display:block;color:#cd3301;font-size:12px;float:left;margin:6px 0;}
img.header.nomargin{margin:0;}
#scroll a.navegacao{position:absolute;}
#scroll a.navegacao,#scroll a.navegacao img{width:52px;height:52px;z-index:10;}
#scroll a.navegacao.ant{top:80px;left:7px;}
#scroll a.navegacao.pro{top:80px;right:7px;}
#scroll a.navegacao.todas{top:184px;right:7px;color:#fff;font-weight:bold;width:106px;}
div.tvItem{position:relative;}
div.tvItem div{position:absolute;width:490px;height:50px;background:url('../img/tvflash-barra.png') 0 0 repeat;bottom:0;}
div.tvItem div h3{display:block;width:466px;margin:7px 12px 0;color:#fff;font-size:20px;line-height:18px;overflow:hidden;}
div.tvItem div h3 a{color:#fff;font-size:14px;}
div.tvItem imgs{display:block;width:490px;height:260px;}
div#navItens{position:absolute;right:0;top:0;width:120px;height:260px;}
div#navItens a{width:100px;height:40px;display:block;float:left;margin:10px 10px 0;background-color:#cd3301;color:#fff;font-size:30px;font-weight:bold;text-align:center;line-height:44px;text-decoration:none;}
div#navItens a.activeSlide{background-color:#ff6600;}
div#itens{margin-left:10px;}
div#itens img{width:490px;height:260px;}

/** GALERIA **/
.preto{color:#000 !important;}
.bgbranco{background-color:#fff !important;}
.pubTopo{margin-top:30px !important;}
.g223{height:223px !important;}
div#gallery{width:940px;margin:0 10px;overflow:hidden;height:600px;float:left;position:relative;}
div#bgLegendas{position:absolute;top:564px;width:940px;height:60px;left:0;background:#000;z-index:600;}
div#titGaleria{height:56px;width:940px;background-color:#fff;clear:both;overflow-hidden;}
div#rSociais{position:absolute;top:23px;width:340px;height:30px;right:0;z-index:600;color:#fff;}
div#controls{position:absolute;}
div.slideshow-container{float:left;height:550px;}
div#slideshow{background:#000;height:588px;width:940px;}
div#caption{height:40px;position:absolute;top:4px;width:940px;font-size:36px;z-index:900;color:#000;}
div.photo-index{position:absolute;top:564px;width:100px;height:30px;left:12px;font-size:16px;color:#fff;}
div#thumbs{display:none;}
div.caption{position:absolute;top:564px;width:820px;height:30px;left:120px;font-size:16px;color:#fff;font-weight:bold;z-index:400;}
div#gallery a img,div#gallery a:hover img{position:absolute;left:0;}
#controls{position:absolute;}
.nav-controls{background:url("../img/assets/blank.png") repeat scroll 0 0 transparent;height:500px;left:0;overflow:hidden;position:absolute;top:0;width:939px;z-index:1;}
.nav-controls a.next,.nav-controls a.prev{float:left;height:100%;position:absolute;text-indent:-9000px;width:50%;z-index:2;}
.nav-controls a.prev{right:50%;}
.nav-controls .next{left:50%;}
.nav-controls a.prev:hover:hover{background:url("/assets/img/left-gallery-on.png") no-repeat scroll 30px center transparent;}
.nav-controls a.next:hover:hover{background:url("/assets/img/right-gallery-on.png") no-repeat scroll 405px center transparent;}
.nav-controls a.next:link,.nav-controls a.next:visited{background:url("/assets/img/right-gallery-off.png") no-repeat scroll 405px center transparent;}
.nav-controls a.prev:link,.nav-controls a.prev:visited{background:url("/assets/img/left-gallery-off.png") no-repeat scroll 30px center transparent;}

/** LANDING **/
#d640Destaque{width:630px;margin:0 0 0 10px;background-color:#fff;float:left;}
div.bLand{width:300px;height:200px;float:left;}
div.bLand img{display:block;float:left;clear:both;width:300px;height:170:px;}
div.bLand h3{height:300px;float:left;overflow:hidden;line-height:28px;font-weight:bold;font-size:14px;}
.lGalerias{width:620px;height:60px;font-size:40px;color:#444;line-height:32px;margin:12px 0;float:left;}
.lGalerias span{color:#f60;font-size:16px;font-weight:bold;font-family:Arial;}
.mLeft{margin-left:20px;}
.lTitulo{height:32px;width:620px;overflow:hidden;clear:both;float:left;line-height:37px;}
.bMais{width:620px;float:left;height:80px;border:1px solid #ff6701;padding:10px 0;}
.bMais h3{height:24px;float:left;overflow:hidden;line-height:28px;width:299px;margin:0 0 0 10px;font-size:14px;}
.mGalerias{width:620px;clear:both;height:30px;float:left;margin-bottom:24px;text-align:right;line-height:24px;}
.lDefault{width:300px;float:left;margin:10px 0;}
.uCase{
	text-transform:uppercase;
}