/*
  color fons verd: #abc837
*/
html
{
  height:100%;
  overflow:hidden;
}

body
{
  font-family: Arial,Helvetica,sans-serif;
  background: url('../img/fons.png') #444;
  height:100%;
  padding-bottom: 1px;
  overflow-y:auto;
}

p a:link,
p a:visited,
p a:active,
.contact_data a:link,
.contact_data a:visited,
.contact_data a:active{
	text-decoration: none;
	border-bottom: 1px dotted #555;
	color: #000 !important
}
p a:hover,
.contact_data a:hover{
	color: #555 !important;
}

.teaser a:link,
.teaser a:visited,
.teaser a:active,
.teaser a:hover{
	text-decoration: none;
	color: #284c58 !important;
}

p{
  margin-bottom:10px !important;
  padding-bottom: 12px;
  text-align:justify;
  line-height: 20px;
	
}
strong {
	font-weight:700 !important;
}
em{
	font-style:italic !important;
}
blockquote{
	padding: 0 0 0 30px !important;
}

#doc4{
	-moz-box-shadow: 0 -30px 30px #000;
	-webkit-box-shadow: 0 -30px 30px #000;
	box-shadow: 0 -30px 30px #000;
}

/* BEGIN: HEAD */
.head
{
  /*height:106px;*/
  background-color:#000;
  color:#fff
}
.headerMask{
	background: url('../img/header-mask.png') no-repeat;
	display:block;
	height: 108px;
	margin-bottom:-110px;
	top:0;
	width: 600px;
	z-index:0;
	float:right;
}
.yui-g{
	position:relative;
	z-index:10;
}
img.logo{
	margin: 6px;
}
/* END: HEAD */


/* BEGIN: BODY */
div.bd
{
  background-color:#abc837;
  background-repeat:no-repeat;
}

div.vert
{
  background:url(../img/ona.png) no-repeat #CEE262;
  min-height:589px;
}
div.horiz
{
  background-image:url(../img/ona_horitz.png);
  background-position: 0px 32px;
  min-height:549px;
}

/*POSTIT*/
div.postit{
	position:relative;
	clear:both;
	float:right;
	margin: -90px 0 -30px;
}

/* BEGIN FOOTER */
div.ft
{
  clear:both;
  background-color:#abc837;
  /*min-height:120px;*/
}
div.teaser
{
  background-image:url(../img/bg_teaser.png);
  background-repeat:repeat-x;
  height:40px;
  width:100%;
  font-size:16px;
  color: #284c58;
}

div.teaser p
{
  padding: 12px 0 0 0;
  margin: 0px 0 0 0;
  text-align:center;
}

div.contact_data
{
  border-top: 3px solid #fff;
  /*padding-left:32px;*/
  padding: 10px 32px;
  font-size:13px;
  text-align:center;
  /*font-weight:bold;*/
}
/* END: FOOTER */

div.home-contact
{
  height:80px;
  padding: 30px 0;
  width:100%;
  clear:both;
  text-align:center;
}


div.bgtitle
{
  position:absolute;
  bottom:-100px;
}

div.bd-content
{
  margin-left:356px;
  margin-top:65px;
  margin-right:69px;
}

div.bd-content table.contentpaneopen{
	width:100%;
}
td{
	text-align:justify;
}
div.bd-content h1, 
div.bd-content td.contentheading,
div.bd-content div.contentheading,
div.bd-content div.componentheading
{
  color: #284c58;
  font-size: 32px;
  display:block;
  text-align:right !important;
  margin-right:-69px;
  padding-right:69px;
  padding-bottom:10px;
  margin-bottom:22px;
  border-bottom: 3px solid #fff;
}
div.bd-content td.contentheading a:link,
div.bd-content td.contentheading a:active,
div.bd-content td.contentheading a:visited{
	color: #284c58;
	text-decoration:none;
}
div.bd-content td.contentheading a:hover{
	text-decoration:underline !important;
}
table.blog td.contentheading{
  color: #284c58;
  font-size: 18px !important;
  display:block;
  text-align:left !important;
  padding:0 !important;
  margin:10px 0 0 !important;
  border: none !important;
}
td.createdate{
  text-align: right !important;
  font-style: italic;
  padding: 0 0 5px;
}
a.readon{
	display:inline-block;
	margin:5px 0;
	color: #555;
}
a.readon:hover{
	color: #000;
}
div.home-content
{
  margin-left:70px;
  padding-top:60px;
  margin-right:70px;
}

