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

@font-face{
	font-family:'Edwardian';
	src:url(../fuentes/Edwardian.ttf);
	
}

*{
	padding:0;
	margin:0;
	border:0;
}

body{
	background:rgb(239,176,176);
}

header{
	width:100%;
	margin:0 auto;
	background:rgb(255,255,255);
	height:252px;
	
}

#headercosas{
	width:960px;
	margin:0 auto;
	
}

header img{
	margin-left:80px;
	margin-top:20px;
}

#titulos{
	float:right;
	margin-top:40px;
	margin-right:120px;
}

h1{
	
	font:50px Edwardian;
	text-align:center;
	color:rgb(136,51,56);
	
}


nav{
	
	height:50px;
	background:rgb(136,51,56);
	

}

nav ul#menu{
	width:960px;
	margin:0 auto;
	text-align:center;

}

nav ul#menu li{
	list-style-type:none;
	float:left;
	height:30px;
	color:rgb(255,255,255);
	font:18px bold Verdana, Geneva, sans-serif;
	text-align:center;
	border-right:1px solid rgb(255,255,255);
	width:136px;
	margin-top:10px;
	margin-bottom:10px;

	

}



nav ul#menu li:nth-child(7){
	border-right:none;
}



/*estilo del item del menú en el cual estamos actualmente*/



nav ul#menu li a{
	display:block;
	font:18px Verdana, Geneva, sans-serif;
line-height:30px;
	color:#FFF;
	text-decoration:none;
	text-align:center;

	
	}
	
	
	
nav ul#menu li {
	display:block;
	font:18px Verdana, Geneva, sans-serif;
line-height:30px;
	color:#FFF;
	text-decoration:none;
	text-align:center;

	
	}

/*en el hover pongo el nuevo alto y nuevo color*/
nav ul#menu li a:hover{
	color:rgb(239,176,176);

	
}

nav ul#menu li ul li:nth-child(1), nav ul#menu li ul li:nth-child(2){
	border-right:none;
}

#menu .actual{
display:block;
	font:18px Verdana, Geneva, sans-serif;
line-height:30px;
color:rgb(239,176,176);
	text-decoration:none;
	text-align:center;
}


/*submenu*/
  
ul#menu ul {
 display: none;
 position: absolute;
 top: 290px;
 background:rgb(136,51,56);
 color:rgb(255,255,255);
 width:136px;
 z-index:100;
 
}
   




ul#menu li:hover ul{
	display:block;
}


ul#menu li ul li a{
	border-right:none;
}


/*----*/

#contenedor{
	width:960px;
	margin:0 auto;
	background:rgb(239,176,176);
	padding-top:0px;
	padding-bottom:50px;
	
}

h3{
	color:rgb(136,51,56);
	font:bold 20px Verdana, Geneva, sans-serif;
	margin-bottom:10px;
	text-align:center;
}


footer{
	
	height:120px;
	background:rgb(136,51,56);
		
		
	
	

	
	
}

footer p{
	font:10px Verdana, Geneva, sans-serif;
	line-height:120px;
	text-align:center;
		color:rgb(255,255,255);

}
	




/*GALERIA*/

#lugar{
	height:450px;
	margin-left:40px;
	margin-right:40px;
	margin-top:30px;
}

#dulces{
	height:1150px;
	margin-left:40px;
	margin-right:40px;

}

#saladas{
	
	height:700px;
	margin-left:40px;
	margin-right:40px;
	width:880px;
}

.galeria{
	width:935px;
	
	list-style:none;
	
}

.galeria li{
	float:left;
	margin:5px;
}

.galeria li a{
	width:290px;
	height:290px;
}

.galeria li a:hover{
	opacity:0.5;
}



/*CONTACTO--------------------------------------------------------------------*/

#infoIzquierda{
	width:340px;
	float:left;
	margin-left:75px;
	margin-right:40px;
	margin-top:20px;

}

#fotoder{
	margin-top:30px;
}

h2{
	background:rgb(136,51,56);
	color:rgb(255,255,255);
	padding:5px;
	font: 24px Verdana, Geneva, sans-serif;
	margin-bottom:20px;
}

p{
	font:16px Verdana, Geneva, sans-serif;
}

#infoIzquierda p strong{
	color:rgb(153,0,0);
}


/*EMPRESA------------------------------------------------------------------*/

#fotoempresa{
	margin:0 auto;
	width:898px;
	margin-bottom:50px;
	background:rgb(136,51,56);
	margin-top:20px;
}

#fotoempresa figcaption{
	background:rgb(136,51,56);
	color:rgb(255,255,255);
	padding:5px;
}

#fotoempresa figcaption em{
	font:15px Verdana, Geneva, sans-serif;
}

#infoempresa{
	margin:0 auto;
	width:898px;
}

#infoempresa p{
	color:rgb(136,51,56);
	font:15px Verdana, Geneva, sans-serif;
}


/*UBICACION-----------------------------------------------------------*/

#imgUbicacion{
	margin:50px auto 50px auto;
	width:868px;
	height:545px;
	border:8px solid rgb(136,51,56);

}


/*SERVICIOS--------------------------------------------------------*/

.servicios1{
	padding:30px;
	margin-bottom:10px;
}
.servicios1 img{
	float:left;
	margin-right:15px;
	
}
h4{
	font: 50px Edwardian;
	margin-bottom:10px;
	color:rgb(136,51,56);
}
	
.servicios1 p{
	font:14px Verdana, Geneva, sans-serif;
	color:rgb(136,51,56);
	text-align:justify;
}

.cortarflotacion{
	clear:both;
}

#horario{
	float:left;
	border:5px solid rgb(136,51,56);
	width:355px;
	padding:10px;
	margin-top:10px;
	margin-left:22px;
}

#horario p{
	font:14px Verdana, Geneva, sans-serif;
	color:rgb(136,51,56);
}
	

#medios{
	float:right;
	border:5px solid rgb(136,51,56);
	width:500px;
	padding:10px;
	margin-top:10px;
}

#medios p{
	font:14px Verdana, Geneva, sans-serif;
	color:rgb(136,51,56);
}
	
	




/*INDEX---------------------------------------------*/
#textoindex h4{
	text-align:center;
}

#wrapper{
	margin-top:-50px;
	margin-bottom:-70px;
}


/*MENU-------------------------------------------*/

#flotander{
	float:right;
	width:400px;
	margin-bottom:30px;
}

#flotander p{
	font:14px Verdana, Geneva, sans-serif;
	color:rgb(136,51,56);
	
}

#flotanizq{
	float:left;
	width:400px;
	border-right:2px solid rgb(136,51,56);
	margin-bottom:30px;
	padding-right:30px;
}

#flotanizq p{
	font:14px Verdana, Geneva, sans-serif;
	color:rgb(136,51,56);
	
}

h5{
	font:16px bold Verdana, Geneva, sans-serif;
	color:rgb(136,51,56);
	margin-bottom:10px;
}

ul li{
		font:14px Verdana, Geneva, sans-serif;
	color:rgb(136,51,56);
}
	
	
	
	#illy{
		float:right;

	padding-right:270px;
	
}

#tituloilly{
	height:40px;
		
	
}
	#tituloilly img{
		text-align:center;
		line-height:40px
		
	
}

#tituloilly h5{
		
		line-height:40px;
		
	
}