/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,700');

*{ margin:0; padding:0;}

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;background: url(../images/bg-body_02.png) top no-repeat;  text-align:center}

div{ margin:0; padding:0}

img { border:none;max-height: 100%;max-width: 100%;}

ul ,li{ list-style:none}

a { text-decoration:none; color:black }

a:hover {

	text-decoration: none !important;

}

.clear{ clear:both} 

/******************* Header ********************************/

#header {
}

#header .form-search {
	position: relative;
}
#header .form-search button {
    position: absolute;
    right: 5px;
    top: 6px;
    background: transparent;
    border: none;
}
#header .top-header {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: white;
	padding: 10px 0px;
	background: #4f81bc;
	line-height: 20px;
}
/********************** Slide***********************/
/*****************************  Content ************************************************/
.main-item {
	background: #fff;
	padding: 20px 10px 30px 10px;
	margin-bottom: 30px;
}
.title-right {
	color: #4f81bc;
	margin-top: 0px;
}
.pr-social {
	margin: 15px 0;
}
#content{ padding:0;text-align:left; padding:0px 0 0 0; margin:auto;position: relative; }
.btn-user-option {
	font-size: 18px;
	padding: 2px 4px;
	position: absolute;
	right: 10px; top: 6px;
	cursor: pointer;
	display: none;
}

.menuTop .btn-user-option {
	position: relative;
	right: 0;
}
/********************************** Left *******************************/

ul#category{margin:0px 0 0px 0px; background:#FFF}

ul#category li{padding:0px 0 1px 0px;text-align:left; margin-bottom:0px; line-height:35px; font-weight:normal; text-indent:12px; font-size: 15px; position: relative;}

ul#category li:last-child{ border-bottom:none}

ul#category li a{ text-transform:none; font-weight:normal; color:#000; text-transform:uppercase; }

ul#category li i.fa { font-size: 6px; margin-right: 10px; }

ul#category li a:hover,ul#category li a.active{}

ul#category li ul{

	position: absolute;

	left: 100%;

	top: 0px;

	display: none;

	z-index: 999;

}

ul#category li:hover ul { display: block; }



ul#category li ul li{

	background: #eee;

	display: block;

	float: none;

	text-indent: initial;

}

ul#category li li a{

	text-transform: none;

	display: block;

	padding: 4px 12px;

	white-space: nowrap;

}





/***************************  News *******************************/

.otherNews{ overflow:hidden; margin-bottom: 30px;}

.otherNews p{ line-height:20px; margin:10px 0 0 0;}

.img-vertical {

	text-align: center;

	position: relative;

	white-space: nowrap;

	border: 1px solid #ddd;

	padding: 3px;

	height: 235px;

}

.img-vertical span.helper {

	display: inline-block;

	height: 100%;

	vertical-align: middle;

}

.img-vertical img {

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

	margin-left: -3px;

}

.img-vertical1 {

	height: 240px;

}

.img-vertical1 img{

	height: 100%;

	width: 100%;

}

.no-padding {

		padding-right: 0px !important;

		padding-left: 0px !important;

	}

.no-padding-left {

	padding-left: 0px !important;

}

.no-padding-right {

	padding-right: 0px !important;

}



/****************************** User ******************************/

#frmLogin{ margin: 20px auto; }

#frmLogin input{width:180px; padding:2px}

#frmLogin input.button {

	margin-bottom: 4px;

}

#frmLogin .error{ color:red; margin-left:120px}

#fldLogin{ overflow:hidden; width:400px; margin:auto; border: 1px solid #CCC; padding:10px}

#fldLogin p{ overflow:hidden; margin:10px 0 10px 0}

#fldLogin p label{ float:left;width:120px}

#fldLogin p.btn{ margin-left:120px}

/*************** Footer ****************************************************************/

#footer .footer{ overflow:hidden;text-align:left; width:100%; margin:auto; padding:0px; background: #e2e0e1;color: #000;font-size: 15px; clear:both;}



#frmSearch{ overflow:hidden; margin:0 20px 0 20px;}

#frmSearch p{ overflow:hidden; margin-bottom:10px}

