@import url("OpenSans_ExtraBold/stylesheet.css");
@import url("OpenSans_Light/stylesheet.css");
@import url("OpenSans_Regular/stylesheet.css");
@import url("OpenSans_Semibold/stylesheet.css");
@import url("OpenSans_Bold/stylesheet.css");


@font-face {
	font-family: "OpenSans ExtraBold2";
	src: url("OpenSans-ExtraBold.eot"); /* para IE */
	src: url("OpenSans-ExtraBold.ttf");
	}

p { font-family: "OpenSans ExtraBold2", sans-serif; }



body,td,th {
	
	font-family: "OpenSans ExtraBold";
	font-family: "OpenSans Light";
	font-family: "OpenSans Regular";
	font-family: "OpenSans Semibold";
	font-family: "OpenSans Bold";
	
}
a {
	font-family: "OpenSans ExtraBold";
	font-family: "OpenSans Light";
	font-family: "OpenSans Regular";
	font-family: "OpenSans Semibold";
	font-family: "OpenSans Bold";
}
h1,h2,h3,h4,h5,h6 {
	font-family: "OpenSans ExtraBold";
	font-family: "OpenSans Light";
	font-family: "OpenSans Regular";
	font-family: "OpenSans Semibold";
	font-family: "OpenSans Bold";
}


html{
	
	margin:auto 0;
	
}


body{
	background-image: url(topo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	background-color:#e2d9c0;
	height:100%;
	margin:auto 0;
	padding:0px;

	
	
}

.TopoEsticado{
	width:100%;
	height:absolute;
	margin-top:20px;
	padding:0px;
}

.TopoCentralizado{
	width:990px;
	height:175px;
	float:center;
	margin:auto;
	padding:0px;
	
}

.BannerEsticado{
	width:100%;
	height:absolute;
	margin-top:15px;
	padding:0px;
}

.BannerCentralizado{
	width:990px;
	height:400px;
	float:center;
	margin:auto;
	padding:0px;

	
}

.ConteudoEsticado{
	width:100%;
	margin-top:-10px;
	padding:0px;
	margin:auto;
	display:relative;
	float:left;
	height:auto;
	
}

.ConteudoCentralizado{
	width:990px;
	margin:auto;
	display:relative;
	
}

.RodapeEsticado{
	width:100%;
	background-color:#643720;
	background-image:url(rodape.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:bottom;
	margin-top:20px;
	float:left;
}

.RodapeCentralizado{
	width:990px;
	height:150px;
	margin-top:0px;
	margin:0 auto 0 auto;
	display:relative;
	
	

}

.Topo {
	width:990px;
	float:center;
	margin-top:18px;
	margin:0 auto 0 auto;
}

a img {
	 border: 0 none transparent;
}
a { text-decoration: none; }

.Logo {
	width:225px;
	float:left;
	margin:0 auto 0 auto;
	margin-left:36px;
	margin-top: 17px;
	text-decoration:none;
}

.Telefones{
	text-align:right;
	width:350px;
	float:right;
	margin-right:25px;
	margin-top: 21px;
	font-family:OpenSans ExtraBold;
	font-size:27px;
	color: #ffcb05;
	
}

#nav{
	float:right;
	vertical-align:center;
	margin:20px;
	font-family:OpenSans Light;
	position:absolute;
	z-index:999999999999999999999999999;
	margin-left:315px;
	margin-top:100px;
	text-align:center;	
	
}

#nav ul{
	font-family:OpenSans Light;
	font-size: 20px;
	color:#e2d9c0;
	text-align:center;
	text-decoration:none;
	list-style:none;
	margin:0;
	padding:0;
}

#nav ul li{
	float:left;
	margin-right:20px;
	position:relative;
	display:block;
	font-family:OpenSans Light;
	
}

#nav ul li a{
	text-decoration:none;
	margin: 0 1px;
	padding: 5px 10px;
	display:block;
	font-family:OpenSans Light;
	position:relative;	
}

