html
{
	height: 100%;
}

body
{
	height: 100%;
	background-color: #c9bfac;
	color:#000000;
	font-family: "verdana", Arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

a:link {
	color:#993300;
	text-decoration:underline;
}

a:visited {
	color:#993300;
	text-decoration:underline;
}

a:hover {
	color:#DD0000;
	text-decoration:underline;
}

a:link IMG {
	color:#000000;
}

a:visited IMG {
	color:#000000;
}

a:hover IMG {
	color:#000000;
}


#container
{
	width:771px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;
	border: 0px solid #000000;
	border-top:0px;
	border-bottom:0px;
	background-color: #faf0e6;	
}

#banner
{
	width:771px;
	margin-top:0px;
	padding:0px;
	background-color: #4c75ad;
	border-left: 1px solid #000000;
}

#main
{
	text-align:justify;
	font-size: 14px;
	width:750px;
	margin-top:0px;
	padding:10px;
	background-color: #faf0e6;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#foto
{
	text-align:center;
	font-size: 14px;
	width:750px;
	margin-top:0px;
	padding:10px;
	background-color: #faf0e6;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#akapit
{
	text-indent:15px; 
}

#center
{
	text-align:center;
}

#footer
{
	width:750px;
	font-size:12px;
	margin-top:0px;
	padding:10px;
	text-align: center;
	background-color: #faf0e6;
	border: 1px solid #000000;
}

.title1
{
	font-size:20px;
	color:#FF0000;
	font-weight:bold;
}

.title2
{
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}

.title3
{
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.title4
{
	font-size:20px;
	color:#000000;
	font-weight:bold;
}

a.rol_1 {
	background: transparent url(img/index_03.gif) no-repeat 0 0;
	border: 0;
	display: block;
	height: 38px;
	margin: 0;
	padding: 0px;
	width: 94px;
}
  
a.rol_1:hover {
	background: transparent url(img/index_03.gif) no-repeat 0 -38px; 
	border: 0;
	display: block;
	height: 38px;
	margin: 0;
	padding: 0px;
	width: 94px;
}

a.rol_2 {
	background: transparent url(img/index_06.gif) no-repeat 0 0;
	border: 0;
	display: block;
	height: 79px;
	margin: 0;
	padding: 0px;
	width: 57px;
}
  
a.rol_2:hover {
	background: transparent url(img/index_06.gif) no-repeat 0 -79px; 
	border: 0;
	display: block;
	height: 79px;
	margin: 0;
	padding: 0px;
	width: 57px;
}

a.rol_3 {
	background: transparent url(img/index_08.gif) no-repeat 0 0;
	border: 0;
	display: block;
	height: 79px;
	margin: 0;
	padding: 0px;
	width: 111px;
}
  
a.rol_3:hover {
	background: transparent url(img/index_08.gif) no-repeat 0 -79px; 
	border: 0;
	display: block;
	height: 79px;
	margin: 0;
	padding: 0px;
	width: 111px;
}

a.rol_4 {
	background: transparent url(img/index_09.gif) no-repeat 0 0;
	border: 0;
	display: block;
	height: 38px;
	margin: 0;
	padding: 0px;
	width: 96px;
}
  
a.rol_4:hover {
	background: transparent url(img/index_09.gif) no-repeat 0 -38px; 
	border: 0;
	display: block;
	height: 38px;
	margin: 0;
	padding: 0px;
	width: 96px;
}

a.rol_5 {
	background: transparent url(img/index_13.gif) no-repeat 0 0;
	border: 0;
	display: block;
	height: 38px;
	margin: 0;
	padding: 0px;
	width: 96px;
}
  
a.rol_5:hover {
	background: transparent url(img/index_13.gif) no-repeat 0 -38px; 
	border: 0;
	display: block;
	height: 38px;
	margin: 0;
	padding: 0px;
	width: 96px;
}

a.rol_6 {
	background: transparent url(img/index_15.gif) no-repeat 0 0;
	border: 0;
	display: block;
	height: 35px;
	margin: 0;
	padding: 0px;
	width: 58px;
}
  
a.rol_6:hover {
	background: transparent url(img/index_15.gif) no-repeat 0 -35px; 
	border: 0;
	display: block;
	height: 35px;
	margin: 0;
	padding: 0px;
	width: 58px;
}