/***************************************
CSS Document 
Project: raovatthudo.com - V3.0
Power by: Tan An Phuc JSC - Web team

Last edit: 03-21-2008
***************************************/
@charset "UTF-8";
a{
	font-family:Tahoma;
	text-decoration:none;
	margin:0px;
	color:#333333;
	text-align:left;
}
a:hover{
	font-family:Tahoma;
	text-decoration:none;
	margin:0px;
	color:#CC0000;
	text-align:left;	
}
.bg_menu {
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x;
}
.bg_tab {
	background-image: url(images/bg_tab.jpg);
	background-repeat: repeat-x;
}


.bg_right {
	background-image: url(images/c_rightbg.jpg);
	background-repeat: repeat-x;
}

.bg_tab_h {
	background-image: url(images/bg_tab_h.jpg);
	background-repeat: repeat-x;
}
.border_tab {
	border: 1px solid #C5DFED;
}
.border_img {
	border: 1px solid #FFFFFF;
}
.border_img1 {
	border: 1px solid #DCE0E4;
}
.border_register {
	border: 1px solid #F8D1A4;
	background-color: #FFFFF7;
}
.border_form1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #B2D4E8;
	border-right-color: #B2D4E8;
	border-bottom-color: #B2D4E8;
}
.border_form2 {
	background-color: #F1F8FB;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B2D4E8;
}
.border_form3 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B2D4E8;
	border-bottom-color: #B2D4E8;
	border-left-color: #B2D4E8;
	background-color: #F1F8FB;
}







.form_search1 {
	width: 212px;
	height: 20px;
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
}
.text_top {
	font-family: Tahoma;
	color: #336699;
	text-decoration: none;
	font-size: 11px;
}
.text_top:link {
	font-family: Tahoma;
	color: #336699;
	text-decoration: none;
	font-size: 11px;
}
.text_top:hover {
	font-family: Tahoma;
	color: #E00505;
	text-decoration: none;
	font-size: 11px;
}
.text_red {
	font-family: Tahoma;
	font-size: 11px;
	color: #E00505;
	text-decoration: none;
}
.text_red:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #E00505;
	text-decoration: none;
}
.text_red:hover {
	text-decoration: none;
	color: #336699;
	font-family: Tahoma;
	font-size: 11px;
}
.text_link_underline {
	font-family: Tahoma;
	font-size: 11px;
	color: #373737;
	text-decoration: underline;
}
.text_link_underline:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #373737;
	text-decoration: underline;
}
.text_link_underline:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #373737;
	text-decoration: none;
}
.text_normal {
	font-family: Tahoma;
	font-size: 11px;
	color: #454545;
}
.text_tinraomoi {
	font-family: Tahoma;
	font-size: 11px;
	color: #2400FF;
	text-decoration: none;
}
.text_tinraomoi:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #2400FF;
	text-decoration: none;
}
.text_tinraomoi:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #2400FF;
	text-decoration: underline;
}
.text_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #016688;
	padding-left: 5px;
}
.text_arial_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.text_footer {
	font-family: Tahoma;
	font-size: 11px;
	color: #A9A9A9;
	text-decoration: none;
}
.text_footer_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #328AB6;
	text-decoration: none;
}
.text_footer_link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #328AB6;
	text-decoration: none;
}
.text_footer_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#bt_menu A {
	DISPLAY: block;
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x;
	height:30px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
}
#bt_menu A:hover {
	background-image: url(images/menu_hover.jpg);
	background-repeat: repeat-x;
}
#bt_search {
width:74px; 
}
#bt_search A {
	DISPLAY: block;
	background-image: url(images/bt_search.jpg);
	background-repeat: no-repeat;
	height:26px;;
}
#bt_search A:hover {
	background-image: url(images/bt_search_h.jpg);
	background-repeat: no-repeat;
}
/*=======================================================*/
#top_icon{width:995px;padding:1px 0px;background:url(images/bg_top.jpg);height:24px;display:block;}
#top_icon SPAN{width:50%;float:left;text-align:left;padding:5px 0px 5px 10px;}
#top_icon DIV{width:40%;float:right;text-align:right;padding:0px 10px 0px 0px;}
#top_icon FONT.text_red{text-align:right;margin:0px 5px 5px 10px;}
#top_icon A {
	font-family: Tahoma;
	color: #336699;
	text-decoration: none;
	font-size: 11px;
}
#top_icon A:link {
	font-family: Tahoma;
	color: #336699;
	text-decoration: none;
	font-size: 11px;
}
#top_icon A:hover {
	font-family: Tahoma;
	color: #E00505;
	text-decoration: none;
	font-size: 11px;
}
.clear {
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
/* Top banner*/
#top_banner{
	width:995px;
	padding:0px;
	background:url(images/bg_banner.jpg);
	height:107px;
	display:block;
	text-align:left;
	margin:0px
}
#top_banner #top_search{
	width:695px;
	float:right;
	left:300px;
	text-align:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	clip: rect(auto,auto,auto,300px);
}
#top_banner #top_search .search_body{
	background:url(images/bg_search2.jpg);
	height:67px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:center;
}
.search_body DIV.input_search{
	height:45px;
	width:32%;
	float:left;
	margin-top:23px;
	padding:0px;
	text-align:left;
}
.search_body DIV .search_fied{
	height:45px;
	width:200px;
	font-weight:bold;
	background:#FFFFFF;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:0px;
}
.search_body SPAN.select_search{
	height:45px;
	width:32%;
	float:left;
	margin-top:23px;
	padding:0px;
}
.search_body SPAN.button{
	width:10%;
	float:left;
	padding-top:20px;
}
.search_body SPAN.advance{
	width:24%;
	float:left;
	padding-top:25px;
}
input#bt_search  {
	DISPLAY: block;
	background-image: url(images/bt_search.jpg);
	background-repeat: no-repeat;
	height:26px;
	width:74px;
}
input#bt_search:hover {
	background-image: url(images/bt_search_h.jpg);
	background-repeat: no-repeat;
}
a#bt_register  {
	DISPLAY: block;
	background-image: url(images/icon_register.jpg);
	background-repeat: no-repeat;
	height:38px;
	width:146px;
	margin:0px 23px;
}
a#bt_register:hover {
	background-image: url(images/icon_register_hover.jpg);
	background-repeat: no-repeat;
}
a#bt_login  {
	DISPLAY: block;
	background-image: url(images/icon_signin.jpg);
	background-repeat: no-repeat;
	height:38px;
	width:146px;
	margin:0px 23px;
}
a#bt_login:hover {
	background-image: url(images/icon_signin_hover.jpg);
	background-repeat: no-repeat;
}
/*===============================================*/

#top_banner #menu {
	clear: both;
	height: 30px;
	margin: 0;
	background:url(images/menu.jpg);
}

#top_banner #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#top_banner #menu ul li {
	text-align:center;
	float: left;
	height: 30px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#top_banner #menu ul li a:link,
#top_banner #menu ul li a:visited {
	DISPLAY: block;
	float:left;
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x;
	height:30px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding:7px 10px 0px 10px;
}