#frmSearch input, #frmSearch select{width:180px; background:#b6b5b3; padding:1px; border:none; color:#e3e1e2}

#frmSearch #submit{ width:auto; float:right; padding:3px 15px 3px 15px; margin-right:23px; color:black; cursor:pointer; font-weight:bold}

.menuTop{

	z-index:999;

	margin-top: 20px;

	float: right;

}

.menuTop .wrap-cat-menu { display: none; }

.menuTop ul{

	margin: 0px;

	padding: 0px;

	display: inline-block;

	vertical-align: middle;

}

.menuTop ul li a{

	color: black;

	text-transform: uppercase;

 }

 .menuTop ul > li > ul > li{

 	background: #75be49;

 }

.menuTop ul li{

	float: left;

	position: relative;

	padding: 6px 0px;

}

.menuTop ul li a{

	font-weight: bold;

	padding: 0px 18px;

}

.menuTop ul li a i{

	font-size: 18px;

}



.menuTop ul > li > ul {

	position: absolute;

	visibility: hidden;

	opacity: 0;

	top: 30px; left: 0px;

	z-index: 10;

	background-color: #fff;

	border: 1px solid #aaa;

	min-width: 170px;

	-moz-transition: visibility 0.2s, opacity 0.2s linear;

	-webkit-transition: visibility 0.2s, opacity 0.2s linear;

    transition: visibility 0.2s, opacity 0.2s linear;

}

.menuTop ul > li:hover > ul {

	visibility: visible;

	opacity: 1;

	display: block;

	z-index: 9999;

}

.menuTop ul > li > ul > li {

	float: none;

	padding: 0;

	border-bottom: 1px solid #aaa;

}

.menuTop ul > li > ul > li:last-child {

	border-bottom: none;

}

.menuTop ul > li:last-child a{

	border-right: none;

	padding-right: 0px;

}

.menuTop ul > li > ul > li:hover {

	position: relative;

}

.menuTop ul > li > ul > li:hover ul {

	display: block;

}

.menuTop ul > li > ul > li ul {

	position: absolute;

	top: 0;

	left: 100%;

}

.menuTop ul > li > ul > li > a {

	padding: 6px;

	display: block;

	color: white;

	border-right: none;

	width: 100%;

	font-weight: normal;

	line-height: 24px;

	text-transform: none !important;

	text-align: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.open-sub i {

    display: none;

    color: white;

    float: right;

}

ul#category li ul li:hover {

    background: #bc3e4e;

}

ul#category li ul li:hover a{

	color: #FFF;

}

#menu_btn {

    display: none;

    cursor: pointer;

    padding: 5px 7px;

    border: 1px solid #3aaf48;

    margin-left: 10px;

    margin: 2px 0px;

}

.name {

	height: 40px;

	overflow: hidden;

	margin-top: 7px;

}

.list-new-item ul li {

	padding: 4px 0px;

}

.list-new-item ul li a {

	font-weight: bold;

	color: #000;

}

.list-news-home {

	background: linear-gradient(to bottom , #fefefe, #e9e9e9);

	padding: 20px 5px 30px 10px;

}

.list-news-home h4 {
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	color: #4f81bc;
}
.list-cat-home {
	background: #fff;
}
.list-cat-home .decs  {
	padding: 20px 0px;
	font-size: 17px;
}
.customer-home {
	background: #fff;
}
.bg-ft  {
	height: 86px;
	background: url(../images/bg-footer_03.png) repeat-x ;
}
.cat-pr {
	background: #4f81bc;
}
.cat-pr ul li a{
	border-bottom: 1px solid #fff;
	display: block;
	padding: 10px 0px;
	padding-left: 15px;
}
.cat-pr ul li.active>a{
	background: #607D8B;
}
.cat-pr ul li a{
	color: #fff;
}
.cat-pr ul ul a {
	padding-left: 30px;
}
.list-item {
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
	.hidden-sm {
		display: none;
	}
	.list-cat-home {
		padding: 0 15px;
	}
}
@media screen and (min-width: 992px) {

	.width45 {

		width: 45%;

	}	

}