.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 0px !important;
}
.container-fluid2 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 0px !important;
}



.navbar-default .navbar-nav>li>a {
    color: #ededed !important;
}




.col-xs-12 {
    margin: 0 -12px !important;
}




#contenedor{
	height: 100%;
	background-size: cover;
	overflow: hidden;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  	#element{
  		display: none !important;

  	}
  }





  @media screen and (min-width: 769px) {
  	#element{
  		display: inline-block !important;
  	}
  }

@media (min-width:768px) {
  	#logodentro{
  		display: none;

  	}
  }
@media (min-width:768px) {
  	#logodentro2{
  		display: none;

  	}
  }






#img1{
    width: 100%;
    height: auto;
}
#img2{
    width: 100%;
    height: auto;

}



#sistemass{
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: 0;
	top: 70%;
	background-color: white;
	opacity: 0.9;

}
@media screen and (max-width: 768px) {
	#sistemass{
		height: 1% !important;
		top: 99% !important;
	}
}

  @media screen and (min-width: 769px) {
  	#sistemass:hover{

		height: 55%;
		width: 100%;
		top:45%;
		opacity: 0.9;

		transition-duration: 0.8s;
	    transition-timing-function: linear;
	    animation-iteration-count: 1;

		}
}


#sistemas{
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: 0;
	top: 70%;
	background-color: white;
	opacity: 0.9;
	z-index: 99;


}
@media screen and (max-width: 768px) {
	#sistemas{
		height: 1% !important;
		top: 99% !important;
	}
}
 @media screen and (min-width: 769px) {
  	#sistemas:hover{

		height: 55%;
		width: 100%;
		top:45%;
		opacity: 0.9;


		transition-duration: 0.7s;
	    transition-timing-function: linear;
	    animation-iteration-count: 1;

	}
}


#derecho{
	width: 100%;
	height: 30%;
	position: relative;
	top: 70%;
	left: 0px;
	background-color: white;
	opacity: 0.9;
	z-index: 100;


}
@media screen and (max-width: 768px) {
	#derecho{
		height: 1% !important;
		top: 99% !important;
	}
}
@media screen and (min-width: 769px) {
  	#derecho:hover{
		height: 55%;
		width: 100%;
		top:45;
		opacity: 0.9;


		transition-duration: 0.7s;
	    transition-timing-function: linear;
	    animation-iteration-count: 1;

	}
}

.menurojo{
	position: relative;
	left: 0%;
	width: 40%;
	height: 100%;
	background-image: #ff1913;
	overflow: hidden;
	float: left;
	width: 100% !important;

}






.tdrojo{
	left: 2%;
	position:relative;
	top: 0%;
	float: left;
	margin: 0 auto;




}

div.fras2{
	display: none;
}

div.fras2:hover{
	display: block;
}




.centrar{
	text-align: center;
	vertical-align: middle;
	padding-right: 35px !important;
	margin-top: 9%;
	margin-left: 20px;
}


.menucont{

	position:relative;
	max-width: 100%;
	top: 0%;
	float: left;





}


.menucont2{

	z-index: 1;
	margin-bottom: 50px !important;

}


.tdazul{
	position: relative;
	width: 100%;
	height: 100%;



}
.menuazul{

}

.row{
     margin-right: 0px !important;
}

.centro{
	margin-top: 10%;
	vertical-align: middle;
	text-align: center;
	max-width:90%;
	margin: 0 auto !important;
}
 .centra{

 	margin-top: 20px;
 }
.menu{

	background: #ff1913;
	width: 26%;
	height: 20%;
}

.col-xs-12 {
    margin: 0 0px !important;
}


li{
	margin-top: 3px !important;
	margin-bottom: 3px;
	color: white !important;
	border: solid 4px #ededed;
	background-color: #1a2f74;
	width: 100%;
	padding: 1px 0 !important;
	width: 100%;
	color: #ededed !important;






	-webkit-box-shadow: inset 7px 0px 96px 0px rgba(0,0,0,0.62);
    -moz-box-shadow: inset 7px 0px 96px 0px rgba(0,0,0,0.62);
    box-shadow: inset 7px 0px 80px 0px rgba(0,0,0,0.62);

   -webkit-box-shadow: 7px 0px 82px -63px rgba(0,0,0,0.32);
   -moz-box-shadow: 7px 0px 82px -63px rgba(0,0,0,0.32);
   box-shadow: 7px 0px 82px -63px rgba(0,0,0,0.32);
}
.lirojo{
	background-color: #ff1913;
	width: 100%;
	color: #ededed;
}

ul{

	width: 100% !important;

	text-align: center !important;
}

.ocultar{
	display: none;
}

@media (min-width: 768px) {
  .navbar-collapse {
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left:0;
    padding-right:0;

  }
  .navbar-collapse.collapse {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;



  }
  .nav{
  	padding-left: opx !important;
  }



  .navbar-collapse.in {
    overflow-x: visible;


  }

.navbar
{
    max-width:242px;
    margin-right: 0;
    margin-left: 0;
    max-height: 90%;
    text-align: center;



}



.navbar-nav,
.navbar-nav > li,
.navbar-left,
.navbar-right,
.navbar-header
{

}

.navbar-right .dropdown-menu {left:0;right:auto;}
.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}









.navbar{
	border: none !important;
}




.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding-left: 0px !important;
	padding-right: 0px !important;
}



.navbar-brand, .navbar-nav>li>a{
	text-shadow: none !important;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #ffffff !important;
	font-size: 103% !important;
}


/* colores de fondo
.navbar-default .navbar-nav>li>a{
	color: #d0d0d0 !important;
}


.container-fluid{

	background-color: #790000;


}
.container-fluid2{

	background-color: #1a2f74 !important;

}
*/











/*.mostra{
	opacity: 0;
}


.mostra:hover{
	opacity: 1;
}*/

#mostrar, #menu2 {
	display: none;

}
#menu-oculto{
	display: block;
}
#sistemas:hover #mostrar, #sistemas:hover #menu2{
	display: block;
	-webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
	}
#sistemas:hover #menu-oculto{
	display: none;
}




#mostrar, #menu1 {
	display: none;

}
#menu-oculto2{
	display: block;
}

#derecho:hover #mostrar2, #derecho:hover #menu1{
	display: block;
	-webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;


}

#derecho:hover #menu-oculto2{
	display: none;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

#inksistemas{
	text-decoration: none;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: absolute !important;
    top: 0px;
}