#top_banner #menu ul li a:hover {
	background-image: url(images/menu_hover.jpg);
	background-repeat: repeat-x;
}
/*===============================================*/
/* body page*/
#container {
	padding-top:5px;
	width:995px;
}
#container #maincontent{
	width:790px;
	float:left;
	text-align:left;
	padding:0px;
}

#container #right{
	float:right;
	margin:0px;
	text-align:left;
	padding:0px 0px 0px 5px;
	width: 200px;
}

#container #right #user_box{
	margin:0px;
	border:1px solid #F8D1A4;
	width:200px;
	background-color: #FFFFF7;
	text-align:center;
	overflow:hidden;
	padding:7px 0px;
}
#container #right #user_box p{
	text-align:center;
}
#container #right #user_box p.newlst{
	text-align:left;
	background:center no-repeat url(images/bg_newls.jpg);
	padding:0px 0px 5px 10px;
}
#container #right #user_box input.newlst{
	background:#FFFFFF;
	width:140px;
	height:12px;
	margin:0px;
	padding:0px;
	font-size:9px;
	border:0px;
}
#container #maincontent #hot{
	width:345px;
	height:202px;
	border: 1px solid #C5DFED;
	float:left;
	text-align:left;
	padding:0px;
	margin:0px;
}
#container #right #user_task{
	margin:0px;
	border:1px solid #F8D1A4;
	width:200px;
	background-color: #FFFFF7;
	text-align:left;
	overflow:hidden;
	padding:0px;
}
#user_task p.title{
	background:url(images/bg_menu_member.jpg);
	height:26px;
	padding:3px 0px;
	margin:0px;
	font-weight:bold;
	text-align:center;
	height:26px;
}
#user_task p{
	/*background:url(images/bg_menu_member.jpg);*/
	padding:5px 3px;
	margin:0px;
	border-bottom:1px dotted #F1F1F1;
}
#user_task p a{
	font-family:Tahoma;
	text-decoration:none;
	margin:0px;
	color:#333333;
	text-align:left;
}
#user_task p a:hover{
	font-family:Tahoma;
	text-decoration:none;
	margin:0px;
	color:#CC0000;
	text-align:left;	
}
/*----------------*/
#hot #menu_hot {
	clear: both;
	height: 27px;
	margin: 0;	
	background:url(images/bg_tab1.jpg);
}

#hot #menu_hot ul {
	padding: 0;
	margin: 0;
	list-style: none;	

}

#hot #menu_hot ul li {
	text-align:center;
	float: left;
	height: 27px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-right:1px solid #AFC3CE;		
	width:30%;
}
#hot #menu_hot ul li.last {
	text-align:center;
	float: left;
	height: 27px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-right:0px;	
	width:39%;
}
#hot #menu_hot ul li a:hover,
#hot #menu_hot ul li a.selected {
	color:#E00505;
	background-image: url(images/bg_tab_h.jpg);
	background-repeat: repeat-x;
}
#hot #menu_hot ul li a.normal {
	color:#336699;
}

#hot #menu_hot ul li a{
	DISPLAY: block;	
	background-repeat: repeat-x;
	height:27px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
	padding:7px 10px 0px 10px;
}
#hot #first_hot{
	clear: both;
	margin: 10px;	
}
#hot #first_hot img{
	clear: both;
	border: 1px solid #DCE0E4;	
	padding:1px;
}
#hot #list_hot{
	clear: both;
	margin: 10px;	
}
#hot #list_hot p{
	clear: both;
	margin: 10px 0px;	
    background: left no-repeat url(images/arrow.jpg);
	padding-left:10px;
}
/*===== new list ============*/
#container #maincontent #list_new{
  	margin:5px 0px;
	padding:0px;
	height:42px;	
	border: 1px solid #C5DFED;
	background:no-repeat center url(images/line_tinrao-moi.jpg);
	background-color:#F2FAFF;
}
#container #maincontent #list_new a{
	text-align:left;
	margin:0px;
	padding:0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #2400FF;
	text-decoration: none;
}
#container #maincontent #list_new a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #2400FF;
	text-decoration: underline;
}
#container #maincontent #list_new .list_new_scroll{width:90%;float:left; margin:0px;padding:0px; overflow:hidden;height:40px;}
#container #maincontent #list_new .list_new_scroll .col1 {width:48%; list-style:none;float:left;padding:10px;}
#container #maincontent #list_new .list_new_scroll .col2 {width:46%;list-style:none;float:right;padding:10px;}

/* Main list cate*/
#container #maincontent #list_cate{
	padding:0px;
	margin:0px;
}
#container #maincontent #list_cate .col1{
	/*border-left:1px solid #B2D4E8;
	border-right:1px solid #B2D4E8;
	border-bottom:1px solid #B2D4E8;
	background-color: #F1F8FB;*/
	width:32%;
	float:left;
	margin:0px;
	padding-bottom:10px;
}
.top_main_box{
	height:46px;
	background:right no-repeat url(images/top_box_bg.gif);
	margin:0px;
	padding:0px 0px 0px 5px;
}

.top_main_box a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #016688;
	text-transform:uppercase;
	text-decoration:none;
}
.top_main_box a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E00505;
	text-decoration:none;
}
.main_box{
	margin-top:0px;
	padding-top:10px;
}
.main_box p{
	clear: both;
	margin: 0px 0px 5px 10px;	
    background: left no-repeat url(images/bullet.jpg);
	padding-left:10px;
}

#container #maincontent #list_cate .col2{
/*	border-top:1px solid #B2D4E8;
	border-left:1px solid #B2D4E8;
	border-right:1px solid #B2D4E8;
	border-bottom:1px solid #B2D4E8;
	background-color: #F1F8FB;*/
	width:32%;
	float:left;
	margin:0px 14px;
	padding-bottom:10px;
}
#container #maincontent #list_cate .col3{
	width:32%;
	float:right;
	margin:0px;
	padding-bottom:10px;
}
/* Page list by cate */
#container #maincontent #province_nav{
	padding:8px;
	margin:0px;
	background:repeat-x url(images/bg_top_cat.gif);
	height:32px;
	color:#3d7bc6;
}
#container #maincontent #province_nav SPAN{
	padding:2px;
	border:1px solid #8bcef8;
	background:#FFFFFF;
	color:#c63a3b;
	float:left;
}
#container #maincontent #province_nav DIV.text{
	padding:2px;
	float:left;
}

#container #maincontent #province_nav DIV.list{
	float:right;
}

#container #maincontent #province_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;	

}

#container #maincontent #province_nav ul li {
	text-align:center;
	float: left;
	margin: 0px;
	padding:0px 5px;
	font-weight:bold;
	border-left:1px dotted #999999;	
}
#container #maincontent #province_nav ul li a{	color:#3d7bc6;}
#container #maincontent #province_nav ul li a:hover{	color:#c63a3b;}

#container #maincontent #subcat_nav{padding:5px;}

#container #maincontent #subcat_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;	

}

