html, body {
    height: 100%;
}
body {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	letter-spacing:normal;
	color:#022558;
	background:#022558 url(../img/bg.gif) repeat-x;	
}
/* ------ LAYOUT ------ */
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;     
	margin: 0 auto -140px;
	/*border:1px solid red*/
}
#push {
    height: 140px;
}
#footer {
	width:100%;
	height:140px;
	margin-top:10px;
	padding-top:10px;
	background:#fff url(../img/bg-footer.gif) 0 0 repeat-x;
}
	#footer div.inner {
		width:940px;
		margin:0 auto;
	}
	#footer div.inner div#info {
		float:left;
	}
	#footer div.inner div#info p {
		color:#022558
	}
	#footer div.inner div#info p strong {
		font-size:1.4em;
		font-weight:bold
	}
	#footer div.inner div#developer {
		float:right;
		margin-top:80px;
		margin-right:15px;
		}
#left, #right, #center {
	float:left;	
	height:auto;
	margin:0 5px;
}

/* ------ TITLES ------ */
.title-icon {
	font-size:1.6em;
	font-weight:bold;
	color:#fff;
	height:39px;
	line-height:39px;
	padding-left:50px;
	padding-top:7px;
	margin-bottom:10px
}
.title {
	font-size:1.6em;
	font-weight:bold;
	color:#fff;
	height:39px;
	line-height:39px;
	padding-left:50px;
	padding-top:7px;
	margin-bottom:10px
}


/* ------ HEADER ------ */
#header {
	height:145px;
}
#logo-roosevelt {
	position:relative;
	float:left;
	margin-top:30px;
}
#logo-ccpa{
	position:relative;
	float:right;
	margin-top:23px;
}
/* ------ NAVBAR ------ */
#navbar {
	margin:0 0 15px;
	padding:0;
	width:220px;
	background:#369 url(../img/bg-navbar-bottom.gif) 0 bottom no-repeat;
	padding-top:20px;
	padding-bottom:10px;
	z-index:900;	
}
#navbar a {
	font-size:1.2em;
}
#navbar ul#nav-lateral {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 220px; /* Width of Menu Items */
	}	
#navbar ul li {
	position: relative;
	width:220px;
	height:24px;
	margin: 0;
	padding: 0;
	}	
#navbar ul li ul {
	position: absolute;
	left: 220px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	list-style:none;
	background:#369
	}

#navbar ul li a { /* Styles for Menu Items */
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	background:#369; /* IE6 Bug */
	padding: 0px 10px;
	border-bottom: 1px solid #507aa5;
	}
#navbar ul li a:hover {
	display: block;
	text-decoration: none;
	color: #68c6f7;
	font-weight:bold;
	padding: 0px 10px;
	border-bottom: 1px solid #507aa5;
	}	
* html #navbar ul li {  /* Holly Hack. IE Requirement */ 
	float: left; height: 1%; 
}
* html #navbar ul li a { 
	height: 1%; 
}/* End */
#navbar li:hover ul, #navbar li.over ul { display: block; margin-left:0px; width:219px} /* The magic */

/* ------ HORARIO DE ATENCION ------ */
#horario {
	margin:0 0 15px;
	padding:0;
	background:#204d80 url(../img/bg-grid3-bottom.gif) 0 bottom no-repeat;
}
#horario div {
	background: url(../img/bg-grid3-top.gif) 0 top no-repeat;
	height:auto;
}
#horario div h1 {
	height:39px;
	line-height:1em;
	background:url(../img/icon-clock.gif) 7px 7px no-repeat
}
#horario div dl dd {
	text-transform:uppercase;
	font-weight:bold;
	padding:0 10px;
	color:#6cf
}
#horario div dl dt {
	text-transform:lowercase;
	font-weight:bold;
	padding:0 10px;
	color:#fff
}

