/* @group Text CSS */
/*
Theme Name:     Sc4project
Description:    Custom built for Sc4project
Author URI:     
Template:       twentyeleven
Version:        1
*/
/* CSS Document */


#top-menu{width:100%; margin-top:-16px; }
.glossymenu{position: relative;	list-style: none; background-color:#2e3192; }
.glossymenu >li{
	float:left; padding:0 14px; position:relative; border-right: 1px solid #000; margin-top:4px;
}
.glossymenu .li-last-child{padding-right:0; border-right:none;}
.glossymenu >li >a{
	display: block;
	color:#fff;
	text-decoration: none;
	cursor: pointer; font-size:18px; text-transform:uppercase;
	padding-bottom:7px; padding-top:7px;
}
/*hover*/
.glossymenu >li >a:hover{
	color:#f58264;
}
.glossymenu >li.current >a {
	color:#f58264 !important;
}


.glossymenu >li >ul{display:none; position:absolute; top:35px; left:0px; z-index:999999; border-top:none; padding-top:10px; padding-bottom:10px; width:260px; background-color:#d96108; padding-left:5px; list-style:none;
}
.glossymenu >li >ul >li{margin-right:10px; padding:5px 0;}
.glossymenu >li >ul >li >a{color:#000; padding:3px 5px; font-size:15px; text-transform: uppercase;}
.glossymenu >li >ul >li >a:hover{color:#fff;}
.glossymenu >li:hover >ul{display:block; z-index:999;}

.menu_active, .grid{display:none;}
.back{ color: #fff;}
/* css for Ipad*/
@media screen and (max-width: 1000px) {
	
	
	.glossymenu{
		width:740px;
		margin:0 auto; padding:0;
		float:none;
		margin-top:22px;
	}
	.glossymenu >li {
		padding-left:4px;
	}
	.footer-menu li{
		padding-left:15px;
	}
	.left-san-pham{
		border-right:none;
	}
}

/* css for iPhone*/
@media screen and (max-width: 768px) {
	#top-menu{margin:0 auto; margin-bottom:15px; padding-left:0; overflow:hidden; position:relative; margin-top:10px; width:40%;
		
	}
	.menu_active, .grid{display:block;}
	.glossymenu{
		display:none;
	}
	.glossymenu >li.current >a{background:none; color:#d6281f !important;}
	.glossymenu >li >a:hover{background:none; color:#d6281f !important;}
	.glossymenu >li >ul >li >a:hover{background:none; border:none; color:#d6281f !important;}
	#navigation{
		display:block;	
		width:100%; float:right;
		background-image: linear-gradient(bottom, rgb(198,55,50) 0%, rgb(192,92,67) 100%);
		background-image: -o-linear-gradient(bottom, rgb(198,55,50) 0%, rgb(192,92,67) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(198,55,50) 0%, rgb(192,92,67) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(198,55,50) 0%, rgb(192,92,67) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(198,55,50) 0%, rgb(192,92,67) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(198,55,50)),
			color-stop(1, rgb(192,92,67))
		);
		-moz-box-shadow:0px -1px 2px #ff9e63;
		-webkit-box-shadow:0px -1px 2px #ff9e63;
		box-shadow:0px -1px 2px #ff9e63;
		
		/*-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;*/
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin-top:15px;
		position: relative;
height: 40px;
	}
	.menu_active{
		text-transform:uppercase;
		color:#fff;
		margin-right:20px;padding-left: 45px;
		position:absolute;
		/*width:200px;*/
	}
	#top-menu ul.glossymenu li{
		float:none;
		border:none;
		background:url(../images/li-menu-1.png) repeat-x left bottom;
		margin-top:0px; height:30px; line-height:30px;
		
	}
	#top-menu ul.glossymenu li >a{width:45%; float:left; padding:0; margin:0; font-size:13px; padding-left:10px; color:#fff;}
	li .arrow{
		width:40%;
		height:30px;		
		border: none;
		display: block;
		margin-left: 0;
		background: #434343;
		background:url(../images/bg_submenu_iphone.png) center right no-repeat; float:right;
		/*margin-right:-60px;*/
	}
	#top-menu ul.glossymenu li:hover ul{
		display:none;
	}
	#top-menu ul.glossymenu{
		width:100%;
		 margin-top:55px;
		/*position:absolute; height:300px;*/
		z-index:999;
		background:rgba(100, 1, 1, 1); padding:10px 0;
	}
	.grid{
		background:url(../images/menu.png) no-repeat right 45px center;
		height:40px;
		width:85%; float:right;
		/*position:absolute;right:20px;*/
		text-indent:-9999px;
		position: absolute;
top: 0;
right: 0;
		
	}
	.glossymenu >li{position:static;}
	.level2{
		position: absolute !important;
		z-index: 9999 !important;
		left: 200% !important;
		width: 97% !important;
		background: #F00;
		top: 0px !important;
	}
	.glossymenu >li >ul >li >a{width:93% !important;}
	
}
@media screen and (max-width: 568px){
#top-menu{float:none; width:100%; margin:0 auto; margin-bottom:15px; padding-left:0; overflow:hidden; position:relative;
		
	}
}
/* end css for iPhone*/


.tintuc {float:left; width:30%;}