/* Starter CSS for Flyout Menu */
#dropupprincipal {
	padding: 0;
	margin: 0;
	border: 0;
}

#dropupprincipal{
	height: 40px;
	width: 200px;
}
#dropupprincipal{
	position:absolute;
	bottom:0px;
	left:0px;
}
#dropupprincipal .btnIcono{
	background-image: url(../images/btn_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 40px;
	width: 100px;
	position: absolute;
	margin-left: 40px;
}
.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-bottom: 15px;
}
#imagColours .bgWhite .row{
	background-color:#FFFFFF;
}
@media (min-width: 0px){
	#dropupprincipal ul, li {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	#dropupprincipal ul {
	  visibility: hidden;
	  opacity: 0.2;
	  bottom: 0px;
	  padding-bottom: 52px;
	  left: 0px;
	  position: absolute;
	  z-index: 597;
	}
	
	#dropupprincipal ul ul {
	  visibility: hidden;
	  position: absolute;
	  z-index: 598;
	  top: -49px;
	  left: 100%;
	  width: 200px;
	  padding-left: 2px;
	}
	#dropupprincipal ul ul ul{
	  padding-left: 4px;
	}
	
	#dropupprincipal .botonera:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s, visibility 0.3s;
	}
	#dropupprincipal ul li {
	  float: left;
	  line-height: 48px;
	  height: 48px;
	  margin:1px;
	  vertical-align: middle;
	}
	#dropupprincipal ul li.hover,
	#dropupprincipal ul li:hover {
	  /*position: relative;*/
	  z-index: 599;
	  cursor: default;
	}
	#dropupprincipal ul ul li {
	  float: none;
	}
	#dropupprincipal ul li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s, visibility 0.3s;
	}
	
	#dropupprincipal ul li {
	  float: none;
	}
	/* Custom Stuff */
	#dropupprincipal span,
	#dropupprincipal a {
	  display: inline-block;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 1em;
	  text-decoration: none;
	  font-weight: 200;
	}
	#dropupprincipal > div > ul > li > a > span {
	  font-weight: 600;
	}
	#dropupprincipal span.dest {
	  font-weight: 600;
	}
	
	#dropupprincipal:after,
	#dropupprincipal ul:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	#dropupprincipal > ul > li:first-child {
	}
	#dropupprincipal > ul > li:last-child {
	}
	#dropupprincipal > ul > li ul ul li:first-child {
	}
	#dropupprincipal > ul > li ul ul li:last-child {
	}
	#dropupprincipal ul,
	#dropupprincipal li {
	  width: 200px;
	}
	#dropupprincipal li {
	  background-color: #85a3bd;
	}
	#dropupprincipal li.has-sub {
		background-color: #547a98;
		display: block;
		top: 0px;
		position: relative;
	}
	/*
	#dropupprincipal li.has-sub:hover {
		background-color: #9BB4C6;
	    display: block;
		top: -350px;
		position: relative;
	}
	*/
	#dropupprincipal li:hover > a,
	#dropupprincipal li.active > a {
	  /*color: #FFF;*/
	}
	#dropupprincipal a {
	  color: #FEFEFE;
	  line-height: 48px;
	  padding-left: 20px;
	  width: 200px;
	}
	#dropupprincipal ul ul li {
	  background: #547a98;
	}
	#dropupprincipal ul ul li:hover {
	  background: #9BB4C6;
	}
	#dropupprincipal ul ul li a {
	  color: #FEFEFE;
	}
	#dropupprincipal ul ul a,
	#dropupprincipal ul ul a span {
		/*font-size: 0.9em;*/
	}
	#dropupprincipal ul ul a span {
		/*font-size: 1em;*/
	}
	 #dropupprincipal ul .parent:hover{
	 background-color:#FF0000;
	}
}
@media (min-width: 768px){
	#dropupprincipal ul, li {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	#dropupprincipal ul {
	  visibility: hidden;
	  opacity: 0.2;
	  bottom: 0px;
	  padding-bottom: 52px;
	  left: 0px;
	  position: absolute;
	  z-index: 597;

	}
	
	#dropupprincipal ul ul {
	  visibility: hidden;
	  position: absolute;
	  z-index: 598;
	  top: -49px;
	  left: 100%;
	  width: 200px;
	  padding-left: 2px;
	  height: 500px;
	}
	#dropupprincipal ul ul ul{
	  padding-left: 4px;
	}
	
	#dropupprincipal .botonera:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s, visibility 0.3s;
	}
	#dropupprincipal ul li {
	  float: left;
	  line-height: 48px;
	  height: 48px;
	  margin:1px;
	  vertical-align: middle;
	}
	#dropupprincipal ul li.hover,
	#dropupprincipal ul li:hover {
	  /*position: relative;*/
	  z-index: 599;
	  cursor: default;
	}
	#dropupprincipal ul ul li {
	  float: none;
	}
	#dropupprincipal ul li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s, visibility 0.3s;
	}
	
	#dropupprincipal ul li {
	  float: none;
	}
	/* Custom Stuff */
	#dropupprincipal span,
	#dropupprincipal a {
	  display: inline-block;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 1em;
	  text-decoration: none;
	  font-weight: 200;
	}
	#dropupprincipal > div > ul > li > a > span {
	  font-weight: 600;
	}
	#dropupprincipal span.dest {
	  font-weight: 600;
	}
	
	#dropupprincipal:after,
	#dropupprincipal ul:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	#dropupprincipal > ul > li:first-child {
	}
	#dropupprincipal > ul > li:last-child {
	}
	#dropupprincipal > ul > li ul ul li:first-child {
	}
	#dropupprincipal > ul > li ul ul li:last-child {
	}
	#dropupprincipal ul,
	#dropupprincipal li {
	  width: 200px;
	}
	#dropupprincipal li {
	  background-color: #85a3bd;
	}
	#dropupprincipal li.active {
	  background-color: #547a98;
	}
	#dropupprincipal li:hover {
	  background-color: #9BB4C6;
	}
	#dropupprincipal li:hover > a,
	#dropupprincipal li.active > a {
	  /*color: #FFF;*/
	}
	#dropupprincipal a {
	  color: #FEFEFE;
	  line-height: 48px;
	  padding-left: 20px;
	  width: 200px;
	}
	#dropupprincipal ul ul li {
	  background: #547a98;
	}
	#dropupprincipal ul ul li:hover {
	  background: #9BB4C6;
	}
	#dropupprincipal ul ul li a {
	  color: #FEFEFE;
	}
	#dropupprincipal ul ul a,
	#dropupprincipal ul ul a span {
		/*font-size: 0.9em;*/
	}
	#dropupprincipal ul ul a span {
		/*font-size: 1em;*/
	}
	 #dropupprincipal ul .parent:hover{
	 background-color:#FF0000;
	}
	.menu{
	display: block;
	position: relative;
	left: 60px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #547a98;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	}
}