/* CSS Document */

* { margin: 0;padding: 0;}

a{ text-decoration:none;}
a:hover{color: #c3141c;}

body {color: #444; font: normal 62.5% Arial, Helvetica, sans-serif;}

.container {
	margin: 0 auto;
	width: 100%;
	text-align:center;
}

/* -------------------------HEAD-------------------------- */

/*------TOP------*/

#top { 
	height:130px;
	clear:both; 
	border-bottom:dotted 2px #999; 
	margin-bottom:5px;
	min-width:980px;
}

#logo {
		float:left;
		height:100px;
		width:410px;
		margin:20px 30px;
		background:url(../images/logo.gif) no-repeat left;
	}

#language{
	float:left;
	margin:0 30px ;
	clear:left;
}

#language a {
	color: #6C7151;
	font-size:12px;
	padding:5px;
	text-decoration: none;
	background:url(../images/language.gif) no-repeat center center;
}
#language a:hover{color: #c3141c;}

#top .school{
	float:right;
	height:100px;
	width:22%;
	min-width:220px;
	margin:20px 10px;
	padding:10px 20px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
	position:relative;
	color:#757575;
}
	#top .school .slogo{ position:absolute; left:0; top:0;}
	#top .school a{ color:#757575;}
	#top .school a:hover{color:#c3141c;}
	
	#search
	{
		width:300px;
		float:left;
	}

/*-------------------------MENU-------------------------*/

.search{ float:left; margin:0 100px 0 12px ; padding:5px;}
.input{ line-height:1.4em; font-size:12px;}
.submit{ height:20px;}

#menu { 
	clear: both;
	font-size:14px;
	height: 30px;
	min-width:980px;
	margin:5px 0;
	background:#93d601 url(../images/menu.gif) repeat-y center;
}

#menu li {display: inline; text-align: center;}
	
#menu a { 
	display: block;
	float:left;
	height:1.4em;
	line-height:1.4em;
	padding: 5px;
	color: #fff; 
	background: inherit;
	text-decoration: none;
	text-indent:15px;
}
	
#menu a:hover {color:#c3141c;}
#menu .active a {color:#c3141c;}
/*------HEADER------*/

#header {
	background: #32a100 url(../images/header.jpg) no-repeat center;
	color: #FFC;
	height:144px;
	min-width:980px;
	font-size: 1.4em;
	clear:both;
}

	
/*------IFERA------*/

#ifera {
	height:25px;
	min-width:980px;
	margin-top:5px;
	background: #696969;
	padding-top:5px;
}

#ifera a{ 
	height:25px;
	width:525px;
}

/* -------------------------MAIN-------------------------- */

#main{ 
	clear: both;
	height:530px;
	width:100%;
	min-width:980px;
	border-bottom:solid 10px #93d601;
	position:relative;
}

/* -----------SUBMENU------------ */

#submenu{
	float:left;
	height:500px;
	width:22%;
	min-width:220px;
	padding:20px 20px 0 30px;
	margin:5px 0;
	font-size:14px;
	list-style:none;
	clear: both;
	text-align:left;
	border-right:dotted 2px #999;
}

#submenu li {display: inline;}
	
#submenu a { 
	display: block;
	width:150px;
	margin:10px 0 0;
	padding:10px 0 10px 30px;
	line-height:1.6em;
	color: #999;
	text-decoration: none;
	text-indent:40px;
}
	
#submenu a:hover {color:#201f53;}

#submenu .intro a{ background:url(../images/introa.gif) no-repeat 10px}
#submenu .download a{ background:url(../images/downloada.gif) no-repeat 10px}
#submenu .excursion a{ background:url(../images/excursiona.gif) no-repeat 10px}
#submenu .contact a{ background:url(../images/contacta.gif) no-repeat 10px}
#submenu .links a{ background:url(../images/linka.gif) no-repeat 10px}

#submenu .intro a:hover{ background:url(../images/intro.gif) no-repeat 10px; color: #93d601;}
#submenu .download a:hover{ background:url(../images/download.gif) no-repeat 10px; color: #93d601;}
#submenu .excursion a:hover{ background:url(../images/excursion.gif) no-repeat 10px; color: #93d601;}
#submenu .contact a:hover{ background:url(../images/contact.gif) no-repeat 10px; color: #93d601;}
#submenu .links a:hover{ background:url(../images/link.gif) no-repeat 10px; color: #93d601;}




/* ----------CONTENT--------- */

#content {
	clear: both;
	height:480px;
	width:70%;
	min-width:520px;
	font-size: 1.2em;
	position:absolute;
	left:28%;
	top:15px;
	padding:10px 5px;
	white-space:normal; 
	word-break:break-all;
	overflow-x: none;
	overflow-y: auto;
	SCROLLBAR-FACE-COLOR: #93d601; 
	SCROLLBAR-HIGHLIGHT-COLOR: #93d601; 
	SCROLLBAR-SHADOW-COLOR: #93d601; 
	SCROLLBAR-3DLIGHT-COLOR: #93d601; 
	SCROLLBAR-ARROW-COLOR: #fff; 
	SCROLLBAR-TRACK-COLOR: #dde3dd; 
	SCROLLBAR-DARKSHADOW-COLOR: #f1f6d0; 
	SCROLLBAR-BASE-COLOR: #93d601;
}

#content h1{ font-size:2em; color:#000;}

#content h2{
	text-align:left;
	font-size:1.5em;
	color:#003705;
	margin:10px 10px 5px;
}

#content p{
	text-align:justify;
	text-indent:2em;
	line-height:1.4em;
	font-size:1.2em;
	margin:5px 10px;
	
}

#content ul
{	
	list-style-type:square;
	text-align:justify;
	font-size:1.2em;
	letter-spacing:0.2em;
	word-spacing:0.5em;
}
#content li
{
	margin-bottom:10px;
	margin-left:40px;
}

#content ul strong
{
	color:Red;
}
.commitul li
{
	font-size:1em;
	display:inline;
	text-align:justify;
}
#content .commit p
{
	text-indent:0em;
}
#content .commit h2
{
	text-align:left;
}
#content .commit table
{
	font-size:1.1em;
}
#content .publish ul
{
	margin-top:-5px;
}

/* -------------------------FOOTER------------------------- */
#footer {
	width:100%;
	min-width:980px;	
	color: #666;
	font-size: 1.1em;
	line-height: 41px;
}