/* CSS version 2.0, by Boris Cherny. */
/*Many thanks to Andreas, NickyD, ditchCrawler, TomW, whowrotewhat, hash bar, and Sanden Cottongame */

body {
	background: black center;
	color: #FFF1E8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	margin: 0;
	padding: 0;
}

.clearfloat{
	clear: both;
}

a{
	text-decoration: none;
	color: #FFF1E8;
}

a:hover{
	color: #FB6806;
}

/* The background-image's for the #wrap below are for preloading all the page's images, just add your own images to the pattern */
#wrap {
	background-position: 10px 15px;
	margin: 0 auto;
	text-align: left;
	width: 980px;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/tlo.png);
}


/* ----------------------------- main ----------------------------- */
#main img{
	border: none;
}
#main a{
	text-decoration: none;
	border: none Fuchsia;
}
#main a:hover{
}
#main_wrap{
	background-position: 0px 0px;
	margin: 0 auto;
	text-align: left;
	width: 980px;
	height: 100%;
}
#main_header{
	float: left;
	width: 100%;
	height:140px;
	margin-top: 5px;
}

#main_header_1{
	width: 220px;
	height: 70px;
	margin-left: 55px;
	margin-top: 44px;
	float: left;
}

#main_header_2{
	width: 100px;
	height:40px;
	margin-left: 108px;
	margin-top: 48px;
	float: left;
}
#main_header_3{
	width: 110px;
	height: 40px;
	margin-left: 98px;
	margin-top: 100px;
	float: left;
}

#main_header_4{
	width: 120px;
	height:40px;
	margin-left: 96px;
	margin-top: 45px;
	float: left;
}
#main_content{
	float: left;
	width: 100%;
	height:460px;
}
#main_content_1{
	float: left;
	width: 600px;
	margin-left: 190px;
	margin-top: 5px;
	height: 450px;
}
#main_footer{
	float: left;
	width: 100%;
	height:110px;
}
#main_footer_1{
	width: 270px;
	height: 70px;
	margin-left: 690px;
	margin-top: 5px;
	float: left;
}

/* ----------------------------- header ----------------------------- */
#header{
	height: 60px;
	width: 100%;
	margin-top: 5px;
	background: transparent;
	float: left;
}
#header_text{
	margin-left: 90px;
	margin-top: 15px;
	font-family: Architext;
	font-size: 30px;
	letter-spacing: 3px;
	float: left;
}

/* ----------------------------- menu_h ----------------------------- */


/* ----------------------------- content ----------------------------- */
#overlib_frame{
	border: 1px solid #FB6806;
	background-color: Black;
	padding: 3px 3px 3px 3px;
}


#bar_t{
	float: left;
	width: 810px;
	height: 1px;
	background-color: transparent;
	border-bottom: 1px solid #FB6806;
	margin-left: 160px;
	margin-right: 10px;
}
#bar_b{
	float: left;
	width: 960px;
	height: 1px;
	background-color: transparent;
	border-bottom: 1px solid #FB6806;
	margin-left: 10px;
	margin-right: 10px;
}
#content_l{
	float: left;
	width: 170px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: transparent;
	min-height: 460px;
}
#content_r{
	float: left;
	width: 795px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: transparent;
	border-left: 1px solid #FB6806;
	min-height: 560px;
	padding-left: 5px;
}
#content_r_text{
	width: 100%;
	font-family: Verdana;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
	text-align: justify;
}


#menu{
	margin-top: 25px;
	margin-left: 10px;
	width:144px;
	min-height: 350px;
}
.menu_item{
	font-family: Architext;
	font-size: 1.1em;
	letter-spacing: 3px;
	text-align: left;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
}

.menu_item a{
	font-family: Architext;
	font-size: 1.2em;
	letter-spacing: 3px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.menu_item a:hover{
	color: black;
}
.menu_item:hover{
	background-color: #FB6806;
}

.forms{
	font-size: 1em;
}


.article_sub{
	font-family: Architext;
	font-size: 1.1em;
	letter-spacing: 3px;
	text-align: left;
	vertical-align: middle;
	text-indent: 3px;
	border: thin solid #FB6806;
}
.article_sub:hover{
	background-color: #FB6806;
}
#article_title{
	font-family: Architext;
	font-size: 1.1em;
	text-indent: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	border: 1px solid #FB6806;
	text-align: right;
}
#article_body{
	width: 100%;
	font-family: Verdana;
	font-size: 1em;
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
#article_attachment{
	height:25px; 
	width:100%;
	align:right;
}
#article_foto{
	
}


.td_button{
	background-color: #FB6806;
	color: #FFF1DB;
	border: 1px solid #FB6806;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	height: 25px;
	cursor: pointer;
}
.td_button:hover{
	background: transparent;
	color: #FB6806;
}

.warning{
	color: Red;
	font-family: Verdana;
	font-size: 0.8em;
}



/* ----------------------------- footer ----------------------------- */
#footer {
	float: left;
	width: 100%;
	height: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	text-indent: 10px;
	padding: 2px 0px 2px 0px;
	text-align: center;
}
#footer a{
	font-weight: bolder;
}


#login{
	font-family: Architext;
	font-size: 0.9em;
	padding-left: 5px;
}
#login a:hover{
	color: #FB6806;
}
.login_input{
	width: 100px;
	height: 15px;
	font-size: 0.8em;
	background-color: #FFF1E8;
	border: 1px solid #565656;
}
.login_button{
	background-color: transparent;
	color: #FFF1DB;
	border: 1px solid #FB6806;
	text-align: center;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	width: 90px;
	height: 20px;
	font-size: 0.8em;
	cursor: pointer;
}
.login_button:hover{
	background: #FB6806;
	color: black;
}