@import url('reset.css');
@import url('lightbox.css');
@import url('buttons.css');
html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #2e2a2a;
	background: #ffffff;
	text-align: center;
}

.hidden {
	display: none;
}

#page-container {
	width: 760px;
	margin: auto;
	text-align: left;
}

/* Main Navigation */

#main-nav { height: 50px; }
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 11px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -50px;
}

#main-nav dt#fold,
#main-nav dt#fold a { width: 71px; background-image: url(../images/nav/FOLD.gif); }

#main-nav dt#proyecto,
#main-nav dt#proyecto a { width: 84px; background-image: url(../images/nav/Proyecto.gif); }

#main-nav dt#extras,
#main-nav dt#extras a { width: 95px; background-image: url(../images/nav/Extras.gif); }

body.fold dt#fold,
body.fold dt#fold a,
body.fold dt#fold a:hover,
body.proyecto dt#proyecto,
body.proyecto dt#proyecto a,
body.proyecto dt#proyecto a:hover,
body.extras dt#extras,
body.extras dt#extras a,
body.extras dt#extras a:hover {
	background-position: 0 -100px;
}

body.fold #header {
	height: 150px;
		background: #FFFFFF
			    url(../images/headers/about.jpg);
}

body.proyecto #header {
	height: 150px;
	background: #FFFFFF
		    url(../images/headers/about.jpg);
}

body.extras #header {
	height: 150px;
	background: #FFFFFF
		    url(../images/headers/about.jpg);
}

#button {
	list-style:none;
	margin:0;
	padding:0;
}
#button li {
	margin:2px;
	padding:0;
}

#button li a {
	display:block; //Convertimos el vínculo en un bloque.
	width:100px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#ffffff;
	background-color:#7f1b1b;
}

#button li a:hover {
	color:#99CC00;
	background-color:#003366;
}

#sideul {
	list-style-type:circle;
}

h1 {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 57px;
	padding-right: 31px;
}

#sidebar-a {
	float: right;
	width: 280px;
}

#sidebar-a .padding {
	padding: 25px;
}
ul#sidebar-a li{
	margin:8px;
	padding:0;
}
#content {
	margin-right: 280px;
}

#content .padding {
	padding: 25px;
}

#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#footer {
	clear: both;
	height: 66px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #c9c9c9;
	border-top: 1px solid #efefef;
	padding: 13px 25px;
	line-height: 18px;
}

#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
	padding-top: 13px;
}

#footer #copyright {
	padding-top: 13px;
}

#footer a {
	color: #c9c9c9;
	text-decoration: none;
}

#footer a:hover {
	color: #db6d16;
}