/* CSS Document */

/* Formato general, centrado, todo va dentro de #container*/
body {
	margin: 0px;
	background-color: #B4BF3C;
}

#container {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/* rea superior, puede incluir otros DIV como el logo */
#header {
	background-image: url(../images/backgrounds/header.png);
	height: 160px;
}
#logo {
	height: 70px;
	width: 400px;
	padding-top: 50px;
	padding-left: 30px;
}


#menu {
}

/* rea de contenido denteo de #content, para un diseo de dos columnas se utiliza #contentLeft, #contentRight y el BR, para una sola a columna slo utilizar #contentFull */

#content {
	width: 880px;
	background-image: url(../images/backgrounds/content.png);
	background-repeat: no-repeat;
}
#contentLeft {
	margin: 0px;
	float: left;
	width: 320px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#contentRight {
	float: right;
	width: 500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 20px;
	color: #727825;
	background-color: #FFFFFF;
}
#contentRightText {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
}
#contentRightText #info {
	padding-right: 20px;
	text-align: left;
}


#contentRightBottom {
	background-image: url(../images/backgrounds/contentRightBottom.png);
	background-repeat: no-repeat;
	height: 20px;
	margin: 0px;
}

#contentFull {
	padding: 20px;
	width: 840px;
	height: 320px;
	color: #727825;
}

br.clear {
	clear: both;
}
#gallery {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: left;
}


/* rea inferior, copyright, footer y FCDigital */

#footer {
	padding-top: 25px;
	padding-bottom: 20px;
	text-align: center;
}

#fcdigital {
	text-align: center;
	padding-bottom: 15px;
}