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

#contenedor{
margin: 0 auto;
text-align:left;
max-width:100%;
background-color:white;
}
h1 {
	font-size:24px;
	color:white;
	max-width:100%;
}
h1 span {
	color:grey;
}
h1 span2 {
	color:grey;
}
.logo, .nombre{
	line-height:1em;
	font-size:36;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	float:left;
	max-width:100%;
	height:55px;
}
header{
	overflow:hidden;
	background-color:black;
}
header, section, footer, aside, article, figure {
	display: block;
}
/*hgroup {
	height:auto;*/
	/*height:650px;*/ /*volver a este*/
	/*overflow:hidden;*/
	/*background-color:black;
}*/
hgroup{
	width:100%;
}
nav {
	float:right;
}
nav ul{
	font-size:0px;
	padding:0px;
}
nav ul li {
	font-size:22px;
	font-family:Tahoma, Geneva, sans-serif;
	display:inline-block;
	text-align:center;
	width: 120px;
	height:55px;
}
nav ul li a {
	line-height:2.5em;
	color:black;
	text-decoration:underline none;
}
.uno{
	background-color:#0FF;
}
.uno:hover {
	background-color:#0FF;
	height:57px;
}
.dos{
	background-color:#3F0;
}
.dos:hover {
	background-color:#3F0;
	height:57px;
}
.tres{
	background-color:#CF0;
}
.tres:hover{
	background-color:#CF0;
	height:57px;
}
.cuatro{
	background-color:#F90;
}
.cuatro:hover{
	background-color:#F90;
	height:57px;
}
.cinco{
	background-color:#F00;
}
.cinco:hover{
	background-color:#F00;
	height:57px;
}
.menupeque select{
	color:white;
	background: transparent;
	width: 268px;
	padding: 5px;
	font-size: 24px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
}
.menupeque select option{
	color:white;
	background-color:black;
}
.menupeque{
	display:none;
	width: 240px;
	height: 34px;
	overflow: hidden;
	background: url(../images/arrow.png) no-repeat right black;
	border: none;
}
.centrarcuerpo{
	margin:0 auto;
	max-width:100%;
	width:1000px;
}
.content {
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	max-width:100%;
	width: 700px;
	height:auto;
	float: left;
}
.content h1{
	color:black;
}
.content h1 a{
	color:black;
	text-decoration:none;
}
article {
	padding-right:40px;
	text-align:justify;
}
article a{
	color:white;
}
aside {
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	max-width:100%;
	width: 300px;
	float: left;
}
aside h1{
	color:black;
}
.tablasGenerales{
	width:700px;
	max-width:100%;
}
.tablas{
	width:220px;
	float:left;
}
.tablas td{
	padding-right:10px;
}
#mapa{
	margin:0px;
	width:700px;
	max-width:100%;
	height:400px;
}
#registro ul{
	display:block;
}
#registro ul li{
	max-width:100%;
	display:block;
}
textarea{
	width:400px;
	max-width:100%;
	height:50px;
	display:block;
}
#name{
	display:block;
}
#telefono{
	display:block;
}
#comensales{
	display:block;
}
footer {
	height:auto;
	overflow:hidden;
	background-color:black;
	position: relative;/* esto da a IE6 el parámetro hasLayout para borrar correctamente */
	clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
}
.contentpie {
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	color:white;
	margin:0 auto;
	max-width:100%;
	width:1000px;
	height:auto;
}
.twitter{
	text-align:center;
	margin:0 auto;
	width:300px;
}
/*footer section article ul li {
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
	display: inline-block;
	text-align: center;
}
footer section article ul li a {
	line-height:2.5em;
	color:white;
	text-decoration:underline none;
}
.barras {
	line-height:2.5em;
	width: 6px;
	display:inline-block;
	
}
.article3{
	color:white;
	margin:0 auto;
}*/
footer aside{
	padding-top:30px;
	padding-right:0;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	color:white;
	max-width:100%;
	width: 333px;
	float:left;
}
footer aside a{
	color:white;
	text-decoration:underline;
}


@media screen and (max-width:617px){
	
	nav{
		float:left;
		width:100%;
	}
	.menupeque select{
		display:block;
		width:620px;
	}
	.menupeque{
		display:block;
		width:100%;
		background: url(../images/arrow.png) no-repeat right black;
	}
	nav ul li{
		display:none;
		width:100%;
		float:left;
	}
	nav ul li a{
		display:none;
	}
	article{
		padding-right:5px;
	}
	#registro ul li{
		padding-right:10px;
	}
	footer aside{
		padding-top:0px;
		text-align:left;
	}
	footer section article ul li {
		/*border:1px solid black;*/
		/*background-color:#333;*/
		background:black;
		width:100%;
	}
	footer section article ul li a{
		margin: 0 auto;
		border:solid 1px #FFFFFF;
		border-radius: 10px;
		box-shadow:2px 2px 0 #999;
		width:80%;
		display:block;
	}
	footer section article ul li a:hover{
		box-shadow:none;
	}
	.article2{
		padding-right:0px;
	}
	.content h1 a{
		text-decoration:underline;
		width:100%;
		float:left;
	}
	h1 span2 {
		display:none;
	}
	#uno{
		max-width:100%;
		float:left;
	}
	#dos{
		max-width:100%;
		float:left;
	}
	.tablas{
		max-width:100%;
		float:left;
	}
	.tablas td{
		padding-right:5px;
	}
	.barras {
		display:none;
	}
}