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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	background: #000;
	font-weight: 400;
	font-size: 15px;
	color: #aa3e03;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}
a{
	color: #333;
	text-decoration: none;
}



.clr{
	clear: both;
}




/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/****************************************** NAVIGATION START WITH MEDIAQUERIES ****************************************/

nav {
	width: 100%;
	position: relative;
	height: 65px;
	line-height: 65px;
	margin-top: 40px;
	background-image: url(../img/menu-bg.png);
		opacity: 0.9;
	text-transform: uppercase;
	z-index: 999;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
	
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 810px;
	height: 65px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	display: inline-block;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 22px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	padding: 0px 20px;
	letter-spacing: 1px;
	color: #fff;
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

nav li a#logo {
padding: 0px;
height: 65px;
}

nav li a#logo  img{
position: relative; 
top: -26px;
}

nav li a#logo:hover, nav li a#logo:active {
background: none;
}


nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4 !important;
	color: #fff;
	text-decoration: none;
}
nav a#pull {
	display: none;
}



/*Styles for screen 515px and lower*/
@media only screen and (max-width : 760px) {

		nav { 
  		height: auto;
		margin-top: 0px;
		margin-bottom: 20px;
  	}
  	nav li {
  		width: 100%;
  		display: block;
  		height: auto;
  	}

  	nav li a {
		border-bottom: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
	background-image: url(../img/menu-bg.png);
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 35px;
		top: 20px;
	}
	
	nav li a#logo {display: none;}
	
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}

/****************************************** END navigation start with mediaqueries ****************************************/


/****************************************** START my style retro ****************************************/



#slider-text{
	float: left;
	background:#fff;
	position: relative;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width: 320px;
	background: url(../img/o08.png);
	clear: both;
	margin: 40px; margin-top: 0px;
}

.slide_text{ font-size:14px; padding:30px; padding-top: 15px; text-align: justify; font-family:"Open Sans",Arial; line-height:1.7em; font-weight:normal; text-shadow:none; color:#333; font-weight:500; }
.slide_text p{ margin:auto; }
.slide_text h2{font-size:20px; color:#cc0f10;}

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

#slider-text{
	
	width: 90%;
	background: url(../img/o08.png);
	clear: both;
	margin: 20px; margin-top: 0px;
	margin:0 auto;
	float: none;
}

span.shide {display: none;}


}



#phone-bar {
width: 100%; 
height: 54px;
background: url(../img/bar.png);
position: relative;
position: absolute;
bottom:40px;
text-align: center;
font-family:"Open Sans",Arial;
line-height: 37px;
color: #fff;
font-weight: 600;
font-size: 14px;
}
#phone-bar span.number {font-size: 20px; position: relative; font-weight: 800; top: 1px;}
#phone-bar span.number img {margin: 0px 3px;}
#phone-bar a[href^=tel]{
    color:inherit;
    text-decoration:none;
}


#content-wrapper{ padding:40px 0 40px 0; margin-top:135px; margin-bottom:50px; background: url(../img/o08.png); width:100%;}
#content-wrapper.no-bg{background:none;}

div.center960 {width: 960px; margin: 0 auto;}

.menu-item{margin-bottom:20px; min-height: 60px;}
.menu-item img{ position:absolute; width:70px; height:70px;}
.menu-item .price{ position:static; float:right; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:#CD1C1D; padding:0 5px 0 5px; color:#fff; width:50px; text-align:center; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.menu-info{margin-left:90px;}
.menu-info h4{ font-size:15px; margin-bottom:5px; color: #CD1C1D; font-weight: bold;}

#map {padding: 2px; border: 1px solid #cecece; background: #fff;}

input, textarea{ padding:8px; border:solid 1px #bbb; background: url(../img/o08.png); display:block; width:100%; font-size:14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
input:focus, textarea:focus{ background:#fff; border:solid 1px #bbb;}

input[type="submit"] {width: 200px; float: right;}
input[type="submit"]:hover {background:#fff; border:solid 1px #bbb;}



div.imgh { overflow:hidden; position:relative; border:5px solid white; box-shadow: 0 2px 5px rgba(0,0,0,.4); height: 130px; margin: 5px auto;}

.shadow {  position:absolute; top:0; left:0; opacity:1; background:transparent; width:100%; height:100%; 
	-webkit-box-shadow: inset 0 0 60px 20px rgba(37,27,23,.5);
	-moz-box-shadow: inset 0 0 60px 20px rgba(37,27,23,.5);	
	box-shadow: inset 0 0 60px 20px rgba(37,27,23,.5);
	-webkit-transition: opacity 1.5s .5s;-moz-transition:opacity 1.5s .5s; -o-transition:opacity 1.5s .5s;-ms-transition:all 1.5s .5s; transition:opacity 1.5s .5s;}
	
div.imgh:hover .shadow {opacity:0;}

div.imgh img {position:relative; top:0;left:0; max-width:auto;vertical-align:bottom;height: 120px;
	-moz-transform:rotate(-4deg) scale(2.2) ;
	-webkit-transform: rotate(-4deg) scale(2.2);
	-o-transform:rotate(-4deg) scale(1.2) ;
	-ms-transform: rotate(-4deg) scale(1.2);
	transform: rotate(-4deg) scale(1.2);
	-moz-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transition:all 1.5s .5s;-moz-transition:all 1.5s .5s; -o-transition:all 1.5s .5s;-ms-transition:all 1.5s .5s; transition:all 1.5s .5s; }
	
div.imgh:hover img {-webkit-transform: scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}

.row p {text-align: justify;}
	
ul.art-list {list-style-type: circle; margin: -10px 30px 10px 30px}