#nav li ul{
	display:none;
	font-family:OpenSans Light;
	color:#ffcb05;	
}

#nav ul li a:link{
	float:center;
	font-family:OpenSans Light;
	color:#e2d9c0;
}
#nav li:link ul{
	display:block;
	font-family:OpenSans Light;
	color:#e2d9c0;
	background-color:#503324;
}
#nav li:link li{
	float:none;
	font-family:OpenSans Light;
	color:#e2d9c0;
}

#nav ul li a:visited{
	font-family:OpenSans Light;
	color:#e2d9c0;	
}
#nav li:visited ul{
	text-align:center;
	font-family:OpenSans Light;
	color:#e2d9c0;
}
#nav li:visted li{
	float:none;
	font-family:OpenSans Light;
	color:#e2d9c0;
}

#nav ul li a:hover{
	color:#ffcb05;
	font-family:OpenSans Light;
}
#nav li:hover ul{
	display:block;
	color:#ffcb05;
	position:absolute;
	font-family:OpenSans Light;
	margin-top:-5px;
	margin-left:-17px;
	background-color:#382217;
	border-radius:5px 5px 5px 5px;
	width:150px;	
}
#nav li:hover li{
	float:none;
	color:#ffcb05;
	font-family:OpenSans Light;
	width:100%;
}



#nav ul li a:active{
	color:#ffcb05;
	font-family:OpenSans Light;
}
#nav li:active ul{
	background-color:#4b2f21;
	font-family:OpenSans Light;
	color:#ffcb05;
}
#nav li:active li{
	float:none;
	font-family:OpenSans Light;
	color:#ffcb05;	
}


#nav li:hover li a:hover{
	position:relative;
	background-color:#503324;
	border-radius:5px 5px 5px 5px;
	font-size:14px;
}

#nav li:hover li a:link{
	font-size:14px;
}

.Links{
	width:990px;
	height:25px;
	float:letf;
	font-family:OpenSans Light;
	font-size:12px;
	color:#9b0810;
	text-align:right;
	text-decoration:none;
}



.Principal{
	width:990px;
	float:right;
	margin-top:-60px;
	margin-right:25px;
}

.bolinhamenu {
	text-decoration:none;	
	margin-right:7px;
	margin-left:3px;
}

.menuprincipal:link {
	color:#e2d9c0;
	font-family:OpenSans Light;
	font-size:18px;
	text-decoration:none;	
	margin-right:5px;
	margin-left:30px;
}

.menuprincipal:visited{
	color:#e2d9c0;
	font-family:OpenSans Light;
	font-size:18px;
	text-decoration:none;
	margin-left:30px;
}

.menuprincipal:hover {
	color:#ffcb05;
	font-family:OpenSans Light;
	font-size:18px;
	text-decoration:none;
}

.menuprincipal:active {
	color:#e2d9c0;
	font-family:OpenSans Light;
	font-size:18px;
	text-decoration:none;	
}
.Status{
	color:white;
	margin-top:30px;
	float:left;
	margin-left:235px;
	font-family:OpenSans ExtraBold;
	font-size:16px;
}

.Banner{
	width:990px;
	height:380px;
	float:left;
	float:center;
	margin-top:0px;
	background-image: url(base-banner.png);
	background-repeat: no-repeat;
}
.BannerEscrita{
	width:330px;
	height:100px;
	float:left;
	color:#DC143C;
	font-size:27px;
	margin-top:110px;
	font-family:Microsoft New Tai Lue;
}
.ImagemBanner{
	width:934px;
	height:320px;
	margin-top:10px;
	margin-left:25px;
}
.Lateral{
	width:260px;
	float:left;
	margin-top:-80px;
	display:relative;
	height:auto;
	
}

.Status{
	color:white;
	margin-top:30px;
	float:left;
	margin-left:235px;
	font-family:OpenSans ExtraBold;
	font-size:16px;
}

