@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	
orange	-	#f7892d
blue		-	#3e6697
 */

/* = = = = = Reset Finish = = = = = */

body						{color:#333; line-height:normal; background:#e2e8f0; font-family:'robotoregular'; text-rendering:optimizelegibility; font-smoothing:antialiased; font-size:14px;}

h1, h2, h3, h4, h5	{color:#3e6697; padding:7px 0; line-height:normal;}

h1							{font-size:23px; margin:0 0 7px 0; display:block; border-bottom:1px solid #CCC;}
h2							{font-size:21px;}
h3							{font-size:19px; padding:7px 0 0 0; color:#f7892d;}
h4							{font-size:17px;}
h5							{font-size:15px;}

a, a:visited			{color:#3e6697; outline:0; text-decoration:none;}
a:hover, a:focus		{color:#f7892d;}

strong					{font-weight:bold;}
p							{padding:7px 0;}
sup						{font-size:70%;}

.clear					{clear:both;}

.img_right				{float:right; margin:0 0 15px 15px;}
.img_left				{float:left; margin:0 15px 15px 0;}

.table					{width:100%; margin:0; border:#CCCCCC 1px solid; background:#FFF; border-collapse:collapse;}
.table th				{padding:5px; text-align:left; background:#e5e5e5; font-weight:bold; border:1px solid #CCC; vertical-align:text-top;}
.table td				{padding:5px; border:1px solid #CCC; vertical-align:text-top;}

.ol						{padding:5px 0 5px 30px; list-style-type:decimal;}
.ol li					{padding:1px 0; list-style-position:outside;}

.ul						{padding:5px 0 5px 20px; list-style-type:circle;}
.ul li					{padding:1px 0; list-style-position:outside;}

.page						{float:left; width:100%;}
.wrapper					{width:990px; margin:0 auto;}

.header_wrap			{float:left; width:100%; background:#FFF;}
.header					{float:left; width:100%; padding:15px 0; position:relative;}
.logo						{float:left; width:100%;}

.top_links				{width:auto; position:absolute; right:0; top:15px; z-index:50;}
.top_links li			{float:left; margin:0 0 0 25px;}
.top_links li a		{color:#333;}
.top_links li a:hover{color:#f7892d;}

.search_field			{margin:0; padding:3px 0 3px 20px; border:none; border-bottom:1px solid #CCC; outline:none; background:url(../images/icons/search.png) left center no-repeat;}

.search_field:focus	{border-bottom:1px solid #f7892d;}


.menu_wrap				{float:left; width:100%; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background:#FFF;}

.banner_wrap			{float:left; width:100%;}
.banner_in				{float:left; width:100%;}


.mid_cont_wrap			{float:left; width:100%;}
.content					{float:left; width:98%; background:#FFF; padding:20px 1%;}
.home_block_a			{float:left; width:28%;}
.home_block_b			{float:left; width:42%; margin:0 3%;}
.home_block_c			{float:left; width:24%; background:#3e6697;}
.home_block_c .acd_chair_title	{background:#f7892d; color:#FFF; text-align:center; margin:0; padding:10px 0;}
.home_block_c img		{width:100%; display:block;}
.home_block_c h4		{color:#FFF; padding:10px 0 10px 10px !important; font-size:20px;}
.home_block_c p		{color:#FFF; padding:0 10px 10px 10px !important;}

.coe					{float:left; width:100%; background:#3e6697;}
.coe_title			{float:left; width:100%; padding:10px 0; background:#f7892d; color:#FFF; text-align:center; font-size:20px;} 
.coe_data				{float:left; width:90%; padding:15px 5% 25px 5%; background:#3e6697; text-align:center;}
.coe_data h4			{float:left; width:100%; display:block; color:#FFF; padding:0 0 5px 0; font-size:24px; font-family:'robotothin';}
.coe_data p			{float:left; width:100%; display:block; color:#FFF; padding:0;}
.coe_data p a			{color:#FFF;}

.home_news_title		{float:left; width:100%; color:#f7892d; padding:0 0 5px 0; font-size:24px; font-family:'robotolight'; border-bottom:1px solid #3e6697;}
.home_news				{float:left; width:100%;}
.home_news li			{float:left; width:100%; padding:10px 0; border-bottom:1px dashed #CCC;}
.home_news li:last-child	{border:none;}
.home_news_tit			{float:left; width:100%; padding:0 0 5px 0; font-size:18px; color:#3e6697;}
.home_news_block		{float:left; width:100%;}
.home_news_photo		{float:left; width:30%;}
.home_news_photo img	{max-width:110px; max-height:110px; width:auto; height:auto; display:block;}
.home_news_cont		{float:left; width:70%;}
.news_date_share		{float:left; width:100%; padding:0 0 5px 0; font-size:12px;}
.news_date				{float:left; width:50%; color:#999;}
.news_share				{float:left; width:50%; text-align:right;}
.home_news_cont_news	{float:left; width:100%;}



.acd_chair_title		{float:left; width:100%; color:#f7892d; padding:0 0 5px 0; margin:0 0 5px 0; font-size:20px;}
.home_block_c h4		{padding:0;}






.footer_wrap			{float:left; width:100%; background:#3e6697;}
.footer					{float:left; width:100%; padding:15px 0; color:#FFF; font-size:13px;}
.footer_a				{float:left; width:34%; line-height:34px;}
.footer_b				{float:left; width:33%;}
.footer_c				{float:left; width:33%; line-height:34px; text-align:right;}
.footer_c a				{color:#FFF;}
.footer_c a:hover		{color:#f7892d;}

.sharing					{width:132px; margin:auto;}
.sharing li				{float:left; width:auto; margin:0 5px;}
.sharing li a			{float:left; width:34px; height:34px;}
.fac a					{background:url(../images/social.png) left top no-repeat;}
.fac a:hover			{background:url(../images/social.png) left bottom no-repeat;}
.twi a					{background:url(../images/social.png) -34px top no-repeat;}
.twi a:hover			{background:url(../images/social.png) -34px bottom no-repeat;}
.ins a					{background:url(../images/social.png) -68px top no-repeat;}
.ins a:hover			{background:url(../images/social.png) -68px bottom no-repeat;}
.in a						{background:url(../images/social.png) -102px top no-repeat;}
.in a:hover				{background:url(../images/social.png) -102px bottom no-repeat;}
.you a					{background:url(../images/social.png) -136px top no-repeat;}
.you a:hover			{background:url(../images/social.png) -136px bottom no-repeat;}

.membership_page		{float:left; width:100%;}
.membership_page_a	{float:left; width:20%;}
.membership_page_b	{float:left; width:54%; padding:0 3%;}
.membership_page_c	{float:left; width:20%;}

.membership_nav				{float:left; width:100%;}
.membership_nav li			{float:left; width:100%;}
.membership_nav li a			{float:left; width:94%; padding:3px 3%; color:#3e6697; border-bottom:1px solid #e5e5e5; background:url(../images/icons/membership_nav_a.png) 95% center no-repeat;}
.membership_nav li:last-child a	{border:none;}
.membership_nav li a:hover			{color:#f7892d; background:url(../images/icons/membership_nav_hover.png) 95% center no-repeat;}
.membership_nav li a.active		{color:#f7892d; background:url(../images/icons/membership_nav_hover.png) 95% center no-repeat;}

.membership_page_ppl					{float:left; width:100%;}
.membership_page_ppl li				{float:left; width:100%; padding:10px 0; border-bottom:1px solid #CCC;}
.membership_page_ppl li:last-child	{border:none;}
.membership_page_ppl li h3			{padding:0;}
.membership_page_ppl li p			{padding:0;}
				
.membership_page_ppl_img			{float:left; width:40%;}
.membership_page_ppl_des			{float:left; width:60%;}
.membership_page_ppl_des strong	{float:left; width:100%; padding:0 0 3px 0;}
.membership_page_ppl_des span		{float:left; width:100%; padding:0 0 3px 0;}


.acd-summit						{float:left; width:100%;}
.acd-summit li					{float:left; width:100%; padding:10px 0; border-bottom:1px solid #CCC; position:relative;}
.acd-summit li:last-child	{border:none;}
.acd-summit-title				{float:left; width:100%; font-size:20px; color:#3e6697;}
.acd-summit-flag				{position:absolute; width:auto; height:auto; right:10px; top:10px;}
.acd-summit p					{float:left; width:100%; display:block;}	
.acd-summit h3					{float:left; width:100%; display:block;}
.ul_ul							{float:left; width:97%; padding:5px 0 5px 3%; list-style-type:circle;}
.ul_ul li						{float:left; width:100%; padding:2px 0 !important; list-style-position:outside; border:none !important;}

.unga						{float:left; width:100%;}
.unga li					{float:left; width:100%; padding:10px 0; border-bottom:1px solid #CCC; position:relative;}
.unga li:last-child	{border:none;}
.unga-title				{float:left; width:100%; font-size:20px; color:#3e6697;}
.unga-flag				{position:absolute; width:auto; height:auto; right:10px; top:10px;}



.areas-of-cooperations				{float:left; width:100%;}
.areas-of-cooperations li			{float:left; width:190px; height:190px; margin:2px; position:relative; box-sizing: border-box;}
.areas-of-cooperations-text		{float:left; width:90%; padding:0 5%;  position:absolute; left:0; bottom:10px; font-size:22px; line-height:22px; color:#FFF; z-index:9; font-family:'roboto_condensedregular';}
.areas-of-cooperations-shade		{float:left; width:100%; position:absolute; left:0; bottom:0; z-index:8;}
.areas-of-cooperations-img			{float:left; width:100%;}
.areas-of-cooperations-img img	{width:100%; height:auto;} 


.acd-day									{float:left; width:100%; background:#FFF; padding:10px 0 0 0;}

.staff_pro_sec							{float:left; width:90%; padding:0 5%;}
.staff_pro_sec li						{float:left; width:100%; padding:15px 0; border-bottom:1px dashed #CCC;}
.staff_pro_sec li:last-child		{border:none;}						
.staff_pro_sec li h4,
.staff_pro_sec li span,
.staff_pro_sec li p					{float:left; width:100%; display:block; padding:0;}
.staff_pro_sec li p					{padding:5px 0 0 0;}
.staff_pro_sec li span				{color:#666; font-style:italic; font-size:13px;}


.contus_wrap					{float:left; width:100%; margin:15px 0 0 0;}
.contus_left					{float:left; width:55%;}
.contus_right					{float:right; width:35%;}
.contus_left h2, .contus_right h2	{float:left; width:100%; display:block; margin:0 0 10px 0;}

.contus_form					{float:left; width:100%;}	
.contus_form li				{float:left; width:100%; padding:0 0 20px 0;}
.contus_form li span			{float:left; width:100%; padding:0 0 5px 0; display:block;}
.contus_form li strong		{float:left; width:100%;  display:block;}
.contus_field					{width:99%; margin:0; padding:7px 0px; outline:none; border:1px solid #e5e5e5; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}

.contus_add						{float:left; width:100%;}
.contus_add li					{float:left; width:100%; padding:0 0 10px 0;}
.contus_add_a					{float:left; width:10%;}
.contus_add_b					{float:left; width:90%;}

.map_wrap						{float:left; width:100%; margin:25px 0 0 0;}

.button_a						{width:auto; padding:10px 25px; margin:0; outline:none; border:none; color:#FFF; background:#3e6697; font-family:'robotoregular'; font-size:18px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.button_a:hover				{background:#f7892d;}



.mosaicflow__column				{float:left; width:100%;}
.mosaicflow__item					{position:relative; margin:0 5px 10px 5px; background:#ebe9ef; padding:5px;}
.mosaicflow__item img			{display:block; width:100%; max-width:500px; height:auto;}
.mosaicflow__item a p			{position:absolute; bottom:0; left:0; width:90%; padding:10px 5%; font-size:20px; color:#fff; text-shadow:1px 1px 2px #1a1a1a;}
.mosaicflow__item a p:hover	{color:#fff; text-shadow:none;}


.areas_of_cooperations_page		{float:left; width:100%;}
.areas_of_cooperations_page_a		{float:left; width:20%;}
.areas_of_cooperations_page_b		{float:left; width:44%; padding:0 3%;}
.areas_of_cooperations_page_c		{float:left; width:30%; margin:53px 0 0 0;}

.areas_of_cooperations_page_b_a	{float:left; width:94%; padding:0 3% 10px 3%; background:#f7f7f7; margin:0 0 25px 0;}
.areas_of_cooperations_page_b_b	{float:left; width:94%; padding:0 3% 10px 3%; background:#f7f7f7;}

.areas_of_cooperations_page_b_a h3, .areas_of_cooperations_page_b_b h3	{padding:7px 0;}

.areas_of_cooperations_nav							{float:left; width:100%;}
.areas_of_cooperations_nav li						{float:left; width:100%;}
.areas_of_cooperations_nav li a					{float:left; width:94%; padding:5px 3%; color:#3e6697; border-bottom:1px solid #e5e5e5; background:url(../images/icons/membership_nav_a.png) 95% center no-repeat;}
.areas_of_cooperations_nav li:last-child a	{border:none;}
.areas_of_cooperations_nav li a:hover			{color:#f7892d; background:url(../images/icons/membership_nav_hover.png) 95% center no-repeat;}
.areas_of_cooperations_nav li a.active			{color:#f7892d; background:url(../images/icons/membership_nav_hover.png) 95% center no-repeat;}



.acd_secretary_general				{float:left; width:100%;}
.acd_secretary_general_a			{float:left; width:65%; padding:0 5% 0 0;}
.acd_secretary_general_b			{float:left; width:30%; background:#f7f7f7; padding:10px 0;}

.sg_cv a									{-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; display:inline-block; background:#3e6697; padding:10px 25px; color:#FFF;}
.sg_cv a:hover							{background:#f7892d;}

/*	
orange	-	#f7892d
blue		-	#3e6697
 */





/* Tabs */
.etabs				{float:left; width:30%; margin:0 5% 0 0;}

.tab 				{float:left; width:100%;}
.tab a 				{float:left; width:94%; padding:10px 3%; color:#3e6697; border-bottom:1px solid #e5e5e5;}
.tab a:hover			{color:#f7892d;}
.tab.active 			{}
.tab a.active			{color:#f7892d; background:url(../images/tab_arrow.png) 99% center no-repeat #f1f1f1;}


.tab a div			{float:left; width:100%; padding:0 0 5px 0; display:block; font-size:18px; font-weight:normal;}
.tab a strong			{float:left; width:40%; font-weight:normal; display:block; font-size:12px; color:#666666;}
.tab a b				{float:left; width:60%; font-weight:normal; display:block; font-size:12px;}


.tab-container			{float:left; width:100%;}
.panel-container		{float:left; width:65%;}
.panel-content			{float:left; width:100%;}
.tab_container			{float:left; width:100%;}
/* Tabs */

/* = = = = = Calendar = = = = = */
.calendar		{float:left; width:100%; margin:5px 0 0 0; background:#f2f2f2;}
.main				{float:left; width:100%;}
.month			{color:#FFFFFF; background:#f7892d; padding:10px 0;}
.daysofweek		{color:#3e6697; padding:5px;}
.days				{padding:5px;}
.days #today	{color:#F00;}
/* = = = = = Calendar = = = = = */


/* = = = = = MENu = = = = = */
.dropmenu							{float:left; width:100%; position:relative;}
.dropmenu li 						{float:left; width:auto; position:relative;}
.dropmenu li a 					{width:auto; padding:10px 14px; display:block; color:#666666; text-transform:uppercase; font-family:'roboto_condensedregular'; font-size:16px;}
.dropmenu li span					{position:absolute; top:45%; right:1px; width:5px; height:3px; background:url(../images/icons/arrow_up.png) no-repeat;}
.dropmenu li a:hover span		{background:url(../images/icons/arrow_hover.png) no-repeat;}

.dropmenu li:hover ul,
.dropmenu li:hover div			{display:block;}

.dropmenu li a.selected,
.dropmenu li a:hover 			{color:#FFF; background:#f7892d url(../images/icons/arrow_menu.png) 9px bottom no-repeat;}
.dropmenu li a.selected span 	{background:url(../images/icons/arrow_hover.png) no-repeat;}

.dropmenu ul 						{position:absolute; display:none; width:200px; background:#FFF;}
.dropmenu ul li 					{float:left; width:100%;}
.dropmenu ul li a 				{float:left; width:90%; padding:10px 5%; color:#666666; display:block; text-transform:none !important;}
.dropmenu ul li a:hover 		{color:#FFF; background:#f7892d;}

.membership_block 				{width:600px;}
.membership_block_a				{float:left; width:33% !important;}
.membership_block_b				{float:left; width:33% !important; margin:0 0.5%;}
.membership_block_c				{float:left; width:33% !important;}

.membership_block_a li a,
.membership_block_b li a,
.membership_block_c li a		{width:90%; padding:5px 5% !important; }

.dropmenu div ul 					{position:relative; display:block; }
.dropmenu li div 					{position:absolute; display:none; background:#FFF;}
.dropmenu li div ul 				{position:relative;}
.dropmenu li div ul li a 		{}
/* = = = = = MENu = = = = = */


/* = = = = = LogIn = = = = = */
#loginContainer				{position:relative;}
#loginButton					{display:inline-block; position:relative; z-index:30; cursor:pointer;}
#loginButton span				{display:block}
#loginBox						{position:absolute; top:30px; right:0; display:none; z-index:29;}
#loginButton.active			{}
#loginButton.active span	{}
.loginForm						{float:left; width:225px; border:3px solid #cccccc; background:#FFF; padding:15px 10px 0 10px;}
.loginForm li					{float:left; width:100%; margin:0; padding:0 0 7px 0;}
.loginForm_field				{width:92%; padding:4%; border:1px solid #CCC; margin:0; outline:none;}
.loginForm_button				{width:100%; padding:4%; margin:0; background:#f7892d; border:none; outline:none;}
/* = = = = = LogIn = = = = = */