/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
img { border: none; }

/*
-------------------------------------------------------------------
[Table of contents]

1. Body
2. Container / #container
3. Header / #header
4. Navigation / #nav
5. Major / #major
6. Content / #content
7. Sidebar / #sidebar
8. Footer / #footer
-------------------------------------------------------------------
*/

/* [1. Body] */
body { font: 11px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; color: #333; background: #ccc;margin:0px;padding:opx; text-align:center; }
/* hack para o IE */

h1, h2, h3 { font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; color: #333; }
h1 { font-size: 20px; line-height: 22px; margin-bottom: 10px; }
h2 { font-size: 18px; line-height: 20px; margin-bottom: 7px; }
h3 { font-size: 16px; line-height: 18px; margin-bottom: 5px; }

h1 span, h2 span { color: #bbb; }

a { color: #08c; }
a:hover { color: #F00; }
a:visited { color: #08c; }

p { margin-bottom: 10px; }

input, textarea { font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, Geneva, sans-serif;  }

blockquote { border-left: 5px solid #999031; background: #fafafa; padding: 10px 10px 1px 10px; margin-bottom: 10px; }

/* [2. Container] */
#container {width:776px; margin: 0px auto; background: #f0f0f0;text-align:left; }
/* "rem�dio" para o hack do IE */

/* [3. Header] */
#header { height:75px;  background: url(/recursos/galleries/principal/header_bg.jpg) repeat-x;position: relative;margin:0px auto auto }
#header h1 {  position: absolute; top:20px ;right: 10px;font: 20px Arial;font-weight: bold; color: #777;}
#header h1 a, #header h1 a:visited:hover
 { color: #006699; text-decoration: none;font: 24px Arial;font-weight: bold;line-height:22px; }
/*#header h1 span { position: absolute; top:30px;left:0px; font-size: 11px; color: #777;}*/
#header a#unigranrio { position: absolute; top: 13px; left: 10px; display: block; height: 42px; width: 275px;}/*border: 1px solid #ff0000; }*/


/* [4. Navigation] */
#nav { height: 34px; position: relative; }

/* [5. Major] */
#major {float:left;position: relative;margin:0px;padding:0px;width: 770px;background: #fff;}

/* [6. Content] */
/*#content {float:left;position:absolute;left:180; width: auto;height: auto; padding: 15px 30px 15px 30px; background: #fff; color: #333; }*/
#content {float:right; width:540px; margin: 15px; background: #fff; color: #333; }
#content p.titulo {
font-family: Verdana, Arial, Helvetica,
sans-serif; /* define o tipo de fonte */
font-size:18px; /* define o tamanho da fonte */
color:#01509f; /* define a cor da fonte */
background-color: #d3def0;
font-weight:bold;
/*color: #DAA520;  cor da fonte */
display:block;
height:35px;
border-bottom:5px solid #01509f;
/* coloca uma
borda branca entre links */
line-height: 35px;
padding-left:10px;

}


/* [7. Sidebar] */
#sidebar { float: left; width: 200px; font-size: 11px; background-color: #fff; }
#sidebar h3 { font: bold 12px Verdana, Helvetica, Arial, Geneva, sans-serif; color: #444; text-shadow: 1px 1px 1px #fff; }
#sidebar a { color: #333; font-family: Verdana, Arial, Helvetica,sans-serif; /* define o tipo de fonte */ text-decoration: none; }
#sidebar a:hover { color: #375a7b; }

#sidebar ul#menu {margin: 0; padding:0;list-style-type: none;list-style-image:none;background-color: #d3def0;}
#sidebar ul#menu li {
border-bottom:1px solid #fff;/* coloca uma borda branca entre links */
line-height: 25px;
}
#sidebar ul#menu li a:link, #sidebar ul#menu li a:visited {
text-decoration: none; /* retira o sublinhado dos links */
font-size:11px; /* define o tamanho da fonte */
color:#000; /* define a cor da fonte */
padding-left:10px;
display:block;
height:25px;

}
#sidebar ul#menu li a:hover {
background-color: #acc7e2; /* cor do fundo */
/*border-left:10px solid #FFD39B;*/
font-weight:bold;
/*color: #DAA520;  cor da fonte */
display:block;
}



/* [8. Footer] */
#footer { height: 99px; clear: both; color: #777; background: #fafafa url(/recursos/galleries/principal/footer_bg.jpg) repeat-x ; position: relative; }
#footer img.uni { position: absolute;right:0px;}
#footer h1 {  position: absolute; top:20px ;left: 10px;font: 20px Verdana;font-weight: bold; color: #777;}
#footer h1 a, #footer h1 a:visited:hover
 { color: #006699; text-decoration: none;font: 24px Arial; }


#footer a#unigranrio { position: absolute; top: 10px; right: 62px; display: block; height: 45px; width: 48px;}/*border: 1px solid #ff0000; }*/
#footer a#opencms { position: absolute; bottom: 0px; left: 10px; display: block; }
#footer p#copyright { position: absolute; bottom:0px ; right: 0px; font-size: 11px;color: #444; }
/*#footer h1 span { position: absolute; top:30px;left:0px; font-size: 11px; color: #777;}*/