#container #maincontent #subcat_nav ul li {
	text-align:center;
	float: left;
	margin: 0px;
	padding:0px 5px;
	font-weight:bold;
	border-left:1px dotted #999999;	
}
#container #maincontent #subcat_nav ul li a{	color:#3d7bc6;}
#container #maincontent #subcat_nav ul li a:hover{	color:#c63a3b;}
#container #maincontent #list_cat_box{
	padding:0px;
	margin:0px;
}
#container #maincontent #list_cat_box .cat_nav{
	height:46px;
	background:right no-repeat url(images/top_box_bg.gif);
	margin:0px;
	padding:0px 15px;
	font-weight:bold;
}

.cat_nav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #016688;
	text-transform:uppercase;
	text-decoration:none;
}
.cat_nav a:hover{
	color: #E00505;
	text-decoration:none;
}
.cat_box{
	border-left:1px solid #B2D4E8;
	border-right:1px solid #B2D4E8;
	border-bottom:1px solid #B2D4E8;
	margin:0px;
	padding:0px 1px 1px 1px;
	width:100%;
}
.cat_box th{
	padding:3px;
	margin:0px;
	background:#f1f8fb;
	color:#07519a;
	font-weight:bold;	
	text-align:center;
}
.cat_box tr:hover{
	background:#f0f6fc;
}
.cat_box td.col1{width:4%;color:#CC0000;font-weight:bold;}
.cat_box td.img{width:40px;}
.cat_box td.col2{width:40%;text-align:left;}
.cat_box td{
	padding:3px;
	border-left:1px solid #F9F9F9;
	border-bottom:1px solid #F9F9F9;
	height:20px;
}
/********** Bold Items **********/
.cat_box tr.bold_item:hover{
	background:#f0f6fc;
}
.cat_box .bold_item td.col1{width:4%;font-weight:bold;	color:#CC0000;}
.cat_box .bold_item td.col1 A{font-weight:bold;	color:#CC0000;}
.cat_box .bold_item td.img{width:40px;}
.cat_box .bold_item td.col2{width:66%;text-align:left;	color:#CC0000;}
.cat_box .bold_item td{
	padding:3px;
	border-left:1px solid #F1F1F1;
	border-bottom:1px solid #F1F1F1;
	width:10%;
	text-align:center;
	height:20px;
	font-weight:bold;
	color:#CC0000;
}

/********* Hilight itens **********/
.cat_box tr.hightlight_item{
	background:#FFFFCC;
}
.cat_box tr.hightlight_item:hover{
	background:#f0f6fc;
}

#container #maincontent #list_cat_box .cat_box a {
	font-family: Tahoma;
	color: #336699;
	text-decoration: none;
	font-size: 11px;
	margin-left:5px;
}

#container #maincontent #list_cat_box .cat_box a:hover {
	font-family: Tahoma;
	color: #E00505;
	text-decoration: none;
	font-size: 11px;
}

#weblink_box{
	border-bottom:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	margin-top:0px;
	padding:5px;
}
#weblink_box h3{
	font-size:10pt;
	margin:10px 0px;
}
#weblink_box p{
	padding:0px 0px 0px 10px;
	margin:3px 0px;
}
/* Left box */
#right #box{ width:200px;margin-top:5px;}
#right #box #top_box_right{ 
	height:31px;
	width:200px;
	background:repeat-x url(images/c_rightbg.jpg);
	font-family: Tahoma;
	color: #336699;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
}
#right #box #top_box_right span.title{ 
	width:180px;
	float:left;
	font-family: Tahoma;
	color: #336699;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	text-transform:uppercase;
}
#right #box #top_box_right span.left{
	background:url(images/c_right1.jpg);
	float:left;
	width:5px;
	height:31px;
}
#right #box #top_box_right span.right{
	background:url(images/c_right2.jpg);
	float:right;
	width:5px;
	height:31px;
}
#right #box #body{ 
	border-left:1px solid #B2D4E8;
	border-right:1px solid #B2D4E8;
	border-bottom:1px solid #B2D4E8;
	background-color: #F1F8FB;
	padding:5px;
}
#right #box #body p.img{ 
	text-align:center;
}
/* Footer page */
#footer {
	width:995px;
	clear:both;
	margin:10px 0px 0px 0px;
	padding:0px;
	display:block;
	background:repeat-x url(images/bg_footer.jpg);
	height:68px;
	text-align:center;
}
#footer DIV{
	text-align:center;
	padding:10px;
}
#footer A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #328AB6;
	text-decoration: none;
}
#footer A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.pagination {
	
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: middle; 
	padding: 4px 7px; 
	TEXT-ALIGN: right;
}
.pagination A {
	BORDER: #cccccc 1px solid; 
	FONT-WEIGHT: bold; 
	COLOR: #333333; 
	padding: 3px 5px; 
	TEXT-DECORATION: none;
}
.pagination A:hover {
	BORDER: #cccccc 1px solid; 
	FONT-WEIGHT: bold; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #00a89b; 
	TEXT-DECORATION: none;
}
.pagination A.selected {
	COLOR: #fff; BACKGROUND-COLOR: #e29518
}
/********* Top logo  ********/
#container #maincontent #top_logo{text-align:center;padding:0px;}
#container #maincontent #top_logo ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:center;
}

#container #maincontent #top_logo ul li {
	text-align:center;
	float: left;
	margin: 0px;
	padding: 5px;
	overflow: hidden;
}
#container #maincontent #top_logo img {
	clear: both;
	border: 1px solid #DCE0E4;	
	padding:1px;
}
#container #maincontent #user_form{
	font:Arial, Helvetica, sans-serif;	
	float:left;
	display:block;
}
#container #maincontent #user_form #title{
	font:Arial, Helvetica, sans-serif;
	display:block;
	height:46px;
}
#container #maincontent #user_form #title #lable{
	color:#328AB6;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px;
	padding-top:10px;
	float:left;
	background:url(images/box_title_bg.jpg);
	width:757px;
	height:40px;
	display:block;
}
#container #maincontent #user_form #title  span.left{
	background:url(images/box_title_left.jpg);
	float:left;
	width:11px;
	height:46px;
}
#container #maincontent #user_form #title span.right{
	background:url(images/box_title_right.jpg);
	float:left;
	width:11px;
	height:46px;
}
#main_box{
	font:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	float:left;
	width:778px;
}
#container #maincontent #user_form #news_main_box{
	font:Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0px;
	border-bottom:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	width:778px;
	float:left;
}
#container #maincontent #user_form #news_main_box .newline{ border-bottom:1px dotted #CCCCCC;padding:0px;margin:3px 0px;clear:both;}
#main_box DIV,#main_box SPAN{padding:3px 0px;}
#container #view_title{
	background:url(images/view_title_bg.jpg);
	height:27px;
	border:1px solid #cbdce3;
	width:995px;
}
#container #view_title SPAN{
	float:left;
	color:#fe6400;
	font-weight:bold;
	padding:5px;
}
#container #view_title DIV{float:left;}
.big_title{
	font-size:18px;
	color:#8b0000;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
#container #view_body{
	background:repeat-x url(images/view_body_bg.jpg);
	border:1px solid #ebebeb;
	border-top:0px;
	padding:0px;
	width:995px;
}
#container #view_body SPAN.icon_clip{
	float:left;
	margin-left:20px;
	height:31px;
	background:no-repeat url(images/icon_clip.gif);
	padding-left:35px;
	padding-top:8px;
	font-weight:bold;
	color:#de0405;
}
SPAN.top_icon{
	margin-right:10px;
}
.top_icon ul {
	padding: 0;
	margin: 0;
	list-style: none;	

}

