*{ padding: 0; margin: 0; } 
body { 
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 0.95em; 
    padding: 0; 
    margin: 0; 
    }
a {
    text-decoration: none;
    }
a:hover {
    text-decoration: none;
    }
li {
    list-style-type: none; 
    }
#bigHeader{
    z-index:200;
    position: fixed;
    top:0px;
    right:0px;
    width: 100%;
    height: 70px;
    background: #32404d;
    opacity: 1;
}  
#wrapHeader {
    margin: 0 auto; 
    max-width: 1000px; 
    height: 100%;
    clear: both;
    color: white;
} 

#headerLogo{
    float: left;
    height: 100%;
    padding: 0px;
    margin: 0px;
}   
.imgLogo{
    overflow:hidden;
    height: 50px;
    margin: 10px 0px 10px 0px;
    float: left;
 }
 .siteName{
     float: right;
     line-height: 70px;
     padding: 0 0 0 10px;
}   
#headerLogo h1 a, #headerLogo h1 a:hover, #headerLogo h1 a:active, #headerLogo h1 a:actived, #headerLangMenu ul li a, #headerLangMenu ul li a:hover, #headerLangMenu ul li a:active, #headerLangMenu ul li a:actived{
     color: white;
}
#wrapHeader a{
     color: white;
}
 
#bigBanner {
    z-index:100;
    width: 100%;
    padding: 15px 0 0 0;
    margin:0 auto 20px auto;
    height: 250px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
}
#bigBanner img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    align-content: center;
    align-items: center;
}
#headerLangMenu {
    float: right;
    height: 100%;
    padding: 0px;
    margin: 0px;
} 
#headerLangMenu ul {
    line-height: 80px;
}    
#headerLangMenu ul li {
    display: inline;
    list-style: none;	
    margin: 0px; 
    padding: 0 0 0 10px;
    line-height: 36px;
}
#headerLangMenu ul li a:active {
    text-decoration: none; 
    color:white;
}
#wrap {
    z-index:100;
    margin: 0 auto; 
    max-width: 1000px; 
    clear: both;
    }
#sidebar {
    width: 31%; 
    float: right; 
    color: #666;
    margin: 0 0 0 1.5%;
    overflow: hidden;
    display: block;
}
.cl_related_post {
    margin: 0 0 20px 0px;
}
.cl_related_post_thumble {
    height: 80px;
    width: 80px;
    float: left;
    margin: 0 5px 7px 0px;
}
.cl_related_post_des {
    text-align: justify;
    line-height: 27px;
}

#sidebar a:hover {
    text-decoration: none;
    color: #000000;
    display: block
    }
#sidebar a, #sidebar a:visited, a:active {
    display: block;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    color: #0000ff; 
    float: none
    }

#content {
	width: 67%; 
	margin-left: 0;
	text-align: justify; 
	color: #555; 
	overflow: hidden; 
	display: block;
	float: left;
        line-height: 30px;
}

#content #main_content h2 {color: #555; font-size: 1.5em; font-weight: 200; text-align: center; 
            display: block; margin: 0px 0px 20px 0px; text-transform: uppercase;}
#content #main_content p {margin: 10px 0px 20px 0px; line-height: 20px; text-indent: 30px}
#content #main_content img {border: none; max-width:680px; margin: 10px auto; text-align:center; display: block;}
#content #main_content .cl_video {text-align: center;}

/** main class **/
.clear{
    clear:both;
}

/*  FOOTER */
#footer {
    background: #32404d;
}
#footer #footerWrap {
    max-width: 1000px; 
    margin: 0 auto; 
}
#footer #footerWrap #footerLogo {
    float: left;
    width: 200px;
    height: 200px;
}
#footer #footerWrap #footerLogo img {
    height: 95%;
    width: 95%;
    padding: 5% 5% 5% 0;
}
#footer #footerWrap #footerContent {
    color: white;
    padding: 10px 0px 10px 10px;
    line-height: 25px;
    display: block;
    float: right;
}

     /** Style mobile  **/
@media screen and (max-width: 800px){
    #wrapHeader {
        margin: 0px 10px; 
    } 
    #bigBanner img {
        height: 100%;
    }
    #wrap {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }
    #content {
	width: 96%;
        margin:0 2% 10px 2%; 
        font-size: 1.08em;
	clear: both;
    }
    #content #main_content img {
        border: none; 
        max-width:80%; 
        margin: 10px auto; 
        text-align:center; 
        display: block;
        }
   #content #main_content h2 {
        font-size: 1.2em; 
        font-weight:bold
        }
    #sidebar {
        color: #666;  
        overflow: hidden; 
        float: none; 
        padding: 0px 0px 0px 0;
        width: 96%;
        margin:30px 2% 30px 2%; 
    } 
    #footer {
        width: 100%;
    }  
    #footer #footerWrap{
        margin: 0px 10px;
        padding: 0;
    }    
    #footer #footerWrap #footerLogo {
        width: 70%;
        clear: both;
        text-align: center;
        margin: 0px auto;
        padding: 5%;
        float: none;
    }    
    #footer #footerWrap #footerLogo img {
        width: 100%;
        height: 100%;
        padding: 0;

    }
    #footer #footerWrap #footerContent {
        clear:both;
        text-align:center;
        float: none;
        
    }
}