/* Navigation Style 1 */


#logo {
	position:absolute;
	width:auto;
	height:96px;
	left:30px;
	margin-left:0;
	z-index:100;
	display:block;
	transform-style: preserve-3d;
	transition: -moz-transform 0.5s ease 0s;
	background-size: auto 50px !important;
	background-position: 0 8px !important;
}
#logo a {
	width:auto;
	height:75px;
	position:absolute;
}
#logo a img {
	display:block;
	height:100%;
	width:auto;
}
.logo-back {
	transform: rotateY(-180deg);
}
#navigation-sticky-wrapper {
	height:95px;
}
.navbar-inner {
	background: none;
	box-shadow: none !important;
	min-height: 95px;
	transition: all 0.3s ease-out 0s;
	border-bottom: none !important;
	background: #fff;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1)!important;
	z-index:10;
}
.is-sticky .navbar-inner {
	margin-top:0px;
}
.navbar-inner .container {
	padding:12px 0;
}
.navbar {
	position: relative;
}
.navbar .nav {
	text-align:right;
	margin:27px 0 0 0;
}
.navbar .nav > li {
	display:inline-block;
	margin: 0;
    padding: 0;
}
.navbar .nav > li.menu-1 {
	margin-right:10px;
}
.navbar .nav > li.menu-2 {
	margin-right:10px;
}
.navbar .nav > li.menu-3 {
	margin-right:10px;
}
.navbar .nav > li.menu-4 {
	margin-right:10px;
}
.navbar .nav > li.menu-5 {
	margin-right:10px;
}
.navbar .nav > li.menu-6 {
	margin-right:10px;
}
.navbar .nav > li.menu-7 {
	margin-right:10px;
}
.navbar .nav > li.menu-8 {
	margin-right:0px;
}
.navbar .nav > li > a {
	text-transform:uppercase;
	font-size:11px;
	color: #999999;
	display: block;
	height: 100%;
	transition: all 0.3s ease-out 0s;
	text-shadow: none;
	text-decoration: none;
	font-weight: bold;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background: none;
	box-shadow: none;
	color: #222222;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .activo {
	color: #222222;
	text-decoration: none;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}
.navbar .show-menu {
	float: right;
	width:30px;
	margin: 15px 30px 15px 10px;
	height: 30px;
	padding:2px;
	background:url(../images/responsive-menu.png) no-repeat 2px 2px;
	background-size:30px 30px;
	cursor:pointer;
	border-radius:3px;
	opacity:0.7;
	display:none
}
.navbar .show-menu:hover {
	opacity:1;
}
#menu-item.menu-item > a:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #d3262c;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(50%,#d3262c),color-stop(100%,hsla(0,0%,100%,0)));
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#d3262c 50%,hsla(0,0%,100%,0));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#d3262c 50%,hsla(0,0%,100%,0));
}
#menu-item.menu-item > a:hover:before{
	visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
	background: #d3262c;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(50%,#d3262c),color-stop(100%,hsla(0,0%,100%,0)));
   	background: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#d3262c 50%,hsla(0,0%,100%,0));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#d3262c 50%,hsla(0,0%,100%,0));
}
#menu-item.menu-item > a.activo:before, #menu-item.menu-item > a.activo:hover:before{
	visibility: hidden;
}
 @media only screen and (max-width: 1300px) {
.navbar .nav > li.menu-1 {
	margin-right:10px;
}
.navbar .nav > li.menu-2 {
	margin-right:10px;
}
.navbar .nav > li.menu-3 {
	margin-right:10px;
}
.navbar .nav > li.menu-4 {
	margin-right:10px;
}
.navbar .nav > li.menu-5 {
	margin-right:10px;
}
.navbar .nav > li.menu-6 {
	margin-right:10px;
}
.navbar .nav > li.menu-7 {
	margin-right:10px;
}
.navbar .nav > li.menu-8 {
	margin-right:0px;
}
}
 @media only screen and (max-width: 1024px) {
.navbar-inner {
	min-height:95px!important;
	padding:0!important;
}
.nav-collapse {
	background-color:#f5f5f5;
	padding:0px 30px;
}
.navbar .nav > li {
	display: inline-block;
	float: left;
	width:100%;
	border-bottom: 1px dotted #CCCCCC;
}
.navbar .nav > li:last-child {
	border-bottom:none;
}
.navbar .nav {
	text-align: left;
	width: 100%;
}
.navbar .nav > li > a.collapse_menu1, .navbar .nav > li > a.dropdown-toggle, .navbar .nav > li > a.external {
	padding: 8px 0px;
	font-family: 'Open Sans', serif;
	font-size:12px;
	line-height:25px;
}
.is-sticky .navbar .nav > li > a {
	line-height:25px;
}
.navbar .show-menu {
	display:block;
}
.navbar .nav-collapse .nav.pull-right {
	float: left;
	margin:10px 0;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
}
 @media only screen and (max-width: 767px) {
.navbar-toggle {
    margin-top: 40px;
}
#panel_usuario {
	position: relative;
	top: 30px;
    right: 0;
    width: 80%;	
	margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
}
}
 @media only screen and (max-width: 479px) {
#panel_usuario {
	position: relative;
	top: 30px;
    right: 0;
    width: 80%;	
	margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
}
}

/***** FORMULARIO DE ALTA ****/
 @media (min-width: 768px){
.control-label {
	width: 25%;
	padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
	float: left;	
}
}
/***************************/

/****** SUBMENÚ CATAS ******/
@media (max-device-width:800px){
	#capa_cata_detalle{
		overflow: scroll;
	}
	#submenu.nav-tabs {
		border-bottom: 1px solid #ddd;
		width:100%!important;
	}
	#submenu.nav-tabs>li {
		float: none!important;
		margin-bottom: -1px;
	}
}
@media (max-width:765px){
	#capa_cata_detalle{
		overflow: scroll;
	}
	#submenu.nav-tabs {
		border-bottom: 1px solid #ddd;
		width:100%!important;
	}
	#submenu.nav-tabs>li {
		float: none!important;
		margin-bottom: -1px;
	}
}

/***** BÚSQUEDA DE CATADORES ****/
@media only screen and (max-width: 479px){
	#panel_usuario {
		position: relative;
		top: 30px;
		right: 0;
		width: 50%;
		margin: 0 auto;
		padding: 20px;
		border: 1px solid #ccc;
	}
}
@media (max-device-width:800px){
	#capa_scroll{
		overflow: scroll;
	}
}