@charset "utf-8";
/* CSS Document */
html{
	width:1024px;
	height:768px;
}
body{
	background-color:#CCC;
	width:100%;	
	height:100%;
}

#logotipo{
	width:25%;
	height:20%;
	left:5%;
	top:5%;
}

#interfaz{
	
}

#interfaz_rest{
	
}

#interfaz_copas{
	
}

#mivideo{
	height: 100px;
	width: 305px;
	position: absolute;
	z-index: 2;
	border:thin solid #F00;
	border-radius:10px;
	top: 365px;
	left: 37%;
}

button{
	height: 23%;	
	position:absolute;
	width:190px;
	z-index:2;	
	opacity:.5;
}

button[id="rest"]{margin-left: 26%;}
button[id="copas"]{margin-left: 41%;}
button[id="cenas"]{margin-left: 56%;}

#botones_rest{
	margin-left:47%;
}

#botones:hover{
	
}

button[id="mexicano"]{width:5%;height:10%; margin-left:20%;	margin-top:9%;}
button[id="italiano"]{width:5%;height:10%;margin-left: 20%; margin-top:2%;}
button[id="mediterraneo"]{width:7%;height:10%;;margin-left: 12%;margin-top:9%;}
button[id="americano"]{width:7%;height:10%;margin-left: 12%; margin-top:2%;}

 #imagen{
	margin-left:25%;
	position: absolute;
	z-index: 1;
}
 #imagen_rest{
	 margin-left:40%;
	 top:15%;
	margin-top:-2%;
	position: absolute;
	z-index: 1;	
}

#imagen_copas{
	 margin-left:40%;
	 margin-top:-2%;
	 z-index: 1;
	}
		
#imagen_cenas{
	margin-top:-2%;
	margin-left:40%;
	z-index: 1;
	}

#correo{
	position: absolute;
	z-index: 4;
	left: 5%;
	top: 80%;
}
#telefono
{
	position: absolute;
	z-index: 3;
	left:85%;
	top: 80%;
}
#descripcion {
	background-color: #FF0;
	border: thin solid #F00;
	height: 200px;
	width: 500px;
	top:60%;
	left:20%;
	
	position:absolute;
}
#mapa {
	background-color: #FF0;
	border: thin solid #F00;
	height: 200px;
	width: 250px;
	top:60%;
	margin-left:60%;
	position:absolute;
}


/*   Estilo formulario   */
#formulario{
	text-align:center;
	float:center;
	background-color: #CCC;
	border: thin solid #666;
	border-radius: 10px;
	height: auto;
	width: auto;	
	padding-right:20px;
	padding-left:20px;
}

input {
	background-color: #CCC;
	height: 30px;
	width: 100px;
	color: #333;
	border-color: #F00;
	border-radius:20px;
	box-shadow:5px 3px 10px #000;
}

input:focus{
	outline:none;
}

input[name="email"]{
	width:200px;
	}

fieldset[name="mensaje"]{
	background:#FFF;
	text-align:left; 
}
textarea{
	resize:both;
}