.top_icon ul li {
	text-align:left;
	float: left;
	margin: 0px;
	padding: 3px;
	overflow: hidden;
}
#container #view_body #photo_list{
	display:block;
	margin:10px;
}
#container #view_body #photo_list ul {
	padding: 0;
	margin: 0;
	list-style: none;	

}

#container #view_body #photo_list ul li {
	text-align:center;
	float: left;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	background:center no-repeat url(images/photo_list_bg.jpg);
	width:25%;
	height:177px;
	border-right:1px dotted #b2b2b2;
}
#container #view_body #photo_list ul li.last {
	text-align:center;
	float: left;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	background:center no-repeat url(images/photo_list_bg.jpg);
	width:24%;
	height:177px;
	border-right:0px;
}
#container #view_body #photo_list ul li div{	
	margin:40px 0px 0px 15px;	
	padding:0px;
	height:90px;
	overflow:hidden;
	text-align:center;
}
#container #view_body p.content{
	clear:both;
	padding:5px;
	text-align:justify;
}
#container #view_body #comment_box{
	width:553px;
	float:left
}
#container #view_body #comment_box .comment_title{
	height:56px;		
	margin:0px;
	padding:0px;
}
#container #view_body #comment_box .comment_footer{
	height:47px;
	background:url(images/comment_footer.jpg);
	text-align:center;
}
#container #view_body #comment_box #comment_main{
	background:repeat-y url(images/comment_bg.jpg);
	padding:0px 20px 0px 20px;
	width:539px;
}
.text_title{
	width:250px;
}
#container #view_body #comment_box #comment_main textarea{
	width:510px;
	height:90px;
}
#container #view_body #comment_box p{
	clear:both;
	margin:0px;
	padding:5px 0px;
	border:0px;
	border-bottom:1px dotted #CCCCCC;
}
#container #view_body #comment_box p SPAN{
	width:110px;
	float:left;
	text-align:left;;
}
#container #view_body #comment_box p DIV{
	width:400px;
	float:right;
	text-align:left;
	padding-left:5px;
}
#cmd_title{
	clear:both;
	font-weight:bold;
}
#container #view_body #relate_box{
	width:38%;
	float:right;
}
#container #view_body #relate_box .relate_title{
	margin-top:28px;
	padding:5px 0px 0px 10px;
	background:url(images/relate_title_bg.jpg);
	height:22px;
	border:1px solid #cadde4;
	color:#c30215;
	text-transform:uppercase;
	font-weight:bold;
}
#container #view_body #relate_box p{
	margin:5px 0px;
	padding:0px 0px 0px 15px;
	border-bottom:1px dashed #cdcdcd;
	height:18px;
	background:no-repeat left top url(images/other_arrow.jpg);
}
#container #view_body #relate_box p .col1{
	float:left;
	width:100px;
	height:18px;
	font-weight:bold;
}
#container #view_body #relate_box p .col2{
	float:left;
	height:18px;
}

/* Content page */
#short_content_page{
	font:Arial, Helvetica, sans-serif;	
	float:left;
	width:650px;
}
#short_content_page #lable{
	color:#328AB6;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px 0px 0px 15px;
	float:left;
	background:url(images/box_title_bg.jpg);
	height:40px;
	display:block;
	width:100%;
}
#short_content_page #main_box{
	font:Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0px;
	border-bottom:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
}
#content_page{
	font:Arial, Helvetica, sans-serif;	
	float:left;
	width:995px;
}
#content_page #title{
	font:Arial, Helvetica, sans-serif;
	display:block;
	height:46px;
	padding:0px;
	margin:0px;
	width:995px;
}
#content_page #title #lable{
	color:#328AB6;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px;
	padding-top:10px;
	margin:0px;
	float:left;
	background:url(images/box_title_bg.jpg);
	height:40px;
	width:973px;
}
#content_page #title span.left{
	background:url(images/box_title_left.jpg);
	float:left;
	width:11px;
	height:46px;
	margin:0px;
}
#content_page #title  span.right{
	background:url(images/box_title_right.jpg);
	float:right;
	width:11px;
	height:46px;
	margin:0px;
}
#content_page #main_box{
	font:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	float:left;
	width:995px;
}
#main_box SPAN{
	text-align:left;
	padding-right:5px;
	padding-top:5px;
	float:left;
	width:20%;
	margin:5px 0px;
	display:table-column;
}
#main_box DIV{
	text-align:left;
	float:left;
	width:70%;
	margin:5px 0px;
	display:table-column;	
}
/* Form Elements */
input[type=text]{
	width:240px;
	border:1px solid  #7F9DB9;
	height:20px;
	padding:3px 0px 0px 3px;
}
input[type=password]{
	width:240px;
	border:1px solid  #7F9DB9;
	height:20px;	
	padding:3px 0px 0px 3px;
}
.error{text-align:center;color:#CC0000;}
#introduction{
	line-height:18px;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}
