/*

	Modified from template: Artificial Intelligence by luka cvrk (www.solucija.com)
	Author: Maikel
	
	Modified by Ibrahin on 2016-11-15, change red by blue colours
	
*/

body { 
	margin: 0; 
	padding: 0; 
	background: #ffffff;
	/*background: #9f8f50;*/
	font: normal 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}

/* Blues: #3465a4; #204a87 */

/* LINKS AND HEADINGS STYLING */

a { color: #4d130e; background: inherit; text-decoration: none; }
a:hover { color: #914f4a; background: inherit; text-decoration: underline; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }

/* CONTENT WRAPPER */

#main { 
	width: 1100px; 
	margin: 10px auto 0 auto; 
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 5px 0 5px 0px; 
}

/*#logo h1 { color: #000; background: #fff; }*/

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: right; 
	color: #808080; 
	padding: 1px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 10px 18px 10px 18px; 
		color: #444;
		background: rgba(255, 255, 255, 0.5); 
		display: inline; 
	}
	#menu li.active { 
		background: #fff; 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 290px;
	color: #E5EAF2;
	margin: 0 0 1px 0;
	background: #204a87;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; color: #E5EAF2; background: #204a87;}

	/* LEFT VERTICAL MENU */

	#menu_left { 
		clear: left;
		float: left;  
		margin: 5px 0 6px 0; 
		padding: 0 0 1px 0;
		font-size: 14px;
	}
		#menu_left li { 
			list-style: none;
		}
		#menu_left li a { 
			display: block; 
			color: #914f4a; 
			background: #E9E5E4; 
			width: 250px; 
			padding: 7px 23px 7px 23px; 
			margin: 3px 0 1px 0; 
			
			text-decoration: none;
		}	
		#menu_left li a:hover { 
			background: #914f4a; 
			color: #FFFFFF;  
		}
		#menu_left li.active a { 
			background: #4d130e;  
			color: #FFFFFF; 
		}
		#menu_left p { padding: 8px 15px; margin: 0; color: #E5EAF2; background: #4d130e;}
		
	#menu_left_separator { 
		clear: left;
		float: left;  
		margin: 0 0 0 0; 
		padding: 0 0 1px 0; 
	}
		#menu_left_separator li { 
			display: block; 
			color: #546F92; 
			background: #FFFFFF; 
			width: 204px; 
			padding: 0 0 0 0; 
			margin: 0 0 1px 0; 
			text-decoration: none; 
		}	

	#menu_left_bottom { 
		clear: left;
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 2px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left_bottom li { list-style: none; }
		#menu_left_bottom li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left_bottom li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#intro_right {
	float: right;
	width: 790px;
	padding: 0px 0px 0px 0px;
	background-color: rgba(255, 255, 250, 0.3);
	margin: 0 0 10px 0;
	height: 180px;
}
	/*#intro_right p { text-align: center; font-size: 34px; font-family: "Arial"; color: #4d130e}*/
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }

