/*-----------------------------------------------------------------------------------

	Theme Name: Pereira Restaurante
	Theme URI: http://www.pereirarestaurante.com.br
	Description: Tema desenvolvido pela Agência Péck para o website do Pereira Restaurante.
	Author: Agência Péck
	Author URI: http://www.agenciapeck.com.br
	Version: 1.0
	
-------------------------------------------------------------------------------------*/
/* FONT */
@font-face {
    font-family: 'gothamblackitalic';
    src: url('fonts/gothamblack-italic-webfont.eot');
    src: url('fonts/gothamblack-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamblack-italic-webfont.woff') format('woff'),
url('fonts/gothamblack-italic-webfont.ttf') format('truetype'),
url('fonts/gothamblack-italic-webfont.svg#gothamblackitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamblackregular';
    src: url('fonts/gothamblack-webfont.eot');
    src: url('fonts/gothamblack-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamblack-webfont.woff') format('woff'),
url('fonts/gothamblack-webfont.ttf') format('truetype'),
url('fonts/gothamblack-webfont.svg#gothamblackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambolditalic';
    src: url('fonts/gothambold-italic-webfont.eot');
    src: url('fonts/gothambold-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothambold-italic-webfont.woff') format('woff'),
url('fonts/gothambold-italic-webfont.ttf') format('truetype'),
url('fonts/gothambold-italic-webfont.svg#gothambolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamboldregular';
    src: url('fonts/gothambold-webfont.eot');
    src: url('fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothambold-webfont.woff') format('woff'),
url('fonts/gothambold-webfont.ttf') format('truetype'),
url('fonts/gothambold-webfont.svg#gothamboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambookitalic';
    src: url('fonts/gothambook-italic-webfont.eot');
    src: url('fonts/gothambook-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothambook-italic-webfont.woff') format('woff'),
url('fonts/gothambook-italic-webfont.ttf') format('truetype'),
url('fonts/gothambook-italic-webfont.svg#gothambookitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambookregular';
    src: url('fonts/gothambook-webfont.eot');
    src: url('fonts/gothambook-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothambook-webfont.woff') format('woff'),
url('fonts/gothambook-webfont.ttf') format('truetype'),
url('fonts/gothambook-webfont.svg#gothambookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_condensedbold';
    src: url('fonts/gothamcondensed-bold-webfont.eot');
    src: url('fonts/gothamcondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamcondensed-bold-webfont.woff') format('woff'),
url('fonts/gothamcondensed-bold-webfont.ttf') format('truetype'),
url('fonts/gothamcondensed-bold-webfont.svg#gotham_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_condensed_bookregular';
    src: url('fonts/gothamcondensed-book-webfont.eot');
    src: url('fonts/gothamcondensed-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamcondensed-book-webfont.woff') format('woff'),
url('fonts/gothamcondensed-book-webfont.ttf') format('truetype'),
url('fonts/gothamcondensed-book-webfont.svg#gotham_condensed_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_condensed_lightregular';
    src: url('fonts/gothamcondensed-light-webfont.eot');
    src: url('fonts/gothamcondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamcondensed-light-webfont.woff') format('woff'),
url('fonts/gothamcondensed-light-webfont.ttf') format('truetype'),
url('fonts/gothamcondensed-light-webfont.svg#gotham_condensed_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_condensedmedium';
    src: url('fonts/gothamcondensed-medium-webfont.eot');
    src: url('fonts/gothamcondensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamcondensed-medium-webfont.woff') format('woff'),
url('fonts/gothamcondensed-medium-webfont.ttf') format('truetype'),
url('fonts/gothamcondensed-medium-webfont.svg#gotham_condensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamexlightitalic';
    src: url('fonts/gothamexlight-italic-webfont.eot');
    src: url('fonts/gothamexlight-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamexlight-italic-webfont.woff') format('woff'),
url('fonts/gothamexlight-italic-webfont.ttf') format('truetype'),
url('fonts/gothamexlight-italic-webfont.svg#gothamexlightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamexlightregular';
    src: url('fonts/gothamexlight-webfont.eot');
    src: url('fonts/gothamexlight-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamexlight-webfont.woff') format('woff'),
url('fonts/gothamexlight-webfont.ttf') format('truetype'),
url('fonts/gothamexlight-webfont.svg#gothamexlightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamlightitalic';
    src: url('fonts/gothamlight-italic-webfont.eot');
    src: url('fonts/gothamlight-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamlight-italic-webfont.woff') format('woff'),
url('fonts/gothamlight-italic-webfont.ttf') format('truetype'),
url('fonts/gothamlight-italic-webfont.svg#gothamlightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamlightregular';
    src: url('fonts/gothamlight-webfont.eot');
    src: url('fonts/gothamlight-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamlight-webfont.woff') format('woff'),
url('fonts/gothamlight-webfont.ttf') format('truetype'),
url('fonts/gothamlight-webfont.svg#gothamlightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothammediumitalic';
    src: url('fonts/gothammedium-italic-webfont.eot');
    src: url('fonts/gothammedium-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothammedium-italic-webfont.woff') format('woff'),
url('fonts/gothammedium-italic-webfont.ttf') format('truetype'),
url('fonts/gothammedium-italic-webfont.svg#gothammediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothammediumregular';
    src: url('fonts/gothammedium-webfont.eot');
    src: url('fonts/gothammedium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothammedium-webfont.woff') format('woff'),
url('fonts/gothammedium-webfont.ttf') format('truetype'),
url('fonts/gothammedium-webfont.svg#gothammediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamthinitalic';
    src: url('fonts/gothamthin-italic-webfont.eot');
    src: url('fonts/gothamthin-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamthin-italic-webfont.woff') format('woff'),
url('fonts/gothamthin-italic-webfont.ttf') format('truetype'),
url('fonts/gothamthin-italic-webfont.svg#gothamthinitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamthinregular';
    src: url('fonts/gothamthin-webfont.eot');
    src: url('fonts/gothamthin-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamthin-webfont.woff') format('woff'),
url('fonts/gothamthin-webfont.ttf') format('truetype'),
url('fonts/gothamthin-webfont.svg#gothamthinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamultraitalic';
    src: url('fonts/gothamultra-italic-webfont.eot');
    src: url('fonts/gothamultra-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamultra-italic-webfont.woff') format('woff'),
url('fonts/gothamultra-italic-webfont.ttf') format('truetype'),
url('fonts/gothamultra-italic-webfont.svg#gothamultraitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamultraregular';
    src: url('fonts/gothamultra-webfont.eot');
    src: url('fonts/gothamultra-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamultra-webfont.woff') format('woff'),
url('fonts/gothamultra-webfont.ttf') format('truetype'),
url('fonts/gothamultra-webfont.svg#gothamultraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GERAL */
html, body{
	
}

body{
	font-family: 'gothambookregular';
	background: #000000;
	overflow: hidden;
}

.clear {
	clear: both;
}

.content-area{
	position: relative; 
	display: block; 
	/*width: 700px;*/
	width: 720px; 
	height:100%; 
	margin: 0 auto;
}

h1{
	display: block;
	font-family: 'gothambookregular';
	color: #000000;
	font-size:20px; 
	margin: 0 0 35px 0;
}

span{
	font-size:15px; 
	font-family: 'gothammediumitalic';
}

p{
	font-family: 'gothambookregular';
	color: #000000;
	font-size:16px;
}

.text-center{
	text-align: center;
}

#cabecalho{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #000000;
	z-index:900;
}
	#cabecalho .half-orange{
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		background: #f89d34;
		z-index: 0;
	}
	
	#cabecalho .logo{
		margin-top: 28px;
	}
	
	#cabecalho ul.menubar{
		list-style: none;
		float: right;
		line-height: 80px;
	}
	
	#cabecalho ul.menubar li{
		position: relative;
		display: inline-block;
		padding: 2px;
	}
	
	#cabecalho ul.menubar li a{
		text-align: center;
		text-transform: uppercase;
		color: #000000;
		text-decoration: none;
		-webkit-transition: all 0.15s ease-out;
		-moz-transition: all 0.15s ease-out;
		-o-transition: all 0.15s ease-out;
		transition: all 0.15s ease-out;
		-webkit-font-smoothing: antialiased;
		font-size: 14px;
	}
	
	#cabecalho ul.menubar li:hover {
		
	}

	#cabecalho ul.menubar .current-menu-item,
	#cabecalho ul.menubar .current_page_item,
	#cabecalho ul.menubar .current-page-ancestor {
  		
	}
	
	#cabecalho ul.menubar li.menu-sep {
		color: #000000;
		text-decoration: none;
	}
	
	#cabecalho ul.menubar li.menu-sep:last-child {
		display:none;
	}
	
	#cabecalho a.btn-pereiracafe {
		position: absolute;
		display: block;
		z-index: 600;
		width: 124px;
		height: 60px;
		background: url(img/btn-pereiracafe.png);
		text-indent: -9999em;
		top:20px;
		right: -180px;
	}

#rodape{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: #000000;
	line-height: 30px;
}

	#rodape p{
		font-size: 12px;
		color: #959595;
		text-align: center;
	}
	
	#rodape a.peck{
		position: absolute; 
		bottom: 0; 
		right:0; 
		width: 30px; 
		height: 30px;
		background: url(img/logo-peck_37x37.jpg) no-repeat center center;
		text-indent: -999em;
	}

/* MODAL */
.modal-content{
	z-index:800;
	margin-top:100px;
	width: 664px;
	height: 585px;
	background-color: rgb(249, 157, 52) transparent;
	background-color: rgba(249, 157, 52, 0.9);
	/* Para navegadores IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f99d34, endColorstr=#f99d34);
	/* Para navegadores IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f99d34, endColorstr=#f99d34)";
	background-image: url(img/parte1.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	border: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	   		box-shadow: none;
}

.modal-contact{
	background-image: none !important;
}

.modal-body{
	padding: 30px;
}

.modal-cardapio{
	width: 600px;
	height: 662px;
}

.modal-cardapio .modal-body{
	background: url(img/bg-cardapio.png) no-repeat center top !important;
}

.modal-backdrop {
  background-color: transparent;
}

.close{
	color: #000;
	font-family: 'gothamboldregular';
	font-size: 18px;
	opacity: 1 !important;
  	filter: alpha(opacity=100) !important;
	text-shadow: none !important;
	position: absolute;
	top: 2px;
	right: 2px;
}

.carousel-control{
	width: 30px;
height: 50px;
top: 50%;
margin-top: -25px;
text-align: center;
line-height: 50px;
font-size: 80px;
}

.carousel-control.left{ background: none !important; }

.carousel-control.right{ background: none !important; }

ul.link{
	list-style:none; padding:0; margin:0;
}

ul.link li{
	float:left;
	margin-right:10px;
}

ul.link li.facebook a{
	background:url(img/facebook.png) no-repeat;
}

ul.link li.instagram a{
	background:url(img/instagram.png) no-repeat;
}

ul.link li a{
	display:block;
	width:25px;
	height:25px;
	text-decoration:none;
	text-indent:-999em;
}

/* O PEREIRA */
.historia{ 
	padding-left: 130px;
	padding-right: 35px;
}

ul.links{
	position: absolute; 
	top: 50px; 
	right: 7px; 
	list-style: none;
}

ul.links li{
	text-align: center; 
	font-size: 20px; 
	width: 20px; 
	height: 20px; 
	line-height: 20px; 
	cursor: pointer;
	margin-bottom: 10px;
}

ul.links li.active{
	background: #fff;
	color: #000;
}

/* CARDAPIO */
ul.cardapio{
	list-style:none; 
	position: absolute; 
	top:0px; 
	left:0; 
	color: #ffffff; 
	font-size:20px; 
	text-transform:uppercase;
	margin: 0;
	padding: 0;
}

ul.cardapio li{
	padding: 5px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	margin-right: 10px;
}

ul.cardapio li.active{
	background: #fff; 
	color:#000;
}

/* CONTATO */
form{
		position: relative;
		display: block;
		width: 564px;
		/* margin:0 auto; */
	}
	
	input[type=text],
	input[type=email]{
		width: 100%;
		height: 40px;
		border: none;
		background: #df8e31;
		color: #000000;
	}
	
	textarea{
		width: 100%;
		height: 156px;
		border: none;
		background: #df8e31;
		resize: none;
		color: #000000;
	}
	
	input[type=submit]{
		float: right;
		font-size: 20px;
		text-transform: uppercase;
		background: transparent;
		border: none;
		color: #000000;
	}
	
	::-webkit-input-placeholder { color:#000000; }
	::-moz-placeholder { color:#000000; } /* firefox 19+ */
	 :-ms-input-placeholder { color:#000000; } /* ie */
	 input:-moz-placeholder { color:#000000; }
	 
	 div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
		 display: block;
position: absolute;
bottom: -72px;
right: -7px;
		}
		
.styled-select select {
   background: transparent;
   width: 100%;
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
}

.styled-select {
   width: 100%;
		height: 35px;
		line-height: 35px;
		border: none;
		background: #df8e31;
		color: #000000;
   overflow: hidden;
}