/* help mouser over */
.faq_hover{
	position: relative;
	z-index: 0;
}
.faq_hover:hover{
	background-color: transparent;
	z-index: 50;
}
.faq_hover span{
	position: absolute;
	background-color: #ecfbff;
	padding: 5px;
	left: -1000px;
	border: 1px dashed #6fc1e7;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.faq_hover:hover span{ 
	visibility: visible;
	top: 0;
	left: 100px;
	width:400px;
}
/* hight slide */
.highslide {
    cursor: url(../../jscripts/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
	padding:5px;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-image {
	border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 1px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-html-videocontent {
	position: absolute;
    display: none;
	 width: 500px;
    padding: 5px;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/   
}
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 800px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../../jscripts/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
/* Extern */
.input_vietnamword{}
.date {color:#666666;font-style:italic}
.help_tip{color:#666666;font-style:italic;font-size:10px}
#sel{
	width:200px;
	border-bottom:1px solid #F4F4F4;
}
/* Drop menu */
.dropmenudiv {
	Z-INDEX: 100; VISIBILITY: hidden; BORDER-BOTTOM-WIDTH: 0px; LINE-HEIGHT: 18px; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #f9f9f9; min-width: 120px;
}
.dropmenudiv A {
	PADDING-RIGHT: 2px; 
	DISPLAY: block; 
	PADDING-LEFT: 5px; 	
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px 3px 3px 0px; 
	FONT-WEIGHT: bold; 
	BACKGROUND:#f9f9f9; 
	BORDER-LEFT: #ff8900 5px solid; 
	WIDTH: auto; 
	COLOR: black; 
	TEXT-INDENT: 3px; 
	BORDER-BOTTOM: #5c5c5c 1px solid; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: 18px;
}
.dropmenudiv A:hover {
	PADDING-RIGHT: 2px; 
	DISPLAY: block; 
	PADDING-LEFT: 5px; 	
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px 3px 3px 0px; 
	BACKGROUND: #ff8900; 
	BORDER-LEFT: #000000 5px solid; 
	COLOR: #ffffff; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: 18px;
}
 HTML .dropmenudiv A {
	
}

/************************** Frame view *********************************/
/*********Frame01*************/
#frame1_top{
	width:100%;
	height:116px;
	background-image: url(images/frames/frame1_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin:0px;
	padding:0px;
}
#frame1_top SPAN{float:left;}
#frame1_top DIV{float: right;}
#frame1_left{
	margin:0px;
	background: repeat-y url(images/frames/frame1_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame1_left #frame1_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame1_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame1_left #frame1_right #frame1_body{
	margin:0px;
	padding:5px;
}
#frame1_bottom{
	clear:both;
	width:100%;
	height:116px;
	background-image: url(images/frames/frame1_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#frame1_bottom SPAN{float:left;}
#frame1_bottom DIV{float: right;}

/*********Frame02*************/
#frame2_top{
	width:100%;
	height:123px;
	background-image: url(images/frames/frame2_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frame2_top SPAN{float:left;}
#frame2_top DIV{float: right;}
#frame2_left{
	margin:0px;
	background: repeat-y url(images/frames/frame2_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame2_left #frame2_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame2_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame2_left #frame2_right #frame2_body{
	margin:0px;
	padding:5px;
}
#frame2_bottom{
	clear:both;
	width:100%;
	height:117px;
	background-image: url(images/frames/frame2_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#frame2_bottom SPAN{float:left;}
#frame2_bottom DIV{float: right;}

/*********Frame03*************/
#frame3_top{
	width:100%;
	height:55px;
	background-image: url(images/frames/frame3_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frame3_top SPAN{float:left;}
#frame3_top DIV{float: right;}
#frame3_left{
	margin:0px;
	background: repeat-y url(images/frames/frame3_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame3_left #frame3_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame3_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame3_left #frame3_right #frame3_body{
	margin:0px;
	padding:5px;
}
#frame3_bottom{
	clear:both;
	width:100%;
	height:33px;
	background-image: url(images/frames/frame3_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#frame3_bottom SPAN{float:left;}
#frame3_bottom DIV{float: right;}

/*********Frame04*************/
#frame4_top{
	height:16px;
	background-image: url(images/frames/frame4_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 16px;
	margin-left: 16px;
}
#frame4_left{
	margin:0px;
	background: repeat-y url(images/frames/frame4_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame4_left #frame4_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame4_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame4_left #frame4_right #frame4_body{
	margin:0px;
	padding:5px;
}
#frame4_bottom{
	clear:both;
	height:16px;
	background-image: url(images/frames/frame4_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-right: 16px;
	margin-left: 16px;
}

/*********Frame05*************/
#frame5_top{
	width:100%;
	height:49px;
	background-image: url(images/frames/frame5_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frame5_top SPAN{float:left;}
#frame5_top DIV{float: right;}
#frame5_left{
	margin:0px;
	background: repeat-y url(images/frames/frame5_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame5_left #frame5_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame5_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame5_left #frame5_right #frame5_body{
	margin:0px;
	padding:5px;
}
#frame5_bottom{
	clear:both;
	width:100%;
	height:49px;
	background-image: url(images/frames/frame5_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#frame5_bottom SPAN{float:left;}
#frame5_bottom DIV{float: right;}

/*********Frame06*************/
#frame6_top{
	width:100%;
	height:100px;
	background-image: url(images/frames/frame6_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frame6_center{
	margin:0px;
	padding:5px;
}
#frame6_bottom{
	clear:both;
	width:100%;
	height:49px;
	background-image: url(images/frames/frame6_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/*********Frame07*************/
#frame7_top{
	width:100%;
	height:70px;
	background-image: url(images/frames/frame7_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frame7_top SPAN{float:left;}
#frame7_top DIV{float: right;}
#frame7_left{
	margin:0px;
	background: repeat-y url(images/frames/frame7_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame7_left #frame7_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame7_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame7_left #frame7_right #frame7_body{
	margin:0px;
	padding:5px;
}
#frame7_bottom{
	clear:both;
	width:100%;
	height:70px;
	background-image: url(images/frames/frame7_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#frame7_bottom SPAN{float:left;}
#frame7_bottom DIV{float: right;}

/*********Frame08*************/
#frame8_top{
	width:100%;
	height:10px;
	background-color: #98C022;
}
#frame8_left{
	margin:0px;
	background: repeat-y url(images/frames/frame8_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame8_left #frame8_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame8_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame8_left #frame8_right #frame8_body{
	margin:0px;
	padding:5px;
}
#frame8_bottom{
	width:100%;
	height:10px;
	background-color: #98C022;
	clear: both;
}

/*********Frame09*************/
#frame9_top{
	width:100%;
	height:75px;
	background-image: url(images/frames/frame9_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frame9_top SPAN{float:left;}
#frame9_top DIV{float: right;}
#frame9_left{
	width:75px;
	height:100%;
	background-image: url(images/frames/frame9_bg_left.jpg);
	background-repeat: repeat-y;
	float: left;
	background-position: left;
	clear:both
}
#frame9_right{
	width:75px;
	height:100%;
	background-image: url(images/frames/frame9_bg_right.jpg);
	background-repeat: repeat-y;
	float: right;
	background-position: right;
}
#frame9_bottom{
	clear:both;
	width:100%;
	height:75px;
	background-image: url(images/frames/frame9_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#frame9_bottom SPAN{float:left;}
#frame9_bottom DIV{float: right;}

/*********Frame10*************/
#frame10_top{
	width:100%;
	height:45px;
	background-image: url(images/frames/frame10_bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#frame10_top SPAN{float:left;}
#frame10_top DIV{float: right;}
#frame10_left{
	margin:0px;
	background: repeat-y url(images/frames/frame10_bg_left.jpg);
	/*float: left;*/
	background-position: left;
	padding-left:81px;
}
#frame10_left #frame10_right{
	margin:0px;
	/*width:81px;*/
	background: repeat-y url(images/frames/frame10_bg_right.jpg);
	/*float: right;*/
	background-position: right;
	padding-right:81px;
}
#frame10_left #frame10_right #frame10_body{
	margin:0px;
	padding:5px;
}
#frame10_bottom{
	clear:both;
	width:100%;
	height:46px;
	background-image: url(images/frames/frame10_bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#frame10_bottom SPAN{float:left;}
#frame10_bottom DIV{float: right;}
/*============================ End  frame view =======================================*/
.selectedPage{
	BORDER: #cccccc 1px solid; 
	FONT-WEIGHT: bold; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #00a89b; 
	TEXT-DECORATION: none;
	padding: 3px 5px; 
}
input.text{padding:0px;}
.text_tahoma {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
input.form_search {
	height: 20px;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px none #FFFFFF;
}

/* index1 */
.bg_1 {
	background-image: url(images/img1.jpg);
	background-repeat: no-repeat;
}
.text_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.text_footer_1 {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/* index2 */
.bg_2 {
	background-image: url(images/img2.jpg);
	background-repeat: no-repeat;
}
.text_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.text_footer_2 {
	font-family: Tahoma;
	font-size: 12px;
	color: #0065A8;
	text-decoration: none;
	font-weight: bold;
}

/* index3 */
.bg_3 {
	background-image: url(images/img3.jpg);
	background-repeat: no-repeat;
}
.text_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #144CC5;
	text-decoration: none;
	font-weight: bold;
}
.text_footer_3 {
	font-family: Tahoma;
	font-size: 12px;
	color: #144CC5;
	text-decoration: none;
	font-weight: bold;
}
/* index4 */
.bg_4 {
	background-image: url(images/img4.jpg);
	background-repeat: no-repeat;
}
.mtitle{
	color:#517cff;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}
* { margin: 0; padding: 0; }
html { overflow-y: scroll; 	height: 100%; }

body { font-size:12px; font-family: Arial, Helvetica, Geneva, sans-serif; color: #333; text-align:  center;
 background: #fff url('images/body-bg.gif') repeat-x top; height: 100%;}
p.about {font: 14px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align:justify;  }
ul { list-style: none; }
p { margin-bottom: 10px; }
a { outline: none; color: #208197; text-decoration: none;}
a:hover {text-decoration: underline;}
a img { border: none; }

.wrapper {width: 960px; margin: 0 auto; text-align: left; min-height: 100%; height: auto !important; height: 100%;}
.wrapper .input{
	width:100px;
}
.wrapper .submit{
	background:#c8e5ec;
	padding:3px;
}

.container {background: url('images/headtop-bg.gif') no-repeat top center; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px}
.push {height: 50px;}

.clear {clear: both; height: 0; visibility: hidden;}
.ie6 .clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }

.left {float: left;}
.right {float: right;} 

.right-title {float: right; margin: -32px 0px 0 0; text-decoration: underline; font-size: 0.95em;}
.right-title:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;  }
h1, h2 {font-family: "Trebuchet MS", Arial, sans-serif;}

/* --- General forms --- */
input.text, textarea.text {padding: 2px; font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border: 1px solid #C7C7C7; background: #F1F1F1;}
input.text:focus, textarea.text:focus {background: #fff; border: 1px solid #A8A8A8;}
input.submit {padding: 4px;}

.static label {display: block; margin-bottom: 3px; font-weight: bold;}
.static .text {margin-bottom: 6px; padding: 4px;}
.static .submit {padding: 4px;}

/* topbar */
#topbar {height: 40px; line-height: 40px; background: #fff url('images/topbar.gif') repeat-x top left; color: #666; border-bottom: 1px solid #A3D1DD;}
	.ie6 #topbar .clear {display: block; margin: -40px 0 0 0;}
#topbar .currency {background: url('images/topbar-divider.gif') no-repeat left; padding: 0 0 0 10px; margin-left: 10px;}
	.ie6 #topbar .currency {height: 30px; display: block; width: 190px; padding-top: 10px;}       /*160*/
	.ie6 #topbar .language {height: 30px; display: block; width: 180px; margin: -40px 95px 0 0px; padding-top: 10px;} /*150*/
#topbar select {font-size: 1.1em;}
	#topbar .currency select {width: 130px;}
	#topbar .language select {width: 100px;}
	
/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {padding: 25px 25px 0 25px; height: 85px; line-height: 110px; background: #fff url('images/header.gif') repeat-x top left; margin-top: 30px;;}
#header .logo {float: left; margin:0px;}
#header .logo a {width: 273px; height: 46px; display: block; background: url('images/logo.png') no-repeat top left;}
#header .logo a span {position: absolute; top: -9999px; left: -9999px;}
#header .sub-logo {font-size: 1.2em; float: left; color: #666; bottom:-52px; left:-134px; position:relative; line-height: 1em; }
#header .right {position: relative; top: -25px; font-size: 1.3em; color: #777;}
	.ie6 #header .clear {display: block; margin: -110px 0 0 0; height: 0; padding: 0;}

/* --- Search --- */
#search {
padding: 20px 0 0 20px; background: #fff url('images/searchbox.gif') no-repeat top left; height: 120px; margin-bottom: 20px;}
	.ie6 #search {margin: -25px 0 25px 0;}
#search .block {width: 220px; float: left; margin: 0 0 10px 0;}
	.ie6 .clear {display: block; margin: -20px 0 0 0;}
	.ff2 #search .clear {height: 0px; display: block; }
	.ff2 #search .block  {margin-top: -2px;}
#search .block label {display: block; font-weight: bold; color: #323f44; padding-bottom: 3px;}
#search .block label em {font-weight: normal; color: #666;}
#search .block select {width: 180px;}
#search input.submit {
	width: 260px; 
	height: 56px; 
	background: url('images/search.gif') no-repeat top left; 
	border: 0; 
	margin: -25px 0 0 0; 
	color: #208197; 
	font-weight: bold; 
	text-transform: uppercase;
	font-size: 1.05em;
	cursor: pointer;}
	

/* Content 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#content {width: 650px; float: left;}

/* Home
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.home {width: 960px !important; }
.home .info {margin-bottom: 20px;}
.home .info h1 {font-size: 1.6em; margin-bottom: 5px; color: #BA7C1C;}
.home .info p {font-size: 1.1em; color: #666;;}

.home .tags {margin-bottom: 15px;}
.home .tags h3 {float: left; height: 29px; background: url('images/tag-title-l.gif') no-repeat top left; font-size: 1em;}
.home .tags h3 span {float: left; background: url('images/tag-title-r.gif') no-repeat top right; padding: 0 25px 0 10px; line-height: 29px ;height: 29px; color: #50666F; font-weight: bold;} 
.home .tags ul {display: block; background: url('images/tag-line.gif') no-repeat top left; padding-top: 10px; clear: both;}
	.ie .home .tags ul {margin: -20px 0 0 0; padding-top: 5px;}
.home .tags ul li {display: inline; margin: 0 10px 10px 0;}
.home .tags ul li.s1 a {font-size: 0.9em;}
.home .tags ul li.s2 a {font-size: 1.0em;}
.home .tags ul li.s3 a {font-size: 1.1em;}
.home .tags ul li.s4 a {font-size: 1.2em;}
.home .tags ul li.s5 a {font-size: 1.3em;}
.home .tags ul li.s6 a {font-size: 1.4em;}
.home .tags ul li.s7 a {font-size: 1.5em;}
.home .tags ul li.s8 a {font-size: 1.6em;}

/* Search 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.title {padding: 9px 0; border-bottom: 1px solid #ccc;}
	.ie6 .title {height: 10px !important; padding-bottom: 0;}
	.ie6 .title .clear {height: 0px; display: block; margin: -10px 0 0 0;}
.title h2 {font-size: 1.4em; font-family: Arial, Helvetica, sans-serif;}
.title .right {color: #666; font-style: italic;}
	.ie6 .right {clear: both; margin: 0; }
.title .right strong {color: #333; font-style: normal; font-weight: normal; }
.title .right a {font-style: normal;}

.subtitle {margin: 5px 0 15px 0; text-align: right; color: #666; font-style: italic;}
.subtitle a {font-style: normal;}
.subtitle a.current {font-weight: bold; color: #333;}
.subtitle a.current:hover {text-decoration: none;}

/* --- Results --- */	
.result {margin-bottom: 15px;}
.result h2 {padding-top: 3px; margin-bottom: 4px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;}
.result h2  a{ color:#0248d7;font-weight:bold;}
.result a img {float: left; margin-right: 10px; padding: 1px; border: 2px solid #D6D6D6;}
.result a:hover img {border: 2px solid #BDBDBD;}
.result p {margin-bottom: 6px;}
.result .price { float: right; height: 22px; background: url('images/price-l.gif') no-repeat top left; padding-left: 7px; color: #538722;}
.result .price div {height: 22px;  line-height: 22px; background: url('images/price-r.gif') no-repeat top right; padding-right: 7px;}
	.ie6 .result .price {display: inline;}
	.ie6 .result .price div {display: inline; padding: 4px 7px 4px 0;}
.result .meta li {float: left;padding:3px;}
.result .meta li.address {width: 180px; padding: 0; border: 0;}

/* --- navigation --- */	
.navigation {padding: 40px 0 50px 0;}
.navigation ul {list-style:none; margin:0 auto; padding:0; display:table; white-space:nowrap;}
.navigation ul li {display:table-cell;}
.navigation ul li a {display: block; padding: 3px 7px; margin: 0 2px;  background: #F3E7D4; border: 1px solid #EBB45F; color: #B77C21;}
.navigation ul li a:hover {text-decoration: none; background: #F8E0BA; border-color: #D9A658; color: #B77C21;}
.navigation ul li a.current {background: none; border: 1px solid #fff; font-weight: bold; color: #333;}
.navigation ul li a.current:hover {text-decoration: none;}
.navigation ul li.prev a, .navigation ul li.next a {background: none; border: 1px solid #fff; color: #208197;}
.navigation ul li.prev a:hover, .navigation ul li.next a:hover {text-decoration: underline;}
.navigation ul li a.disabled {color: #999; }
.navigation ul li a.disabled:hover {text-decoration: none;}
	.ie .navigation ul {display:inline-block;}
	.ie .navigation ul {display:inline; }
	.ie .navigation ul li {display:inline-block}
	.ie .navigation ul li { display:inline;}
	.ie .navigation ul a { display:inline-block;}
	.ie .navigation {text-align:center}

/* Single 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.single .title {text-align: center; color: #666; font-style: italic;}
.single .title strong {color: #333; font-style: normal; font-weight: normal; }
.single .title span {font-style: normal; color: #666;}

.single {margin-bottom: 15px;}
.single h1 {color: #43730a; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 6px;text-align:center;font-weight:bold;}
.single .meta li {float: left; margin-right: 20px;}

.single .images {width: 110px; float: left; margin-top: 15px;}
.single .images a {float: left;}
.single .images a img {margin-bottom: 5px; padding: 1px; border: 2px solid #D6D6D6;}
.single .images a:hover img {border: 2px solid #BDBDBD;}
.single .images a img.small {margin:0 3px 3px; width:35px; height:35px}

.single .main {width: 300px; float: left; margin-right: 20px; margin-top: 15px;}
.single .main h3 {font-weight: bold; font-size: 1em; padding-bottom: 3px; border-bottom: 1px solid #ccc; margin-bottom: 6px;}
.single .main .map {float: right;  text-align: center;}
.single .main .map img {clear: right;}
.single .main ul {margin-bottom: 10px;}
.single .main .confort {margin: 0 0 0 25px;}
.single .main .confort li {padding-left: 20px; background: url('images/ico-confort.gif') no-repeat center left; padding-top:2px;}

.single .side {width: 220px; float: left; margin-top: 15px;}
.single .side .block {padding: 10px;}
.single .side .block h3 {font-weight: bold; font-size: 1.1em;}
.single .side .block strong {color: #666; font-weight: normal;}
.single .side .detailed-info {background: #cde4f2 url('images/detailed-info.gif') no-repeat top left; border: 1px solid #b1d5ea; margin-bottom: 10px;}
.single .side .detailed-info h3 {color: #396f8e;
margin-bottom:10px; }

.single .side .distances {background: #e2f7c3 url('images/distances.gif') no-repeat top left; border: 1px solid #cee7a9; }
.single .side .distances h3 {color: #43730a;
margin-bottom:10px;
}

.single .side .distances h3 em {font-weight: normal; font-size: 12px; font-style: normal;}

.contact-module p.module { margin: 20px;}
.contact-module {text-align: left; line-height: 1.5em; margin:10px;}
.contact-module h2 {margin-bottom: 5px; color:#43730A; font-family:"Trebuchet MS",Arial,sans-serif; font-size:1.4em; }
.contact-module p {color: #666 !important; }
.contact-module label {display: block; margin-bottom: 3px; float: left; width: 180px;}
.contact-module input.text {margin-bottom: 8px; padding: 3px; width: 160px;}
.contact-module textarea {clear: right; width: 272px; height: 110px; margin-bottom: 10px;}
.contact-module input.submit {width: auto; margin-bottom: 10px;}
.contact-module .ob {display: block;}
.contact-module .ob, .contact-module label strong {color: red;}

/* Static page 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.static {width: 920px !important; padding: 0 20px; }
	.ie .static {margin-top: 20px;}
.static h1 {font-size: 1.8em; margin-bottom: 10px;}
.static h2 {font-size: 1.5em; margin-bottom: 5px; color: #43730a;}
.static h3 {font-size: 1.3em; color: #666;}
.static ul, .static ol {margin: 0 0 10px 35px; display: block;}
.static ul li {list-style: disc outside !important;}
.static ol li {list-style: decimal outside  !important;}


/* Sidebar 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#sidebar {width: 280px; float: right;}   /*280*/


/* Search */
#sidebar .filter h3 {
	color: #43565d; 
	text-transform: uppercase; 
	font-weight: bold; 
	width: 267px; 
	height: 36px; 
	line-height: 36px; 
	font-size: 1em; 
	background: url('images/filter-title1.gif') no-repeat top left;
	padding-left: 31px;
	text-align:center;
	margin: 0 0 0 -18px;

    }
	.ie6 #sidebar .filter h3 {width: 267px !important; background-position: top right; padding-left: 30px; margin: 0 -00px 0 00px;} /*267*/

#sidebar .filter form {padding: 10px;
   background: #e5edf0;
 }
 	.ie6 #sidebar .filter form {margin: 0 -20px 0 20px; width: 260px; padding-right: 10px;}

#sidebar .filter form label, #sidebar .filter form .s_label {color: #43565d; float: left; width: 100px; margin-bottom: 10px; clear: left;}/*100*/
/*#sidebar .filter form label, #sidebar .filter form .s_label2 {color: #43565d; float: left; width: 62px; margin-bottom: 10px; clear: left;}*/

#sidebar .filter form select, #sidebar .filter form .s_input {float: right; clear: right; margin-bottom: 6px; width: 130px; clear: right;}
#sidebar .filter form .s_label, #sidebar .filter form .s_input {display: block;}
#sidebar .filter form input.submit {
	float: left; 
	padding: 7px; 
	border: 1px solid #A1BDC5; 
	background: #CBD8DE url('images/filter-bt.gif') repeat-x top left; 
	color: #43565d; 
	cursor: pointer;}
	.ie6 #sidebar .filter form input.submit {margin: 0 10px 0 -10px;}

#sidebar .filter form input.submit2 {
	float: right; 
	padding: 7px; 
	border: 1px solid #A1BDC5; 
	background: #CBD8DE url('images/filter-bt.gif') repeat-x top left; 
	color: #43565d; 
	cursor: pointer;}
	.ie6 #sidebar .filter form input.submit2 {margin: 0 10px 0 -10px;}



/* Single */
a.catnav{
	font-weight: bold;
	color: #43565d; 
	text-decoration:none;
}
	.ie6 #sidebar.single {margin: 0 -20px 0 0;}  /*-20px*/
#sidebar .back {
	background: url('images/back-to.gif') no-repeat top left;
	height: 36px; 
	line-height: 36px; 
	display: block; 
	padding-left: 33px; 
	width: 280px; 
	margin: 0 0 10px -18px; 
	font-weight: bold;}
	.ie6 #sidebar .back {width: 267px !important; background-position: top right; padding-left: 30px; margin: 0 -0px 10px 00px;}
#sidebar .agency {background: url('images/agency.gif') no-repeat top left;  padding: 10px; color: #43565d;}
#sidebar .agency li{list-style:none;float:left;padding:3px;}
	.ie6 #sidebar .agency, .ie6 #sidebar .person  {margin: 0 -20px 0 20px; }
#sidebar .person {
background: url('images/contact-person.gif') no-repeat top left;  padding: 10px; color: #43565d;}
#sidebar .contact-module {
	background: url('images/contact.gif') no-repeat top left;
	height: 34px; 
	line-height: 33px; 
	display: block; 
	padding-left: 31px; 
	width: 280px; 
	margin-left: -10px; 
	font-weight: bold;
	margin-top: 10px;}

/* Footer
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.footer {
	background: url('images/footer.gif') no-repeat top left; 
	height: 40px; 
	line-height: 40px; 
	padding: 0 10px;
	color: #6C858E; 
	width: 940px; 
	margin: 0 auto; 
	text-align: left;}
.footer ul {float: right; line-height: 40px;}
.footer ul li {float: left; margin-left: 25px;}



/*AGGIUNTE MIE---------------------------------------------------------------------*/
#dhtmltooltip{
position: absolute;
left: -300px;
/*width: 150px;*/

border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a .link {
 color: #0066FF;
}

p.green {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 20px;
  color:#669900;
  text-decoration: none;
}
















































#sidebar_mia {width: 280px; float: left; margin-left:10px;margin-top:0px;margin-bottom:40px;}

/* Search */
#sidebar_mia .filter h3 {
	color: #43565d;
	text-transform: uppercase;
	font-weight: bold;
	width: 267px;
	height: 36px;
	line-height: 36px;
	font-size: 1em;
	background: url('images/filter-title1.gif') no-repeat top left;
	padding-left: 31px;
	text-align:center;
	margin: 0 0 0 -18px;

    }
	.ie6 #sidebar_mia .filter h3 {width: 267px !important; background-position: top right; padding-left: 30px; margin: 0 -00px 0 00px;}
#sidebar_mia .filter form {padding: 10px;
   background: #e5edf0;
 }
	.ie6 #sidebar_mia .filter form {margin: 0 -20px 0 20px; width: 260px; padding-right: 10px;}
#sidebar_mia .filter form label, #sidebar .filter form .s_label {color: #43565d; float: left; width: 100px; margin-bottom: 10px; clear: left;}
#sidebar_mia .filter form select, #sidebar .filter form .s_input {float: right; clear: right; margin-bottom: 6px; width: 130px; clear: right;}
#sidebar_mia .filter form .s_label, #sidebar .filter form .s_input {display: block;}
#sidebar_mia .filter form input.submit {
	float: right;
	padding: 7px;
	border: 1px solid #A1BDC5;
	background: #CBD8DE url('images/filter-bt.gif') repeat-x top left;
	color: #43565d;
	cursor: pointer;}
	.ie6 #sidebar_mia .filter form input.submit {margin: 0 10px 0 -10px;}
/* Single */
	.ie6 #sidebar_mia.single {margin: 0 -20px 0 0;}
#sidebar_mia .back {
	background: url('images/back-to.gif') no-repeat top left;
	height: 36px;
	line-height: 36px;
	display: block;
	padding-left: 33px;
	width: 280px;
	margin: 0 0 10px -18px;
	font-weight: bold;}
	.ie6 #sidebar_mia .back {width: 267px !important; background-position: top right; padding-left: 30px; margin: 0 -0px 10px 00px;}
#sidebar_mia .agency {background: url('images/agency.gif') no-repeat top left;  padding: 10px; color: #43565d;}
	.ie6 #sidebar_mia .agency, .ie6 #sidebar .person  {margin: 0 -20px 0 20px; }
#sidebar_mia .person {
background: url('images/contact-person.gif') no-repeat top left;  padding: 10px; color: #43565d;}
#sidebar_mia .contact-module {
	background: url('images/contact.gif') no-repeat top left;
	height: 34px;
	line-height: 33px;
	display: block;
	padding-left: 31px;
	width: 280px;
	margin-left: -10px;
	font-weight: bold;
	margin-top: 10px;}
.blocanhdep
{
	width: 647px;
	height: 144px;
	background: url(images/price-r.gif) no-repeat;
	position: relative;
}
.cont01canvas
{
	padding: 5px 0 0 20px;
}
.cont01
{
	width: 130px;
	height: 128px;
	padding: 0 0 4px 0;
	margin: 0 8px 0 10px;
	float: left;
	display: inline;
	background: #FFF;
	border: 1px solid #333;
	text-align: center;
}
.cont01 p
{
	margin: 4px 0 0 0;
}
.cont01prev
{
	position: absolute;
	left: 0;
	top: 60px;
	margin: 0 0 0 5px;
}
.cont01next
{
	position: absolute;
	right: 0;
	top: 60px;
	margin: 0 5px 0 0;
}
#content #user_form{
	width:400px;
	padding-left:40px;
}