@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 12px Arial, Tahoma, Verdana,  sans-serif;
		color: rgb(75,75,75);
		background: #FFF;
	}
	a{text-decoration:underline; color: rgb(0,108,135)}
	a:hover{color: rgb(0,79,135)}
	p{text-align:justify;}
	ul{text-align:justify;}
	ol{text-align:justify;}
	
	strong{font-weight: bold;}
	em{font-style: italic;}

	ul.borderedlist li{border-bottom: 1px dashed rgb(185,235,190);}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 18px;
		color: #000E08;
	}
	ul.borderedlist li a:hover{background: rgb(245,250,230);color: #001111; text-decoration:none;}
	
	.hide {display:none;}

/* =LAYOUT - the main layout styles */
	.container{
		width:750px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
	  /*margin-top: 10px;*/
		height: 120px;
		background: rgb(89,155,171);
		position: relative;
  }	
	
	#navigation{
		position: absolute;
		left: 0px;
		top:97px;
	}
	
	#search{position:absolute; top: 40px; right:0;}

	/* main area layout */
	#main{padding:0px 0 10px 0; margin-top:15px; }
	#leftcolumn{float: left; width:165px; overflow: hidden;}
	#rightcolumn {float:right; width:159px;}
	#center{float: left;width:575px; padding: 0; margin-left:10px;}
	/* bottom layout */
	
/* =HEADER - the header styles */
	#header .container{height: 120px;}
	/* logo */
 #title {		position: absolute; width:560px; height:75px; top:0px;left:0px;background:url('/images/system/title.gif');}
h5 {
		position: absolute;
		height: 71px;
		top: 12px;
		left: 10px;
		font-family:Tahoma;
	}
h5 a, h5 a:hover{
		font-size: 22px;
		line-height: 24px;
		text-align:left;
		display: block;
		color: #FFF;
		text-decoration:none;
	}
h6 {
		position: absolute;
		height: 71px;
		top: 43px;
		left: 55px;
		font-family:Tahoma;
		line-height: 0px;
	}	
h6 a, h6 a:hover{
		font-size:14px;
		line-height: 23px;
		text-align:center;
		display: block;
		color: #FFF;
		text-decoration:none;	
	}	

	/* top navigation */
	#navigation li{
		float: left;
		font-size: 13px;
		font-family: Tahoma;
		letter-spacing:1px;
		background: rgb(90,100,105);		
		line-height: 23px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;				
	}
	#navigation li a.first {padding: 4px 15px 3px 15px;border-left: 1px solid #FFF;}
	html>body #navigation li a.first {padding: 3px 15px 3px 15px;border-left: 1px solid #FFF;}
	#navigation li a{color: #FFF;text-decoration:none; padding: 4px 13px 3px 13px;}
	html>body #navigation li a{color: #FFF;text-decoration:none; padding: 3px 13px 3px 13px;}
	#navigation li a:hover,#navigation li.active a{background: rgb(60,72,75);}
	/* message and building pic */
	
