@charset "UTF-8";
/* CSS Document */

/* * * * * * * * * * * *

		resets
		
* * * * * * * * * * * */
		
		
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

		
/* * * * * * * * * * * *

	layout containers

* * * * * * * * * * * */
		
		
#content{
	width:950px;
	height:100%;
	margin:30px auto;
	text-align:left;
	}
			
#nav_top{
	width:950px;
	height:40px;
	text-align:left;
	padding-top:5px;
	padding-bottom: 60px;
	}
			
.logo{ 
	text-indent:-9000%;
	}
		
#menu{
	width:auto;
	height: 45px;
	float:right;
	padding: 0;
	text-align:left;
	}
		
.menusup{
	width:113px;
	}
		
#controls{ 
	padding:0 10px; 
	}
		
.section200{ 
	width:200px; 
	float: left;
	}
		
.section720{ 
	width:690px;
	float: right;
	}
			
.section920{ 
	width:920px;
	float: right;
	}
			
.horiz_chunk{
	margin: 0;
	min-height: 22px;
	width: 950px;
	}
			
.mvright { 
	margin-left:30px; 
	}
.mvright_bis { 
	margin-left:90px;
	}
		
.mvdown { 
	margin-top: 34px; 
	}
		
#nav_content{
	margin-top:0;
	position:relative;
	}
			
#principal {
	overflow:auto;
	width:400px;
	height: 350px;
	float:left;
	color: #000;
	position: relative;
	padding: 10px 10px 3px 10px;
	background-image: url(../images/bg_semi-trans.png);
			background-repeat: repeat;
	display:block;
	}

			
#nav_foot{
	bottom:0;
	position:fixed;
	margin: 0 0 1.1em 0;
	color: #fff;
	}
			
#sidebar{
	height: 330px;
	position:relative;
	z-index:50;
	}	
			
#cruzplus{
	width:34px;
	height:34px;
	display:none;
	position: absolute;
	z-index: 100;  
	top:0px;  
	left:30px; 
	}
#cerrar_cruzplus{
	position:absolute;
	z-index: 100; 
	float:left;
	width:34px;
	margin-top:0px;
	}
#cerrar_principal{
	position:absolute;
	float:left;
	width:auto;
	background:#fff; 
	top:10px;  
	left:385px;
	}
#cerrar_principal img{
	padding:3px;
	}
	
/* pag-contacto */			
#principal_contacto {
	overflow:auto;
	width:230px;
	height: 180px;
	float:left;
	top: 0;
	color: #000;
	position: relative;
	padding: 10px 10px 0 10px;
	background-image: url(../images/bg_semi-trans.png);
			background-repeat: repeat;
	}
#nav_contacto{
	top: 200px;
	left: 260px;
	position: absolute;
	}
		
/* pag-legal */			
#principal_legal {
	overflow:auto;
	width:300px;
	height: 330px;
	float:left;
	top: 0;
	color: #000;
	position: relative;
	padding: 10px 10px 3px 10px;
	background-image: url(../images/bg_semi-trans.png);
			background-repeat: repeat;
	}

/* pag-reservas */	
#reservagrupos{
	width:450px;
	height:520px;
	display:block;
	position:relative;
	z-index: 10; 
	margin-left:260px;
	}
#cerrar_reserva{
	position:absolute;
	display:none;
	float:left;
	width:auto;
	top:0px;
	left:375px;
	background:#fff;
	text-align:center;
	z-index: 11;
	}
			
#cerrar_reserva img{
	padding:3px;
	}

#principal_reservas {
	overflow:auto;
	display:none;
	width:375px;
	height: 80px;
	float:left;
	top: 0;
	left: 0px;
	color: #000;
	position: absolute;
	padding: 20px 10px 5px 10px;
	background-image: url(../images/bg_semi-trans.png);
			background-repeat: repeat;
	}
#principal_formulario {
	overflow:auto;
	display:none;
	width:400px;
	height: 600px;
	float:left;
	top: 90px;
	left: -10px;		
	position: absolute;
	padding: 10px 10px 3px 10px;
	z-index:20;
	}


/* pag-cocina */
#nav_cocina{
	position: absolute;
	}
		
#nav_cocina_activa{
	position: absolute;
	display:none;
	}
