/************************/
/* Boonsai web CSS file */
/************************/

/* granate boonsai: #981034 */
/* gris fluix boonsai: #e9e9ea */

* {
  margin:0px;
  padding:0px;
} 

html, body {
  height:100%;
}
  
body {
  background:#d1d2d3;
  font-family: Helvetica,Arial,sans-serif;
  font-size:13px;
  text-align:center;
} 

ul {
  list-style-type:none;
  margin-top:10px;
  margin-bottom:10px;
  padding-left:10px;
}

li {
  background-image:url(../images/fulla.png);
  background-repeat: no-repeat;
  background-position:left center;
  padding-left:30px;
  margin-bottom:10px;
}


/* =links */
a:link, a:visited {
  color:#981034;
  text-decoration:none;
}

a:active, a:hover {
  color:#981034;
  text-decoration:underline;
}

a img {
  border:0px;
}

/* =tipografia */
#main h1 {
  color:#981034;
  font-size:18px;
  margin-bottom:10px;
  margin-top:10px;
}

#main h2 {
  color:#981034;
  font-size:16px;
  font-weight:normal;
  margin-bottom:3px;
}

#main h3 {
  color:#fff;
  background:#981034;
  padding:3px;
  font-size:14px;
  font-weight:normal;
  margin-bottom:3px;
}

#main h4 {
  font-size:16px;
  margin-top:10px;
  margin-bottom:5px;
}

#main .globus {
  background:#981034;
  padding:10px;
  color:#fff;
}

#main .globus h1 {
  color:#fff;
}

/* =topmenu */
.moduletable-topmenu {
  margin-top:5px;
  margin-left:47px;
}

ul.menu-topmenu {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

ul.menu-topmenu li {
  background-image:none;
  float:left;
  padding-left:3px;
  margin:0px;
}

ul.menu-topmenu a {
  display:block;
  width:115px;
  height:25px;
  line-height:25px;
  background:#ccc;
  color:#555;
  font-weight:bold;
  text-decoration:none;
}

ul.menu-topmenu a:hover, ul.menu-topmenu a.selected {
  background:#fff;
  color:#981034;
}

ul.menu-topmenu li.active a {
  background:#fff;
  color:#981034;
}


/* =seconday menu */
#secondary_menu {
  width:100%;
  height:20px;
  background:#e9e9ea;
  background-image:url(../images/secondary_menu_back.png);
  background-repeat: no-repeat;
  background-position:right;
  margin-bottom:15px;
}

ul.secondary_menu {
  list-style-type:none;
  background-image:none;
  margin:0px;
  padding:0px;
  font-size:10px;
}

ul.secondary_menu li {
  float:left;
  background-image:none;
  padding:0px;
  margin:0px;
  border-right:1px solid #fff;
  text-align:center;
}

ul.secondary_menu a {
  display:block;
  padding-left:5px;
  padding-right:5px;
  height:20px;
  line-height:20px;
  background:#e9e9ea;
  color:#555;
  font-weight:bold;
  text-decoration:none;
}

ul.secondary_menu a:hover, ul.secondary_menu a.selected {
  background:#981034;
  color:#fff;
}

ul.secondary_menu li.active a {
  background:#981034;
  color:#fff;
}

/* =login */
#form-login {
  font-size:11px;
  background:#e9e9ea;
  padding:10px;
  border:1px dotted #ccc;
  background-image:url(../images/login_back.png);
  background-repeat: no-repeat;
  background-position:top center;
  padding-top:70px;
  margin-top:25px;
}

#form-login input.button {
  margin-top:5px;
  padding:3px;
  background:#555;
  color:#fff;
  border:1px solid #555;
}

#form-login-remember {
  margin-top:3px;
}

fieldset {
  border:0px;
}

/* =contents */
span.index {
	font-size:60px;
	line-height:100px;
	padding-right:20px;
	color:#555;
}

table.porque h1 {
	padding-top:13px;
}

/* =layout */
#global_wrapper {
  min-height:100%;
  height:auto !important;
  height:100%;
  margin: 0 auto -25px;
}

#wrapper {
  margin: 0px auto;
  padding-bottom:15px;
  padding-top:5px;
  width:1000px;
  background:#fff;
	background-image: url(../images/wrapper_back.png);
  background-repeat:repeat-x;
}

#header {
  margin: 0px auto;
  width:900px;
}

#header_right {
  float:right;
  text-align:right;
  padding-right:150px;
}

#arbre {
  position:absolute;
  margin-left:820px;
  margin-top:-100px;
  z-index:100;
}

#canvas {
  margin: 0px auto;
  width:900px;
  background:#fff;
  background-image:url(../images/left_grad.png);
  background-repeat: repeat-y;
  background-position:right;
  text-align:left;
}

#main_wrapper {
  float:left;
  width:650px;
}
#lateral_wrapper {
  float:left;
  margin-left:30px;
  width:200px;
}

#main {
  padding:10px;
}


/* =footer */
#footer {
  text-align:center;
  font-size:12px;
  color:#555;
  height:25px;
  line-height:25px;
}

/* =generic */
.clear {
  clear:both;
}

.center {
  text-align:center;
}

.left {
  float:left;
}

.right {
  float:right;
}