body{ }

.navbar-nav>li{-webkit-transition: all ease-in-out 0.3s;

  -moz-transition: all ease-in-out 0.3s;

  -o-transition: all ease-in-out 0.3s;

  transition: all ease-in-out 0.3s;}

.navbar-nav>li>a{color:#FFF !important; }

.navbar-nav>li:hover{background:#f4d10a;}

.dropdown-menu li a{padding:10px;}

.dropdown-menu li a:hover{background:#de0000; color:#FFF}

#top-logo img{margin:10px 0 10px 0;}

.list-group li{background:none; padding:0 0 0 0}

.list-group li a{width:100%; display:block; padding:10px;font-weight:bold}

.list-group li a:hover{text-decoration:none; background-color:#F4F4F4;color:#000; opacity:0.5}

.navbar-header button{background:#f4d10a;border:1px solid #db3b21 !important}

.navbar-brand{color:#FFF !important;font-size:24px;}

.list-group-item:first-of-type{background:#f4d10a}



 #left_content{position: relative;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px; margin-top:15px;}

  .art-block{float:left;border-top:1px solid #fa0808;border-bottom:none;margin-bottom:20px; padding: 0 0 0 0 !important;color:#FFF;font-weight:bold;width:100%;}

  .art-block .t{padding:10px; width:100%; background:url(images/lft-mnu-bg.jpg) top repeat-x;text-align:center;font-size:16px;}

  .art-blockheader{margin-bottom:0 !important}

  #left_content .menu .bot_menu {padding:0; height:0; display:none}

   #left_content .menu li a{float:left; text-align:left;background:#FFF;border:1px solid #f4d10a;padding:10px;}

  #left_content .menu li a:hover, #left_content .menu li a.active{background:url(images/lft-mnu-bg-active.jpg)top repeat-x}

  #left_content .menu li ul li a{border:none; border-bottom:1px solid #CCC}

.fourm{display:none;visibility:hidden;}

#center_content .hover_1{background:#FBFBFB;}

#footer{background:#333}

#footer .links{text-align:left;color:#FFF;padding:10px;float:left;}

#footer .online{float:right;text-align:right}

#footer ul {margin-top:20px;}

#footer ul li{border:none; border-bottom:1px solid #999}

#footer ul li:first-of-type{background:none;}

#footer ul li a{color:#CCC}

#footer ul li a:hover{background:none;}

.title_top{font-size:14px; font-weight:bold;padding:10px 0 10px 0}

.tbl_months{width:100%;}



@media screen and (min-width: 320px) and (max-width: 480px){

    /* styles */

	

	  #left_content{float:left;width:100%}

	  #left_content .menu li a{width:50%;}

	  .tech img{width:100%;}

}

/* Smartphones (portrait) ---------- */

@media screen and (max-width: 320px){

    /* styles */

	#left_content{float:left;}

	  #left_content{width:100%}

	  #left_content .menu li a{width:100%;}

	  #center_content{padding:15px;}

	   #center_content .tech{width:100%;}

	   #center_content .hover_1{float:left;width:100%;border:1px solid #CCC;padding:15px;}

	    .tech img{width:100%;}

}

/* Smartphones (landscape) ---------- */

@media screen and (min-width: 321px){

    /* styles */

	#left_content{float:left;}

	  #left_content{width:100%}

	  #left_content .menu li a{width:100%;}

	  #center_content{padding:15px;}

	   #center_content .tech{width:100%;}

	   #center_content .hover_1{float:left;width:100%;border:1px solid #CCC;padding:15px;}

}

@media screen and (min-width: 481px){

	#left_content{float:left;}

	  #left_content{width:100%}

	  #left_content .menu li a{width:50%;}

	  

}

/* Tablets, iPads (portrait and landscape) ---------- */

@media screen and (min-width: 768px) and (max-width: 1024px){

	 #left_content{float:left;}

	  #left_content{width:100%}

	  #left_content .menu li a{width:50%;}

	   #center_content{ float:left;padding:15px;}

	   #center_content .tech{width:100%;}

	   #center_content .hover_1{float:left;width:100%;border:1px solid #CCC;padding:15px;}

    /* styles */

}

/* Tablets, iPads (portrait) ---------- */

@media screen and (min-width: 768px){

    /* styles */

}

/* Tablets, iPads (landscape) ---------- */

@media screen and (min-width: 1024px){

    /* styles */

	

	  #left_content{float:left;width:20%;}

	  #left_content .menu li a{width:100%;}

	  #center_content{ float:left;width:60%;}

	  

	   #center_content .tech{width:100%;}

	   #center_content .hover_1{float:left;width:100%;border:1px solid #CCC;padding:15px;}

}

/* Desktops and laptops ---------- */

@media screen and (min-width: 1224px){

    /* styles */

}

/* Large screens ---------- */

@media screen and (min-width: 1824px){

    /* styles */

}