#caja-carta,  #caja_bodega{
	width:130px;
	height:300px;
	position: absolute;
	z-index: 50; 
	left:100px;
	margin-left:15px;
	}

.content{
	overflow:auto;
	display:block;
	width:400px;
	height: 350px;
	float:left;
	color: #000;
	position:relative; 
	margin-top:5px;
	padding: 10px 10px 3px 10px;
}
.content h4{
	width:360px;
	background-color:#fff;
	padding:3px;
	margin-bottom:5px;
	}
.content p{ padding-left:3px;
	
	}
.content.emp, .content.ent, .content.pes, .content.car, .content.pos, .content.casa, .content.cava, .content.blan, .content.rosa, .content.tin, .content.dul{
	background-image: url(../images/bg_semi-trans.png);
			background-repeat: repeat;
	display:none;
	}



		
/* * * * * * * * * * * *
		
	global elements
		
* * * * * * * * * * * */
		
body{
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
		
p, textarea{
	font: .8em/1.3em arial,helvetica,sans-serif;
	margin: 0 0 1.1em 0;
	padding-top: 0;
	}
		
h1,h2{
	margin: 0;
	padding: 0 0 10px 0;
	font: 200 1.4em/1em arial,helvetica,sans-serif;
	}
		
h3,h4{
	margin: 0;
	padding: 0 0 10px 0;
	font: 200 1em/1em arial,helvetica,sans-serif;
	}
		
a{
	text-decoration: none;
	color: #000000;
			}
.clear {
	clear:both; 
	display:block; 
	overflow:hidden; 
	visibility:hidden;
	width:0; 
	height:0;
	}		
.error,.success {
	display:none;
	color:#999;
	}
	
p.error{
	margin-left:100px;
	margin-top:5px; 
	font-size: 11px;
	}

.oculto{
	display:none;
	}
		
	
		
/* * * * * * * * * * * *

	nav lists

* * * * * * * * * * * */
		
ul{
	margin: 0;
	padding: 0;
	}
		
ul li {
	list-style: none;
	float: left;
	}
		
li a { 
	color: #fff;
	}
			
li a:hover{ 
	color: #000;
	}
			
li a.active{ 
	color: #000;
	}
		
		
/* menu_principal */	
		

a.historia, a.historia:link, a.historia:visited, a.restaurante, a.restaurante:link, a.restaurante:visited, a.cocina, a.cocina:link, a.cocina:visited, a.galeria, a.galeria:link, a.galeria:visited, a.reservas, a.reservas:link, a.reservas:visited, a.contacto, a.contacto:link, a.contacto:visited, .chosen{
	display:block;
	width:105px;
	height:45px;
	margin-top:2px;
	text-align:left;
	text-decoration:none;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:45px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0 0 0 5px;
	}

a.historia:hover, a.restaurante:hover, a.cocina:hover, a.galeria:hover, a.reservas:hover, a.contacto:hover {
	color:#000;
	}
a.historia:active, a.restaurante:active, a.cocina:active, a.galeria:active, a.reservas:active, a.contacto:active{
	color:#fff;
	background:#c00;
	}
		
a.historia, a.historia:link, a.historia:visited{
	background: url(../images/b1-trans.png) no-repeat center left
	}
a.historia:hover {
	background: url(../images/b1_bis-trans.png) no-repeat center left
	} 
a.historia:active, .chosen {
	color:#000; 
	background: url(../images/b1_bis-trans.png) no-repeat center left
	} 
		
a.restaurante, a.restaurante:link, a.restaurante:visited{
	background: url(../images/b2-trans.png) no-repeat center left
	}
a.restaurante:hover {
	background: url(../images/b2_bis-trans.png) no-repeat center left
	} 
a.restaurante:active, .chosen{
	color:#000; 
	background: url(../images/b2_bis-trans.png) no-repeat center left
	} 
		
a.cocina, a.cocina:link, a.cocina:visited{
	background: url(../images/b3-trans.png) no-repeat center left
	}
a.cocina:hover {
	background: url(../images/b3_bis-trans.png) no-repeat center left
	} 
a.cocina:active, .chosen {
	color:#000; 
	background: url(../images/b3_bis-trans.png) no-repeat center left 
	}
a.galeria, a.galeria:link, a.galeria:visited{
	background: url(../images/b4-trans.png) no-repeat center left
	}
a.galeria:hover {
	background: url(../images/b4_bis-trans.png) no-repeat center left
	} 
a.galeria:active, .chosen {
	color:#000; 
	background: url(../images/b4_bis-trans.png) no-repeat center left
	}
		
a.reservas, a.reservas:link, a.reservas:visited{
	background: url(../images/b5-trans.png) no-repeat center left
	}
a.reservas:hover {
	background: url(../images/b5_bis-trans.png) no-repeat center left
	} 
a.reservas:active, .chosen {
	color:#000; 
	background: url(../images/b5_bis-trans.png) no-repeat center left
	}
		
a.contacto, a.contacto:link, a.contacto:visited{
	background: url(../images/b6-trans.png) no-repeat center left
	}
a.contacto:hover {
	background: url(../images/b6_bis-trans.png) no-repeat center left
	} 
a.contacto:active, .chosen {
	color:#000; 
	background: url(../images/b6_bis-trans.png) no-repeat center left
	}
	
		
/* pie_list */	
			
#menu_pie{
	text-align: left;
	position: absolute;
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	margin-left:406px;
	bottom:0;
	}
		
