/* --------------------------------------------------------
            CAGOCM
   yul
   -------------------------------------------------------- */

body { font-family: Arial, Helvetica, sans-serif;
       text-align: left; color: #333;
       background-color:    #cccccc;
       background-image:    url("../ubsf/imgs/img_wall2.jpg");
       background-repeat:   no-repeat;
       background-position: top right;
       /*background-attachment: fixed;*/
       }

#container { width: 90%; margin: 10px auto; padding: 20px 20px;
             background-color: #fafafa;
             }

#container h2 { border: 1px dotted #aaa; text-align: center; }

div#header { height: 110px;  border: 1px solid #fff; margin: 12px 0; vertical-align: middle;
             background-color:    #fff;
             background-image:    url("logo.jpg");
             background-repeat:   no-repeat;
             background-position: top right;
             }
#header h1 { margin: 20px 20px; }
#header ul { float: left}
#header li { display: inline; text-align: center; margin: 3px; padding: 3px;
             border: 0px solid #ccc;}

/* -- pseudoclasses -- */

a, img        { border: 0; }
a:link        { color: #0077A8; background: transparent; text-decoration: none; } 
a:visited     { color: #0077A8; text-decoration: none; }
a:active      { color: #666666; }
a:hover       { color: #666666; text-decoration: underline; }

a.nome, a.nome:link, a.nome:visited, a.nome:active, a.nome:active, a.nome:hover
              { font-weight: bold; color: #666666; }


/*input:focus, textarea:focus { background-color: #000000;}*/
input:focus, textarea:focus { background-color: #ffffdd;}

input, textarea, select { border: 1px solid #aaaaaa; margin: 1px; }

p	{ text-align: justify; }

hr 	{ border-style: dotted; height: 0px;  width: 100%; margin: 0;}
.spc1   { margin-top:    1em;}
.spc2   { margin-bottom: 1em;}
h1      { font-size: 140%; }

li      { margin-bottom: 5px; }

p.list 	{ text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; }


#foot { text-align:right; font-size: 70%; }


/* -- GENERAL CLASSES -- */

.header		{ font-size: 150%; color: #0077a8;  }
.center	        { text-align: center; }
.left	        { text-align: left; }
.right	        { text-align: right; }

.small		{ font-size: 70%; }
.url		{ font-family: Courier New, Courier, mono; }
.update		{ font-size: 70%;
		  color: #aa0000;
		  font-weight: bold;}

ul.arial	{ font-family: Geneva, Arial, Helvetica, sans-serif; 
		  list-style-type: circle;
		  text-indent: 0em; }
.wide           { width:100%; }