*::-webkit-scrollbar { 
  display: none;
}

#bgnegro {
	  position: fixed;
		
		
    top: 0px;
		left: 0px;
		
		width: 100%;
		height: 70px;

		background-color: #000000;

		/*opacity: .8;*/
		opacity: 1;

    z-index: 1001;
}

#menubutton {
    position: fixed;
		cursor:pointer;
		
    top: 21px;
    left: 0px;

    z-index: 1001;
  }

  #menu {
    position: fixed;

    display: none;

    opacity: 0;
    filter: alpha(opacity=0); 

		left: 0px;
		top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    /* max-width: 1900px; */
    z-index: 999;
    }

  #bgmenu {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  #bgplano {
    position: absolute;
    width: 100%;
		height: 100%;

		top:70px;

		opacity: .8;
		
		background-color: #000000;
  }	

  .relleno {
    position: absolute;

    left: 0px;
    top: 0px;

    width: 5px;
    height: 5px;

    background-color: #CCCCCC;
  }

  #txtbg {
    position: absolute;
    left:0px;
    top:0px;

    width: 1900px;
    height: 1050px;
  }		
  
  #botlin {
    position: absolute;
    left: -9px;
    top: -9px;

    width: 40px;
    height: 40px;
  }

  #lin1 {
    position: absolute;
    left: 0px;
    top: 0px;

		width: 25px;
  }

	#lin1 img {  display: block }

  #lin2 {
    position: absolute;
    left: 0px;
    top: 6px;

    width: 25px;
  }

	#lin2 img {  display: block }

  #lin3 {
    position: absolute;
    left: 0px;
    top: 12px;
    
    width: 25px;
	}

	#lin3 img {  display: block }

.logoclass {
	background-image: url("/img/logo.png");
	background-size: contain;
	background-repeat: no-repeat;

	/*width: 161px;
	height: 46px;*/
	width: 91px;
	height: 46px;

	left: 50px;
	top: 20px;

}

		#opciones {
			position: absolute;
			left: 0px;
			width: 1920px;
			height: 300px;
			/*background-color: #ff0000;*/
		}

		.optionsMax {
				top: 30%;
		}

		.optionsMin {
				top: 20% !important;
		}

		.conopc {
			position: absolute;

			width: 200px;
			height: 20px;
			
		/*	background-color: #ff00ff;*/
		}

		.subconopc {
			position: absolute;

			width: 300px;
			height: 200px;

			top: 23px;
			left: 0px;

			overflow: hidden;

		/*	background-color: aqua;*/
		}

		.subssubs {
			position: absolute;
			
		/*	width: 100%;*/

			top: 0px;
			left: 0px;

			/*background-color: #00ff00;*/
			color: #ffffff;

			text-align: center;

			cursor:pointer;

			font-family:'Zilla Slab', serif;
			font-weight: 200;
			font-style: normal;

			font-size: 19;

		}

		.fontmenuMax {
			font-size: 22px;

			font-family:'Zilla Slab', serif;
			font-weight: 300;
			font-style: normal;

			color: #ffffff;

			/*background-color: aqua;*/
		}

		.secClass {
			position:absolute;
			cursor:pointer;
		}

		.cursordefault {
			cursor: default !important;
		}

		.flecha {
			position: absolute;

			left:0px;
			top:6px;

			width: 15px;
			height: 10px;
		}

		#up_arrow {
			position: absolute;

			opacity: 0;
		}

		#down_arrow {
			position: absolute;
			
			opacity: 1;

		}

				@media (min-width: 1025px) and (max-width: 3000px) {
					#logo { 
						/*transform: scale(1); */
						left: 50px;
						top: 20px;
					}

					.fontmenuMax {
						font-weight: 300;
						font-size: 21px;

						color: #ffffff;
					}
				}
				
				/* 
					##Device = Tablets, Ipads (portrait)
					##Screen = B/w 768px to 1024px
				*/
				@media (min-width: 768px) and (max-width: 1024px) {
				
					#logo { 
						/*transform: scale(1); */
						left: 50px;
						top: 20px;
					}
					.fontmenuMax {
						font-weight: 300;
						font-size: 21px;
						color: #ffffff;
					}
				}
				
				/* 
					##Device = Tablets, Ipads (landscape)
					##Screen = B/w 768px to 1024px
				*/
				@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
				
					#logo { 
						/*transform: scale(1);*/
						left: 50px;
						top: 20px;
					}
					.fontmenuMax {
						font-weight: 300;
						font-size: 22px;
						color: #ffffff;
					}					
				}
				
				/* 
					##Device = Low Resolution Tablets, Mobiles (Landscape)
					##Screen = B/w 481px to 767px
				*/
				@media (min-width: 481px) and (max-width: 767px) {
				
					#logo { 
						/*transform: scale(1);*/
						left: 22px;
						top: 20px;
					}
					.fontmenuMax {
						font-weight: 300;
						font-size: 22px;
						color: #ffffff;
					}					
				}
				
				/* 
					##Device = Most of the Smartphones Mobiles (Portrait)
					##Screen = B/w 320px to 479px
				*/
				@media (min-width: 320px) and (max-width: 480px) {
					#logo { 
						transform: scale(.9); 
						left: 23px;
						top: 19px;
					}
					.fontmenuMax {
						font-weight: 300;
						font-size: 23px;
						color: #ffffff;
					}					
					
				}

.myOrange {
	color: #ff8600 !important;
}

.cursiva{
	font-style: italic;
}