/* ------ NEWSLETTER ------ */
#newsletter {
	margin:0 0 15px;
	padding:0;
	border-top:1px solid #204d80;
	border-bottom:1px solid #204d80
}
#newsletter div {
	background: url(../img/bg-grid3-top.gif) 0 top no-repeat;
	height:auto;
}
#newsletter  h1 {
	height:39px;
	background:url(../img/icon-email.gif) 7px 7px no-repeat
}
#newsletter ul {
	list-style:none;
	margin-left:-20px;
	margin-bottom:0
}
#newsletter ul li input {
	width:95%;
	margin-bottom:5px;
}
#newsletter ul li input.submit {
	float:right;
	margin-right:5px;
	margin-bottom:5px;
	width:auto;
}

/* ------ IMAGESLIDE ------ */
#imageslide {
	position:relative;
	height:230px;
	margin:10px 5px;
	padding:0;
}

/* ------ ADQUISICIONES / LIBRO MAS LEIDO ------ */
#adquisiciones, #mas-leido {
	margin:10px 0 10px;
	height:auto;
	overflow:hidden;	
	padding-bottom:10px;
	background:#d5e8fb url(../img/bg-grid6-bottom.gif) 0 bottom no-repeat;
	z-index:700
}
#adquisiciones div, #mas-leido div {
	height:100%;
	background: url(../img/bg-grid6-top.gif) 0 top no-repeat;
}
#adquisiciones div h1, #mas-leido div h1 {
	height:39px;
	margin-left:-40px;
	margin-bottom:5px;
	color:#022558;
	text-transform:uppercase
}
#adquisiciones div img, #mas-leido div img {
	position:relative;
	float:left;
	margin:5px 10px
}
#adquisiciones div h6, #mas-leido div h6 {
	font-weight:bold;
	color:#369;
	margin-top:5px;
	margin-bottom:0;
	float:none;
}
#adquisiciones div a, #mas-leido div a {
	font-size:1em;
	text-transform:lowercase;
	color:#369;
	margin:0 10px;
}
#adquisiciones div a.thumb, #mas-leido div a.thumb {
	color:#369;
	text-decoration:none;
}
#adquisiciones div h6 a, #mas-leido div h6 a {
	float:none;
	color:#369;
	text-decoration:none;
	margin:0;
	text-transform:none;
}
#adquisiciones div h6 a:hover, #mas-leido div h6 a:hover {
	color:#154371;
}
#adquisiciones div hr, #mas-leido div hr {
	width:95%;
	height:1px;	
	border:0;
	background-color:#90adcd;
	margin-bottom:5px
}

/* ------  BUSCADOR ------*/
#buscador {
	margin:0;
	padding:0;
}
#buscador div {
	background: url(../img/bg-grid3-top.gif) 0 top no-repeat;
	height:auto;
}
#buscador  h1 {
	height:39px;
	background:url(../img/icon-search.gif) 7px 7px no-repeat
}
#buscador ul {
	list-style:none;
	margin-left:-20px;
	margin-bottom:0
}
#buscador ul li input {
	width:95%;
	margin-bottom:5px;
}
#buscador ul li input.submit {
	float:right;
	margin-right:5px;
	margin-bottom:5px;
	width:auto;
}


/* ------ AGENDA ------ */
#agenda {
	margin:0 0 15px;
	padding:0;
	background:#204d80 url(../img/bg-grid3-bottom.gif) 0 bottom no-repeat;
}
#agenda div {
	background: url(../img/bg-grid3-top.gif) 0 top no-repeat;
	height:auto;
	padding-bottom:10px;
}
#agenda div h1 {
	height:39px;
	background:url(../img/icon-calendar.gif) 7px 7px no-repeat
}
#agenda div dl.next {
	height:70px;
	width:auto;
	margin-left:5px;
	margin-bottom:5px;
	background:url(../img/bg-calendar-next.gif) 0 0 no-repeat;
	border-bottom:1px solid #5179a7
	}
