/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #333;
	  font: 11px  Verdana, Arial, sans-serif;
	  background: url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;
	  height:100%;	}

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:20px;	}
span	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
div	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
table	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
tr	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
td	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}


h1 	{ font: 24px  georgia, Verdana, Arial, "sans-serif";
	  color: #233c77;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font: 12px Verdana, Arial, "sans-serif";
	  color: #606060;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

a 	{ color: #233c77;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}


div#container	{ margin:0 auto;
		  height:auto;
		  width:100%;	}

/* ------------------------------------------------
	header
-------------------------------------------------*/



/* ------------------------------------------------
	menus
-------------------------------------------------*/


	a	{ font: 12px Verdana, Arial, sans-serif;
		  display: block;
		  height:18px;
		  padding:0px 2px;
		  font-weight:bold; 
		  border-bottom:3px solid #f4bf1c;
		  float:left; }

	a:hover	{ text-decoration: none; 
	border-bottom:3px solid #f4bf1c;}

/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#main		{ position:absolute;
			  top:50%;
			  margin: -252px 0px 0px 0px;
			  display:block;
			  height:451px;
			  float:left;
			  /* background: #fff url(../images/mainbg.png) repeat-x; */
			  width:100%;
			  z-index:10;}

div#maincenter		{ width:864px;
			  margin:0 auto;}

	.lebruta 	{ width:380px;
			  height:410px;
			  display:block;
			  background:#fff;
			  float:left;
			  margin:20px;
			  border:1px solid #fff;}

	.lebrutahover  { border:1px solid #f4bf1c; }

	.leblogo  { text-align:center;
		    padding:20px 0px 0px 0px; }

	.lebtext  { padding:20px 40px; }

	.lebtext p { margin:0px 0px 15px 0px; }
 
/* ------------------------------------------------
	pages
-------------------------------------------------*/


/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer {
background:  #e8eaec;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
display: block;
height: 120px;
z-index: 1;
padding: 0px;
margin: 0px;
}
/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:200px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 200px;
}