div.home-content h1
{
  float:left;
  font-size:40px;
  width:420px;
}

div.home-points
{
  float:left;
  margin-top:40px;
 /* width:100%;*/
}

div.home-points li
{
  font-size:18px;
  color:#fff;
  padding-bottom:15px;
}

div.home-img
{
  float:right;
/*   position:absolute; */
/*  top:-220px;*/
  position:relative;
  margin-right: -30px;
/*  width:70%;
  height:600px;
  text-align:center;
  background-image:url(../img/bloom.png);
  background-position:center middle ;
  background-repeat: no-repeat;*/
}
/* div.bd > div {background-color:transparent} */



/* BEGIN: LANGUAGE */
div.lang
{
  text-align:right;
  height:106px;
  vertical-align:middle;
}

#jflanguageselection ul.jflanguageselection{
	margin: 21px 12px;
}

#jflanguageselection ul.jflanguageselection li {
	margin: 12px !important;
}

a.lang,
ul.jflanguageselection a
{
  color:#fff;
  text-decoration:none;
  font-size:14px;
  /*font-weight:bold;*/
}


a.lang:hover,
ul.jflanguageselection a:hover
{
  color:#fff;
  text-decoration:underline;
}
/* END: LANGUAGE */



/* BEGIN: MENU */
div.menu
{
/*   height: 41px;  */
  width:100%;
  text-align:center;
  /*background-color: #fefefc;*/
  padding-top:8px;
  padding-bottom:8px;
  
	/*MENUDINAMIC*/
    background: #fefefc;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
    background : -moz-linear-gradient(top, rgb(240,240,240), rgb(204,204,204));

}

div.menu div.menu-item,
div.menu ul li
{
  display:inline;
  padding-right:26px;
  padding-left:26px;
  padding-top:8px;
  padding-bottom:8px; 
  margin-bottom: 10px;
  font-size:14px;

}
div.menu ul li.active{
	font-weight: bold;
}
div.menu-item a,
div.menu > ul > li a
{
  text-decoration:none;
  color:#000;
  padding: 6px 10px 5px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

div.menu > ul > li > ul{
	display: none;
}


div.menu-item:hover,
div.menu > ul > li:hover
{
  
  color:#fff !important;
  cursor:pointer;
}

div.menu-item a:hover,
div.menu ul li a:hover
{
  color:#fff;
  background-image:url(../img/bg_menu.png);
  text-decoration:none;
}
/* END: MENU */

div.alert-box
{
/*   background-color:#eee; */
  height:40px;
  cursor:pointer;
/*   margin:10% 10% 20% 10%; */
}

/* BEGIN: POSTIT */
div.postit-box
{
  float:right;
  margin-right:10px;
  height:160px;
  width:50%;
  cursor:pointer;
}

div#postit-form
{
  display:none;
  position:absolute;
  top:500px;
  background-color: #f5dd11;
  padding:5px 5px 5px 5px;
}

div#postit-form label {font-weight:bold}

div#postit-form input,div#postit-form textarea
{
  background-color: #f5eb92;
  border: 1px solid #e7ce00;
  margin:2px 2px 2px 2px;
  width:150px;
}

div#postit-form textarea {width:205px}

div#postit-form input[type="submit"]
{
  background-color: #bfab00;
  border: 1px solid #e7ce00;
  padding:2px 2px 2px 2px;
  width:auto;
}

div#postit-form td.submit{text-align:center}

/* BEGIN: FORM */
.ck_mandatory{
	display:none;
}
form.ckform {
	box-shadow: 2px 4px 9px #333;
	-moz-box-shadow: 2px 4px 9px #333;
	-webkit-box-shadow: 2px 4px 9px #333;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #e2eeb3;
	padding: 10px 40px;
}
form.ckform .ck_mandatory{
	display:inline !important;
}
form.ckform input,
form.ckform textarea{
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #aaa;
	padding:2px
}
form.ckform input:active,
form.ckform input:focus,
form.ckform textarea:active,
form.ckform textarea:focus{
	background:#fff;
	border:1px dotted #aaa;
}

div#ckpoweredby{
	display: none !important;
}
/* END : FORM */