p.pie{
	display:block; 
	width:185px; 
	height:25px;
	text-align:left; 
	text-decoration:none; 
	font-size:11px; 
	color:#fff;
	line-height:25px; 
	overflow:hidden; 
	float:left; 
	margin:10px 0 10px 10px;
	}
.pie img{ 
	margin-top:3px;
	}
	
.pie a {text-decoration: underline;
	color: #fff;
	}
	
.pie a:hover {text-decoration: none;
	color: #fff;
	}
a.pie, a.pie:link, a.pie:visited {
	display:block; 
	width:80px; 
	height:25px;
	margin-top:2px; 
	text-align:left; 
	text-decoration: none; 
	color:#fff;
	line-height:25px; 
	overflow:hidden; 
	float:left;
	margin:10px 0 10px 1px;
	}
a.pie:hover {
	color:#fff; 
	text-decoration: underline; 
	}
			
#caja_creditos{
	width:200px;
	height:90px;
	display:none;
	background:none;
	position: absolute;
	z-index: 10;  
	top:-75px; 
	left:15px;
	}
			
#cerrar_creditos{
	position:absolute;
	float:left;
	width:auto;
	margin-top:-20px;
	left:175px;
	background-color:#FFF;
	text-align:center;
	}
				
#cerrar_creditos img{ 
	padding:2px;
	}
			
a.creditos, a.creditos:link, a.creditos:visited {
	display:block; 
	width:190px; 
	height:25px;
	background-image: url(../images/bg_semi-trans.png);
			background-repeat: repeat; 
	margin-top:2px; 
	padding-right:5px; 
	text-align:right; 
	text-decoration:none; 
	color:#000;
	line-height:25px; 
	overflow:hidden;
	}
a.creditos:hover {
	color:#000; 
	background:#fff;
	} 
a.creditos:active {
	color:#000;
	background:#fff;
	} 
			
#infor{
	bottom: 0px;
	position: absolute;
	}	
			
a.informa, a.informa:link, a.informa:visited {
	font-family:verdana, arial, sans-serif; 
	font-size:11px;
	text-align: left;
	display:block; 
	width:200px; 
	height:auto;
	margin:0 3px 3px 0;
	text-decoration: underline;
	color:#fff;
	overflow:hidden; 
	float:left;
	}
a.informa:hover {
	color:#fff; 
	text-decoration: none; 
	}
			
/* contacto_list */
a.nav_contact, a.nav_contact:link, a.nav_contact:visited {
	display:block; 
	width:110px; 
	height:25px;
	background:#000; 
	margin-top:5px; 
	padding-left:5px; 
	text-align:left; 
	text-decoration:none; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px; 
	color:#fff;
	line-height:25px; 
	overflow:hidden;
	}
a.nav_contact:hover {
	color:#000; 
	background:#fff;
	} 
			
/* contacto_list */
a.nav_contact, a.nav_contact:link, a.nav_contact:visited {
	display:block; 
	width:110px; 
	height:25px;
	background:#000; 
	margin-top:5px; 
	padding-left:5px; 
	text-align:left; 
	text-decoration:none; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px; 
	color:#fff;
	line-height:25px; 
	overflow:hidden;
	}
