* {
	margin: 0;
	padding: 0;
}

#principal{
	width:100%;
	height:100%;
	margin:auto;
	
	
}

.container {
	width: 80%;
	max-width: 1046px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	min-width: 780px;
	height:903px;
	max-height:903px;/* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
	margin: 0 auto;
	background-image:url(../img/fondo_blanco.png);
	background-repeat:no-repeat;/* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}
.norep{
	background-repeat:no-repeat;}
	
	
#logo{
	width:185px;
	height:150px;
	float:left;

	
}

#top{
	width:900px;
	height:185px;
	text-align:left;
	margin:auto;
	
}
#medio{
	width:680px;
	height:460px;
	text-align:left;
	margin:auto;
	
}
#pie{
	width:680px;
	height:30px;
	margin:auto;
	
}
#bckcat{
	width:680px;
	height:460px;
	text-align:left;

		
}
#infantiles{
	width:220px;
	height:300px;
	text-align:left;
	float:left;
	
}
#postres{
	width:220px;
	height:300px;
	text-align:left;
	float:left;
	
}
#bodas{
	width:220px;
	height:300px;
	text-align:left;
	float:left;
	
}
#textUP{
	width:680px;
	height:200px;
	text-align:left;
	background-image:url(../img/fondo_firus.jpg);
	background-repeat:no-repeat;
	
	
}
#textDOWN{
	width:680px;
	height:260px;
	text-align:left;
	background-image:url(../img/foto_sobremi.jpg);

	
}
#columnaIzq{
	width:280px;
	height:200px;
	text-align:left;
	margin-left:50px;
	float:left;

}
#columnaDer{
	width:280px;
	height:200px;
	text-align:left;
	margin-right:50px;
	float:right;

}

#numeropag{
	width:600px;
	height:20px;
	text-align:right;
	margin-left:100px;
	float:left;

}

#textizq{
	width:450px;
	height:460px;
	text-align:left;
	float:left;
	
}
#textDer{
	width:230px;
	height:460px;
	text-align:left;
	float:right;
	
}
#firu{
	width:70px;
	height:460px;
	text-align:left;
	float:left;
	
}

#menu1{
	width:190px;
	height:37px;
	text-align:left;
	float:left;
	
}
#menu2{
	width:370px;
	height:37px;
	margin-top:80px;
	margin-right:90px;
	text-align:right;
	float:right;
	
}
#gallery {
	position:relative;
	width:756px;
	margin:40px auto;
	background-color: #FFFFFF;
}
#TEXTO{
	width:370px;
	height:330px;
	text-align:left;
	margin-left:207px;
	
}
#TEXTO_sobremi{
	width:340px;
	height:480px;
	text-align:left;


	
}
#TEXTO_servicios{
	width:340px;
	height:330px;
	text-align:left;
	margin-left:380px;
	
}
#paraForm{
	width:300px;
	height:330px;
	text-align:left;
	margin-left:430Px;
	
}
	.noborderlogo{
		border:none;
}
#mink{
	width:755px;
	height:25px;
	margin:auto;
	text-align:right;
}