/*
Theme Name: Picanha Mania
Theme URI: http://www.oportunity.com.br/
Author: Alice Neves e Sergio de Oliveira
Author URI: http://www.oportunity.com.br/
Description: Tema desenvolvido para o site do Picanha Mania
Version: 1.0
Tags: xhtml, css3, jquery
*/

* {margin:0px; padding:0px;}
ul li { list-style:none;}
a { text-decoration:none;}
img {border:0px;}
.clear {clear:both;}

/* Easy Slider 2 */
#idslide { margin:auto; margin-bottom:20px; position:relative; width:938px;}

#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider2, #slider2 li { 
	width:938px;
	height:588px;
	overflow:hidden; 
}

#slide1 {background:url(imagens/bg-prato.png) no-repeat center; height:590px; margin-bottom:10px; width:auto;}
#slide1 .bloco1 {height:480px; margin:auto; position:relative; width:938px;}
#slide1 .bloco-descricao1 {height:135px; position:absolute; right:70px; top:80px; width:216px;}
#slide1 .titulo1 {color:#ffffff; font:bold italic 34px Arial, Helvetica, sans-serif; text-shadow:1px 1px 1px #6D5D21;}
#slide1 .descricao1 {color:#543100; font:14px Arial, Helvetica, sans-serif;}
#slide1 .link1 {color:#ffffff; font:bold italic 18px Arial, Helvetica, sans-serif;}
#slide1 .bloco-midia-social1 {background:url(imagens/icon-compartilhe.png) no-repeat left top; height:135px; position:absolute; right:0px; top:230px; width:286px;}
#slide1 .bloco-twitter1 {left:40px; position:absolute; top:40px;}
#slide1 .bloco-face1 {left:40px; position:absolute; top:75px;}
#slide1 .selecionado1 {bottom:20px; left:120px; position:absolute;}
#slide1 .selecionado1-old {bottom:20px; left:100px; position:absolute;}

#slide2 {background:url(imagens/bg-delivery.png) no-repeat center; height:590px; margin-bottom:10px; width:auto;}
#slide2 .bloco2 {background:url(imagens/delivery.png) no-repeat center; height:480px; margin:auto; position:relative; width:938px;}
#slide2 .bloco-descricao2 {background:url(imagens/icon-delivery.png) no-repeat; height:145px; left:50px; position:absolute; top:50px; width:268px;}
#slide2 .link2 {color:#ffffff; font:bold 20px Arial, Helvetica, sans-serif; margin-top:60px; margin-left:40px; position:absolute; text-decoration:underline;}
#slide2 .bloco-midia-social2 {height:135px; position:absolute; right:0px; top:315px; width:286px;}
#slide2 .bloco-twitter2 {left:40px; position:absolute; top:40px;}
#slide2 .bloco-face2 {left:40px; position:absolute; top:75px;}
#slide2 .selecionado2 {bottom:10px; left:260px; position:absolute;}

#slide3 {background:url(imagens/bg-franquia.png) no-repeat center; height:590px; margin-bottom:10px; width:auto;}
#slide3 .bloco3 {background:url(imagens/franquia.png) no-repeat center; height:480px; margin:auto; position:relative; width:938px;}
#slide3 .bloco-midia-social3 {height:135px; position:absolute; right:0px; top:315px; width:286px;}
#slide3 .bloco-twitter3 {left:40px; position:absolute; top:40px;}
#slide3 .bloco-face3 {left:40px; position:absolute; top:75px;}
#slide3 .selecionado3 {bottom:20px; left:455px; position:absolute;}
#slide3 .selecionado3-old {bottom:20px; left:595px; position:absolute;}

#slide4 {background:url(imagens/bg-novidades.png) no-repeat center; height:590px; margin-bottom:10px; width:auto;}
#slide4 .bloco4 {background:url(imagens/novidades.png) no-repeat center; height:480px; margin:auto; position:relative; width:938px;}
#slide4 .bloco-midia-social4 {height:135px; position:absolute; right:0px; top:315px; width:286px;}
#slide4 .bloco-twitter4 {left:40px; position:absolute; top:40px;}
#slide4 .bloco-face4 {left:40px; position:absolute; top:75px;}
#slide4 .selecionado4 {bottom:20px; left:795px; position:absolute;}

#menu-slide {background:url(imagens/menu-slide.png) no-repeat; height:115px; margin-top:-115px; position:relative; z-index:100;}

