@charset "utf-8";

/* CSS Document */

.menuFooter {
    height: 25px;
    margin: 0 auto;
    margin-top: 30px;
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
}

.menuFooter li {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #FFFFFF;
    font-family: "proxima-nova", sans-serif;
    font-size: 18px;
    width: auto;
    font-weight: 300;
    font-style: normal;
    float: left;
    height: 21px;
    line-height: 20px;
}

.menuFooter li:last-child {
    border-right: none;
}

.menuFooter li a {
    text-decoration: none;
}

.menuFooter li a:hover {
    text-decoration: underline;
}

#submenufooter {
    width: 400px;
    margin: -1em auto 1em auto;
    height: auto;
    overflow: hidden;
    text-align: center;
}

#submenufooter li {
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
    font-size: 18px;
}

#menuPrincipalCont {
    display: block;
    clear: both;
    width: 100%;
    border-top: 1px solid #CD9D76;
    height: auto;
}

#nav-mobile.nav-active {
    opacity: 1;
}

.menupActivo {
    background: rgba(0, 56, 69, 1.00);
}


/*menu nuevo index*/


/*querys para menu principal*/

@media only screen and (min-width:0px) {
    /* usuario */
    #welcomeDiv {
        width: 70%;
        text-align: right;
    }
    #welcomeDiv .menuDiv1,
    #welcomeDiv .menuDiv2 {
        display: none;
    }
    #nav-mobile-usuario {
        display: block;
        background: url(../_images/template/usuario.png) no-repeat center center;
        float: left;
        width: 35px;
        height: 35px;
        clear: left;
        left: 0.25em;
        opacity: 0.6;
    }
    #welcomeDiv .menuDiv1 {
        overflow: hidden;
        display: none;
        top: 40px;
        right: 0.5em;
        width: 80%;
        height: 76px;
        padding: 0.3em;
        position: absolute;
        z-index: 10;
        border-top: 1px solid rgba(205, 157, 118, 1.00);
        border-left: 1px solid rgba(205, 157, 118, 1.00);
        border-right: 1px solid rgba(205, 157, 118, 1.00);
        background: rgba(0, 84, 100, 0.9);
    }
    #welcomeDiv .menuDiv2 {
        overflow: hidden;
        display: none;
        top: 127px;
        height: 50px;
        right: 0.5em;
        width: 80%;
        padding: 0.3em;
        position: absolute;
        z-index: 10;
        border-bottom: 1px solid rgba(205, 157, 118, 1.00);
        border-left: 1px solid rgba(205, 157, 118, 1.00);
        border-right: 1px solid rgba(205, 157, 118, 1.00);
        background: rgba(0, 84, 100, 0.9);
    }
    #welcomeDiv .menuDiv1 li,
    #welcomeDiv .menuDiv2 li {
        /*background:rgba(0,84,100,1.00);*/
        float: none;
        width: auto;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-family: "proxima-nova", sans-serif;
        font-variant: normal;
        font-weight: 100;
        height: auto;
        font-size: 1.1em;
        color: rgba(255, 255, 255, 1.00);
        border: none;
    }
    #welcomeDiv .menuDiv1 li a:hover,
    #welcomeDiv .menuDiv2 li a:hover {
        text-decoration: underline;
    }
    /*	#welcomeDiv li.last{
		border:none;
	}
	#welcomeDiv li.last a{
		color:rgba(205,157,118,1);
		text-decoration:none;
	}
	
	#welcomeDiv li a:hover{
		text-decoration:underline;
	}
*/
    a.casitaLogo,
    a.setings {
        width: 10%;
        height: auto;
        display: block;
        clear: both;
        margin: 0 0 0 auto;
    }
    a.setings {
        margin: 0;
    }
    a.casitaLogo img,
    a.setings img {
        /*width:100%;
		height:auto;*/
        width: 1.5em;
        height: 1.5em;
    }
    /*resposivo menu principal*/
    #nav-mobile {
        display: block;
        background: url(../_images/template/nav.png) no-repeat center center;
        width: 30px;
        height: 35px;
        left: 0.25em;
        opacity: 0.6;
    }
    #menuPrincipal {
        width: 100%;
        float: right;
    }
    #menuPrincipal ul {
        display: none;
        clear: both;
        position: static;
        top: 5em;
        left: 0;
        z-index: 999;
        background: rgba(0, 84, 100, 0.9);
        width: 99%;
        height: auto;
        border-bottom: 1px solid rgba(205, 157, 118, 1.00);
    }
    #menuPrincipal li {
        display: block;
        overflow: hidden;
    }
    .mundo {
        width: 32px;
    }
    #menuPrincipal li img {
        float: right;
        display: inline;
        margin-right: 1em;
        margin-top: 0.25em;
    }
    #menuPrincipal li a {
        display: block;
        padding: 0.5em 0 0.5em 0.5em;
        font-size: 1em;
        border-top: 1px solid rgba(255, 255, 255, 1.00);
        border-left: 1px solid rgba(205, 157, 118, 1.00);
        border-right: 1px solid rgba(205, 157, 118, 1.00);
    }
    #menuPrincipal li:first-child a {
        border-top: none;
    }
    #menuPrincipal li a:hover {
        background: rgba(0, 56, 69, 1.00);
    }
    ul#sub1,
    ul#sub2,
    ul#sub3 {
        background: rgba(0, 56, 69, 0.8);
        position: relative;
        padding: 0;
        width: 100%;
    }
    #sub1 li a,
    #sub2 li a,
    #sub3 li a {
        border-top: none;
        border-left: none;
        border-right: none;
    }
    #sub1 li a:hover,
    #sub2 li a:hover,
    #sub3 li a:hover {
        background: rgba(0, 84, 100, 1.0);
    }
    /*
	#sub1 li, #sub2 li{
		border-bottom:1px solid rgba(0,84,100,0.9);
		border-left:none;
		border-right:none;
		
		background:none;
	}
	
	#sub1 li:last-child, #sub2 li:last-child{
		border-bottom:1px solid rgba(0, 56, 69, 0.9);
	}
	*/
    #menuSL {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
    #menuCL {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
}

