/*-------------------------------------------------------------------------------
 * Davidia Int - main css
 * Author: Vanja Šebek, vanja@neuralab.net, www.neuralab.net, www.backwardman.com
 * Created: April 2010
 * Design by: Goran Rožić, info@GR-studio.com, www.GR-studio.com
 * Notes: 
 *		
 *		
 *		
 *		
 *		
-------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
										Reset
-------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
ol, ul {list-style: none;}
a {text-decoration:none; display:block;}
a:hover {text-decoration:underline;}
/*------------------------------------------------------------------------------
								Page style - main elements
-------------------------------------------------------------------------------*/
html {
	border: 0px;
	overflow-y:auto;
	overflow-x:hidden;
}
body {
	
	
	background-color: #D4EFFA;
word-wrap: break-word;

	
font: normal 13px Roboto,arial,sans-serif;
height: 100%;
margin: 0;
overflow-y: scroll;
visibility: visible;
	
   
}
h2{font-size:16px;}
h3{font-size:14px;}
p{margin:10px 0;}

/*----------------------------------------------------------------------------------------------
								config class
--------------------------------------------------------------------------------------------- */
.form{
	position: absolute;
	
	overflow: hidden;
	width: 100%;
	left: 2px;
}
 .center{ 
 display:table;
min-width: 1220px;
  margin:0 auto; padding:0px 20px } 
  
   a.back{
            width:256px;
            height:73px;
            position:absolute;
            bottom:15px;
            right:15px;
           
        }
        a.dry{
            position:absolute;
            bottom:15px;
            left:15px;
            text-align:left;
            font-size:12px;
            color:#ccc;
          
            text-decoration:none;
        }
  ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}
