.menu_bar {
	display:none;
}
header {
    background:white;
    display:block;
	width: 100%;
	height:100px;
}

.fixed{
    position:fixed; 
    top:0
}
#logot {
        width: 300px;
        height:auto;
        padding-left:15px;
        padding-top:-10px;
        float:left;
        }
#logot1 {
    display:none;
}
header nav {
background: rgba(98,101,105,1);
background: -moz-linear-gradient(left, rgba(98,101,105,1) 0%, rgba(208,200,175,1) 9%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(98,101,105,1)), color-stop(9%, rgba(208,200,175,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(98,101,105,1) 0%, rgba(208,200,175,1) 9%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(98,101,105,1) 0%, rgba(208,200,175,1) 9%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(98,101,105,1) 0%, rgba(208,200,175,1) 9%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(98,101,105,1) 0%, rgba(208,200,175,1) 9%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626569', endColorstr='#ffffff', GradientType=1 );
    width:100%;
	text-align:right;
	height:100px;
	z-index:1000;
	position: absolute;
	border-bottom:8px solid  #d1c8af;
}

header nav ul {
	list-style:none;
	margin-right:100px;
	padding-top:25px;
	text-align:right;
}

header nav ul li {
	display:inline-block;
	position: relative;
	text-align:left;
	color:#d1c8af;
	transition:1s;
	font-family: Arial, Helvetica, sans-serif;
}

header nav ul li:hover {
background:  white;
color:#d1c8af;
transition:1s;
}

header nav ul li a {
	color: #626569;
	display:block;
	text-decoration:none;
	padding: 13px;
	font-size:1em;
	transition:1s;
}
header nav ul li a:hover {
    color:#d1c8af;
    padding-left:5px;
	transition:1s;
}
header nav ul li a span {
	margin-right:10px;
	color:#d1c8af;
}

header nav ul li:hover .children {
	display:block;
	color:#636569;
}

header nav ul li .children {
    margin:0px;
    padding:0px;
	display: none;
	background: rgba(209,200,175,0.7);
	position: absolute;
	width: 150%;
	z-index:1000;
	color:#626569;
}

header nav ul li .children li {
    margin:0px;
    padding:0px;
	display:block;
	overflow: hidden;
	border-bottom: 1px solid white;
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
	transition:1s;
}
.icon-menu {
    width:40%;
}

@media screen and (max-width: 1200px) {
    header nav ul li a {
        font-size:0.9em;
        padding:15px;
    }
}
@media screen and (max-width: 1050px) {
    header nav ul li a {
        font-size:0.8em;
        padding:4px;
    }
}
@media screen and (max-width: 900px) {
    header nav ul li a {
        font-size:0.7em;
        padding:2px;
    }
}
/************************************************************moviles**************************************************************/
@media screen and (max-width: 800px) {
	body {
		padding-top:70px;
	}
	#logot {
	    display:none;
	}
    .Menu_bar:focus + .principal {
        transform: translateX(0rem);
    }
	.menu_bar {
	    background: rgb(0,0,0);
		display:block;
		width:100%;
		position: fixed;
		top:0;
		text-align:center;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 90%;
		height: calc(100% - 90px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}
    header nav ul {
	    
	}
	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
	    font-size:1.3em;
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:30px;
		margin-top:5px;
	}

	header nav ul li .caret {
		float: right;
	}
}