@media only screen and (min-width:400px) {
    #welcomeDiv ul {
        width: 20%;
        left: auto;
        right: 0;
    }
    #menuPrincipal ul {
        top: 5.7em;
    }
}

@media only screen and (min-width:650px) {
    /* usuarios */
    #menuPrincipal ul {
        top: 6.2em;
    }
}

@media only screen and (min-width:750px) {
    /*resposivo menu principal*/
    #nav-mobile {
        display: none;
    }
    #menuPrincipal {
        float: none;
        width: 815px;
        margin: 0 auto;
        overflow: hidden;
        clear: both;
        position: relative;
        z-index: 0;
        border-bottom: none;
    }
    #menuPrincipal ul {
        width: 100%;
        height: auto;
        padding: 0em;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 0;
        top: 0;
        /*background:rgba(255,0,4,1.00);*/
        display: block;
        border-bottom: none;
    }
    #menuPrincipal ul li {
        float: left;
        width: auto;
        overflow: hidden;
        position: relative;
        z-index: 0;
        display: block;
        height: auto;
    }
    #menuPrincipal ul li a {
        padding: 0.5em 0.5em;
        display: block;
        border-top: none;
        font-size: 0.95em;
        border-left: none;
    }
    #menuPrincipal ul li a.vuelos {
        padding: 0.5em 1em;
    }
    #menuPrincipal li:hover ul {
        display: block;
    }
    #menuPrincipal li:first-child a {
        border-left: 1px solid rgba(205, 157, 118, 1.00);
    }
    #menuPrincipal li:last-child a {
        border-right: 1px solid rgba(205, 157, 118, 1.00);
    }
    #menuPrincipal ul li a img {
        display: none;
    }
    #menuPrincipal ul li ul.subM {
        /*border-left:1px solid rgba(205,157,118,1.00);
		border-bottom:1px solid rgba(205,157,118,1.00);
		border-right:1px solid rgba(205,157,118,1.00);*/
        position: absolute;
        top: 2.1em;
        left: 0;
        display: none;
        z-index: 2;
        overflow: hidden;
        background: rgba(0, 84, 100, 0.9);
    }
    #menuPrincipal ul li ul.subM li {
        display: block;
        overflow: hidden;
        clear: both;
        height: auto;
        width: 100%;
    }
    #menuPrincipal ul li .subM li a {
        border: none;
        padding: 0.7em 0.15em;
        font-size: 0.85em;
    }
    /*#menuPrincipal ul{
		overflow: auto;
		display:block;
		clear:both;
		position:relative;
		top:0em;
		left:0;
		z-index:inherit;
		background:none;
		width:100%;
		height:auto;
		margin:0 auto;
		border-bottom:none;
	
		
	}
	#menuPrincipal  li{
		display:inline;
		overflow:hidden;
		float:left;
		width:auto;
		height:auto;
		overflow:hidden;

	}
	#menuPrincipal li img{
		float:right;
		display:none;
		margin-right:1em;
		margin-top:0.25em;
	}
	
	#menuPrincipal li a{
		display:block;
		padding:0.5em 0.8em;
		font-size:0.82em;
		border-top:none;
		border-left:none;
		border-right:none;
		
	}
	#menuPrincipal li:first-child a{
		border-top:none;
		
	}
	

	#menuPrincipal li a:hover{
		background: rgba(0,56,69,1.00);
		
	}
	
	ul#sub1, ul#sub2, ul#sub3 {
		background:rgba(0,84,100,0.9);
		position:relative;
		float:none;
		padding:0.2em;
		overflow:hidden;
		z-index:999;
		display:none;
		font-size:0.7em;
		padding:0;
	
		
	
	}

		ul#sub1 li , ul#sub2 li, ul#sub3 li {
			float:none;
		
	}
	
	
	#sub1 li a, #sub2 li a, #sub3 li a{
		font-size:0.7em;
		padding:0;
	}
	
	#sub1 li a:hover, #sub2 li a:hover, #sub3 li a:hover{
		background:rgba(0,56,69,0.9);
	}
*/
}

