/* ---------- start basic template webpage ---------- */
html{
	height:100%;
	background-color:#FFFFFF;	
}

body{
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	background: url('../images/header_pattern.jpg') repeat-x; 
}

#background_web-page {
	position: relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding: 0;
	text-align: left;
	width:100%; /* width of page */
	background: url('../images/background_image.jpg') no-repeat; 
	background-position: top center;
}

#template_webpage {
	margin:0 auto; /* center, not in IE5 */
	width:1000px; /* width of page */
}

#template_header {
	position: relative;
	height: 197px;
}


#template_main {
	position: relative; /* This fixes the IE7 overflow hidden bug */
	width: 100%; /* width of whole page */
	
	/* overflow: hidden; /* This chops off any overhanging divs */	
	background: url('../images/transparent_pixel.png') repeat; 
	border-radius:15px;
}

#template_left_position{
	float: left;
	width: 700px;
}

#template_right_position{
	float: right;
	width: 290px;
	padding:5px;

}

#template_footer {
	clear: both;
	position: relative;
	min-width: 1000px;
	width:100%;
	background: #0E3964;
}

#footer_container{
	width: 1000px;
	margin: 0 auto;
}
/* ---------- end basic template webpage ---------- */



/* Google map  ------------------------------------ */
.google_map_canvas{width:100%; height:360px;}
.google_infowindow_title {padding:2px; text-align:center; color:#000000; font-size:13px; font-weight:normal;}
.google_infowindow_desc {padding:2px; text-align:justify; color:#3F3F3F; font-size:11px; font-weight:normal;}
.google_infowindow_link {float:right; padding:2px; text-align:justify; color:#3F3F3F; font-size:11px; font-weight:normal;}


/* start contact ----------------------- */
.contact_textbox_small{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:14px; 
	width: 248px;
	padding:5px; 
	border: 1px solid #BFBFBF; 
	border-radius:2px;
	background:transparent url(../images/system/input_background.png) 0 0 repeat-x;
}

.contact_textbox_big{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:14px; 
	width: 538px;
	padding:5px; 
	border: 1px solid #BFBFBF; 
	border-radius:2px;
	background:transparent url(../images/system/input_background.png) 0 0 repeat-x;
}

.contact_textbox_captcha{
	font-family: Verdana, Trebuchet MS, Tahoma; 
	font-size:17px; 
	font-weight:bold;
	width:84px;
	padding:4px; 
	margin-top:2px;
	border: 1px solid #BFBFBF; 
	border-radius:2px;
	background:transparent url(../images/system/input_background.png) 0 0 repeat-x;
	color:#155CAF;
	text-align:center;
	text-transform: uppercase;
}

.contact_newsletter{
	width:180px;
	border:1px solid #AFAFAF;
}

.middle_news_table td{
	width:50%;
}
/* ------------------------ end contact  */


/* start search ------------------------ */
.search_container {padding:0; margin:4px 0 0 0;}
.search_textbox{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:14px; 
	width: 180px;
	padding: 5px;
	height:18px; /* only for this template */
	margin:0;
	border: 3px solid #456481; 
	border-radius:8px;
	background:transparent url(../images/system/input_background.png) 0 0 repeat-x;
	float:left;
}

.search_article {
	float:left;
	width:230px;
	margin-top:4px;
}

/* -------------------------- end search */





/* ---------- start Language Picker 1 -------- */
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:101;}
.dropdown dd { position:relative; }
.dropdown a:link, .dropdown a:visited {color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#0F0F0F; border: 1px solid #5F5F5F;}
.dropdown dt a {background:#F1F1F1 url(../images/system/language_picker_images/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
				border:1px solid #7F7F7F; width:150px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#F1F1F1 none repeat scroll 0 0; border:1px solid #7F7F7F; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#5F5F5F; color:#FFFFFF;}
.dropdown img.flag { border:none; vertical-align:middle; margin-right:10px; }
/* ---------- end Language Picker 1 ---------- */


/* start poll -------------------------------- */
.polls_table {border-collapse: collapse;}
.polls_table th {}
.polls_table td {
	padding-top: 3px;
	border-bottom:1px solid #dddddd;
}
/* ---------------------------------- end poll */



/* start member login table ------------------ */
.login_table {
	padding: 24px;
	background-color: #FDFDFD;
	text-align:left;
}
.login_form_input{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:14px; 
	width: 94%;
	padding: 6px 4px 6px 4px; 
	margin-top:2px;
	border: 1px solid #BFBFBF; 
	border-radius:2px;
	background:transparent url(../images/system/input_background.png) 0 0 repeat-x;
}

.login_list_ul{
	 
	margin: 0px 0;
	padding-left: 14px;
	list-style-type:square;
	color:#EB8810;
}
.login_list_li:hover {color:#8F4000;}
.login_list_li#current {color:#8F4000;}
.login_list_li a:link {font-weight: normal;}
.login_list_li a:visited {font-weight: normal;}

.login_button_frame{ margin:5px 0 15px 0;}
/* -------------------- end member login table */


/* start member register table --------------- */
.message_table {border: 1px solid #dddddd; padding: 20px; margin:10px 0 10px 0; background-color: #FDFDFD; text-align:center;}
.register_table {
	width:500px;
	padding: 24px;
	background-color: #F9F9F9;
	border: 1px solid #dddddd;
	margin:0 auto;
	margin-bottom:30px;
	text-align:right;
	box-shadow: 3px 3px 9px 2px rgba(100, 100, 100, 0.1);
}
.register_form_input{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:14px; 
	width: 290px;
	padding: 6px 4px 6px 4px; 
	border: 1px solid #BFBFBF; 
	border-radius:2px;
	background:transparent url(../images/system/input_background.png) 0 0 repeat-x;
}

.register_form_input_select{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:13px; 
	width: 270px;
	padding:3px 4px 3px 4px; 
	border: 1px solid #BFBFBF; 
	border-radius:2px;
	background:transparent url(../images/system/input_background.png) 0 0 repeat-x;
}

.star_class{color:#FF6600; font-size:14px;}
/* ----------------- end member register table */


.member_only_icon{
	float:right;
	margin:0 4px 0 4px;
}

.member_only_icon_lastnews{
	float:left;
	margin:0 4px 0 0;
}

.member_only_access{
	float:left;
	margin:3px 6px 0 0;
}


/* start form elements ----------------------- */
span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/system/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}
/* ------------------------- end form elements */


/* start module ------------------------------ */
.module_header{
	background: url(../images/module_header.gif) no-repeat;
	height:50px;
}
.module_header_text{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	color:#FFFFFF;
	font-weight:bold;
}

.module_pattern{
	background: url(../images/module_pattern.gif) repeat-y;
	padding-left:38px;
	padding-right:36px;
}

.module_footer{
	background: url(../images/module_footer.gif) no-repeat;
	height:18px;
}
/* -------------------------------- end module */










/* ---------- start 4CMS css ---------- */
a:link { text-decoration: none; font-weight:normal; color:  #BF3A01;  }
a:visited { text-decoration: none; font-weight:normal; color:  #BF3A01;	 }
a:active { text-decoration: none; font-weight:normal; color:  #BF3A01;  }
a:hover { text-decoration: none; font-weight:normal; color:  #162648;  }


.date_function_container {padding: 10px 0px 10px 0px;}


.footer_sitemap{
	font-weight:normal;
	font-size:20px;
	padding: 5px;
	margin: 0px;
}

.footer_sitemap a {color: #03264E;}

.footer_sitemap ul
{
	font-size:12px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

.footer_sitemap ul a {
	color: #95b1bf;
}


.footer_sitemap li
{
	width: 110px;
	margin-right: 10px;
	padding: 3px 3px 3px 0px;
	list-style-type: none;
	float: left;
}

.footer_sitemap ul li ul li{padding: 3px;}
		

.main_content_container{padding:30px 30px 10px 30px;}

.general_title{
	margin: 0px 0px 10px 0px;
	font-size:22px;
	font-weight:normal;
	color:#162648;
	border-bottom:1px dotted #ED6E00;	
}

.path_container{margin-bottom:10px;}

.subcategory_container {
	text-align:left;
	background-color:#EFEFEF;
	padding:10px;
	margin-bottom:10px;
}

.subcategory_container ul {
	margin:10px;
	padding:0px;
	padding-left:10px;
}

.subcategory_container li { list-style-type: square; color:#ED6E00; font-size:16px; padding:1px;}

.category_description_container{margin-bottom:20px;}

.article_container{margin-bottom:25px;}

.article_title{
	margin: 0px 0px 10px 0px;
	font-size:22px;
	font-weight:normal;
	color:#162648;
	border-bottom:1px solid #C7C7C7;
}

/* for date in title */
.article_title span{
	font-size:14px; color:#818F96;
}

.article_image_cover{
	float:left; 
	margin:4px 12px 8px 0px; 
}

.article_image_inside{
	float:left; 
	margin:10px; 
    box-shadow:  0px 0px 6px 3px rgba(0, 0, 0, 0.2);
}

.article_content p {
	margin-top:10px;
	margin-bottom:10px;
}

.article_more{
	float:right;	
	background: url('../images/more_icon.png') right no-repeat;
	padding-right: 15px; 
}

.article_back{
	float:left;
	background: url('../images/back_icon.png') left no-repeat;
	padding-left: 23px; 
}


/* two columns categories ---------- */
.article_2col_left_container{
	border:1px solid #D8D9DD;
	border-radius:5px;
	border-top:5px solid #ED6D00;
	width:305px;
	margin:0 0 30px 0;
	padding:10px;
	float:left;
}

.article_2col_left_container img{
	max-width:140px;
}

.article_2col_left_container h1{
	font-size:17px;
}


.article_2col_right_container{
	border:1px solid #D8D9DD;
	border-radius:5px;
	border-top:5px solid #ED6D00;
	width:305px;
	margin:0 0 30px 0;
	padding:10px;
	float:right;
}

.article_2col_right_container img{
	max-width:140px;
}

.article_2col_right_container h1{
	font-size:17px;
}
/* ---------- two columns categories */

/* three columns categories -------- */

.article_3col_left_container{
	border:1px solid #D8D9DD;
	border-radius:5px;
	border-top:5px solid #ED6D00;
	width:190px;
	margin:0 22px 30px 0;
	padding:10px;
	float:left;
}

.article_3col_left_container img{
	max-width:190px;
}

.article_3col_left_container h1{
	font-size:17px;
}

.article_3col_right_container{
	border:1px solid #D8D9DD;
	border-radius:5px;
	border-top:5px solid #ED6D00;
	width:190px;
	margin:0 0 30px 0;
	padding:10px;
	float:right;
}

.article_3col_right_container img{
	max-width:190px;
}

.article_3col_right_container h1{
	font-size:17px;
}
/* -------- three columns categories */

.offers_container{
	margin:40px 0 0 0;
}
.offers_header{
	width:285px;
	height:75px;
	background: url("../images/module_header.png") no-repeat;
}
.offers_title{
	font-size:22px;
	font-weight:normal;
	color:#FFFFFF;
}
.offers_content{
	background: url("../images/module_pattern.png") repeat-y;
}
.offers_footer{
	width:285px;
	height:15px;
	background: url("../images/module_footer.png") no-repeat;
}

.offers_line {
	padding: 11px 11px 9px 11px;
}

.offers_line p{
	padding:0;
	margin:0;
}



.lastnews_container{padding: 10px 30px 10px 30px;}


.lastnews_line {
	float:left;
	width:330px;
	padding: 5px 10px 5px 0;
}

.lastnews_cover_small{
	float:left; 
	margin:4px 10px 10px 0px; 
	padding:3px; 
	border:1px solid #D8DEE2;
	background-color:#FAFAFA;
}

.lastnews_cover_small img{
	width:70px;
	height:47px;
}

.lastnews_date {
	color:#8A8A8A;
	margin-top:2px;
}

.lastnews_date span {
	font-size:13px;
	padding-left:14px;
	background: url('../images/bullet_news.png') 1px  no-repeat;
}

.lastnews_article {
	float:left;
	width:230px;
}

.lastnews_more {
	padding-top:5px;
	padding-bottom:5px;
	float:right;
}







.smoothmenu_containter_horizontal{}


.slideshow { margin: auto; }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }


.print_friendly_div{float:right;}


.comment_fieldset{
	border: 1px #DDDDDD solid;
	margin: 30px;
	padding: 10px 20px 20px 20px;
	color: #333333;
	background-color: #FAFAFA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.comment_fieldset legend{
	padding: 5px 15px 5px 15px;
	font-size:17px;
	border: 1px #DDDDDD solid;
	background-color: #FFFFFF;
}
.comment_div {
	margin:14px;
}
.comment_div label{
	width: 30%;
	padding:5px;
	float: left;
	text-align: right;
	display: block;
}
.comment_div input, textarea{
	width: 65%;
	padding:4px; 
	border: 1px solid #DDDDDD;
}
.comment_div input:hover, textarea:hover{
	border: 1px solid #BABABA;
}

.comment_captcha {
	text-align:center;
}


/* ---------- end 4CMS css ---------- */




.related_div_all{
	background-color:#EFF0F2; 
	padding: 1px 16px 16px 16px;
	margin:20px 0 0 0;
}
.related_div_all_title{
	font-size:19px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#3D5869;
	padding: 6px 16px 6px 16px;
	position:relative;
	top:30px;
	left:20px;
}
.related_div_articles{
	border-bottom:3px solid #FFFFFF;
	margin:16px 0 0 0;
}

.article_related_image{
	float:left; 
	margin:4px 14px 4px 0;  
	border:10px solid #D1D5D8;
}

.article_related_title{
	font-size:17px;
	font-weight:normal;
	padding: 2px 0 0 0; 
}

.article_related_readmore{
	float:right;
	width:25;
	height:23;
}





/*----------------------------------------------*\
	BUTTON Google Style Start
\*----------------------------------------------*/
button {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	font: normal 15px Trebuchet MS, Arial, sans-serif;
	color: #444;
	line-height: 17px;
	height: 18px;
	display: inline-block;
	margin:0;
	padding: 5px 6px 4px 6px;
	background: #F3F3F3;
	border: solid 1px #D9D9D9;
	border-radius: 2px;
	transition: border-color .20s;
	height: 29px !important;
	cursor: pointer;
}
button:hover {
	background: #F4F4F4;
	border-color: #C0C0C0;
	color: #333;
}
button:active {
	border-color: #4D90FE;
	color: #4D90FE;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.bluebtn {
	border: 1px solid #3079ED !important;
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	transition: border .20s;
}
button.bluebtn:hover {
	border: 1px solid #2F5BB7 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
button.greenbtn {
	border: 1px solid #29691D !important;
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
	transition: border .20s;
}
button.greenbtn:hover {
	border: 1px solid #2D6200 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
button.redbtn {
	margin-top:2px;
	border-radius: 5px;
	padding:0; 
	border: 1px solid #D68411 !important;
	background: #D64937;
	background: -webkit-linear-gradient(top, #F0981C, #D68411);
	background: -moz-linear-gradient(top, #F0981C, #D68411);
	background: -ms-linear-gradient(top, #F0981C, #D68411);
	background: -o-linear-gradient(top, #F0981C, #D68411);
	transition: border .20s;
}
button.redbtn:hover {
	border: 1px solid #B26E10 !important;
	background: #D14130;
	background: -webkit-linear-gradient(top, #F0981C, #E08A11);
	background: -moz-linear-gradient(top, #F0981C, #E08A11);
	background: -ms-linear-gradient(top, #F0981C, #E08A11);
	background: -o-linear-gradient(top, #F0981C, #E08A11);
}
button.action:hover {
	box-shadow:iset 0 1px 0px #DDD;
}
button.action:active {
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}
button.bluebtn:active {
	border-color: #2F5BB7 !important;
}
button.greenbtn:active {
	border-color: #2D6200 !important;
}
button.redbtn:active {
	border-color: #B0281A !important;
}

/*----BUTTON LABEL------------------*/
 button span.label {
	display: inline-block;
	line-height: 17px;
	height: 18px;
	padding: 0 1px;
	color: #444;
	transition: color .20s;
}
button span.label {
	line-height: 15px !important;
}
button:hover .label.bluebtn {
	color: #7090C8;
}
button:hover .label.greenbtn {
	color: #42B449;
}
button:hover .label.yellow {
	color: #F7CB38;
}
button.bluebtn .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2F5BB7 !important;
}
button.greenbtn .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
}
button.redbtn .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #B0281A !important;
}
button.action .label {
	padding: 0 17px !important;
}
button.action:active .label {
	color: #333 !important;
}
button.bluebtn:active .label, button.greenbtn:active .label, button.redbtn:active .label {
	color: #FFF !important;
}

/*----------------------------------------------*\
	BUTTON Google Style End
\*----------------------------------------------*/