@font-face {
		font-family: ChinaOne;
		src: url(ChinaOne.ttf);
	}
	
	html, body
	{
		height: 100%;

	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		/* background-image:url(images/textures.png); */
		background: #000;
		/* font-family: 'Source Sans Pro', sans-serif; */
		font-family: ChinaOne;
		src: url("ChinaOne.ttf") format("truetype");
		font-size: 12pt;
		font-weight: 400;
		color: #4E4D4D;
		text-align:center;
		
	}
	
	nav {
	margin: 50px auto; 
	text-align: center;
	position: relative;
}

nav ul ul {
	display: none;

}

	nav > ul > li:hover > ul {
		display: block;
	}
	


	nav ul li div {
	width:1000px;
	position: absolute;
	left:0;
	background:#ccc;
	box-sizing:border-box;
	display:none;

}

		nav > ul > li:hover > div {
		display: table;
	}


 
nav ul li div ul{
	width:20%;
	display:table-cell;
	border-right:1px solid rgba(255,255,255,.5);
	box-sizing:border-box;
	background: #df0101
	
}


 
nav ul li div ul:last-child {
	border:none;
}


nav ul li div ul li a {
	color:#000;
}


nav > ul {
	background: #efefef; 
	background: linear-gradient(top, #af0101 0%, #af0101 100%);  
	background: -moz-linear-gradient(top, #af0101 0%, #af0101 100%); 
	background: -webkit-linear-gradient(top, #af0101 0%,#af0101 100%);  /* color fondo categorias*/
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav > ul > li {
		float: left;
	}
		nav ul li:hover {
			background: #d80000; /*color fondo de categoria seleccionada*/
			/*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
		}
			nav ul li:hover a {
				color: #e7ae18; /*color letra menu*/
			}
		
		nav ul li a {
			display: block; padding: 25px 40px;
			color: #e7ae18; text-decoration: none; /*color letras submenu*/
		}
			
		
	nav > ul > li > ul {
		background: #df0101; border-radius: 0px; padding: 0; /*color subcategoria seleccionada*/
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
			nav ul ul li a {
				padding: 15px 40px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #aa0000;  /*color fondo subcategorias*/
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
		
	
	h1, h2, h3
	{
		margin: 0;
		padding: 0;
	}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 0;
		list-style: none;
	}
	
	p
	{
		line-height: 180%;
		color:#E7AE18;
	}
	
	strong
	{
	}
	
	a
	{
		color: #383838;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	.container
	{
		width: 100%;
		margin: 0px auto;
		
	}
	
	.container > li {
		float:none;
	}
	
	.container li a {
		background-color:#191919;
		color:#fff;
		text-decoration:none;
		padding:10px 12px;
		display:block;
	}
			
	.container li a:hover {
		background-color:#434343;
	}
			
	.container li ul {
		display:none;
		position:absolute;
		min-width:140px;
	}
			
	.container li:hover > ul {
		display:block;
	}
	
	.container li ul li {
		position:border-left;
	}
		
	.container li ul li ul {
		right:-140px;
		top:0px;
	}
	
	.container ul li ul li {
		display:table;
	}
	
	

/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
	}


/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
	{
		overflow:  hidden;
		margin: 0em 0 1em 0;
		padding-top: 1em;
		text-align: center;
	}
	
	ul.contact li
	{
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}
	
	ul.contact li span
	{
		display: none;
		margin: 0;
		padding: 0;
	}
	
	ul.contact li a
	{
		color: #FFF;
	}
	
	ul.contact li a:before
	{
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 2em;
		color: rgba(255,255,255,.3);
	}

/*********************************************************************************/
/* Major Styles                                                                  */
/*********************************************************************************/

	.major
	{
		overflow: hidden;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.major h2
	{
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 3em;
		font-weight: 700;
		color: #3f3f3f;
	}

	.major .byline
	{
		display: block;
		padding-top: 0.2em;
		font-weight: 300;
		font-size: 2em;
	}

/*********************************************************************************/
/* Title Styles                                                                  */
/*********************************************************************************/

	.title
	{
		text-align: center;
	}
	
	.title h2
	{
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-weight: 700;
		color: #3f3f3f;
	}

	.title .byline
	{
		display: block;
		padding-top: 1em;
		font-weight: 300;
		font-size: 1.1em;
	}


/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		margin: 1em 0em;
		padding: 1em 3em 1em 3em;
		background: #2A70E8;
		border-radius: 8px;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}
	
	.button:before
	{
	}
		
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		background: #900509;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#NavLogo{
    float: left;
    height: 80px;
    padding: 5px 15px;
}

	#logo
	{
		padding: 0em 0em 0em;
		background: #FFF;
		text-transform: uppercase;
		background: #000;
	}

	#logo h1
	{
		text-align: center;
		font-weight: 900;
		font-size: 2.5em;
	}
	
	#logo h1 a
	{
	}

	#logo span
	{
		padding: 0em 0em 0em 0.5em;
	}
	
	#logo h1:before
	{
		
	}
	
	#logo a 
	{
		color: #E7AE18;
	}


/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu ul
	{
		margin: 0;
		padding: 20px 0px 20px 0px;
		list-style: none;
		line-height: normal;
		text-align: center;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu a
	{
		display: block;
		padding: 1em;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 700;
		background: #DF0101;
		color: #E7AE18;
		
		text-shadow:-2px -2px 1px #000
		
	}
	
	#menu .current_page_item a
	{
		border-radius: 30px;
		border: 1px solid;
		border-color: rgba(255,255,255,.2);
	}
	
	#menu a:hover
	{
		background: #F78181;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page-wrapper
	{
		background: #fff/* url(images/textures.png) */;
	}

	#page
	{
		overflow: auto;
		padding: 6em 0em;
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
		float: left;
		width: 588px;
		text-align: center;
	}
	
	#content .title
	{
		padding: 1em 2em 2em 2em;
		text-align: center;
	}
	
	#content h2
	{
		font-size: 2em;
		color:#000;
	}
	
	#content .byline
	{
		padding-top: 0;
		font-size: 1.5em;
		color:#000;
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
		float: right;
		width: 588px;
	}

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

	#footer
	{
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		overflow: hidden;
		padding: 1em 0em;
	}
	
	#copyright p
	{
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.80em;
		color: #6F6F6F;
	}
	
	#copyright a
	{
		text-decoration: none;
		color: #8C8C8C;
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

	#featured-wrapper
	{
		overflow: hidden;
		padding: 5em 0em;
		background: #FFF;
	}
	
	#featured h2
	{
		text-align: center;
	}

	#featured .icon
	{
		position: relative;
		display: block;
		background: #2A70E8;
		margin: 0px auto 20px auto;
		line-height: 2.5em;
		font-size: 4em;
		text-align: center;
		color: #FFF;
	}

	.column1,
	.column2,
	.column3,
	.column4
	{
		width: 282px;
	}
	
	.column1,
	.column2
	{
		float: left;
		margin-right: 24px;
	}
	
	.column3
	{
		float: left;
	}
	
	.column4
	{
		float: right;
	}

/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/

	#portfolio-wrapper
	{
		padding: 8em 0em 6em 0em;
	}
	
	#portfolio
	{
		overflow: hidden;
		text-align: center;
	}
	
	#portfolio .major h2,
	#portfolio .major .byline
	{
		color: rgba(255,255,255,0.9);
	}
	
	#portfolio img
	{
		margin: 0;
		padding: 0;
	}
	
	#portfolio .box
	{
		padding: 30px;
		background: #FFF;
		border-radius: 0px 0px 8px 8px;
		border-right: 1px solid #DADADA;
		border-left: 1px solid #DADADA;
	}

	#contact .major h2,
	#contact .major .byline
	{
		color: rgba(255,255,255,0.9);
	}
	
	/*********************************************************************************/
	/* Table                                                                         */
	/*********************************************************************************/
	
	table.center {
		width:90%; 
    margin-left:5%; 
    margin-right:5%;
	}
	
	table { 
    border-spacing: 50px;
    border-collapse: separate;
}

 td{
 border: 4px groove;
 }
 
 a:link {
    text-decoration: none;
}