/* BOJE ----------------------------------------------------------------------*/
/* #F5DEB3 - pozadina                                                         */
/*                                                                            */
/*                                                                            */
/*                                                                            */


/* COMMON --------------------------------------------------------------------*/
BODY {
	margin:0;					padding:0;
	color:#000; 				background:#F5DEB3; 
	text-align:center; 			font:100% Geneva, Arial, Helvetica, sans-serif;
	}
TABLE {
	height:90%;  				width:100%;
	}
  TD.center {
  	text-align:center; 			vertical-align:middle;
	}
IMG {
	margin:0;					padding:0;
	border:none;
	}

/* DIVS ----------------------------------------------------------------------*/
#header { margin:0; padding:0; height:10%; margin:20px 0;}
#center {margin-left:160px; margin-right:160px;}
  #center P {text-align:justify; vertical-align:top; margin:0; padding:0; text-indent:5%;}
  H1, H2, H3, H4, H5, H6 {
  	display:inline;
  	margin:0;					padding:0;
	width:100%;					height:auto;
	color:#D2691E; 				background:#F5DEB3;
	text-align:center;		 	
	}
  .box {display:block; border:4px groove silver;}
#project-l {width:49%; border:1px inset black; float:left;}
  #project-l span:HOVER {background-color:#FFE4B5;}

#project-r {width:49%; border:1px inset black; float:right;}


/* MAIN BUTTONS --------------------------------------------------------------*/
#tl {position:absolute; top:10px; left:10px;}
#tr {position:absolute; top:10px; right:10px;}
#bl {position:absolute; bottom:10px; left:10px;}
#br {position:absolute; bottom:10px; right:10px;}
    .btn { font-size:12pt; font-weight:bold; text-align:center; vertical-align:middle; padding:0; width:100px; height:100px; border:medium outset #8B0000; border-top:medium groove #FFFFF0; border-left:medium groove #FFFFF0; background-color:#FFE4B5; background:#FFDEAD;}

/*------------//
//   FOTOS   //
//------------*/
#foto {margin-left:140px; margin-right:140px; height:90%;}
    #foto IMG {margin:2px; padding:2px; border:2px groove #FFA500;}

/*------------//
//   LINKS    //
//------------*/
A {font-weight: bold;}
    A:Link {color: #8B0000; text-decoration: none;}
    A:Visited {color: #FF7F50; text-decoration: line-through;}
    A:Hover {color: #FFCC66; text-decoration: underline; background-color: #FF7F50;}

/*------------//
//   ITLA   //
//------------*/
TABLE.itla {height:10%; width: 80%;}
TR.itla {background-color: #FFFFF0;}
TH.itla, TD.itla {padding: 0px 0px 0px 0px; text-align:center; vertical-align: middle; border: 1pt outset #FFA500; border-bottom: 2pt outset black; border-right: 2pt outset black;}
TR.odd  {background-color: #FAF0E6;}
TR.even {background-color: #FFF8DC;}

/*------------//
//   UNUSED   //
//------------*/
UL   { list-style: disc outside none; text-align: justify;}
OL   { list-style: decimal outside none; text-align: justify;}
OL.I { list-style: upper-roman outside none; }
OL.a { list-style: lower-alpha outside none; }
OL.A { list-style: upper-alpha outside none; }
.listtop {
    background : #FFCC66;
    color: Black;
}
.list1 {
    background : #FFFFF0;
    color: Maroon;
}
.list2 {
    background : #F5FFFF;
    color: Navy;
}
/* ARROWS */
.sortup { position: fixed; left: 0; }
.sortdn {  position: fixed; right: 0; }

/*---------------//
//   GOOGLEBAR   //
//---------------*/
#google {
	width:auto; 			height:auto;
	margin-top:20px;
	}