a.nav_contact:hover {
	color:#000; 
	background:#fff;
	} 
			
/* reservas_list */
a.nav_reserve, a.nav_reserve:link, a.nav_reserve:visited {
	display:block; 
	width:130px; 
	height:25px;
	background:#000; 
	margin-top:5px; 
	padding-left:5px; 
	text-align:left; 
	text-decoration:none; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px; 
	color:#fff;
	line-height:25px; 
	overflow:hidden;
	}
a.nav_reserve:hover {
	color:#000; 
	background:#fff;
	} 
		
/* cocina_list */
a.nav_cocina, a.nav_cocina:link, a.nav_cocina:visited, .activo {
	display:block; 
	width:70px; 
	height:25px;
	background:#000; 
	margin-top:5px; 
	padding-left:5px; 
	text-align:left; 
	text-decoration:none; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px; 
	color:#fff;
	line-height:25px; 
	overflow:hidden;
	}
			
a.nav_cocina:hover {
	color:#000; 
	background:#fff;
	} 
a.nav_cocina:active, .activo{
	color:#000; 
	background:#fff;
	} 
			
.menu{
	height:300px;
			}
 ul.menu li{
	display:block;
    width:130px;
	height:25px;
	margin-top:5px; 
	padding-left:5px; 
	text-align:left; 
	text-decoration:none; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px; 
	color:#fff;
	line-height:25px; 
	overflow:hidden;
	background:#000;
	}

 ul.menu li:hover{
    color:#000;
	background:#fff;
	cursor:pointer;
	}

 ul.menu li.active{
    color:#000;
	background:#fff;
	}
			
/* * * * * * * * * * * *

	formulario

* * * * * * * * * * * */
		
/* Contact Form */


#contact_form ul{
	float:left;
	}
#contact_form ul li{
	margin:5px 0; 
	list-style:none; 
	position:relative;
	clear:both;
	}
#contact_form label	{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px; 
	line-height:25px;
	width:65px; 
	text-align:left; 
	float:left; 
	margin-right:10px; 
	padding-left:5px; 
	background-color:#000; 
	color:#FFF
	}
#contact_form input#name,#contact_form input#email,#contact_form input#subject,#contact_form textarea{
	float:left;
	padding:8px; 
	margin-left:0;
	border:1px solid #CCCCCC; 
	background: transparent;
	color:#FFF 
			}
#contact_form input#name,#contact_form input#email,#contact_form input#subject{
	width:295px;
	}
#contact_form textarea{
	width:295px;
	height:80px; 
	resize: none; 
	}
#contact_form input.button{
	float:right;
	}
	
/* Comment form */

#comment_form ul{
	float:left;
	}
#comment_form ul li{
	margin:5px 0; 
	list-style:none; 
	position:relative; 
	clear:both;
	}
#comment_form label{
	line-height:25px; 
	width:65px; 
	text-align:right; 
	float:left;
	margin-right:10px;
	}
#comment_form input,#comment_form textarea{
	float:left; 
	padding:8px; 
	margin-left:0; 
	border:1px solid #CCCCCC; 
	background: transparent; 
	color:#FFF
	}
#comment_form input{
	width:295px;
	}
#comment_form textarea{
	width:295px; 
	height:50px; 
	resize:none;
	}
	
/* Contact Page Sidebar */

.contact ul {list-style:none;}
.contact li {margin:0;}
	
	
/* Buttons */

.button, .button:visited {
	background:#000000 url(http://alkalderestaurante.com/images/alert-overlay.png) repeat-x; 
	display:inline-block; 
	padding:5px 10px 6px; 
	color:#fff; 
	text-decoration:none; 
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
	text-shadow:0 -1px 1px rgba(0,0,0,0.25); 
	border-bottom:1px solid rgba(0,0,0,0.25); 
	position:relative; 
	cursor:pointer; 
	font-size:13px; 
	font-weight:bold; 
	line-height:1; 
	border:0;
	}
.button:hover {
	background-color:#111; 
	color:#fff; 
	text-decoration:none;
	}
.button:active{
	top:1px;
	}
		
			
			
/* Overiding Classes */
/* Must remain at the bottom of the stylesheet */

.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
* html .clearfix 					{height:1%;}