/**
 * @version $Id: template.css 10498 2008-07-04 00:05:36Z ian $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 * modified by Mirabiel @2010
 *main colors:
 #cb6a23 - orange
 #321407 - brown
 #909090 - grey
 #eef3dc - light green
 #dedede - light gray
 */





body
{
	background: #fff;
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 100.1%;
	padding: 0px;
	text-align: center;
}



body.contentpane {

width : auto;
margin : 10px;
line-height : 1.4em;
text-align: left;
}

/* ###########  header content ############# */ 
#header h1
{
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
}

#logo{
	position:absolute;
	top: 0px;
	left: 50%;
	margin-left: -484px
}
#weather, #weather embed {
display: block;
width: 88px;
position: absolute;
top: 10px;
left: 15px;
}
/*  Search box  */
#header form
{
	background:transparent;
	border:solid 0 #000;
	display:block;
	position: absolute;
	top: 15px;
	right: 1px;
	height:auto;
	width: 105px;
	text-align:left;
	padding:0 10px 0 0;
}

#header form fieldset
{
	border:0 solid #000;
	display:inline;
	float:left;
	padding:2px;
	text-align:left;
	width:3em;
}

#header form label
{
	position:absolute;
	left:-3000px;
	top:-200px;
	width:auto;
}

#header form .button
{
	background:url(../img/search.png) no-repeat 2px 2px;
	border:0;
	color:#fff;
	margin: 2px 1px 0 0;
	padding: 0 0px 2px 16px;
	cursor:pointer;
}

#header form .inputbox
{
	background:#f1f7fa;
	border:solid 1px #968a7e;
	color: #968a7e;
	padding: 1px 0 0 2px;
	margin: 0 2px !important;
	width: 6em;
	height: 17px;
	font-size: 0.9em;
}

#header form .inputbox:focus
{
	border: solid 1px #cb6a23;
}

/* header Top-nav */

/*#header ul.menu {
display: block;
float: left;
width: 160px;
height: 60px;
position: absolute;
top: 197px;
margin: 0;
text-align: left;
}
#header #menu1{
left: 15px;
z-index: 0;
width: 170px;
}
#header #menu1 li {
width: 170px;
}
#header  #menu2{
left: 185px;
z-index: 1;
width: 150px;
}
#header #menu2 li {
width: 150px;
}
#header #menu3{
left: 335px;
z-index: 2;
width: 145px;
}
#header #menu3 li {
width: 145px;
}
#header  #menu4{
left: 480px;
z-index: 3;
width: 175px;
}
#header #menu4 li {
width: 175px;
}
#header  #menu5{
left: 655px;
z-index: 4;
width: 168px;
}
#header #menu5 li {
width: 168px;
}
#header  #menu6{
left: 823px;
z-index: 5;
}
*/
#header ul.menu {
display: block;
float: left;
width: 16%;
height: 60px;
position: absolute;
top: 197px;
margin: 0;
text-align: left;
}
#header #menu1{
left: 2.5%;
z-index: 0;
width: 17%;
}
/*#header #menu1 li {
width: 170px;
}
*/#header  #menu2{
left: 19.5%;
z-index: 1;
width: 15%;
}
/*#header #menu2 li {
width: 150px;
}
*/#header #menu3{
left: 34.5%;
z-index: 2;
width: 14.5%;
}
/*#header #menu3 li {
width: 145px;
}
*/#header  #menu4{
left: 49%;
z-index: 3;
width: 16.5%;
}
/*#header #menu4 li {
width: 175px;
}
*/#header  #menu5{
left: 65.5%;
z-index: 4;
width: 17%;
}
/*#header #menu5 li {
width: 168px;
}
*/#header  #menu6{
left: 82.5%;
z-index: 5;
}
#header ul.menu li {
display: block;
float: left;
width: 100%;
height: 16px;
list-style: none;
}
#header ul.menu li a {
display: block;
padding-left: 2px;
font-size: 1em;
letter-spacing: 0.07em;
text-decoration: none;
color: #321407;
font-weight:700;
font-variant: small-caps;
border-left: 1px dotted #321407
}
#header ul.menu li a:hover,#header ul.menu li a:active,#header ul.menu li a:focus  {
background: #fff;
color: #cb6a23;
border-left: 1px dotted #cb6a23
}


/* ####  Footer  #### */

#footer {
color: #321407;
	padding: 0;
	margin-top: 15px;
	text-align:right;
	display:block;
	position: relative;
	width: 100%px;
	height: 145px;
		background-color: #dbe4e7;

}
#footer ul.menu {
display: block;
width: 600px;
height: 20px;
position: absolute;
left: 180px;
bottom: 115px;
margin: 0;
text-align: center;
}
#footer li {
display: block;
float: left;
width: 170px;
height: 20px;
list-style: none;
}
#footer li a {
display: block;
padding-left: 5px;
font-size: 1em;
letter-spacing: 0.1em;
text-decoration: none;
color: #321407;
font-weight:700;
font-variant: small-caps;
}
#footer li a:hover {
background: #fff;
color: #cb6a23;
}
#uc-net {
position: absolute;
left: 8px;
bottom: 100px;
margin: 0;
}
#counters {
display: block;
width: 200px;
height: 20px;
position: absolute;
right: 10px;
bottom: 115px;
margin: 0;
}
#footer address {
position: absolute;
left: 50%;
bottom: 0px;
margin: 0 0 0 -487px;
	background-color: none;
	background-image: url(../img/buildings.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 975px;
	height: 107px;
	z-index: 1000;
}
#footer address p{
color:#c4c1ba;
margin: 89px 5px 5px 210px!important;
letter-spacing: 0.03em;
font-variant: small-caps;
background-color: #454748
}
#footer address p, x:-moz-any-link
{
margin: 89px 4px 5px 204px!important;
}

#footer address span {
font-variant: normal;
letter-spacing:  0.01em;
}
#footer a {
color:#c4c1ba;
background: transparent;
}
#footer a img {
border: 0;
}


/* TOC */
table.contenttoc{
	float: right;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}
#main3 .left {
float: left;
margin-left: -180px;
margin-right: 10px;
padding: 2px;
border: 1px solid #909090!important
}
