@viewport {
width: device-width;
zoom: 1;
}


div.container { width:auto; margin:auto; font-family:Arial;}
div.conteudo div.container .espaco { height:1px; overflow:hidden; clear:both;}

/*-------------- REVISTA INFOS --------------*/
div.conteudo div.container div.revista_infos { width:auto; background:#fff; /*border:1px solid #e8e8e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:0px 1px 2px #ededed;*/}
div.conteudo div.container div.revista_infos h2.titulo { position:relative; font-size:18px; height:55px; line-height:55px; color:#333; font-weight:100; margin:0; padding:0 0 0 58px; /*border-bottom:1px solid #e8e8e8;*/ background:url(../imagens/sld_prods_title_bg.png) center left no-repeat;}
div.conteudo div.container div.revista_infos h2.titulo a { position:absolute; top:0; color:#333; text-decoration:none; font-weight:normal;}
div.conteudo div.container div.revista_infos table tr td.bt { border-bottom:1px solid #ededed; border-left:1px solid #ededed; border-right:1px solid #ededed;-webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}
div.conteudo div.container div.revista_infos table tr td a.bt_assinar{ display:block; width:138px;  height:56px;  background:url(../imagens/sprite.png) -11px -441px no-repeat; margin:20px auto; text-indent:-9999px;}
div.conteudo div.container div.revista_infos table tr td a.bt_assinar:active{ background:url(../imagens/sprite.png) -161px -441px no-repeat;}
div.conteudo div.container div.revista_infos div.modulo{ position:relative; padding:0px 0px 0 0px; width:auto; position:relative;}
div.conteudo div.container div.revista_infos div.modulo div.titulo_aba{ width:250px; height:44px;}
div.conteudo div.container div.revista_infos div.modulo div.titulo_aba h3{ margin:0; line-height:56px; font-size:18px; font-weight:normal; color:#333;}
div.conteudo div.container div.revista_infos div.modulo div.caixa { border-top:2px solid #333333; width:100%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas { height:42px; position:absolute; right:25px; top:4px; margin:0;}
div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li{ display:block; float:left; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #dbdbdb; border-bottom:none;}
div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li a{ display:block; height:25px; width:197px; outline:none; text-decoration:none; text-align:center; font-size:10px; color:#8b8b8b; text-transform:uppercase; padding-top:14px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li a span{ font-size:14px; color:#a6282e; font-weight:bold;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba{ position:relative; min-height:180px; width:100%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba  { padding:0; margin:30px 0 15px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item { position:relative; float:left; width:33%; height:190px; list-style:none;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item img.capa { position:absolute; left:0; top:0; width:40%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet_smart { position:absolute; left:6%; top:27px; width:40%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet_smart div.wrp_box_tablet_smart { position:relative; width:90%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet_smart div.wrp_box_tablet_smart img.capinha { width:83%; margin:8%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet_smart div.wrp_box_tablet_smart img.tablet { position:absolute; top:0; left:0; width:100%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet { position:absolute; left:0; top:0; width:40%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet div.wrp_box_tablet { position:relative; width:100%; height:100%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet div.wrp_box_tablet img.capinha { width:83%; margin:8%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet div.wrp_box_tablet img.tablet { position:absolute; top:0; left:0; width:100%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description { float:right; width:58%;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.wrp_description { margin:0 0 0 10px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description h3 { font-size:13px; margin:0 0 10px 0;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description h3 a { color:#333; text-decoration:none;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description h3 a:hover { text-decoration:underline;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos { position:relative; height:130px; font-size:12px; margin:8px 0 0;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos a { color:#333; text-decoration:none;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos a:hover { text-decoration:underline;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos a span.red { color:#d3262d; font-weight:bold;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos div.separador { position:absolute; bottom:0; left:0;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos div.separador span.total_revistas { font-size:11px; color:#999999;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos p.preco { font-size:24px; margin:8px 0 0; color:#d3262d; letter-spacing:-2px; font-weight:bold;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos p.preco span.pequeno { font-size:10px; letter-spacing:-1px; font-weight:normal;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos a.assinar_bt { display:inline-block; height:18px; margin:3px 5px 0 0; padding:5px 10px 3px; font-family:"arial"; text-decoration:none; text-transform:uppercase; color:#fff; font-size:14px; background:#ff8207; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 -2px 0 0 #d66d06 inset; -webkit-box-shadow: 0 -2px 0 0 #d66d06 inset; box-shadow: 0 -2px 0 0 #d66d06 inset;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos a.assinar_bt:active { padding:6px 10px 2px; background:#b43c00; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos a.mais_bt { display:inline-block; height:18px; margin:3px 0 0 0; padding:5px 8px 3px; line-height:13px; font-family:"arial"; text-decoration:none; text-transform:uppercase; color:#ffffff; font-size:19px; background:#dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 -2px 0 0 #b9b9b9 inset; -webkit-box-shadow: 0 -2px 0 0 #b9b9b9 inset; box-shadow: 0 -2px 0 0 #b9b9b9 inset;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos a.mais_bt:active { padding:6px 8px 2px; background:#333333; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.ui-state-default{ height:39px; width:197px; background-color:#f1f1f1; margin-right:5px;}
.ui-state-active{ background-color:#FFF; height:41px; width:197px; margin-right:5px;}
ul.rslides_tabs { padding:8px 0 0 0; text-align:center; border-top:1px solid #F4F4F4;}
ul.rslides_tabs li { display:inline-block; width:9px; height:9px; margin:10px 6px 0 0; background:url(../imagens/sld_prods_icons.png) -15px -89px no-repeat; text-indent:-9999px;}
ul.rslides_tabs li.rslides_here { background-position:0 -89px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba .next { position:absolute; bottom:10px; right:0; display:block; width:24px; height:24px; background:url(../imagens/sld_prods_icons.png) -24px 0 no-repeat; text-indent:-9999px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba .next:hover { background-position: -24px -28px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba .next:active { background-position: -24px -56px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba .prev { position:absolute; bottom:10px; right:23px; display:block; width:24px; height:24px; background:url(../imagens/sld_prods_icons.png) 0 0 no-repeat; text-indent:-9999px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba .prev:hover { background-position: 0px -28px;}
div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba .prev:active { background-position: 0 -56px;}

div.conteudo div.newsletter{ background-color:#ff8207; margin:auto; height:auto; max-width:100%; padding:7px;}
div.conteudo div.newsletter h3{ color:#FFF; font-weight:normal; font-size:16px; margin:0; line-height:30px; text-align: center;}
div.conteudo div.newsletter div.campo{ float:left; height:30px; width:28%;}
div.conteudo div.newsletter div.wrp_campo{ margin:0 0 0 20px;}
div.conteudo div.newsletter input{ border:none; height:28px; width:94.5%; padding-left:14px;}
div.conteudo div.newsletter div.bt_enviar{ height:30px; float:left; width:16%;}
div.conteudo div.newsletter div.bt_enviar div.wrp_campo{ margin-rigth:0;}
div.conteudo div.newsletter div.bt_enviar input{ background:#b95c00; color:#FFF; font-size:14px; height:30px; text-align:center; width:100%; cursor:pointer; padding:0;}



@media screen and (max-width: 950px) {

div.conteudo div.container div.revista_infos div.modulo div.titulo_aba h3 { font-size:12px;}
}

/*************************** 
TABLET 
***************************/
@media screen and (max-width: 800px) {
div.conteudo div.container div.revista_infos div.modulo div.titulo_aba h3 { display:none;}
div.conteudo div.newsletter h3{ text-align:center; width:100%; margin-bottom:15px;}	
div.conteudo div.newsletter div.campo{ width:100%; margin-bottom:15px;}
div.conteudo div.newsletter div.bt_enviar{ margin:auto; width:30%;} 
}

/*************************** 
TABLET + SMARTPHONE
***************************/
@media screen and (max-width: 680px) {
	
	div.conteudo div.container div.revista_infos div.modulo { padding:54px 24px 0 24px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas { height:auto; top:54px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li { width:31%; height:auto; padding-bottom:0;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li.ui-state-active { padding-bottom:2px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li a { width:auto; margin:0 10px; height:45px;}
	div.conteudo div.container div.revista_infos h2.titulo { font-size:14px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item { height:auto;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item img.capa { display:block; position:relative; width:138px; margin:0 auto 10px; left:inherit;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description { float:none; width:auto; text-align:center;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.wrp_description { margin:0;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet_smart { width:130px; left:30%; top:34px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.description div.infos div.separador { width:100%;}
	
	
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet { position:relative; width:135px; margin:0 auto 20px;}
	
	
}

/*************************** 
SMARTPHONE 
***************************/
@media screen and (max-width: 440px) {
	
	div.conteudo div.container div.revista_infos h2.titulo { font-size:22px;}
	div.conteudo div.container div.revista_infos h2.titulo a { display:none;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas { padding:0; margin:0; left:30px; top:24px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li { width:30%;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li a span { font-size:12px;}
	div.conteudo div.container div.revista_infos div.modulo { padding: 24px 24px 0 24px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li a { height:45px;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa ul.abas li a div.preco { display:none;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item { width:100%; margin:0 0 30px; padding:30px 0 0; border-top:1px solid #EDEDED;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item:first-child { border:0;}
	div.conteudo div.container div.revista_infos div.modulo div.caixa div.conteudo-aba div.item div.box_tablet_smart { left: 40%; top: 64px;}

}