/**
 * MERKA MEDIOS | CREATIVE
 *
 * AUTHOR:
 * MerkaMedios | Creative
 * info@merkamedios.com
 * http://merkamedios.com
 * +52 55 4622-6737
 *
 *
 *
/* ------------------------------------------ */
/*  GLOBALS */

*{
			margin:0;
			padding:0;
		}
		a{
			color:#8FC2FF;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			text-decoration: underline;
		}
		img{
			border:none;
		}
		
		#content{
			margin:0px auto;
			height:100px;
			width:100%;
			bottom:5%;
			z-index: 3;
			background:#262626 no-repeat 90%;
			border-top:1px solid #000;
			border-bottom:1px solid #4F4F4F;
			position:absolute;
		}
		#contentframe{
			overflow: hidden;
			border-top:solid 1px #4F4F4F;
			border-bottom:1px solid #000;
			height: 100%;
			text-align:left;
			z-index: 0;
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(..page/images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
/* ------------------------------------------ */
body{ background:url(../images/bg.gif) repeat;color:#000;font-size:12px;letter-spacing:1px;line-height:18px;font-weight:400;margin:0;padding:0; font-family:Verdana, Geneva, sans-serif}
frame-body{background:#FFF;color:#000;font-size:12px;letter-spacing:1px;line-height:18px;font-family:'Times New Roman', Times, Georgia;font-weight:400;margin:0;padding:0;}

#bg{z-index:0;position:absolute;top:0;left:0;width:100%;height:1000px;max-width:1500px;overflow:hidden;}
#bg ul{margin:0;padding:0;}
#bg li.bg-image{list-style:none;display:block;position:absolute;top:0;left:0;z-index:1;margin:0;padding:0;}
#bg li.not-loaded{display:none;}

.clear{clear:both;}

/* ------------------------------------------ */
/* END GLOBALS */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* *************[ CSS Text ]**************** */
/* ------------------------------------------ */
#wrapper{position:absolute; left:auto; top:20px; margin:0 auto; z-index:10;}
#container{width:1020px; margin:0px auto 0px auto; text-align:left; }

#spacer{width:1020px; height:25px; }
#spacer-top{width:1020px; height:100px; }
#spacer-home{width:1020px; height:350px; }

#Top_Menu{width:1020px; margin-top:91px; height:92px; display:block;}
#Top_Menu-home{margin-top:200px; height:92px; display:block;  }
#header-h{width:1020px; height:171px; text-align:center; margin-top:0px}


#logo .home{background:url(../images/logo.png) no-repeat; width:239px; height:233px; position:absolute; left:388px; top:25px}
#logo a{display:block; text-indent:-900%; position:absolute; outline:none}
#logo a:hover span{display:block}

#logo_home{width:242px; height:521px; position:absolute; left:388px; top:25px}

#merka{margin-left:480px}
.rss-popup{width:100px;list-style:none;position:relative;padding:0;}
div.rss-popup em{background:url(../images/bubble.png) no-repeat;width:100px;height:100px;position:absolute;top:-150px;left:0;text-align:center;text-indent:-9999px;z-index:2;display:none;}
#rss-icon{width:50x;height:50px;background:url(../images/soloicon.png) no-repeat 0 0;text-indent:-9999px;display:block;margin:0 auto; margin-left:25px;}
.rss-icon{ display:block; width:50px; height:50px; background:url(../images/.png) no-repeat; text-indent:-9999px;}
a#rss-icon:hover{ background-position:0px -50px;}
#welcome {background:url(../images/welcome.png) no-repeat; width:728px; height:181px;}
.welcome{width:1020px;margin-top:200px;margin-left:120px; margin-bottom:25px;}

/* ------------------------------------------ */
/* TOP NAV */
/* ------------------------------------------ */
/* Link - common attributes */
ul#nav_top li a{background:url(../images/top-menu_bg.png) no-repeat scroll top left; display:block; left:0px; height:92px; position:relative}
ul#nav_top li a.piazza{width:268px; list-style:none; background-position:0px 0px}
ul#nav_top li a.alimentos{width:122px; background-position:-268px 0px}
ul#nav_top li a.blank{width:237px; background-position:-390px 0px}
ul#nav_top li a.galeria{width:171px; background-position:-627px 0px}
ul#nav_top li a.contacto{width:221px; background-position:-799px 0px}

#piazza li.piazza a, 
#menu li.alimentos a, 
#blank li.blank a, 
#galeria li.galeria a, 
#contacto li.contacto a{background-position: left bottom}

ul#nav_top li a span{background:url(../images/top-menu_bg.png) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:50; list-style:none}
ul#nav_top li a span:hover{cursor:pointer}
ul#nav_top li a.piazza span{background-position:0px -92px}
ul#nav_top li a.alimentos span{background-position:-268px -92px}
ul#nav_top li a.blank span{background-position:-390px -92pxx}
ul#nav_top li a.galeria span{background-position:-627px -92px}
ul#nav_top li a.contacto span{background-position:-799px -92px}
ul#nav_top{margin:0 0 0px; padding:0; list-style:none; width:1020px; float:left}
ul#nav_top li{float:left; margin:0; padding:0}

body#piazza ul#nav_top li a.piazza{background-position:0 -92px;}
body#alimentos ul#nav_top li a.alimentos{background-position:-268px -92px;}
body#blank ul#nav_top li a.blank{background-position:-390px -92px;}
body#galeria ul#nav_top li a.galeria{background-position:-627px -92px;}
body#contacto ul#nav_top li a.contacto{background-position:-799px -92px;}
/* ------------------------------------------ */
/* END TOP NAV */
/* ------------------------------------------ */


/* -------------------------------------------------- */
/* *************[   FRAME CONTEINER   ]**************** */
/* -------------------------------------------------- */
/* Medidas & Ubicacion  */
.frame-wrapper{width:900px;overflow:hidden;margin-top:20px;margin-left:0;}
/* END Medidas & Ubicacion   Imagenes y Contenedor  */
.frame-top{height:70px;width:900px;background:url(../images/frame-top.png) no-repeat;text-align:left;z-index:-99999px;}
/* End Text Inside Conteiner  */
.frame-down{height:50px;width:900px;background:url(../images/frame-buttom.png) no-repeat;}
#frame-conteiner{background:url(../images/frame-conteiner.png) repeat-y;text-align:justify;padding:0;
}
/* Text Inside Conteiner  */
.frame-texto{width:820px;text-align:justify;padding:1px 30px;}

/* -------------------------------------------------- */
/* *************[ END FRAME CONTEINER ]**************** */
/* -------------------------------------------------- */

/* ------------------------------------------ */
/* links Web */
/* ------------------------------------------ */

/* Link - common attributes */
#linksContainer{width:1020px;height:350px;}
#linksContainer_contacto{width:1020px;height:250px; position:relative; top:-50px; margin-bottom:25px;}
ul#links{width:1020px;height:350px;position:absolute;list-style:none;}
ul#links li{display:inline;}
ul#links li a{height:350px;float:left;text-indent:-9999px;}

ul#links li#links-quienes a{width:262px; background:url(../images/piazza_links.png) no-repeat 0 0;}
ul#links li#links-quienes a:hover{background-position:0 -350px;}

ul#links li#links-piazza a{width:430px;background:url(../images/piazza_links.png) no-repeat -262px 0;}
ul#links li#links-piazza a:hover{background:url(../images/piazza_links.png) no-repeat -262px -350px;}

ul#links li#links-oferta a{width:328px;background:url(../images/piazza_links.png) no-repeat -692px -0px;}
ul#links li#links-oferta a:hover{background:url(../images/piazza_links.png) no-repeat -692px -350px;}

ul#links li#links-menu a{width:347px; background:url(../images/links-menu.png) no-repeat 0 0;}
ul#links li#links-menu a:hover{background-position:0 -350px;}

ul#links li#links-chef a{width:373px;background:url(../images/links-menu.png) no-repeat -347px 0;}
ul#links li#links-chef a:hover{background:url(../images/links-menu.png) no-repeat -347px -350px;}

ul#links li#links-postres a{width:300px;background:url(../images/links-menu.png) no-repeat -719px -0px;}
ul#links li#links-postres a:hover{background:url(../images/links-menu.png) no-repeat -719px -350px;}

ul#links li#links-instala a{width:510px; background:url(../images/links-galeria.png) no-repeat 0 0;}
ul#links li#links-instala a:hover{background-position:0 -350px;}

ul#links li#links-risto a{width:510px;background:url(../images/links-galeria.png) no-repeat -510px 0;}
ul#links li#links-risto a:hover{background:url(../images/links-galeria.png) no-repeat -510px -350px;}

ul#links li#links-reserva a{width:510px; background:url(../images/links-contacto.png) no-repeat 0 0;}
ul#links li#links-reserva a:hover{background-position:0 -350px;}

ul#links li#links-forma a{width:510px;background:url(../images/links-contacto.png) no-repeat -510px 0;}
ul#links li#links-forma a:hover{background:url(../images/links-contacto.png) no-repeat -510px -350px;}


/* ------------------------------------------ */
/* END Links Web */
/* ------------------------------------------ */
/* ------------------------------------------ */
/* footer */
/* ------------------------------------------ */
.open_table{ display:block; width:390px; height:92px; background:url(../images/footer.png) no-repeat; text-indent:-9999px;}
a.open_table:hover{ background-position:0px -92px;}

.telefono{ display:block; width:237; height:92px; background:url(../images/footer.png) no-repeat -390px 0; text-indent:-9999px;}
a.telefono:hover{ background-position:-390px -92px;}

.mapa{ display:block; width:390px; height:92px; background:url(../images/footer.png) no-repeat -627px -0px; text-indent:-9999px;}
a.mapa:hover{ background-position:-627px -92px;}

/* ------------------------------------------ */
/* END TOP NAV */
/* ------------------------------------------ */