.Legenda{
	color:#382116;
	height:10px;
	font-size:18px;
	font-family:OpenSans Bold;
	margin-top:-10px;
	margin-left:37px;
	display:relative;
	float:left;
}
.Fotos{
	width:630px;
	height:350px;
	float:left;
	margin-top:20px;
	margin-left:5px;
	padding: 4px;
	text-align: center;
	text-align:left;
}
.SobreNos{
	width:630px;
	float:left;
	margin-top:-20px;
	margin-left:10px;
	display:relative;
	height:relative;
}



.textosobrenos{
	color:#8d583c;
	font-size:18px;
	font-family:OpenSans Regular;
	margin-top:5px;
	text-align:justify;	
	

}
.Manchetes{
	width:690px;
	float:left;
	margin-top:0px;
	margin-left:40px;
	display:relative;
	height:relative;
	
}

.ManchetesLateral{
	width:260px;
	float:left;
	margin-top:0px;
	margin-left:40px;
	display:relative;
	height:relative;
	
}
.voltar{
	width:40px;
	float:right;
	margin-top:-10px;
	
}

.Manchetes2{
	width:690px;
	float:left;
	margin-top:10px;
	margin-left:40px;
	display:relative;
	height:relative;
	
}


.Facebook{
	width:260px;
	height:120px;
	float:left;
	margin-top:70px;
	margin-left:20px;
}

.PizzaDoDia{
	width:229px;
	height:201px;
	float:left;
	margin-top:145px;
	margin-left:20px;
	padding: 4px;
	background-color: #ffffff;
	text-align:left;
}

.Titulo{
	color:#382116;
	font-size:20px;
	font-family:OpenSans Bold;
	margin-top:5px;
	float:left;
	display:relative;
}

.Legendas{
	color:#A31A21;
	font-size:16px;
	font-family:OpenSans Regular;
	margin-top:-10px;
	margin-bottom:30px;
	float:left;
	display:relative;
	
}

.Descricao{
	color:#382116;
	font-size:14px;
	font-family:OpenSans Regular;
	margin-top:-20px;
	text-align:justify;	
	float:left;
	display:relative;
	
}
.LinhaLateral{
	float:left;
	display:relative;
	width:232px;
	margin-bottom:25px;
	

}

.TituloManchete{
	color:#382116;
	font-size:20px;
	font-family:OpenSans Bold;
	margin-top:5px;	
}

.titulomanchete:link {
	color:#382116;
	font-size:20px;
	font-family:OpenSans Bold;
	margin-top:5px;
	text-decoration:none;	
	text-align:justify;	
}

.titulomanchete:visited{
	color:#382116;
	font-size:20px;
	font-family:OpenSans Bold;
	margin-top:5px;
	text-decoration:none;
	text-align:justify;	
}

.titulomanchete:hover {
	color:#a31a21;
	font-size:20px;
	font-family:OpenSans Bold;
	margin-top:5px;
	text-decoration:none;
	text-align:justify;	
}

.titulomanchete:active {
	color:#382116;
	font-size:20px;
	font-family:OpenSans Bold;
	margin-top:5px;
	text-decoration:none;
	text-align:justify;	
}

.DescricaoManchete{
	color:#382116;
	font-size:14px;
	font-family:OpenSans Regular;
	margin-top:-15px;
	text-align:justify;	
}

.descricaomanchete:link {
	color:#e2d9c0;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;	
	text-align:justify;	
}

.descricaomanchete:visited{
	color:#e2d9c0;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;
	text-align:justify;	
}

.descricaomanchete:hover {
	color:#a31a21;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;
	text-align:justify;	
}

.descricaomanchete:active {
	color:#e2d9c0;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;
	text-align:justify;	
}

.Horarios{
	width:260px;
	height:220px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	display:relative;

	
	
}
.Horarios2{
	width:260px;
	height:220px;
	float:left;
	margin-top:130px;
	margin-left:20px;
	display:relative;

	
	
}
.Horarios1{
	width:260px;
	height:220px;
	float:left;
	margin-top:135px;
	margin-left:20px;
	display:relative;
	
	
}