/* =CONTENT - the content styles */
	/* left column */
	.leftbox, .rightbox{background: #FFF;}
	h3.leftbox, h3.rightbox{line-height:17px; font-size:12px;font-weight:bold; background:rgb(231,231,231);color: #000;border: rgb(190,190,190) solid 1px;padding: 0 5px;}
	ul.leftbox,ul.rightbox{text-align: left; font-size: 11px;margin-bottom:6px;border-left: rgb(190,190,190) solid 1px;border-right: rgb(190,190,190) solid 1px;border-bottom: rgb(190,190,190) solid 1px;padding: 5px;}
  ul.leftbox li a, ul.rightbox li a{display:block;}
  ul.leftbox li, ul.rightbox li{padding:2px 0 1px 0;}
  
  

	#leftcolumn .leftbox p{padding-bottom:10px;line-height:15px; font-size:12px;}	
	/* center column */
	.article_wrapper {padding: 10px 0px 0 0;}
	.article_wrapper .greybg {overflow: hidden; background: rgb(245,245,245); margin: -10px -10px -10px 0; padding:10px 20px 10px 10px;}	
	.article_wrapper .pinkbg {overflow: hidden; background: rgb(252,243,243); margin: -10px -10px -10px 0; padding:10px 20px 10px 10px;}
	.article_wrapper .blackbg {overflow: hidden; background: rgb(60,72,75); margin: -10px -10px -10px 0; padding:10px 20px 10px 10px;}
	.article_wrapper .yellowbg {overflow: hidden; background: rgb(255,255,235); margin: -10px -10px -10px 0; padding:10px 20px 10px 10px;}
	.article_wrapper .cianbg {overflow: hidden; background: rgb(89,155,171); margin: -10px -10px -10px 0; padding:10px 20px 10px 10px;}
	
	.article_wrapper .page_title{margin: 0; background:rgb(212,213,217); height:90px;}
	.article_wrapper .page_title img {float:right;}
	.article_wrapper .page_title h4 {font-size:19px;color:#000; padding: 10px;}
	.article_wrapper h1{font-weight:bold;font-size:17px;margin:20px 0;color:#000}
	.article_wrapper h2{font-weight:bold;font-size:14px;margin:20px 0;color:#000}	
	.article_wrapper h3{font-weight:bold;font-size:13px;margin:20px 0;color:#000}	
	.article_wrapper p{padding-bottom:20px;font-size:12px;font-family:Arial;}	
	.article_wrapper ul {font-size:12px;font-family:Arial;list-style-type : disc;list-style-position : inside;padding-bottom:20px;}
	.article_wrapper ol {font-size:12px;font-family:Arial;list-style-type : decimal;list-style-position : inside;padding-bottom:20px;}

  
	.main h2{background: url('/images/system/arrow.gif') top left  no-repeat; padding: 0 0 0 25px;font-weight:bold;font-size:17px;margin:20px 0;color:#000}
	.main h1{font-size: 10px;color:#999}
  .main a{display:block; font-size:12px;color:rgb(75,75,75); padding: 0 20px 5px 27px;font-size:13px;}
  .main a:hover{color:#000;}
  
  .link_block { /*border-bottom: 1px solid rgb(150,150,150);border-top: 1px solid rgb(150,150,150);*/ margin: 3px 0;padding: 0 0 10px 0;}
	.link_block h1{background: url('/images/system/arrow.gif') top left  no-repeat; padding: 0px 0 0 25px;}
  .link_block a{display:block; font-size:12px;color:rgb(75,75,75); padding: 0 20px 5px 27px;font-size:13px;}
  .link_block a:hover{color:#000;}

  a.redlink {font-weight:bold;color:rgb(173,94,90);}
  a.redlink:hover {color:rgb(128,26,21);};
  a.cianlink {color:rgb(0,108,135);}
  a.cianlink:hover {color:rgb(0,79,135);};
  

/* =FOOTER */
	#footer{
	  height: 90px;
		margin-top: 30px;
   	border-top: 5px solid rgb(190,190,190);
   	overflow:hidden;
	}
	#footer_navigation{
		margin: 15px 0 0 120px;
		text-align:center; 
	}
	#footer_navigation li{float: left;padding:0 5px; font-size: 11px; border-right:1px solid rgb(107,107,107);}
	#footer_navigation li.last{float: left;font-size: 11px; border:0;}	
	#footer_navigation li a{color: rgb(107,107,107);text-decoration:underline;}
	#footer_navigation li a:hover{color: #000;}
	
	#counters {
	 padding-top: 0px;
	 text-align:center;
	 clear:both;
	}
	html>body #counters {padding-top: 15px;}
	
	
/* CONSULT */

.consult {padding: 10px 0; border-bottom: 1px solid rgb(150,150,150); }
.consult .date{padding: 10px 0;font-size:11px;color:#999999;}
.consult .question {padding: 10px 0;font-size:13px;font-weight:bold;font-family:Arial,sans-serif;color:#000;text-align:justify;}
.consult .answer {padding: 10px 0;font-size:13px;font-family:Arial,sans-serif;text-align:justify;}

/* IMAGES IN TEXT */

.rightimage {
float: right;
padding: 2px;
margin: 5px 0 0 10px;
border: 1px solid #cccccc;
text-align: center;
font-size: 11px;
font-weight: bold;
font-family:Tahoma;
background: rgb(250,250,250);
}

.leftimage {
float: left;
padding: 2px;
margin: 5px 10px 0 0;
border: 1px solid #cccccc;
text-align: center;
font-size: 11px;
font-weight: bold;
font-family:Tahoma;
background: rgb(250,250,250);
}

.centerimage {
padding: 2px;
margin: 5px 0 20px 0;
border: 1px solid #cccccc;
text-align: center;
font-size: 11px;
font-weight: bold;
font-family:Tahoma;
background: rgb(250,250,250);
}

table.simple {
  background: rgb(250,250,250);
	border-top: 1px solid #CCCCCC;
	border-left:  1px solid #CCCCCC; 
	padding :0px 0px 0px 0px;
}

table.simple td {
	border-right: 1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC; 
	font-size: 12px;
	padding: 5px 5px 5px 5px;
}

table.simple td.title {
	font-weight: bold;
}

table.folders {
  width: 100%;
  border: 0;
}

table.folders td {
 padding: 5px;
}

/******************* photogallery ******************************/

		.imagelist * {
			margin: 0; padding: 0;
		}
		.imagelist dl{
			float: left;
			width: 174px;
			padding-left: 2px;
			padding-top: 2px;
			margin-right: 10px;
			margin-bottom: 10px;
			height: 211px;
			border: 1px solid rgb(190,190,190);
			background-color: rgb(231,231,231);
			cursor:hand;
		}
		.imagelist dl dt{
			width: 170px;
			height: 170px;
			background-color: white;
			border: 1px solid rgb(190,190,190);
			text-align: center;
			font-size: 153px;
			line-height: 0px;
			display: table-cell;
			vertical-align: middle;
		}
		.imagelist dl dt img{	
			vertical-align: middle;
		}
		.imagelist dl dd{
			text-align: center;
			font-size: 11px;
			font-weight: bold;
			font-family:Tahoma;		
		}
	<!--[if lte IE 6]>
	.imagelist dl{
		width: 184px;
	}
	<![endif]-->