/* --------- Stylesheets incorporation --------- */
@import url("content.css");
@import url("extraclass.css");
@import url("forms.css");
@import url("templates.css");
@import url("blocks.css");

/* --------- Reset css --------- */
* {
  margin : 0;
  padding : 0;
}

/* --------- Layout --------- */
body {	
  margin : 0px 0 0px;
	background-color: : #fff;
	background-image: url("../img/img01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	padding : 30px 0 0px;
	color : #504139;	
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size : 12px;
}
#xo-canvas {}
#xo-canvas-content {
	width : 960px;
	margin : 0 auto;
	padding : 30px 0 0 0;
}
#xo-page {padding : 5px 10px 0 10px;}

/* --------- Header --------- */
#xo-header {
	width : 960px;
	height : 40px;
	margin : 40 auto;

}
/* --- Logo --- */
#xo-header .logo {
	float : center;
	height : 40px;
}
#xo-header .logo h1, #xo-header .logo h2 {
	float : center;
	margin-top : 20px;
	text-transform : lowercase;
	font-weight : normal;

}
#xo-header .logo h1 {
	padding : 5px 0 0 0px;
	font-size : 2.6em;
}
#xo-header .logo h2 {
	padding : 17px 0 0 6px;
	font-size : 1.2em;
}
#xo-header .logo a {
  color : #fff;
	text-decoration : none;	
	border : none;
}
/* --------- Navigation menu --------- */
ul#xo-globalnav {   
	float : right;
	height : 0px;
	}
ul#xo-globalnav li {
  float: left;
  margin : 0;
	padding : 10px 0px 0 0;
	list-style : none;
}
ul#xo-globalnav a {
	display : block;
	float : left;
	margin-right : 3px;
	padding : 5px 18px 5px 18px;
	color : #fff;
	text-transform : lowercase;
	text-decoration : none;
	font-size : 1em;
	font-weight: bold;	
}
ul#xo-globalnav a:hover {
  text-decoration: underline;
	color: #fff;
}
ul#xo-globalnav a:active, ul#xo-globalnav a:focus,
ul#xo-globalnav a.xo-current  {
  text-decoration: underline;
	color: #fff;
}

ul#xo-globalnav2 {   
	float : left;
	height : 30px;
}
ul#xo-globalnav2 li {
  float: left;
  margin : 0;
	padding : 10px 0px 0 0;
	list-style : none;
}
ul#xo-globalnav2 a {
	display : block;
	float : left;
	margin-right : 3px;
	padding : 5px 18px 5px 18px;
	color : #fff;
	text-transform : lowercase;
	text-decoration : none;
	font-size : 1em;
	font-weight: bold;
}
ul#xo-globalnav2 a:hover {
  text-decoration: underline;
	color: #fff;
}
ul#xo-globalnav2 a:active, ul#xo-globalnav a:focus,
ul#xo-globalnav2 a.xo-current  {
  text-decoration: underline;
	color: #fff;
}
/* --------- Content module page --------- */
#xo-content {
  padding : 8px;
  text-align : justify;  
}

/* --------- Footer --------- */
#xo-footer {
	width : 100%;
	height : 64px;
	margin : 0 ;
	padding : 0px 0px
	font-size : 10px;
    text-align : center; 
    background-image: url("../img/img02.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;

}



#xo-logger-output{font-size : .9em;}

/* --------- Block main menu --------- */
#mainmenu {font-size : .9em;}
#mainmenu a {
  display : block;
  margin : 0;
  background : url("../img/img05.gif") no-repeat left;    
  padding : 4px;
}
#mainmenu a:hover {}
#mainmenu a.menuTop {padding-left : 12px;}
#mainmenu a.menuMain {padding-left : 12px;}
#mainmenu a.menuSub {  
  padding-left : 12px;
  color : #504139;
  font-size : .9em;
  font-style : italic;
}
#mainmenu a.menuSub:hover {background-color : #FEFEFE;}

/* --------- Block user menu --------- */
#usermenu {font-size : .9em;}
#usermenu a {
  display : block;
  margin : 0;
  background : url("../img/img05.gif") no-repeat left;    
  padding : 3px 3px 3px 12px;
}
#usermenu a:hover {background-color : #fff;}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color : #fcc;}