#agenda div dl {
	height:70px;
	width:auto;
	margin-left:5px;
	margin-bottom:5px;
	text-align:justify;
	background:url(../img/bg-calendar.gif) 0 0 no-repeat;
	border-bottom:1px solid #5179a7
	}
#agenda div dl.next dd,
#agenda div dl dd {
	float:left;
	padding:0;
	color:#022558;
	width:30px;
	height:70px;
	font-weight:bold;
	font-size:1em;
	line-height:normal;
	text-transform:uppercase;
	text-align:center
}
#agenda div dl.next dd span.number,
#agenda div dl dd span.number {
	font-size:2em;
}
#agenda div dl.next dt,
#agenda div dl dt {
	text-transform:capitalize;
	font-weight:bold;
	margin-left:25px;
	padding:0 10px;
	color:#6cf;
}
#agenda div dl.next dt a,
#agenda div dl dt a {
	text-decoration:none;
	color:#fff
}
#agenda div dl.next dt a:hover,
#agenda div dl dt a:hover {
	text-decoration:underline;
}

/* ------ INTERNA  ------ */
#interna div#listas, 
#interna div#contenido,
#interna div#formulario {
	margin:10px 0 10px;
	height:auto;
	overflow:hidden;	
	padding-bottom:10px;
	background:#d5e8fb url(../img/bg-grid9-bottom.gif) 0 bottom no-repeat;
	z-index:700
}
#interna div#listas div#top {
	height:100%;
	background: url(../img/bg-grid9-top.gif) 0 top no-repeat;
	padding:5px;
}
#interna div#listas div h1,
#interna div#formulario div h1 {
	height:39px;
	margin-left:-40px;
	margin-bottom:5px;
	color:#022558;
	text-transform:uppercase
}
#interna div#listas div img, 
#interna div#contenido div img {
	position:relative;
	float:left;
	margin:5px 10px
}
/*#interna div#listas div a, 
#interna div#contenido div a {
 float:left !important;
}*/
#interna div#listas div h6, 
#interna div#contenido div h6 {
	font-weight:bold;
	color:#369;
	margin-top:5px;
	margin-bottom:0
}
#interna div#listas div a, 
#interna div#contenido div a {
	/*float:right;*/
	font-size:1em;
	text-transform:lowercase;
	color:#369;
	margin:0 10px;
}
#interna div#listas div hr, 
#interna div#contenido div hr {
	width:95%;
	height:1px;	
	border:0;
	background-color:#90adcd;
	margin-bottom:5px
}
#interna div#contenido div.cont {
	height:100%;
	padding:10px;
	background: url(../img/bg-grid9-top.gif) 0 top no-repeat;
}
#interna div#contenido div h1,
#interna div#formulario div h1 {
	height:39px;
	margin-left:-50px;
	margin-bottom:5px;
	color:#022558;
	text-transform:uppercase
}

/* ------ FORMULARIO ------ */
#interna div#formulario div {
	height:100%;
	padding:10px;
	background: url(../img/bg-grid9-top.gif) 0 top no-repeat;
}
#interna div#formulario div form#form ul {
	list-style:none;
}
#interna div#formulario div form#form ul li {
	margin-bottom:10px;
	font-weight:normal;
}
#interna div#formulario div form#form ul li label {
	font-weight:bold;
	color:#022558
}
#interna div#formulario div form#form ul li label.error {
	font-weight:normal;
	color:red;
	font-size:0.8em;
	line-height:1.8em;
}	
#interna div#formulario div form#form ul li input,
#interna div#formulario div form#form ul li textarea {
	margin-right:10px;
}
.f-left {
	float:left;
}
.error, .notice, .success {
	padding:.8em;
	border:2px solid #ddd;
}
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
.error a {
	color:#8a1f11;
	background:none;
	padding:0;
	margin:0;
}
.notice a {
	color:#514721;
	background:none;
	padding:0;
	margin:0;
}
.success a {
	color:#264409;
	background:none;
	padding:0;
	margin:0;
}