.Bordas{
	width:229px;
	height:100px;
	float:left;
	margin-top:150px;
	margin-left:20px;
	
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}
.Ligue{
	width:229px;
	height:100px;
	float:left;
	margin-top:45px;
	margin-left:20px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	display:relative;
}
.Ligue2{
	width:229px;
	height:100px;
	float:left;
	margin-top:155px;
	margin-left:20px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	display:relative;
}
.Saladas{
	width:300px;
	height:125px;
	float:left;
	margin-top:0px;
	margin-left:0px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}
.Saladas2{
	width:300px;
	height:125px;
	float:left;
	margin-top:relative;
	margin-left:35px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	text-decoration:none;
}
.Pizzas{
	width:300px;
	height:125px;
	float:left;
	margin-top:0px;
	margin-left:35px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	text-decoration:none;
}

.pizzas:hover{
	text-decoration:none;
}

.Sanduiches{
	width:300px;
	height:125px;
	float:left;
	margin-left:0px;
	margin-top:130px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	display:absolute;
}

.Sucos{
	width:300px;
	height:125px;
	float:left;
	margin-top:130px;
	margin-left:35px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	display:absolute;
}

.Sanduiches2{
	width:300px;
	height:125px;
	float:left;
	margin-left:relative;
	margin-top:relative;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	display:absolute;
}

.Sucos2{
	width:300px;
	height:125px;
	float:left;
	margin-top:relative;
	margin-left:35px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
	display:absolute;
}


.PratosEspeciais{
	width:300px;
	height:125px;
	float:left;
	margin-top:120px;
	margin-left:0px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}

.PratosEspeciais2{
	width:300px;
	height:125px;
	float:left;
	margin-top:relative;
	margin-left:0px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}
.Pizzas2{
	width:300px;
	height:125px;
	float:left;
	margin-top:relative;
	margin-left:0px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}
.Porcoes{
	width:300px;
	height:125px;
	float:left;
	margin-top:120px;
	margin-left:35px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}

.Porcoes2{
	width:300px;
	height:125px;
	float:left;
	margin-top:relative;
	margin-left:35px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}
.Porcoes3{
	width:300px;
	height:125px;
	float:left;
	margin-top:0px;
	margin-left:35px;
	padding: 4px;
	text-align: center;
	background-color: #ffffff;
	text-align:left;
}
.Compartilhar{
	float:right;
	width:220px;
	margin-top:130px;
	margin-right:40px;
}

.Rodape{
	height: 150px;
	width: 100%;
	float: left;
}


.Logo2{
	width:120px;
	float:left;
	margin-left:10px;
	margin-top:25px;
}

.Divide{
	width:10px;
	float:left;
	margin-left:50px;
	margin-top:30px;
}

.Endereco{
	width:500px;
	float:left;
	margin-left:20px;
	margin-top:30px;
	font-family:OpenSans Regular;
	color:#e2d9c0;
	font-size:14px;
}

.TituloRodape{
	font-family:OpenSans Bold;
	margin-top:20px;
}

.DescricaoRodape{
	font-family:OpenSans Regular;
	margin-top:-15px;
}
.Jmaykel{
	float:left;
	margin-left:10px;
	margin-top:40px;
}

.LinksCardapio{
	width:680px;
	float:left;
	margin-top:10px;
	margin-left:30px;
	font-family:OpenSans Regular;
	font-size:14px;
	text-align:left;
	
	
}

.menucardapio:link {
	color:#c10001;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;
	margin-right:10px;
	margin-left:10px;
	
	
}

.menucardapio:visited{
	color:#c10001;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;
}

.menucardapio:hover {
	color:#37261c;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;
}

.menucardapio:active {
	color:#c10001;
	font-family:OpenSans Regular;
	font-size:14px;
	text-decoration:none;	
}
.SetaSanduíches{
	float:left;
	width:680px;
	margin-top:-10px;
	margin-left:33px;
}
.SetaSanduichesNoPrato{
	float:left;
	width:380px;
	margin-top:-10px;
	margin-left:215px;
}
.SetaTradicionais{
	float:left;
	width:680px;
	margin-top:-10px;
	margin-left:37px;
}

