@font-face {
    font-family: 'opensansmedium';
    src: url('../fonts/opensansmedium.eot');
    src: url('../fonts/opensansmedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensansmedium.woff') format('woff'),
         url('../fonts/opensansmedium.ttf') format('truetype');
}

body               {font-family: "opensansmedium"; width:70%; max-width:1200px; min-width:300px; margin:0 auto; background:#000000;}
header             {position:relative; margin:60px 15px 30px 15px; z-index:999; background-image: url("../img/bg.jpg") center top;}
._gotoindex        {text-align:left; width:150px;}
.index_h1          {position:absolute; top:0; right:0; color:#2B2B2B; font-size:75px; margin:0; padding:0 60px 0 0; z-index:888;}
#logo_img          {display:inline; width:150px;}
.container_art img {box-shadow:0 1px 4px rgba(0,0,0,0.2);}

  header a {
    display: block;
    text-decoration: none;
    text-align: center;
    transition: color ease-in-out .25s, background-color ease-in-out .25s, text-shadow ease-in-out .25s; }
  header a.open-menu-btn {
    position: absolute;
    top: 35%;
    right: 0;
    font-size: 0;
    line-height: 0;
	font-weight:100;
    margin: 0;
    padding: 0; 
	z-index:999;}
    header a.open-menu-btn:after {
      content: " ";
      border-color: #d2ac67;
      border-style: solid none double;
      border-width: 4px 0 12px;
      display: block;
      transition: border-color ease-in-out .25s;
      height: 2px;
      height: 0.25rem;
      width: 32px;
      width: 2rem; 
	 }
    header a.open-menu-btn:hover:after {
      border-color: #999; }
  header a.close-menu-btn {
    position: absolute;
    color: #FFF;
    text-decoration: none;
    right: 15px;
    right: 0.9375rem;
    font-size: 15px;
    font-size: 2.25rem; }
    header a.close-menu-btn:hover {
      color: #999; }
  header nav {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    z-index: 998;
    transition: top ease-in-out .5s; }
    header nav.open {
      top: 0; }
    header nav ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    header nav li a {
      color: #FFF;}
      header nav li a:hover {
        background-color: #000;
        color: #FFF;
        text-shadow: 1px 1px 0 rgba(82, 13, 18, 0.75); }


#rig {
	max-width:1200px;
	margin:0 auto; /*center aligned*/
	padding:0;
	font-size:0; /* Remember to change it back to normal font size if have captions */
	list-style:none;
	background-color:none;
}
#rig li {
	display:inline-block;
	*display:inline;/*for IE6 - IE7*/
	width:100%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

/* The wrapper for each item */
.rig-cell {
	margin:15px;
	box-shadow:0 1px 4px rgba(0,0,0,0.4);
	padding:0;
	border:none;
	color:#555;
	background-color:none;
	text-decoration:none;
	text-align:left;
	display:block;
	position: relative;
	overflow:hidden;
}

.rig-cell h1, .rig-cell h2 {
	position:absolute;
	top:10px;
	left:30px;
	border:none;
	width:100%;
	height:0;
	z-index:888;
	color:#FFF;
	background-color: #AB2E30;
	font-size:30px;
	font-weight:100;
}

#rig li:hover .rig-img:after {
	opacity:1;
	transform:scale(1);
}

/* If have the overlay layer */
.rig-overlay {
	position: absolute;
	display:block;
	top:0;left:0;bottom:0;right:0;
	margin:auto;
	background:white;
	background-size:50px 50px;
	opacity:0;
	filter:alpha(opacity=0);/*For older IE*/
	transition:all 0.3s;
}
#rig li:hover .rig-overlay {
	opacity:0.2;
}



.rig-img-pizza       {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_pizza.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-salad       {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_salad.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-bruschette  {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_bruschette.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-aperitive   {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_aperitive.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-supe        {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_supe.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-paste       {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_paste.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-carne       {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_carne.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-peste       {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_peste.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-garnituri   {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_garnituri.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-desert      {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_desert.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-banchet     {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_banchet.jpg); background-repeat:no-repeat; position:relative;}
.rig-img-bauturi     {display:block; border:none; width:100%; height:0; padding-top:100%; background-size:cover; background-color:none; background-image:url(../img/index_bauturi.jpg); background-repeat:no-repeat; position:relative;}




.rig_pages-title           {position:relative; float:left; display:block; width:100%; height:62px; background:#111;}
.rig_pages-pic             {width:100%; position:relative; float:left; display:block; margin:0; padding:0;}
.rig_pages-pic img         {width:100%;}
.rig_pages-text            {position:relative; float:left; display:block; width:100%; height:100px; background:#090909;}
.rig_pages-text-5          {position:relative; float:left; display:block; width:100%; height:170px; background:#090909;}
.rig_pages-text-10         {position:relative; float:left; display:block; width:100%; height:385px; background:#090909;}
.rig_pages-text-12         {position:relative; float:left; display:block; width:100%; height:430px; background:#090909;}
.rig_pages-text-20         {position:relative; float:left; display:block; width:100%; height:530px; background:#090909;}
.rig_pages-text-5 p, .rig_pages-text-10 p, .rig_pages-text-12 p, .rig_pages-text-20 p       {position:relative; color:#FFF; font-size:20px; font-weight:100; line-height:16px; margin:0; padding:10px 0 0 10px; z-index:888;}
.text_ml                   {color:#999; font-size:16px; font-weight:100; z-index:888;}
.text_cost                 {color:#FF0004; font-weight:100; font-size:25px;}   
.text_ml_mdl               {color:#FF0004; font-weight:100; font-size:15px;}


#rig_pages h1        {position:absolute; top:8px; left:10px; color:#FFF; font-size:30px; font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h11       {position:absolute; top:0; left:10px; color:#FFF; font-size:22px; font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h2        {position:absolute; top:45px; left:10px; color:#999; font-size:20px; font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h3        {position:absolute; top:37px; right:10px; color:#999; font-size:17px; font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h4        {position:absolute; top:10px; left:10px; color:#FFF; font-size:15px; font-weight:100; line-height:16px; margin:0; padding:0; z-index:888;}
#rig_pages h5        {position:absolute; top:50px; left:10px; color:#999; font-size:15px; font-weight:100; line-height:16px; margin:0; padding:0; z-index:888;}
#rig_pages h6        {position:absolute; top:2px; right:10px; color:#FF0000; font-size:40px; font-weight:100; margin:0; padding:0; z-index:888;}
.mdl                 {color:#FF0004; font-weight:100; font-size:20px;}

.rig_pages-cell {
	margin:17px;
	box-shadow:0 1px 4px rgba(0,0,0,0.4);
	padding:0;
	color:#555;
	text-decoration:none;
	text-align:left;
	display:block;
	position: relative;
	overflow:hidden;
}

#rig_pages {
	max-width:1500px;
	margin:0 auto; /*center aligned*/
	padding:0;
	font-size:0; /* Remember to change it back to normal font size if have captions */
	list-style:none;
	background-color:none;
}
#rig_pages li {
	display:inline-block;
	*display:inline;/*for IE6 - IE7*/
	width:33.333334%;
	vertical-align:middle;
	box-sizing:border-box;
	margin:0;
	padding:0;
}



.icon_footer a {text-decoration:none; color:#d2ac67;}
.icon_fb_      {display:inline; float:left; width:35px; height:60px; margin:50px 0 30px 15px; padding:0; border:0}
.icon_vk_      {display:inline; float:left; width:35px; height:60px; margin:50px 0 30px 0; padding:0; border:0}
.icon_in_      {display:inline; float:left; width:35px; height:60px; margin:50px 0 30px 0; padding:0; border:0}
.icon_st_      {display:inline; float:left; width:35px; height:60px; margin:50px 0 30px 0; padding:0; border:0}
.icon_tl_      {display:inline; float:right; text-align:right; width:190px; height:60px; margin:28px 15px 30px 0; padding:0; border:0;}
.icon_back     {display:none;}



#toTop          {display:none; text-decoration:none; position:fixed; bottom:100px; right:100px; overflow:hidden; width:60px; height:60px; border:none; text-indent:100%; 
                 background:url(../img/ui.totop.png) no-repeat left top;}
#toTopHover     {background:url(../img/ui.totop.png) no-repeat left -60px; width:60px; height:60px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}





@media (max-width: 9000px) {
	#rig li {width:33.3333334%;}
	#rig_pages li {width:50%;}
}



@media (max-width: 1800px) {
    body      {width:100%; max-width:1200px; min-width:300px; margin:0 auto;}
	#rig li   {width:33.3333334%;}
	#rig_pages li {width:50%;}
	.rig-cell {margin:15px;}
}

@media (max-width: 1000px) {
    body          {width:100%; max-width:1200px; min-width:300px; margin:0 auto;}
	#rig li       {width:33.3333334%;}
	#rig_pages li {width:50%;}
	.rig-cell     {margin:5px;}
    #rig_pages h1 {top:18px; font-size:22px;}
    .h1_small     {font-size:13px}
    .h1_smaller   {font-size:12px}
	#rig_pages h2 {top:42px; font-size:18px}	
    #rig_pages h4 {font-size:calc(0.5rem + 0.3vw); font-weight:100;}
    #rig_pages h5 {font-size:calc(0.5rem + 0.3vw); font-weight:100;}
}

@media (max-width: 700px) {
	body            {background:#000;}
    header          {padding:0; margin:0; z-index:999; width:100%; background:#000; min-width:300px; }
	header a.open-menu-btn {margin:0; padding:10px 10px 0 0;}
	body            {width:100%; max-width:1200px; min-width:300px; margin:0 auto;}
	._gotoindex     {text-align:left; width:100px;}
    .index_h1       {position:absolute; top:40px; right:-5px; color:#2B2B2B; font-size:33px; margin:0; padding:0 60px 0 0; z-index:888;}
    #logo_img       {display:inline; width:100px; padding: 20px 0 20px 10px;}
	#rig li         {width:50%;}
    .rig-cell       {margin:0; padding:1px;}
    .rig-cell h1    {top:0; left:13px; font-size:20px; font-weight:100;}
    .rig-cell h2    {top:10px; left:20px;}
	.rig-overlay    {display:none;}
    .last           {margin-bottom:50px;}
	.icon_footer    {position:fixed; left:0; bottom:0; width:100%; background:#000; min-width:300px; z-index:999;}
    .icon_fb_       {display:inline; float:left; width:35px; height:25px; margin:10px 0 10px 10px;}
	.icon_in_       {display:inline; float:left; width:35px; height:24px; margin:10px 0 10px 3px;}
	.icon_st_       {display:inline; float:left; width:35px; height:24px; margin:10px 0 0 0; padding:0; border:0;}
    .icon_back      {display:none; position:fixed; bottom:0; right:0; width:50px; height:50px; /*border-top:1px solid #222; border-left:1px solid #222; */}
	.icon_tl_       {display:inline; float:right; text-align:right; width:200px; height:25px; margin:5px 10px 2px 0; padding:0; border:0;}
    .icon_tl_ h2    {margin:0; padding:0;}


.rig_pages-text    {position:relative; float:left; display:block; width:100%; height:87px; background:#111;}	
#rig_pages h1      {position:absolute; top:15px; left:10px; color:#FFF; font-size:calc(5.8vw); font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h11     {position:absolute; top:6px; left:10px; color:#FFF; font-size:calc(4.3vw); font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h2      {position:absolute; top:45px; left:10px; color:#999; font-size:20px; font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h3      {position:absolute; top:32px; right:10px; color:#999; font-size:17px; font-weight:100; margin:0; padding:0; z-index:888;}
#rig_pages h4      {position:absolute; top:16px; left:10px; color:#FFF; font-size:calc(3.2vw); font-weight:100; letter-spacing:-0.5px; line-height:12px; margin:0; padding:0; z-index:888;}
#rig_pages h5      {position:absolute; top:45px; left:10px; color:#999; font-size:calc(3.2vw); font-weight:100; letter-spacing:-0.5px; line-height:12px; margin:0; padding:0; z-index:888;}
#rig_pages h6      {position:absolute; top:5px; right:10px; color:#FF0000; font-size:35px; font-weight:100; margin:0; padding:0; z-index:888;}
.mdl               {color:#FF0004; font-weight:100; font-size:17px; padding-left:2px;}
	
.rig_pages-text-5 p, .rig_pages-text-10 p, .rig_pages-text-12 p, .rig_pages-text-20 p {position:relative; color:#FFF; font-size:calc(4vw); font-weight:100; letter-spacing:-0.5px; line-height:16px; margin:0; padding:10px 0 0 10px; z-index:888;}
	
	

#toTop             {display:none; text-decoration:none; position:fixed; bottom:55px; right:10px; overflow:hidden; width:60px; height:60px; border:none; text-indent:100%; 
                    background:url(../img/ui.totop.png) no-repeat left top; z-index:999;}
#toTopHover        {background:url(../img/ui.totop.png) no-repeat left -60px; width:60px; height:60px; display:block; overflow:hidden; float:left; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); z-index:999;}
#toTop:active, #toTop:focus {outline:none; z-index:999;}
	
	
	/* COLD.HTML  */
    #rig_pages li   {width:100%;}
	.rig_pages-cell {margin:0; padding:0; border-top:10px solid #222; border-bottom:none; border-right:none; border-left:none;}
    .last           {margin-bottom:50px;}
}