body {
	margin:0; 
	padding:0;
  background: url('imgs/bg.png') top center repeat-y rgb(255,255,255);
}

body, html {
  height: 100%;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

form, input {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

td {
  font-family: Arial, sans-serif;
  font-size: 11px;
}
  
img { border: 0px; } 
a img {padding: 0px; margin: 0px; }

a,
a:link,
a:visited { font-weight: bold; text-decoration: underline; color: rgb(0,0,0);}
a:hover { font-weight: bold; text-decoration: none; color: rgb(0,0,0);}

.div-body {
  position: relative; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 100%;
}  

.div-header {
  position: absolute; 
  left: 0px; 
  top: 9px; 
  vertical-align: middle; 
  text-align: center; 
  width: 100%; 
  z-index: 30;
} 

.div-header-bg {
  position: absolute; 
  left: 0px; 
  top: 0px; 
  vertical-align: middle; 
  text-align: center; 
  width: 100%; 
  background: rgb(0,0,0); 
  height:33px; 
  z-index: 20;
}

.div-page {
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 100%; 
  z-index: 10;
}

.main-table {
	height: 100%;
	width: 100%;
}

.left-bg,
.left-border,
.right-border,
.left-area {
  background: rgb(255,204,0);
}

.right-bg,
.right-area {
  background: rgb(255,255,255); 
}

.left-bg,
.right-bg {
  font-size: 1px;
}

.left-border,
.right-border {
  width: 1px;
}

.left-area {
  width: 260px;
}

.right-area {
  width: 506px;
}

.footer-area {
  width: 766px;
}


.upper-row .left-area,
.upper-row .right-area,
.upper-row .left-bg,
.upper-row .right-bg {
  vertical-align: top;
  padding-top: 40px;
}

.footer-row .left-area,
.footer-row .right-area,
.footer-row .footer-area,
.footer-row .left-bg,
.footer-row .right-bg,
.footer-row .left-border,
.footer-row .right-border {
  vertical-align: bottom;
}


.logo {
  text-align: center; 
}




.left-area .footer-table td {
 text-align: right;
}

.footer-area {
 text-align: left;
}

/*********************************/



/*LEFT MENU*/
.upper-row .left-area .left-menu {
  width: 100%;
}

.upper-row .left-area .left-menu td {
  padding: 0;
}

.upper-row .left-area .left-menu .inactive-parent-item {
  background: url('imgs/menu_item_parent_active_bg.png') no-repeat rgb(255,204,0);
  height: 21px;
  vertical-align: middle;
  padding-left: 35px;
  font-weight: bold;
  border-bottom: 1px solid rgb(255,204,0);
}

.upper-row .left-area .left-menu .parent-item {
  height: 21px;
  vertical-align: middle;
  padding-left: 35px;
  font-weight: bold;
  border-bottom: 1px solid rgb(255,204,0);
}

.upper-row .left-area .left-menu .inactive-parent-item .indicator,
.upper-row .left-area .left-menu .parent-item .indicator {
  background: url('imgs/menu-indicator.PNG') left center no-repeat;
  vertical-align: middle;
  padding-left: 10px;
}

.upper-row .left-area .parent-separator {
  height: 1px;
}

.upper-row .left-area .child-separator {
  height: 1px;
  background: url('imgs/separator2px.PNG') 2px 0px repeat-x;
}


.upper-row .left-area .left-menu .parent-item a,
.upper-row .left-area .left-menu .parent-item a:link,
.upper-row .left-area .left-menu .parent-item a:visited { text-decoration: none; color: rgb(0,0,0);}
.upper-row .left-area .left-menu .parent-item a:hover { text-decoration: underline; color: rgb(255,255,255);}

.upper-row .left-area .left-menu .inactive-parent-item a,
.upper-rowontent .left-area .left-menu .inactive-parent-item a:link,
.upper-row .left-area .left-menu .inactive-parent-item a:visited { text-decoration: none; color: rgb(0,0,0);}
.upper-row .left-area .left-menu .inactive-parent-item a:hover { text-decoration: underline; color: rgb(0,0,0);}

.upper-row .left-area .left-menu .inactive-child-item,
.upper-row .left-area .left-menu .child-item {
  background: url('imgs/menu_item_child_active_bg.png') no-repeat rgb(255,204,0);
  height: 21px;
  vertical-align: middle;
  padding-left: 35px;
  font-weight: normal;
  border-bottom: 1px solid rgb(255,204,0);
}

.upper-row .left-area .left-menu .child-item a,
.upper-row .left-area .left-menu .child-item a:link,
.upper-row .left-area .left-menu .child-item a:visited { font-weight: normal; text-decoration: none; color: rgb(255,255,255);}
.upper-row .left-area .left-menu .child-item a:hover { font-weight: normal; text-decoration: underline; color: rgb(255,204,0);}

.upper-row .left-area .left-menu .inactive-child-item a,
.upper-row .left-area .left-menu .inactive-child-item a:link,
.upper-row .left-area .left-menu .inactive-child-item a:visited { font-weight: normal; text-decoration: none; color: rgb(255,255,255);}
.upper-row .left-area .left-menu .inactive-child-item a:hover { font-weight: normal; text-decoration: underline; color: rgb(255,204,0);}

/*****************************/
.page-content .content {
  background: url('imgs/sas-logo-bg.PNG') right top no-repeat;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}

.page-content .content-separator {
 height: 1px;
 background: url('imgs/separator2px.PNG') repeat-x;
}


.footer-table {
  width: 100%;
  background-color: rgb(0,0,0);
  height: 37px;
}

.footer-table td {
  color: rgb(255,255,255);
}
.footer td {
  text-align: center;
  font-weight: bold;
  color: rgb (38,99,23);
  font-size: 11px;
  padding: 10px;
  line-height: 15px;
}


.content {
  font-size: 12px;
  background: url('imgs/sas-logo-bg.PNG') right top no-repeat;
  padding: 2px 10px 15px 10px;
  vertical-align: top;
}

/* tables elements */
/* table standard & table reversed */

.content .standard th,
.content .reversed th 
{
	background: rgb(133,132,76);
	color: white;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
  text-align: left;
  vertical-align: bottom;
  font-size: 13px;
}

.content .standard th 
{
	border-top: solid 2px black;
}

.content .reversed th 
{
	border-bottom: solid 2px black;
}

.content .standard td,
.content .reversed td 
{
	color: black;
	border-bottom: solid 1px black;
	font-weight: normal;
	padding: 3px 10px 3px 10px;
	text-align: left;
  vertical-align: top;
  font-size: 12px;
}

.content .standard .first-col,
.content .standard .col
{
	border-right: solid 1px black;
}

.content .standard .last-col
{
	border-left: 0px;
}

/* table invisible */

.content .invisible
{

}

.content .invisible td 
{
  vertical-align: top;
  padding: 10px;
  font-size: 12px;
}


/* galeria*/

.content .galeria .photo {
  height: 95px;
  vertical-align: middle;
  text-align: center;
  border: 0px;
  padding: 10px;
}

.content .galeria .separator {
  width: 1px;
  background-color: rgb(133,132,76);
  padding: 0px;
}

.content .galeria .v-separator {
  height: 15px;
  padding: 0px;  
}

.content .paginator {
  text-align: right;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;  
}


/* text elements */

h1 {
  color: rgb(0,0,0);
  font-weight: bold;
  padding: 3px 30px 15px 25px;
  text-align: left;
  font-size: 17px;
  margin: 0px 0px 10px 0px;
  border-bottom: solid 3px rgb(255,204,0);
  width: 410px;
}

h2 {
  color: rgb(0,0,0);
  font-weight: bold;
  padding: 3px 30px 4px 25px;
  text-align: left;
  font-size: 15px;
  margin: 0px 0px 10px 0px;
  border-bottom: solid 1px rgb(255,204,0);
  width: 410px;
}

h3 {
  color: rgb(0,0,0);
  font-weight: bold;
  padding: 2px 30px 2px 10px;
  text-align: left;
  font-size: 13px;
  margin: 0px 0px 5px 0px;
}

p {
  padding: 2px 45px 2px 25px;
  margin: 0px 0px 5px 0px;
  font-size: 12px;
  line-height: 16px;
}

h3 + p {
  padding-top: 0px;
  padding-bottom: 15px;
}

blockquote {
  border-left: 2px solid rgb(133,132,76);
  background-color: rgb(223,224,199);
  padding: 4px;
  font-style: italic;
}

q {
  font-style: italic;
}

pre {
  padding: 2px 10px 2px 10px;
  text-align: left;
  margin: 0px 0px 5px 0px;
  font-size: 12px;
  line-height: 16px;
  font-family: Arial, sans-serif;
}

.content a,
.content a:link,
.content a:visited { text-decoration: none; color: rgb(87,92,0);}
.content a:hover { text-decoration: underline; color: black;}

.autor {
  color: rgb(133,132,76);
  font-weight: bold;
  padding: 2px 10px 2px 10px;
  text-align: right;
  margin: 0px 0px 20px 0px;
  font-size: 12px;
}

.news td {
  border: 0px;
}

/* unordered lists */

.content .big-square-list 
{
  list-style-type: none; 
  list-style-position: outside; 
  list-style-image: url('imgs/list-square-big.PNG');
  padding: 0px 0px 0px 28px;
  margin: 0px;
  margin-bottom: 10px;
}  

.small-square-list 
{
  list-style-type: none; 
  list-style-position: outside; 
  list-style-image: url('imgs/list-square-small.PNG');
  padding: 0px 0px 0px 28px;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 2px;
} 

ul 
{
  list-style-type: none; 
  list-style-position: outside; 
  list-style-image: url('imgs/list-square-small.PNG');
  margin-bottom: 10px;
  margin-top: 2px;
} 

.big-square-list .small-square-list 
{
  padding-left: 16px;
} 

.big-square-list li,
.small-square-list li
{
  padding-top: 1px;
  padding-bottom: 1px;
}  

/*definition list*/

dt 
{
  margin-left: 12px;
  font-weight: bold;
}

dd 
{
  margin-left: 22px;
  padding-bottom: 10px;
}