.header_p_s {text-align: center; font-size: 24px; font-family: "Arial"; color: #4d130e}
.header_p_xl {text-align: center; font-size: 36px; font-family: "Arial"; color: #4d130e}
.header_p_right {text-align: right; font-size: 20px; font-family: "Arial"; color: #4d130e}

/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
}
	.box {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	.note {
		padding: 15px 15px 20px 100px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(images/package.gif) no-repeat;
		color: #585616;
	}

/* RIGHT SIDE */

#right {
	float: right;
	width: 790px;
}
	.leftcol { 
		float: left; 
		padding: 12px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
	.special {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #fff;
		color: #444;
	}

/* FOOTER */

#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; }

/* SELECT */

select {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 14px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font-family: Arial, Helvetica, sans-serif;
/*	background-color: #b16f6a;
	color: #ffffff; */
	border-radius:0.2rem;
	height: 25px;
	padding: 2px 2px 2px 2px;
}

/*select:active {
	background-color: #b16f6a;
}*/

/* PARAGRAPH */
p {
	font-size: 14px;
}	

.p_center {
	text-align: center;
}

/* TEXT */

input {
	font-family: verdana, arial; 
	font-size: 14px;
}

/* BUTTON */

.btn {
	display:inline-block;
	margin-bottom:1rem;
	color:rgba(255,255,255,0.7);
	background-color:rgba(255,255,255,0.08);
	border-color:rgba(255,255,255,0.2);
	border-style:solid;
	border-width:1px;
	border-radius:0.3rem;
	transition:color 0.2s, background-color 0.2s, border-color 0.2s
}
.btn:hover {
	color:rgba(255,255,255,0.8);
	text-decoration:none;
	background-color:rgba(255,255,255,0.2);
	border-color:rgba(255,255,255,0.3)
}
.btn+.btn {
	margin-left:1rem
}

.xbutton {
	border-right: #4d130e 1px solid; 
	border-top: #4d130e 1px solid; 
	font-size: 14px; 
	border-left: #4d130e 1px solid; 
	width: auto; 
	color: #FFFFFF; 
	border-bottom: #4d130e 1px solid; 
	font-family: verdana, arial; 
	background-color: #914f4a; 
	text-align: center;
	border-style:solid;
	border-width:1px;
	border-radius:0.2rem;
	height: 30px;
}

.xwbutton {
	border-right: #4d130e 1px solid;
	border-top: #4d130e 1px solid;
	font-size: 12px;
	border-left: #4d130e 1px solid;
	width: auto;
	height: 20px;
	color: #FFFFFF;
	border-bottom: #4d130e 1px solid;
	font-family: Verdana, Arial;
	background-color: #914f4a;
	text-align: center;
	border-radius:0.2rem;
}

.xbutton:hover {
	background-color: #a15f5a;
}

.xwbutton:hover {
	background-color: #a15f5a;
}

/* OTHERS */

.Estilo15 {font-size: 10px}
.Estilo16 {font-size: 9px}
.Estilo19 {font-size: 12px}
.Estilo20 {color: #914f4a; font-weight: bold; }
.Estilo23 {color: #006633}
.Estilo26 {color: #00FF66}
.Estilo27 {
	color: #FFFFFF;
	font-weight: bold;
}
.Estilo28 {color: #999999}
.Estilo29 {color: #CCCCCC}
.Estilo30 {
	font-size: 1.3em;
	font-weight: bold;
}
.Estilo34 {color: #FF0000}
.Estilo33 {color: #0000FF; }

/* TABLES HEADERS */

.tb_title {
	color: #FFFFFF; 
	background-color: #4d130e; /*#4d130e; *#3465a4; #204a87*/ 
	font: 14px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center;
	height: 28px;
}

.td_header {
	
	color: #FFFFFF;
	background-color: #4d130e;
	border-color:#4d130e;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
}

.td_subtitle {
	color: #4d130e; 
	font: bold 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: left;
	
	border-bottom: #4d130e 1px solid;
}

.tb_table_title {
	color: #FFFFFF; 
	background-color: #4d130e; /*3465a4;*/ 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center
}

.tb_title_border {
	border-right: #4d130e 1px solid; 
	border-top: #4d130e 1px solid; 
	border-left: #4d130e 1px solid; 
	border-bottom: #4d130e 1px solid; 
	
	color: #4d130e; 
	background-color: #E9E5E4; 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center;
}

.tr_title {
	color: #4d130e; 
	background-color: #E9E5E4; 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center;
}

.td_title {
	color: #4d130e;
	background-color: #E9E5E4; 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center;
}

.td_bground {
	background-color: #E9E5E4; 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center;
}

.tb_table_message {
	color: #4d130e; 
	background-color: #E9E5E4; 
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center;
}

.tb_title_right {
	margin-left: 8px; 
	color: #FFFFFF; 
	background-color: #4d130e; 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: right
}

.tb_message {
	margin-left: 8px; 
	color: #000000; 
	background-color: #FAFAC8; 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center
}

.tb_error {
	margin-left: 8px; 
	color: #000000; 
	background-color: #AAAAAA; 
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	text-decoration: none; 
	text-align: center
}

/* TABLES */

.table_error {
	border-right: #AAAAAA 1px solid; 
	border-top: #AAAAAA 1px solid; 
	border-left: #AAAAAA 1px solid; 
	border-bottom: #AAAAAA 1px solid; 
}

.table_border {
	border-right: #4d130e 1px solid; 
	border-top: #4d130e 1px solid; 
	border-left: #4d130e 1px solid; 
	border-bottom: #4d130e 1px solid; 
}

.table_border_bu {
	border-top: #4d130e 1px solid; 
	border-bottom: #4d130e 1px solid; 
}

.table_border_bottom {
	border-bottom: #4d130e 1px solid; 
}

.table_border_fill {
	border-right: #4d130e 1px solid; 
	border-top: #4d130e 1px solid; 
	border-left: #4d130e 1px solid; 
	border-bottom: #4d130e 1px solid;
	background-color: #E9E5E4;
}