span#prevBtn{ background:url(images/icon-seta-esq.png) no-repeat; cursor:pointer; display:block; height:56px; left:0px; position:absolute; top:210px;  width:41px;}
span#nextBtn{ background:url(images/icon-seta-dir.png) no-repeat; cursor:pointer; display:block; height:56px; position:absolute; right:0px; top:210px; width:41px;}					

/* // Easy Slider */

.bg-home {background:url(imagens/bg-home.jpg) no-repeat center top #dfd3b3;}
.bg-institucional { background:url(imagens/bg-institucional.jpg) no-repeat center top #dfd3b3;}
.bg-formulario { background:url(imagens/bg-formularios.jpg) no-repeat center top #dfd3b3;}
.bg-cardapios {background:url(imagens/bg-cardapios.jpg) no-repeat center top #dfd3b3;}

#topo {height:115px; margin:auto; padding:0px 25px; position:relative; width:930px;}

#bloco-menu-institucional {font:10px Arial, Helvetica, sans-serif; left:225px; position:absolute; top:45px;}
#bloco-menu-institucional li { margin-bottom:2px;}
#bloco-menu-institucional li a { color:#393939;}
#bloco-menu-institucional li a:hover { color:#FFFFFF;}

#bloco-menu-servicos {position:absolute; right:25px; top:0px;}
#bloco-menu-servicos li {float:left; margin-left:3px;}

#bloco-menu-topo {background:url(imagens/bg-menu.jpg) no-repeat 17px center; height:80px; margin:auto; position:relative; width:977px;}
#bloco-menu-topo ul { display:block; left:54px; position:relative; top:19px;}
#bloco-menu-topo ul li {float:left;}
#bloco-menu-topo ul li .separdor { margin: 0px 13px;}
#bloco-menu-topo ul li a { color:#ffea00; font:bold italic 14px Arial, Helvetica, sans-serif;}
#bloco-menu-topo ul li a:hover {color:#ffffff;}
#bloco-menu-topo ul li:hover #bloco-submenu-topo {display:block;}
#bloco-menu-topo ul li:hover #bloco-submenu-topo2 {display:block;}

#bloco-submenu-topo {display:none; position:absolute; padding-top:14px; z-index:500;}
#bloco-submenu-topo ul {background-color:#5e3f15; position: static;}
#bloco-submenu-topo ul li { float:none; }
#bloco-submenu-topo ul li a { border-bottom:1px solid #9a7748; color:#fff01e; display:block; font:14px Arial, Helvetica, sans-serif; padding:8px; }

#bloco-submenu-topo2 {display:none; position:absolute; padding-top:14px; z-index:500;}
#bloco-submenu-topo2 ul {background-color:#5e3f15; position: static;}
#bloco-submenu-topo2 ul li { float:none; }
#bloco-submenu-topo2 ul li a { border-bottom:1px solid #9a7748; color:#fff01e; display:block; font:14px Arial, Helvetica, sans-serif; padding:8px; }

#layout {margin:auto; padding:0px 21px; position:relative; width:938px;}

#destaque-home { display:inline-block; padding-bottom:30px;}
#destaque-home li {background:url(imagens/bg-destaques.png) no-repeat; float:left; margin-right:-2px; height:263px; width:313px;}

#bloco-noticias-lojas { margin-bottom:20px; width:auto;}
#bloco-noticias-lojas .titulo-destaque {color:#a53c1e; font:bold 22px Arial, Helvetica, sans-serif; margin-bottom:10px;}
#bloco-noticias-lojas .titulo {color:#635b44; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:5px;}
#bloco-noticias-lojas .texto {color:#877c5f; font:12px Arial, Helvetica, sans-serif; margin-bottom:5px;}
#bloco-noticias-lojas .leiamais {color:#a53c1e; display:block; font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:20px; text-decoration:underline;}
#bloco-noticias-lojas .bloco-noticias {float:left; width:310px;}
#bloco-noticias-lojas .bloco-lojas { float:right; position:relative; width:570px;}
#bloco-noticias-lojas .icon-360 {position:absolute; right:50px; top:0px;}
#bloco-noticias-lojas .legenda-loja {color:#635b44; font:18px Arial, Helvetica, sans-serif; float:left; height:40px; line-height:40px; margin-bottom:5px;}
#bloco-noticias-lojas .vertodas {color:#515151; display:block; float:right; font:bold italic 18px Arial, Helvetica, sans-serif; height:40px; line-height:40px; margin-right:18px; margin-bottom:20px;}

#bloco-rodape {margin:auto; margin-bottom:20px; padding:0px 21px; position:relative; width:938px;}
#bloco-rodape .bloco-copy {color:#ffffff; font:12px Arial, Helvetica, sans-serif; text-align:center; text-shadow: #6d5d21 1px 1px 1px;}

#bloco-menu-rodape { display:inline-block; margin-bottom:10px; width:auto;}
#bloco-menu-rodape li {float:left; margin-right:38px;}
#bloco-menu-rodape li a {color:#543100; font:11px Arial, Helvetica, sans-serif;}

#bloco-caminho { color:#fff01e; font:10px Arial, Helvetica, sans-serif; margin:auto; margin-bottom:10px; padding-left:10px; width:938px;}
#bloco-caminho ul li { float:left; margin-right:5px;}
#bloco-caminho .link1 { font-weight:bold; text-decoration:underline; text-transform:uppercase;}
#bloco-caminho .link2 { font-weight:bold; text-transform:uppercase;}

#bloco-img-pages {height:280px; margin-bottom:10px;}
#bloco-img-sobre {background:url(imagens/bg-topo-sobre-franquia.png) no-repeat center; height:280px; margin-bottom:10px;}
#bloco-img-delivery {background:url(imagens/bg-topo-delivery-mania.png) no-repeat center; height:280px; margin-bottom:10px;}
#bloco-img-traslado {background:url(imagens/bg-topo-traslado.png) no-repeat center; height:280px; margin-bottom:10px;}
#bloco-img-reservas {background:url(imagens/bg-topo-reservas.png) no-repeat center; height:280px; margin-bottom:10px;}
#bloco-img-institucional {height:280px; margin-bottom:10px;}
#bloco-img-amazonasshopping { background:url(imagens/bg-topo-amazonasshopping.png) no-repeat center; height:280px; margin-bottom:10px;}
#bloco-img-centro {background:url(imagens/bg-topo-centro.png) no-repeat center; height:280px; margin-bottom:10px;}
#bloco-img-constantino {background:url(imagens/bg-topo-constantino.png) no-repeat center; height:280px; margin-bottom:10px;}
#bloco-img-millenniumshopping {background:url(imagens/bg-topo-millenniumshopping.png) no-repeat center; height:280px; margin-bottom:10px;}

#bloco-titulo { color:#ffffff; font:bold 30px Arial, Helvetica, sans-serif; margin-bottom:20px;}
#bloco-titulo .titulo {float:left; margin-right:40px; text-shadow: #655418 1px 1px 1px;}
#bloco-titulo .twitter {float:left; margin-top:8px;}
#bloco-titulo .facebook {float:left; margin-top:8px; margin-right:10px; width:150px;}

#bloco-imprensa {margin-bottom:20px;}
#bloco-imprensa p { margin-bottom:5px;}

#bloco-imprensa-historico {margin-bottom:20px;}
#bloco-imprensa-historico .titulo {color:#960017; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:8px;}
#bloco-imprensa-historico .linkimprensa {color:#666666; font:bold 14px Arial, Helvetica, sans-serif;}
#bloco-imprensa-historico ul li {margin-bottom:4px;}

.subtitulos {color:#666666; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:5px;}
.subtitulos-vermelho {color:#c2370a; font:bold 20px Arial, Helvetica, sans-serif; margin-bottom:5px; text-transform:uppercase;}
.textos {color:#666666; font:14px Arial, Helvetica, sans-serif; line-height:20px; margin-bottom:20px;}

#forms {color:#666666; font:14px Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:20px;}
#forms input { padding:5px;}
#forms textarea { margin-bottom:10px;}

#bloco-missao { background:url(imagens/bg-forno-institucional.png) no-repeat top center; height:381px; padding-left:450px; padding-top:130px;}
#bloco-bg-unidades { background:url(imagens/mapa-unidaes-franquias.png) no-repeat top left; height:455px; padding-left:480px; padding-top:20px;}
#bloco-bg-lojas { background:url(imagens/mapa-unidaes-lojas.png) no-repeat top left; height:455px; padding-left:480px; padding-top:20px;}
.linklojas { color:#666666; font:14px Arial, Helvetica, sans-serif;}
.linklojas:hover { color:#2f2f2f;}
#bloco-bg-comoserfranquiado { background:url(imagens/icon-comoserfranquiado.png) no-repeat top left; height:455px; padding-left:480px; padding-top:20px;}
#bloco-bg-suportes {height:410px;}
#bloco-bg-sobre { background:url(imagens/icon-pessoas.png) no-repeat center bottom; height:463px;}

#bloco-conteudo-suporte1 { background:url(imagens/bg-conteudo-suporte.png) no-repeat bottom; float:left; margin-left:20px; height:387px; width:415px;}
#bloco-conteudo-suporte2 { background:url(imagens/bg-conteudo-suporte.png) no-repeat bottom; float:right; margin-right:20px; height:387px; width:415px;}

#banner-destaque { margin-bottom:20px;}

#bg-page-institucional {background:url(imagens/bg-page-institucional.png) no-repeat center top;}
#bg-page-imprensa {background:url(imagens/bg-page-imprensa.png) no-repeat center top;}
#bg-page-traslado {background:url(imagens/bg-page-traslado.png) no-repeat center top;}
#bg-page-delivery {background:url(imagens/bg-page-delivery.png) no-repeat center top;}
#bg-page-reservas {background:url(imagens/bg-page-reservas.png) no-repeat center top;}
#bg-page-contatos {background:url(imagens/bg-page-contatos.png) no-repeat center top;}
#bg-page-sobrefranquias {background:url(imagens/bg-page-sobrefranquias.png) no-repeat center top;}
#bg-page-suportes {background:url(imagens/bg-page-suportes.png) no-repeat center top;}
#bg-page-unidades {background:url(imagens/bg-page-unidades.png) no-repeat center top;}
#bg-page-cardapios {background:url(imagens/bg-page-cardapios.png) no-repeat center top;}
#bg-page-express {}

#bloco-img-palco {height:280px; margin-bottom:10px;}

.ano2005 {color:#ffffff; font:bold italic 30px Arial, Helvetica, sans-serif; float:left; height:45px; margin-right:15px; padding-top:15px; text-shadow: #655418 1px 1px 1px;}
.ano2009 {color:#ffffff; font:bold italic 30px Arial, Helvetica, sans-serif; float:left; height:45px; margin-right:15px; padding-top:3px; text-shadow: #655418 1px 1px 1px;}
.ano2010 {color:#ffffff; font:bold italic 30px Arial, Helvetica, sans-serif; float:left; height:45px; margin-right:15px; padding-top:15px; text-shadow: #655418 1px 1px 1px;}
.ano2011 {color:#ffffff; font:bold italic 30px Arial, Helvetica, sans-serif; float:left; height:45px; margin-right:15px; padding-top:3px; text-shadow: #655418 1px 1px 1px;}
.ano2012 {color:#ffffff; font:bold italic 30px Arial, Helvetica, sans-serif; float:left; height:45px; margin-right:15px; padding-top:3px; text-shadow: #655418 1px 1px 1px;}

#bloco-menu-cardapios {padding-left:50px; position:relative; margin-bottom:20px; width:auto;}
.menu-carne {background:url(imagens/menu-carne-tudo.png) no-repeat; display:block; float:left; height:233px; width:269px;}
.menu-carne:hover {background:url(imagens/menu-carne-tudo.png) no-repeat right;}
.menu-guarnicoes {background:url(imagens/menu-guarnicoes-tudo.png) no-repeat; display:block; float:left; height:233px; width:269px;}
.menu-guarnicoes:hover {background:url(imagens/menu-guarnicoes-tudo.png) no-repeat right;}
.menu-drinks {background:url(imagens/menu-drinks-tudo.png) no-repeat; display:block; float:left; height:233px; width:269px;}
.menu-drinks:hover {background:url(imagens/menu-drinks-tudo.png) no-repeat right;}
.menu-sobremesas {background:url(imagens/menu-sobremesas-tudo.png) no-repeat; display:block; float:left; height:233px; width:269px;}
.menu-sobremesas:hover {background:url(imagens/menu-sobremesas-tudo.png) no-repeat right;}
.menu-vinhos {background:url(imagens/menu-vinhos-tudo.png) no-repeat; display:block; float:left; height:233px; width:269px;}
.menu-vinhos:hover {background:url(imagens/menu-vinhos-tudo.png) no-repeat right;}
.menu-expresso {background:url(imagens/menu-expresso-tudo.png) no-repeat; display:block; float:left; height:233px; width:269px;}
.menu-expresso:hover {background:url(imagens/menu-expresso-tudo.png) no-repeat right;}

@media screen and (-webkit-min-device-pixel-ratio:0){
  #bloco-menu-rodape li {float:left; margin-right:32px;}
  
  #bloco-menu-topo ul li .separdor { margin: 0px 11px;}
}