ul#navigation li a:hover{
     background-color:#CAE3F2;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#60ACD8;
    text-shadow: 0 -1px 1px #fff;      
}
.tieudemuc h2,.tieudemuc1 h2{ color: #ffffff;}
.maincontain_mid {
    background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2);
background-clip: padding-box;
border: solid transparent;
min-height: 28px;
padding: 100px 0 0;
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}   /*........................banner..........................*/
.banner{
	float:left;
	word-wrap: break-word;
	width: 100%;
	
	
	border-top: 1px solid #1061b3;
}
.topbanner{
	
	
}
.new_menu{
float:left;
	word-wrap: break-word;
	width: 100%;
	background-color:#e5e5e5;
	
border-bottom: 1px solid #d7edfc;
}
.menunew{
float:left;
	word-wrap: break-word;
	width: 100%;


	
}
em
{
   
    font-size: 14px;
   
}
.msdn-action:nth-child(3n+2){ margin: 0px 10px;}
.msdn-action {
background: url("../images/developers/msdn-logo.png?v=1.0.4618.30700") no-repeat scroll 810px 50% #0072C6;
display: block;
font-size: 14px;
line-height: 42px;
margin-bottom: 10px;
float: left;
max-width: 270px;
min-width: 265px;
padding: 15px 0px 15px 10px;
word-wrap: break-word;
}
.floatleft a span.iconnews{ float: left;margin-right: 10px;margin-top: -5px; }
span.icon{width: 32px;
height: 32px;
margin: 3.5% 0 0 0%;
float: right;}
span.icon1{width: 50px;
height: 50px;
margin: 0 3.5% 0 0%;
float: left;}
a.msdn-action{ color: #ffffff;}
.floatleft .listnews {
   background: #2096E1;
float: left;
width: 100%;
margin-top: 10px;
padding: 7px 0;
}
.topa{padding: 20px 0px 20px 5px;
background: #2096E1;
margin: 0px 0px 10px;
color: #ffffff;
float: left;
display: block;
width: 50%;}
.listtopa{color: #ffffff;
float: left;
width: 99.4%;
padding: 10px 0px 5px 5px;
margin: 0px 0px 10px;

background: #2096E1;

}
.lista{padding: 10px 0px 10px 5px;
color: #1175A6;
float: left;
width: 100%;
}
.footer1{ float: left;max-width: 100%; min-width:1260px; padding: 0px 20px;}
.muc{
	
	margin:10px 0px 0px 0px;
font-size: 14pt;


float: left;
width: 100%;
position:relative;


}
.titletop {
text-align: center;
position: relative;
margin-bottom: 35px;
}
.titletop:before {
width: 100%;
position: absolute;
content: "";
left: 0;

background-color: #e5e5e5;
z-index: 1;
height: 1px;
}
.titletop span {
font-size: 14px;
position: relative;
z-index: 2;
top: -9px;
width: 100%;
float: left;
letter-spacing: 1px;
background-color: #2096E1;
padding: 10px 0px;
color: #fff;
font-weight: bold;
border-bottom: 1px solid #cfcfcf;
}
.tieudemuc,.timkiem{height: 20px;padding: 10px 20px; border-bottom: 1px solid #1061b3;background: #2096E1;}
.timkiem{ margin:}
.tieudemuc1{height: 20px;padding: 10px 20px; border-bottom: 1px solid #1061b3;background:#e5e5e5 ;}
.tinlienqua{padding: 0px 20px;

    float: left;
    width: 95%;
color: #09C;}

.dstinlq ul li
{
    display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.0em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-bottom-style: inset;
border-width: 1px;
padding: 5px 0px;

color: #1175A6;
width: 100%;
margin-top: 0px;
max-height: 119px;
float: left;

}


.hinhanh{
	background: #FFFFFF;
    float:left;
width: 420px;
    position: absolute;
height: 300px;
   
z-index: 0;
}
.img_new {
    width: 150px;
height: 150px;
background: none repeat scroll 0 0 #EEE;
box-shadow: 0 0 1px #999;
display: block;
float: left;
margin-left: auto;
margin-right: auto;
}
.new_t,.tomtac {
    margin-left: 160px;
    font-style:normal;
    
  
}.image_sublink
{
    margin-right: 10px;
float: left;
}.image:hover
{
  opacity:0.5;       
}
.image
{
   background: none repeat scroll 0 0 #EEEEEE;
    box-shadow: 0 0 4px #999999;
    display: block;
    float: left;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    width: 150px;    
}
.image_sublink
{
    width:50px;
    height:50px;
    display: inline-block;
   
	overflow: hidden;
   -moz-box-shadow:0px 0px 4px #999;
        -webkit-box-shadow:0px 0px 4px #999;
        box-shadow:0px 0px 4px #999;
        display:block;
        
        margin-right:20px;
        margin-left: 20px;
        background:#eee;
    
}

 
.tinlienquan {
  margin-top: 155px;
margin-bottom: 5px;
float: left;
margin-left: -150px;
}
.linka
{
    padding-left:10px;
}
  
.linka a:hover {  
   color:#4F82AC;
    padding-left: 5px;  
}  
  
.linka a:active {  
    -text-shadow: -1px -1px 1px #555;  
    position: relative;  
    top: 1px;  
    left: 1px;  
    cursor: pointer;
    -transition: padding-left 250ms ease-out;
}  
.new_title
{
     color:#0C489A;
    font-size: 19px;
    font-weight: bold;
    margin-top:-20px;
}
.new_t a
{
   color:#0C489A;
   font-weight: bold;
  font-size: 19px;
  margin-left:5px;   
}
.new_t a:hover
{
     color:#4F82AC;      
}
.ngaydang {
    float: right;
    color: #0C489A;
    padding:10px;
    width: 100%;
text-align: right;
    }
.xemchitiet {
    float: right;
}

h2 a{ color: #ffffff;}
	.tieude{
	    float: left;
z-index: 1;
color: #ffffff;
background: #2096E1;
width: 50%;
padding: 5px 20px;
	    position: absolute;
margin-bottom: 10px;
word-break: break-word;}
.tomtat{
	}
.content_new
{
    margin: 0px auto;
 
    width: 1230px;
    position: relative;
}
	.test{float: left;
width: 50%;
background: #f0f7fc;
margin-top: 5px;
top: -50px;
position: relative;
display:none;
}
.markers{display:none;}
.parent{background:#2096E1;

font-size: 14pt;

padding: 0px 10px 0px 0px;

}
.chiled{
position: absolute;
width:100%;
z-index: 0;

}
.list{ color: #7cc502;
float:left;
width: 100%;
}
a:hover{
	text-decoration:none;}
    /*.........................end banner...........................*/
	  /*........................giua..........................*/
.giua{  word-wrap:break-word;  

 background: url('../images/bgnew.png') repeat fixed center top transparent;
width:100%;
float:left;
}
.contentpage{
	
	margin-top: 10px;
	float:left;
	padding: 0px 20px;
	
}
div.thanhtimkiem {
height: 30px;
float: left;
width: 100%;
margin-top: 5px;
color: #FFF;

}
div.cauchao {
float: left;
width: 680px;
font-size: 15px;
height:20px;
}
.timkiem_sr {
float: right;
width: 312px;

}
.timkiem_sr_btn {
float: right;
margin-top:-10px;
}
.textbox_sr {
border: 1px solid #899CAA;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px #BBBBBB inset;
color: #3A454D;
font-size: 13px;
font-family: Arial;
background:#FFFFFF;
height: 26px;
width: 250px;
margin-top: -29px;
}
.content_bottom
{
	float:left;
	margin:10px 0px;
	}
	svg path:first-of-type {
fill: #FFFFFF;
stroke: #FFFFFF;
stroke-width: 4;
}
a.achitiet {padding: 3.5% 0 0 0;}
a.achitiet span.icon{margin: -1.5% 0 0 0%;}
span.listnewsicon svg path{fill: #2096E1;
stroke: #2096E1}
.test span svg path{fill: #ffffff;
stroke: #ffffff}
svg path {
fill: #FFFFFF;
stroke: #FFFFFF;
}
.msdn-action > svg{ height: 32px;width: 32px}

::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 16px;
}
::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 4px;
}
::-webkit-scrollbar-corner {
background: transparent;
}
::-webkit-scrollbar-button {
display: none !important;
}
::-webkit-scrollbar-track-piece {
border-left: 1px solid #d2d2d2;
background: #f5f5f5;
}
::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 4px;
}
ul.thongke{ float: left;width: 100%;}
ul.thongke li{ float: left;border-bottom: 1px solid #d2d2d2;width: 40%;
margin: 2px 15px 1px 0px;}
.message p{ float: left;padding: 0px 5px;width: 100%;}
.message a{ float: left;}
.clearfix {
zoom: 1;
float: left;

}
.floatright ul.rightitem{max-height:610px;overflow-y:scroll;
overflow-x:hidden;}
.floatright{
		
	border: 1px solid #d7edfc;
	background:#FFFFFF;
float:left;
-webkit-box-shadow: -2px 2px 4px rgba(0,0,0,.15);
box-shadow: -2px 2px 4px rgba(0,0,0,.15);
padding: 0;

right: 0;
width: 300px;
z-index: 984;

white-space: nowrap;
}
.rightitemcon ul li.itemrightcon{
	padding:10px 20px;
	width:90%;
	}
	li.itemrightcon a{ color: #1175A6;}
.dstinlq ul li:hover,	.rightitemcon ul li.itemrightcon:hover{ background:#f0f7fc;}
.floatright ul li{

overflow: hidden;
text-overflow: ellipsis;

border-bottom: 1px solid rgba(0,0,0,.12);
position: relative;
cursor: pointer;
width: 100%;
text-align: left;
background: #fff;
font-size: 13px;}
.floatleft{
	min-width: 835px;
float: left;
max-width: 845px;
margin-right: 30px;
}
    /*.........................end ...........................*/
	  /*........................footer..........................*/
	  .footertop{background: #2096E1;
height: 20px;
font-size: 14pt;

padding: 4px 10px;
}
.footer{
	





color:#000;
	float:left;
	word-wrap: break-word;
	width: 100%;
	margin: 20px auto 0px auto;
	
}
.logonew{ float: left;width: 100%;}
.video{
	height:250px;
}
audio{ padding: 10px 0px;}
.float-3 {
float: left;
width: 420px;
margin-right: 0.5%;
color: rgb(255, 102, 0);
}
.message,.imageslogo {width: 300px;
margin-left: 20px;}
.float-3:nth-child(3n) {
margin-right: 0;
color:#000000;
}
.about p {

text-align:left;
color: #000000;
}
.footer p {
color:#000000;
margin: 0px;
}
.end {
height: 40px;
float: left;
background-color: #a7dd01;
width: 100%;
}
.wrap {
margin: auto;
text-align: center;
zoom: 1;
}
.end p {
color: #fff;

text-shadow: 0 1px 0 rgba(0,0,0,0.1);
width:550px;
}
.rt {
float: left;
}
.lt {
float: right;
}
.end span {
font-weight: bold;
}
.f-title span {
background-color: #202020;
position: relative;
top: -5px;
padding-right: 5px;
}
.blog a {
display: block;
position: relative;
line-height: 18px;
margin-bottom: 20px;
padding-left: 15px;
position: relative;
color: #d3d3d3;
}
    /*.........................end ...........................*/