main .lastest_items div.imgholder {  height: 100px; width: 160px; margin-right:  20px; margin-bottom: 10px; overflow: hidden;}
main a { text-decoration: none; color: #333;}
main a:hover {color: #566EA0;}
main h2, .hcontent h1.title {
	font-weight:bold;
	font-size: 1.5em;
	line-height: 28px; 
	}
body p {line-height: 16px;}


h3 {font-family: Open Sans Condensed; font-size: 1.5em; color: #566EA0; background-color: #C6D3EC; border-bottom: 2px solid #DD1960;padding-left: 10px;}
.fa:before {padding-right: 3px;}

body {
padding-top: 21px;	
  min-width: 1080px;
  font-family:  tahoma, verdana, arial, sans-serif ; font-size: 14px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:70px;
}

.container_12 .grid_2 {
	width:160px;
}

.container_12 .grid_3 {
	width:250px;
}

.container_12 .grid_4 {
	width:340px;
}

.container_12 .grid_5 {
	width:430px;
}

.container_12 .grid_6 {
	width:520px;
}

.container_12 .grid_7 {
	width:610px;
}

.container_12 .grid_8 {
	width:700px;
}

.container_12 .grid_9 {
	width:790px;
}

.container_12 .grid_10 {
	width:880px;
}

.container_12 .grid_11 {
	width:970px;
}

.container_12 .grid_12 {
	width:1060px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:90px;
}

.container_12 .prefix_2 {
	padding-left:180px;
}

.container_12 .prefix_3 {
	padding-left:270px;
}

.container_12 .prefix_4 {
	padding-left:360px;
}

.container_12 .prefix_5 {
	padding-left:450px;
}

.container_12 .prefix_6 {
	padding-left:540px;
}

.container_12 .prefix_7 {
	padding-left:630px;
}

.container_12 .prefix_8 {
	padding-left:720px;
}

.container_12 .prefix_9 {
	padding-left:810px;
}

.container_12 .prefix_10 {
	padding-left:900px;
}

.container_12 .prefix_11 {
	padding-left:990px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:90px;
}

.container_12 .suffix_2 {
	padding-right:180px;
}

.container_12 .suffix_3 {
	padding-right:270px;
}

.container_12 .suffix_4 {
	padding-right:360px;
}

.container_12 .suffix_5 {
	padding-right:450px;
}

.container_12 .suffix_6 {
	padding-right:540px;
}

.container_12 .suffix_7 {
	padding-right:630px;
}

.container_12 .suffix_8 {
	padding-right:720px;
}

.container_12 .suffix_9 {
	padding-right:810px;
}

.container_12 .suffix_10 {
	padding-right:900px;
}

.container_12 .suffix_11 {
	padding-right:990px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:90px;
}

.container_12 .push_2 {
	left:180px;
}

.container_12 .push_3 {
	left:270px;
}

.container_12 .push_4 {
	left:360px;
}

.container_12 .push_5 {
	left:450px;
}

.container_12 .push_6 {
	left:540px;
}

.container_12 .push_7 {
	left:630px;
}

.container_12 .push_8 {
	left:720px;
}

.container_12 .push_9 {
	left:810px;
}

.container_12 .push_10 {
	left:900px;
}

.container_12 .push_11 {
	left:990px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-90px;
}

.container_12 .pull_2 {
	left:-180px;
}

.container_12 .pull_3 {
	left:-270px;
}

.container_12 .pull_4 {
	left:-360px;
}

.container_12 .pull_5 {
	left:-450px;
}

.container_12 .pull_6 {
	left:-540px;
}

.container_12 .pull_7 {
	left:-630px;
}

.container_12 .pull_8 {
	left:-720px;
}

.container_12 .pull_9 {
	left:-810px;
}

.container_12 .pull_10 {
	left:-900px;
}

.container_12 .pull_11 {
	left:-990px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
  .row-fluid div {display: block;}
*/

.clearfix {
  zoom: 1;
}

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



nav ul {
    list-style: none;
    margin: 0;
    width: 100%;
}
nav a {
	color: ghostwhite;
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav a:hover {text-decoration: none; color: #C6D3EC;}

nav ul li {float: left; margin-top: 10px; margin-right: 1px;}
nav>ul>li>a {
	color: ghostwhite; 
	font-size: 1.15em;
    float: left;
    padding: 4px 14px 4px 14px;
    background-color: #566EA0;
    /*border-radius: 3px 20px 0 0;*/
	letter-spacing:0.1em;
}

nav li.active >a, 
nav li a:hover {background-color: #C6D3EC; color: #2F477A;}


nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 40px;
    margin-left: 50px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			-webkit-box-shadow: 0 3px 5px 0 #000000;
box-shadow: 0 3px 5px 0 #000000;
}
nav .active ul,
nav li:hover ul {
	background-color: #566EA0;
    opacity: 1;
    top: 40px;
    margin-left: 76px;
    visibility: visible;
    width: 800px;
    border-radius:  0 0 0px 0 ;
    z-index: 100;
}
nav li:hover ul li{ margin-top: 0;}

nav li ul li {
    float: left; padding: 0;
}

nav li ul li a{
    font-size: 1em; 
}
.cover-banner {padding: 0 10px; height: 202px; width: 1060px; margin: 0; z-index: -1; position: absolute;}


.header-inner { height: 125px; overflow: hidden;}
.navbar-fixed-top, .navbar-inner {height: 20px; min-height: 20px; }
#logowanie-gorne {max-width: 270px; float: right; display: block; margin-right: 10px;}
#menu-gorne {max-width: 790px; float: left; display: block; margin-left: 10px; }


nav ul li ul li a{ font-size: 1em; padding: 4px 14px;} 

.form-horizontal .form-actions { padding-left: 20px; }
.form-horizontal .form-actions .btn { float: right;}

nav { position: relative; height: 38px;  /*border-radius: 40px 0 0 0 ; */}
#menu-gorne a {font-family:  Open Sans Condensed;  padding: 0 7px;}
nav,
.newsfeed {width: 1060px; margin-left: 10px; background-color: rgba(198, 210, 236, 0.9); color: #2F477A; font-family:  Open Sans Condensed;}
.newsfeed {  height: 31px; padding-top: 6px; border-top: 2px solid #DD1960; margin-bottom: 15px;}
nav >ul>li:first-child a{ padding: 23px 20px 22px 22px; background-color: #DD1960;/* border-radius: 40px; border: 2px solid white; margin-left: -11px;*/ margin-top: -10px; margin-right: 0; }
nav >ul>li:first-child {margin-right: 0;}
nav >ul>li:first-child i{ height: 32px; width: 35px; color:white; font-size:2em; text-shadow: 1px 1px 1px #000000;}

span.today  {font-size: 1.5em; margin-left: 10px;}
#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}


.menu_dropdown ul, .menu_dropdown li{ list-style: none;}

.searchqv {
	padding-top:3px;
	margin-left: 20px;
	}
.searchqv input {
	width: 160px;
	height:10px;
	font-size: 0.9em;
border-radius: 0;
margin-right: 8px; 
	margin-top: -3px;}
.searchqv form {margin: 0;}

#right .moduletable, .well {margin-bottom: 5px; margin-top: 5px; padding:0;}
.dropdown #login-form {padding: 20px; min-width: 200px;}
.dropdown #login-form .input-prepend .add-on {text-align: left; min-width: 128px;}


#BestQVCarousel  img {width: 100%; }
#BestQVCarousel  .carousel-inner {display:  block; height: 500px; width: 520px; overflow: hidden; position: relative; }
#BestQVCarousel .mainitem, #BestQVCarousel .mainitem .imgholder {background-color: ghostwhite; height: 320px; width: 520px; overflow: hidden;}
#BestQVCarousel .mainitem >span {position: absolute; left: 160px; top: 228px; width: 320px; height: 72px; 
										overflow: hidden; position: absolute; padding: 10px 20px; background:  rgba(10, 10, 10, 0.45);}
#BestQVCarousel  .mainitem h2 { font-size: 1.1em; margin-bottom: 0; margin-top: 3px ; color: ghostwhite; max-height: 40px; overflow: hidden; line-height: 20px;}
#BestQVCarousel  .mainitem p {font-size: 0.9em; margin-bottom: 0; max-height: 32px; overflow: hidden; color:  ghostwhite;}										
#BestQVCarousel  .secondsitems {width: 540px; position: absolute; top: 330px;}
#BestQVCarousel  .secondsitems .imgholder {width: 160px; height: 100px; overflow: hidden;}
#BestQVCarousel  .secondsitem {display: block; float: left; width: 160px; overflow: hidden; margin-right: 20px; height: 170px; overflow: hidden;}
#BestQVCarousel  .secondsitems  h2 { font-size: 0.8em ; margin-bottom: 0; margin-top: 3px ; color: #333; line-height: 16px; max-height: 33px; overflow: hidden;}
#BestQVCarousel  .secondsitems  p {font-size: 0.9em; margin-bottom: 0; margin-top: 3px ; color: #333; }

#BestQVCarousel  .carousel-inner > .item {
    -webkit-transition: 1.2s ease-in-out left;
    -moz-transition: 1.2s ease-in-out left;
    -o-transition: 1.2s ease-in-out left;
    transition: 1.2s ease-in-out left;
}

#BestQVCarousel {position: relative;}
#BestQVCarousel  h1 {line-height: 20px; position: absolute; font-size: 1.2em; margin: 0; background:  rgba(10, 10, 10, 0.45); font-family:  Open Sans Condensed; 
								padding: 10px 20px 10px 10px; /*border-radius: 0 0 20px 0;*/ color: ghostwhite; z-index: 1}

.imgholder i.fa-picture-o {color: #EFEFEF} 

ul.lastest {list-style-type: square; }
ul.lastest a {text-decoration: none; color: #333;}
ul.lastest a:hover {text-decoration: none; color: #333;}
ul.lastest li.first {   margin: 3px 0 3px -20px; list-style-type: none; height: 48px; overflow: hidden;}
ul.lastest li:hover , ul.lastest li a:hover {
	color:#566EA0;
	/*background-color: #C6D3EC;*/
	} 
ul.lastest div.imgholder , .wwd div.imgholder {height: 48px; width: 70px; float: left;  overflow: hidden; margin-right: 10px;}
ul.lastest li.first img{ vertical-align: top; float: left; max-width: 70px;  margin: 0  20px 0 0; }
ul.lastest li a, ul.lastest li {
	line-height: 16px;
	padding-bottom:2px;
	}

.lastestnews {height: 520px; width: 100%;  font-size: 0.9em; overflow: hidden;}
.lastestnews ul.lastest {height: 506px;}
.lastestnews h3 {margin-bottom: 16px;}

#WWD { height: 216px; overflow: hidden; font-size: 0.9em; padding-top: 4px;}
.wwd img{ max-width: 70px;}
.wwd span {height: 20px; width: 100%;}
.wwd span i{font-size: 1.5em; color: brown;}
.wwd ul {margin-left:  0; margin-top: 20px; list-style: none; }
.wwd li{height: 48px; overflow: hidden; border-bottom: 1px solid white; background-color: ghostwhite;}
.wwd li:hover {/*background-color: #C6D3EC;*/color:#566EA0;}

.newsblock {height: 315px; width: 100%; overflow: hidden; }
.newsblock div {display: block;}
.newsblock  .lastest_items { width: 520px; float: left; }
.newsblock div.imgholder { float: left;}
.newsblock .lastest_items h2 { font-weight: bold; font-size: 1.1em; max-height: 40px;  overflow: hidden;  margin-bottom: 0; margin-top: 5px; color: #333; line-height: 20px; margin-left: 180px;}
.newsblock .lastest_items p {font-size: 0.9em; margin-bottom: 0;  color: #333; margin-left: 180px;}
.newsblock .lastest_items div.imgholder {width: 160px; height: 100px; overflow: hidden; padding: 10px 20px 0 0;}
.newsblock div.items {height: 125px; overflow: hidden; position: relative; margin-bottom: 5px;}

.newsblock .newsnav { width: 100%; height: 39px;  overflow: hidden; color: #C6D3EC; font-size: 1em; font-family: Open Sans Condensed; font-weight: bold; 
				border-bottom: 2px solid #DD1960; margin: 10px 0; white-space:nowrap;}				
.newsblock .newsnav ul {list-style: none; margin-top: 0; margin-left: 0; }
.newsblock .newsnav ul li {float: left;}
.newsblock .newsnav ul li a{margin: 7px 1px 0 0; padding: 7px 7px; text-decoration: none; float: left; /*border-radius: 3px 20px 0 0;*/  background-color: #C6D3EC; color: #2F477A; font-weight:normal;}
.newsblock .newsnav li.topic a{/* border-radius: 0 20px 0 0;*/ background-color: #DD1960; padding: 12px 8px 6px 8px; margin-top: 1px; color: ghostwhite;}
.newsblock .newsnav h1 {font-size: 1.2em; font-weight:normal; letter-spacing:0.1em; padding: 0; margin: 0; line-height: 20px; color: ghostwhite;}

.newsblock .other_items {width: 250px; height: 243px; float: left; margin-left: 20px; font-size: 0.9em; text-decoration: none; overflow: hidden;}
.newsblock .other_items ul {list-style-type: square; }
.newsblock  a {color: #333; text-decoration: none;}
.newsblock ul li a:hover, .newsblock .newsnav li.topic a:hover,a.xemtiep:hover {/*background-color: #566EA0 ; color: ghostwhite;*/}
.newsblock #WWDC {height: 116px; width: 250px; overflow: hidden; font-size: 0.9em; float: left; margin-left: 20px;}

.currencyrate h3 {margin: 0; padding-bottom:0;}
.currencyrate table td , .currencyrate table th{border: 1px solid; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 0.9em;}
.currencyrate table {width: 100%;}
a.xemtiep {font-family: Open Sans Condensed; padding: 0 5px; /*border-radius: 8px;*/}

#lastestcomments {max-height: 400px; overflow-y: scroll; }
#lastestcomments { font-size: 0.8em; line-height: 15px; padding-right: 10px; margin: 0}
#lastestcomments  li {line-height: 15px; margin-top:  5px;}
#lastestcomments	  .name {font-weight: bold;}
#lastestcomments	  .comment {font-style: italic;} 
#lastestcomments	  .media-body {max-height: 45px; margin-bottom: 5px;}
#lastestcomments  .fa {font-size: 9px;}


#itemlist >div{ border-bottom: 2px solid #DD1960;}
#itemlist  div.imgholder {width: 160px; height: 100px; overflow: hidden; margin-right: 20px; margin-bottom: 10px; float: left;}
#itemlist .first div.imgholder { width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}
#itemlist .first div.imgholder img {width: 100%;}
#itemlist {padding-bottom: 20px; font-size: 0.9em;}
#itemlist a:hover, #itemlist a {text-decoration: none;}
#itemlist .info { height: 20px;}

.hcontrols span:first-child {width: 36px; }

.hcontent >h2 { font-weight: normal; font-size: 2.5em;  line-height: 40px;}
.hcontent div.info{display: block;  background-color: ghostwhite; padding: 10px; margin:  10px 0; font-size: 0.9em;} 
.hcontent ul.hcomments {list-style: none; margin-left: 0;}

.hcontent .controls {background-color: ghostwhite; font-size: 0.9em;}
.hcontent ul.hcomments >li {width: 510px;  padding: 5px; background-color: ghostwhite; margin:  1px 0; font-size: 0.9em; list-style-type: none; min-height: 50px;} 
.hcontent ul.hcomments >li .avatar {display: block; ; width: 50px; float: left;}
.hcontent ul.hcomments >li .avatar img{ width: 32px;}
.hcontent ul.hcomments >li .name { display: block; font-weight: bold; }
.hcontent ul.hcomments >li .comment {margin-left: 45px; width: 440px; display:  block; }
.hcontent ul.hcomments >li ul li i { margin-left:5px; margin-right: 5px;}
.hcontent ul.hcomments >li ul li i.point { margin-left:  -20px;}
.hcontent .comment-form input, .hcontent .comment-form textarea{ width: 325px; }
.hcontent .comment-form .control-group {margin-bottom: 5px;}
.hcontent  div.captcha {background-color: ghostwhite;}
.hcontent {padding-bottom: 20px; font-size: 0.9em; overflow-x: hidden; width: 520px;}
.hcontent .fulltext {max-width: 520px; overflow-x: hidden;  }

.hcontent .newnav {height: 40px; margin-top: 20px;  }
.hcontent .newnav a {padding: 6px 10px; margin-right: 1px;  border-bottom: 2px solid #DD1960; font-family: Open Sans Condensed; /* font-weight: bold;*/ font-size: 1.2em; text-decoration: none;}
.hcontent .newnav a:first-child {background-color: #566EA0; color: ghostwhite; }
.hcontent .newnav a:last-child {background-color: #C6D3EC; color: #566EA0; /*border-radius: 0 20px 0 0; */}
.hcontent .others a {font-weight: bold;}

#content-edit-ctrl .btn-group { display: inline-block;}
#content-edit-ctrl .btn { padding: 3px 8px;}
.editor-form #editor { overflow: none; height: auto; min-height: 300px; overflow-x: auto; font-family: Arial; font-weight: normal;}
.editor-form textarea[name="title"]{  font-size: 1.5em; }
.editor-form div[name="catid"]{ width: 425px; padding: 5px; font-family: Open Sans Condensed;  font-weight: bold; font-size: 1.5em;}
span.placeholder { opacity: 0.3;}
img.uploading {opacity: 0.3;}
.editor-form label, .editor-form .control-group {font-family: Open Sans Condensed; font-size: 1em; font-weight: bold;}
.editor-form .control-group #public_type { padding: 5px 10px;}
.wysiwyg div.imgholder {position: relative;}
.wysiwyg #progress {margin-top: -10px; left: 0; width: 100%;}
.wysiwyg #progress .bar { height: 10px; background: #C6D3EC;}
#editor {border: 1px solid #C6D3EC; position: relative;}
#editor a.fa-picture-o {position: absolute; font-size: 30px; color: #C6D3EC; margin-left: -60px; margin-top: 10px; background-color: rgba(198, 210, 236, 0.8); padding: 5px; border-radius: 5px;}
#editor a.fa-picture-o:hover {cursor:pointer}

.queviethome {padding: 50px 180px; font-family: Open Sans Condensed; font-size: 1.2em; line-height: 20px !important; }
.queviethome p, .queviethome div {line-height: 20px; }

.hotest {height: 300px; width: 100%; overflow: hidden; background-color: bisque;}
.comments {height: 300px; width: 100%; overflow: hidden; background-color: bisque;}
.adbanner {height: 150px; width: 100%; overflow: hidden; padding: 0; background-color: slategray;}
.ad0 { height: 120px; width: 100%; overflow: hidden; background-color: slategray; float: right;}
.qvad5 {width: 790px; height: 130px; margin-top: 10px;  max-height: 130px; background-color: ghostwhite;}
.qvad5 img {margin: auto; display: block; max-height: 120px;}
.moduletable_ad1 { height: 100px; width: 100%; overflow: hidden; background-color: slategray; margin-top: 5px; margin-bottom: 5px;}
.sidead { height: 500px; width: 1280px; top: 133px; position: fixed; left: 50%; margin-left:-640px; overflow: hidden; z-index: -10000;}
.leftad { height: 500px; width: 90px; overflow: hidden; background-color: ghostwhite; float: left;}
.rightad { height: 500px; width: 90px; overflow: hidden; background-color: ghostwhite; float: right;}
img.logoNVNtBL { padding: 10px; margin: 0 10px 0 30px;}
div#logohoi {margin-left: 0; margin-right: 20px; padding: 20px 3px; height: 130px; width: 70px; background-color: rgba(198, 210, 236, 0.8); }
.trangvang {font-weight: bold; font-size: 2.5em;  line-height: 50px; color: ghostwhite; background-color: gold; text-align: center; }
.trangvang:hover {color: gold;}
.menu_misc {margin-bottom: 0;}
.footer p { font-family: Open Sans Condensed;}
.footer #tth {display: inline-block;  margin: 0 2px 5px;}

#trangvangcarousel .item {width: 685px; height: 400px;}
.contact-address dt {width: 40px;}
.contact-address dd {width: 80%; margin-left: 60px;}
.cat-list-row0 , .cat-list-row1 {list-style-type: none; display: inline-block;}

.adsitem { width: 250px; display: inline-block; margin-left: 10px; height:80px; max-height: 80px; overflow:hidden; }
.adsitem:first-line { font-size: 2em;  line-height: 40px;}

.adsitem.adpublished {border-color: green; border-width: 2px;}
.adsitem.adlocked {border-color: red; border-width: 2px; }