@import url("tablas.css");


/* 
Plantilla CIEDH CSS
*/

*{ margin: 0; padding: 0; }* 
body {
	font: 11px Verdana, Tahoma, Arial, "Trebuchet MS", sans-serif;
	line-height: 1.64em;
	background: #eee url(../images/background.png) repeat-y center;
	color: #444;
	}
a { color: #299DCA;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
.blue { color: #299DCA; }
.white { color: #fff; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.4em Georgia, Arial, Sans-Serif; margin: 15px 0 0 5px; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: 1.6em Verdana, Arial, Sans-Serif; margin: 0 0 10px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }


#content { width: 940px; margin: 0 auto;}

#header {
height: 01px;
background: #333;
width: 940px;
padding-bottom: 1px;
border-bottom: 1px solid #D2D2FF;
}

#logo { float: left; padding-left: 15px; height: 70px; width: 370px; background: #fff url(../images/logotipo.jpg) no-repeat}

#intro { clear:both; height: 165px; width: 940px; color: #333; background-color: #999999; padding: 0px 0 0px 0; }

#login { font-size: .9em; margin: 45px 0 0; }
#login a { color: #616161; background: #8BE1FA; padding: 4px 20px 6px; border-bottom: 1px solid #616161; }
#login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }

#right { float: right; width: 615px; padding: 0 6px 0 0px; margin: 10px 0 15px 0px; }
#right img { padding: 1px; margin: 0 0px 5px 15px;}
#right a { background: #EFFCFF; }
#right h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }

#articles { margin: 20px 0 0 0; }
#articles h2{font: 1.2em Tahoma, Verdana, Arial, Sans-Serif; margin: 0 0 7px;}
#articles li  { border-top: 1px solid #cecece; list-style: none; float: left; width: 270px; background: #eee url(../images/newslist.jpg) repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
#articles li a { background: url(../images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 6px; }
#articles li.last { margin: 0; }

#left { position: relative; margin: 0 6px 0 0; padding: 10px; float: left; width: 285px; font-size: .9em; background: #fff; }
#left img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
#left h2 { border-bottom: 1px solid #ccc; padding: 0 0 5px; font: bold 1.7em "Century Gothic", "Trebuchet MS", Tahoma, Arial, Sans-Serif;}
#left .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
	
#prefooter {
	margin:auto;
	width:100%;
	height: 15px;	
	clear:both;
	margin-top: 10px;
	position: static;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #CCCCCC
}

#footer {
	margin:auto;
	width:100%;
	height: 39px;
	clear:both;
	background: #FFFFFF url(../images/bg_footer2.gif) repeat-x;
	position: static;
	vertical-align: middle;
	text-align: center;
	line-height: 12px;
	padding-top:10px

	}
	
#footer a { color: #ccc; font-weight: bold; }

.creditos {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	margin-top:05px
}