/* Copyright 2011 MSNP */

/* General Font setup */

body	{ font-family: Helvetica, Arial, Sans-Serif; font-size: 100% }
p, input, select, textarea, ol ,ul, li { font-size: 14px; }
h1+p,h2+p,h3+p,h4+p,h5+p,h6+p { margin-top: 0px; }
code, tt { font-family: "Andale Mono", monospace; font-size: 16px; }

h1 { font-size: 24px; margin-top: 0; color: #1855CF; }
h2 { font-size: 20px; color: #1855CF; margin-bottom: 10px; }
h3 { font-size: 18px; margin-bottom: 9px; }
h4 { font-size: 16px; margin-bottom: 8px; }
h5 { font-size: 15px; margin-bottom: 7px; }
h6 { font-size: 14px; margin-top: 14px; margin-bottom: 0px; }
.smaller { font-size: 90%; }
a { color: #0000E0; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Page setup and layout*/

body {
	background-color: #C0D3FB; 
/*	background-color: #FFD3FB; */
	background-image: url(background.png);
	background-repeat: repeat-x;
}

#page {
	background-color: #F1F1F1;
	border-right: 1px solid #1855cf;
	border-left: 1px solid #1855cf;
	margin: 15px 50px 10px 50px;
}

div.page-section { width: 100%; clear: both; }

#page-header { }
#header-left { width: 15%; }
#header-middle { width: 59%; }
#header-right { width: 25%; }
#page-body { margin-top: 5px; border-top: 1px solid #1855cf; padding-top: 15px; }
#body-all { width: 100%; }
#body-left { width: 15%; }
#body-middle { width: 59%; }
#body-right { width: 25%; }
#page-footer { }
#footer-all { width: 100%; }

div.section-column { margin: 0px; padding: 0px; clear: none; float: left; }

/* End of Page setup and layout*/

/* General content settings */

div.section { margin: 0px 10px 10px 10px; }
div.left div.section { margin-left: 20px; }
div.right div.section { margin-right: 20px; }

/* Header sections */


/* Divisions Header */

div.logo { height: 70px; margin: auto; padding-top: 30px; text-align: center; }
div.name { padding: 15px 10px 05px 10px; }
div.search { padding: 15px 10px 0px 10px; text-align: center; }
div.name h1 { font-size: 40px; margin-bottom: 0px; }
div.description { float: right; font-weight: bold; font-size: 30px; }
div.navigation ul, div.navigation li { white-space: nowrap; display: inline; }
h1.logo { color: blue; display: inline; margin-bottom: 0px; }
form.inline { display: inline; }
fieldset { border: none; }
fieldset.inline { display: inline; margin-left: 0px; margin-right: 0px; padding: 0px; }
input.submit { padding-left: 0px; padding-right: 0px; }
#search { width=100%; }

/* Division body */

div.topics div.section { border: 1px solid gray; padding: 3px; background-color: white; }
div.topics div.section div { padding: 3px; min-height: 80px; }
div.topics div.section div.topic1 { border-right: 4px solid #114A89; }
div.topics div.section div.topic2 { border-right: 4px solid #8E4187; }
div.topics div.section div.topic3 { border-right: 4px solid #F5BC00; }
div.topics div.section div.topic4 { border-right: 4px solid #75BC4B; }
div.topics div.section div h6 { margin: 0px 3px; }

div.main h1 { border-bottom: 1px solid #1855CF; font-variant: small-caps; }
div.main h2 { font-variant: small-caps; }
div.main ol { list-style-type: decimal; }
div.main ol ol { list-style-type: lower-latin; }

div.buttons { float: right; text-align: center; border-left: 1px solid gray; margin-left: 10px; padding-left: 15px; }
div.main div.items, div.main div.item, div.main div.heading { clear: both; float: left; width: 100%; }
div.main div.body { clear: both; float: left; width: 100%; }
div.main div.items { margin-bottom: 15px; }
div.main div.headleft { clear: left; float: left; width: 30%; }
div.main div.headright { clear: right; float: left; width: 70%; }
div.main div.year, div.main div.title { background-color: white; padding: 5px; border: 1px solid gray; }
div.main div.year { margin: 5px 5px 0px 0px; }
div.main div.title { margin: 5px 0px 0px 5px; }
div.main div.body { margin-bottom: 5px; }
div.main div.text img.center { margin-left: auto; margin-right: auto; display: block; }
div.main div.body img { margin-right: 10px; border: none; }
div.main div.text { padding: 10px 10px; border: 1px solid gray; border-top: none; margin: 0px; width: auto; }
div.hidden { display: none; }
div.main div.fotos { margin-left: auto; margin-right: auto; max-width: 432px; text-align: center; }
div.main img.inline { vertical-align: text-top; display: block; float: left; }
img.foto { border: 5px inset white; margin: 5px; }

div.news, div.contact, div.download { border: 1px solid gray; background-color: white; padding: 5px; }
div.news h3, div.contact h3, div.download h3 { margin-top: 0px; }
div.news p, div.download p { padding-top: 5px; border-top: 1px solid gray; }
div.news h3 + p, div.download h3 + p { padding-top: 0px; border-top: none; }
div.news p:first-line {font-weight: bold; }

/* Footer sections */
div.footer {
	border-top: 1px solid #1855CF;
	margin: 10px 15px;
	padding-top: 3px;
	text-align: right;
}
