/*-----------LAYOUT PRINCIPAL-----------*/

/* Define la imagen de fondo del sitio (1545x1700)
Ademas configura un fondo de color gris para el salto de cuando
la imagen todavia no carga*/
body {
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/layout/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #333;
	margin: 0px;
	padding: 0px;
}

/* Retira el borde azul para imagenes con enlaces */
a img {
	border:none;
}

/* Quita el borde punteado que aparece cuando se le hace click
a las imagenes con enlaces (focus o active). Mas evidente en
Mozilla*/
a {
	outline:none;
}

/* Define el ancho del continente (El primer div que contiente todo)
Deja el continente centrado*/
#continente {
	width: 954px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* Define la altura del header
La funcion relative establece la posicion de los divs absolutos
con respecto a su contenido */
#header {
	height: 106px;
	position: relative;
}

/* #irontex es el ID de la imagen del logo dentro de header
Aqui se define su posicion a traves de los parametros margins */
#header #irontex {
	margin-left: 10px;
	margin-top: 25px;
}

/* Define la altura del div Menu y un padding superior que hace
que el menu aparezca un poco abajo del area gris de la imagen de fondo*/
#menu {
	height: 33px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Define el div contenido
Contiene una imagen de fondo en gif que se repite verticalmente, dando el efecto
de sombras a los costados. Define los padding que separa su contenido de sus limites*/
#contenido {
	background-color: #FFF;
	background-image: url(../images/layout/contenido_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 60px;
	padding-left: 25px;
}

/* Define el div del pie (ultimo div de la pagina)
Contiene un fondo que no se repite alineado para arriba, es la terminacion de la sombra
del div contenido. Tambien especifica los padding para separar su conteido de sus limites */
#pie {
	background-image: url(../images/layout/pie_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/* Define el aspecto de P dentro del div Pie*/
#pie p {
	color:#333;
	text-align:center;
	font-size: 11px;
}

/* Es una clase para los divs, para empujar el contenido hacia abajo cuando se usan arriba divs flotantes*/
.pabajo {
	clear:both
}