@media only screen and (min-width:800px) {
    #menuSL {
        width: 90%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
    #nav-mobile {
        display: none;
    }
    #menuPrincipal {
        width: 775px;
    }
    .mundo {
        width: 32px;
    }
    #menuPrincipal ul li a {
        padding: 0.5em 0.37em;
        display: block;
        border-top: none;
        font-size: 1em;
        border-left: none;
    }
    #menuPrincipal ul li a.vuelos {
        padding: 0.5em 1.15em;
    }
    #menuPrincipal ul li ul.subM {
        top: 2.3em;
    }
    #menuPrincipal ul li .subM li a {
        padding: 0.7em 0.25em;
        font-size: 0.99em;
    }
    a.casitaLogo {
        width: 18px;
        height: 18px;
    }
}

@media only screen and (min-width:850px) {
    /*#menuPrincipal{
		width:849px;
		
	}
	
	/*#menuPrincipal ul li a{
		padding:0.6em 0.5em;
		
	}
	
	#menuPrincipal ul li a.vuelos{
		padding:0.6em 1.15em;	
		
	}
		
	
	#menuPrincipal ul li .subM li a{
		padding:0.7em 0.25em;
		font-size:1.04em;	
	
	}
	*/
}

@media only screen and (min-width:900px) {
    /*#menuPrincipal{
		width:899px;
		
	}
	
		
	
	
	
	#menuPrincipal ul li a{
		padding:0.6em 0.7em;
		display:block;
		border-top:none;
		font-size:1.12em;
		border-left:none;		
		
	}
	
	#menuPrincipal ul li a.vuelos{
		padding:0.6em 1.15em;	
		
	}
		
	
	#menuPrincipal ul li .subM li a{
		padding:0.7em 0.3em;
		font-size:1.1em;	
	
	}
	*/
}