.SetaEspeciais1{
	float:right;
	width:80px;
	margin-top:-10px;
	margin-right:493px;
}

.SetaEspeciais2{
	float:right;
	width:85px;
	margin-top:-10px;
	margin-right:373px;
}

.SetaDoces{
	float:right;
	width:80px;
	margin-top:-10px;
	margin-right:280px;
}

.SetaDocesEspeciais{
	float:right;
	width:80px;
	margin-top:-10px;
	margin-right:163px;
}


.CardapioPizzas{
	width:680px;
	float:left;
	margin-left:0px;
	margin-top:-20px;
	margin-bottom:20px;
	font-family:OpenSans Regular;
	font-size:14px;
	color:#981e1e;
	text-align:left;
	text-decoration:none;
}

.TituloCardapio{
	color:#382116;
	font-size:14px;
	font-family:OpenSans Bold;
	margin-top:5px;
}

.DescricaoCardapio{
	color:#8d583c;
	font-size:14px;
	font-family:OpenSans Regular;
	margin-top:-20px;
	margin-bottom:5px;
	text-align:justify;	
	max-width:640px;
}

.ObservacoesPizza{
	color:#bf2122;
	font-size: 12px;
	font-family:OpenSans Semibold;
	width:90%;
	

}

.linhahorizontal{
	margin-bottom:40px;
	margin-top:20px;
}
.mapa{
	margin-top:20px;
	margin-left:20px;
}
/* INICIO DO CSS DO FORMULARIO*/

#BoxForm {
	margin-top:10px;
	padding:20px 0 30px 20px;
	width:550px;
	height:300px;
	
	
	
}

#form ul li {
	margin:10px 0;
	list-style:none;
	position:relative;
	clear:both;
	font-family:OpenSans Light;
	font-size:16px;
}

#form label {
	margin:8px 0;
	line-height:45px;
	width:80px;
	text-align:left;
	float:left;
	color:#382116;
	
}

#form input#name, #form input#email, #form select#subject, #form textarea {
	float:right;
	padding:15px;
	border:1px solid #CCCCCC;
	background:#fcfcfc;
	border-radius:5px;
	color:#A31A21;
	font-family:OpenSans Regular;
	font-size:14px;
}




#form input#name, #form input#email, #form select#subject {
	width:400px;
}

#form textarea {
	width:400px;
	height:80px;
	resize:none;
}

#form input {
	color:#999;
	float:right;
}

#form input#send_message {
	width:100px;
	height:40px;
	margin:15px 0 0 10px;
	cursor:pointer;
	font-size:13px;
	color:#f6f6f6;
	background:#A31A21;
	border:1px solid #ccc;
	border-radius:5px;
	font-family:OpenSans Bold;
}

#form input#send_message:hover {
	color:#FFCB05;
	background:#382116;
	border-color:#A31A21;
}

.hoverzoom {
	position: relative;
    width: 300px;
    overflow: hidden;
}
.hoverzoom > img {
   width: 100%; 
	border-radius: 2px;
	-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover > img {
	-webkit-transform: scale(1.5);
	   -moz-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	     -o-transform: scale(1.5);
	        transform: scale(1.5);
}
.hoverzoom .retina{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);    
    border-radius: 2px;
    text-align: center;
    
 
    -webkit-transition:	 all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); 
}
.hoverzoom:hover .retina {
    opacity: 100%;
    box-shadow: inset 0 0 300px 125px rgba(0,0,0,.5);
    
}
.hoverzoom .retina p {
	color: #fff;
}
.hoverzoom .retina a {
	display: block;
	width: 300px;
	height:125px;
	background: #6fc5e9;
	border: 1px solid #59afd4;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	
}


/* FIM DO CSS DO FORMULARIO*/