/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(framework.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#ffffff; font-family:Arial; font-size:12px;  }

h1 { color:#ffffff; font-size: 12px; font-weight:bold; }
h2 { color:#ffffff; font-size: 1.3em; }
h3 { color:#ffffff; font-size: 1.17em; }
h4 { color:#ffffff; font-size: 1em; }
h5 { color:#ffffff; font-size: 0.83em; }
h6 { color:#ffffff; font-size: 0.67em; }
p { color:#ffffff; font-size: 1em; }
ul, ol { color:#ffffff; font-size: 1em; }
li {  color:#ffffff; font-size: 1em; }
a { color:#f79621; text-decoration:none; }
a:hover { text-decoration:underline;} 
a:visited { } 
input { border-width:thin; padding:3px; color:#000000; font-family:Arial;  }
textarea { border-width:thin; padding:3px; color:#000000; font-family:Arial;  }
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/
.mail { vertical-align:middle;}
/* Placement d'images */
.imgLeft{ float:left; margin-right:1.4em; margin-top:0.5em; margin-bottom:0.5em; }
.imgRight{ float:right; margin-left:1.4em; margin-top:0.5em; margin-bottom:0.5em;}

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }
/*---------YahooIntro----------------*/

.hotlineIntro
{
	 clear:right;
	padding-right:10px;
	float: right;
	padding-top:35px;
}
.redColorIntro
{
	color:#d92026;
	font-size:16px;
}
.texthotlineIntro
{
	float: left; font-size: 18px; color:#d92026; margin-right: 10px; margin-top: 2px; font-weight: bold;
}
.textthongtinhotlineIntro
{
	float:left; font-size:14px; color:#000; padding-top:10px;
}

/*---------Yahoo----------------*/
.mgYahoo
{
	font-size: 18px; color:#f6961e; margin-right: 10px; font-weight: bold;
}
.yahoo 
{
	padding-right: 32px;
	float: right;
	vertical-align: middle;
	padding-top:2px;
}
.hotline
{
	 clear:right;
	padding-right:10px;
	float: right;
}
.redColor
{
	color:#d92026;
	font-size:16px;
}
.texthotline
{
	float: left; font-size: 18px; color:#d92026; margin-top: 2px; font-weight: bold; width: 50px;
}
.textthongtinhotline
{
	float:left; font-size:14px; color:#000; padding-top:5px;
}
/*------Footer ------*/
.alignlinkfawin { padding-top:25px; }
.infoFooter { float:left; width:450px; margin-top:10px; }
.rightFooter { float:right; width:450px; margin-top:20px; text-align:right;}
.select_box { font-size:11px;}
/*------------ Hinh anh ----------*/
fieldset 
{
	margin-top:5px;
	border:1px solid #c0c0c0;
	padding:1px 3px;
}
.picfawin
{
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	text-transform:uppercase;
	color: #f79621;
}
.mghinhanh
{
	margin-right:20px;
}
/*-------------------------------------------------------------*/
.yellowColor
{
	color: #f79621;
}
.borderImg
{
	border: 1px solid #c0c0c0;
}
.titleNews 
{
	font-size:14px;
	font-weight:bold;
}
.titleNews a
{
	color: #f79621;
}
.alignMap
{
	margin-left:40px;
}
/*------  form Contact ---------------*/
.leftContact
{
	float:left;
	width:460px;
}
.rightContact
{
	width:460px;
	float:right;
}
.legendcontact
{
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	color: #f79621;
}
.alignlegendcontact
{
	padding: 5px 10px 5px 10px;
}
.formContact
{
	margin:0px;
	padding:5px 10px;
}
.formContact ol 
{
    list-style-image: none;
    list-style-type: none;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
}
.formContact li
{
	background-color:transparent;
	clear:both;
	display:block;
}
.formContact label
{
	color:#fff;
	display:block;
	float:left;
	margin:0px;
	padding:10px 0px;
	width:110px;
}
.formContact label span
{
    color: #fe7d19;
}
.formContact input[type=text]
{
	background-color: #e5e5e5;
	border: 1px solid #c0c0c0;
	float: left;
    height: 16px;
	margin:8px 0px;
	padding:2px 2px;
	width:200px;
	color: #000;
}
.formContact textarea
{
	background-color: #e5e5e5;
	border: 1px solid #c0c0c0;
	float: left;
	margin:10px 0px;
	padding:2px;
	width:280px;
	color: #000;
}

.formContact li.buttons input
{
	text-align:center;
	background-color: #d92026;	
	border: 1px solid #c0c0c0;
	color: #fff;
	margin: 10px 0px 0px 110px;
	padding: 3px 0px 3px 0px;
	cursor:pointer;
	clear:left;
	width:60px;
}

/*----------------------------*/
.mglefttext
{
	margin-left: 20px;
}
.orangecolor
{
	color: #f79621;
}
.textphuongcham
{
	color: #f79621;
	font-size:16px;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 0;
	right:0;
	margin-right:10px;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 2px;
	background: #4a4a4c url(../images/icon/backtop.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}