@media only screen and (min-width:1020px) {
    /* crear el boton de tools*/
    #welcomeDiv .menuDiv1 li a.botonT {
        display: block;
        /*width:80%;*/
        width: 6em;
        height: auto;
        overflow: hidden;
        background: rgba(0, 140, 161, 1.0);
        padding: 0.2em 0.5em 0.1em 0.5em;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-top: -2px;
        text-decoration: none;
    }
    #welcomeDiv .menuDiv1 li a.botonT:hover {
        text-decoration: none;
    }
    #welcomeDiv {
        width: 90%;
        width: auto;
        display: block;
        text-align: right;
        overflow: hidden;
        height: auto;
    }
    #welcomeDiv .menuDiv1 {
        width: auto;
        top: 0;
        height: auto;
        overflow: hidden;
        display: block;
        padding: 0.15em 0;
        float: right;
        clear: both;
        position: relative;
        z-index: 10;
        border: none;
        background: none;
    }
    #welcomeDiv .menuDiv2 {
        width: auto;
        height: auto;
        overflow: hidden;
        top: 0;
        display: block;
        padding: 0.15em 0;
        float: right;
        clear: both;
        position: relative;
        z-index: 10;
        border: none;
        background: none;
    }
    #welcomeDiv .menuDiv1 li,
    #welcomeDiv .menuDiv2 li {
        float: left;
        width: auto;
        /*padding-left:10px;*/
        /*padding-right:10px;*/
        font-family: "proxima-nova", sans-serif;
        font-variant: normal;
        font-weight: 100;
        font-size: 0.90em;
        color: rgba(255, 255, 255, 1.00);
    }
    #welcomeDiv li.last {
        border-left: 1px solid rgba(197, 197, 197, 1.00);
    }
    #welcomeDiv li.last a {
        color: rgba(255, 255, 255, 1.00);
        text-decoration: none;
    }
    #welcomeDiv li a:hover {
        text-decoration: underline;
    }
    #nav-mobile-usuario {
        display: none;
        background: url(../_images/template/usuario.png) no-repeat center center;
        float: left;
        width: 35px;
        height: 35px;
        clear: left;
        left: 0.25em;
        opacity: 0.6;
    }
    /***/
    #menuPrincipal {
        width: 1057px;
    }
    #menuPrincipal ul li a {
        padding: 0.5em 0.8em;
        font-size: 1.15em;
    }
    #menuPrincipal ul li a.vuelos {
        padding: 0.5em 1.4em;
    }
    #menuPrincipal ul li ul.subM {
        top: 2.7em;
    }
    #menuPrincipal ul li .subM li a {
        padding: 0.7em 0.25em;
        font-size: 1.1em;
    }
    a.casitaLogo {
        width: 19px;
        height: 19px;
    }
}

@media only screen and (min-width:1200px) {
    #menuPrincipal {
        width: 1211px;
    }
    a.casitaLogo {
        width: 20px;
        height: 20px;
    }
    .mundo {
        width: 45px;
    }
    #menuPrincipal ul li a {
        padding: 0.5em 0.75em;
        font-size: 1.4em;
    }
    #menuPrincipal ul li a.vuelos {
        padding: 0.5em 1.4em;
    }
    #menuPrincipal ul li ul.subM {
        top: 3.1em;
    }
    #menuPrincipal ul li .subM li a {
        padding: 0.7em 0.25em;
        font-size: 1.1em;
    }
}

@media only screen and (min-width:800px) {
    li.nav-item.d-none.no-mobile.d-lg-block {
        display: block !important;
    }
    .no-mobile {
        display: block !important;
    }
}

@media only screen and (max-width:800px) {
    li.nav-item.d-none.no-mobile.d-lg-block {
        display: none !important;
    }
    .no-mobile {
        display: none !important;
    }
}