body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color : #000000;
	text-align: center;
	background-color: #808080;
	margin: auto;
}

#wrapper {
	width:965px;
	margin:0 auto;
	background-color: #e6e6e6;
	border-right: 1px solid #4a4a4a;
	border-bottom: 1px sold #4a4a4a;
	padding:.5em;
}

#header {
	margin:0px auto 0px auto;
	width: 945px;
	height: 90px;
	background-color: #cccccc;
}

#footer {
	margin:0px auto 0px auto;
	width: 945px;
	height: 80px;
	background-color: #e6e6e6;
}

#container {
	width:925px;
	margin:0px auto 0px auto;
	overflow:hidden;
	background-image: url(../../images/portada/bg_portada.jpg);
	background-repeat: repeat;
	padding: .8em;
	margin-top: .5em;
}

#leftColumn {
	float: left;
	width: 357px;
	height: 360px;
	text-align: left;
	background-image: url(images/bg_left.png);
	background-repeat: no-repeat;
	color: #ffffff;
	
}

#middleColumn {
	float:left;
	margin-top: 34px;
	width: 917px;
	height: 138px;
	text-align:justify;
	background-image: url(images/bg_main.png);
	background-repeat:no-repeat;
	color: #ffffff;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
} 
/* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */

.clearfix {
	display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
} /* close commented backslash hack */

#mainmenu {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-right: .4em;
}

#mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainmenu li  {
	color: #4d4d4d;
	padding-left: .7em;
	padding-right: .7em;
	float: left;
}

#mainmenu li a {
	color: #4d4d4d;
	text-decoration: none;
}

#mainmenu li a:hover {
	color: #000;
	text-decoration: none;
}

#pagetitle {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	padding-left: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	text-transform:uppercase;
	background-color: #8eba2a;
	width: 100%;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .legal {
	width: 230px;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: .3em;
	padding-right: .3em;
}

#footer li  {
	color: #4d4d4d;
	padding-right: .8em;
	float: left;
	font-size: 1.1em;
}

#footer li a {
	color: #4d4d4d;
	text-decoration: none;
}

#footer li a:hover {
	color: #000;
	text-decoration: underline;
}


#footer .logos {
	text-align: center;
}

#footer .copy {
	width: 210px;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 5px;
	padding-right: 10px;
	font-size: 1.1em;
}

p {
	font-size: 1.1em;
	line-height: 1.4;
}

/* LOGIN BOX */

#login {
	color: #4d4d4d;
	width:180px;
	height: 115px;
	padding-left: 10px;
	padding-top: 10px;
}

#login .input {
	width: 150px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #4d4d4d;
	font-size: 1em;
	padding: .1em;
	margin-bottom: 2px;
}

 #login .button {
 	width: 70px;
 	padding: .1em;
	border: 1px solid #ccc;
	background-color: #4d4d4d;
	color: #fff;
	font-size: 1em;
	margin-top: 2px;
}